🔶 ایجاد و نمایش نمونه کارها با استفاده از کتابخانه mixitupJS در وردپرس

۱. پست تایپ (نوع نوشته) برای نمونه کارها یا گالری ایجاد کنید.

add_action( 'init', 'portfolios' );
function portfolios() {
    register_post_type( 'portfolios',
        array(
            'labels' => array(
                'name' => 'نمونه کار ها',
                'singular_name' => 'نمونه کار'
            ),
            'public' => true,
            'rewrite' => array( 'slug' => 'portfolios' ),
            'menu_icon' => 'dashicons-slides',
            'supports' => array('noscript', 'thumbnail', 'editor'),
            'taxonomies' => array('category'),
        )
    );
}

۲. فایل های مورد نیاز را در فایل Functions.php فراخوانی کنید.

function Rayium_noscripts()
{
    wp_enqueue_style('bootstrap-rtl',Rayium_URL . '/css/bootstrap.rtl.min.css');
    wp_enqueue_noscript('jquery_js',Rayium_URL . '/js/jquery.min.js',array('jquery'),true);
    wp_enqueue_noscript('mixitup_min_js',Rayium_URL . '/js/mixitup.min.js',array(),true);
}
add_action('wp_enqueue_noscripts','Rayium_noscripts');

کد بالا فایل های بوت استرپ ۵ و جی کوئری ۳.۳.۶ و mixitup فراخوانی می کند.

در فایل header.php در داخل تگ head توابع <?php wp_head() ?> را قرار دهید تا فایل های فراخوانی شده اعمال شود.

۳. کد نمایش نمونه کار همراه با کد توابع وردپرس :

<!-- نمونه کارها -->
<div class="noscript mt-3 text-center">
    <h1 class="fs-3">نمونه کارها</h1>
</div>

<section class="portfolio mt-4 mb-4">
    <div class="text-center">
        <?php
        $all_categories = get_categories(array(
            'hide_empty' => true
        ));
        ?>
        <?php foreach($all_categories as $category): ?>
            <button type="button" class="btn btn-danger" data-filter=".<?php echo $category->slug; ?>"><?php echo $category->name; ?></button>
        <?php endforeach; ?>
    </div>

    <div class="filter">
        <div class="row mt-4">
            <?php
                $args = array(
                    'post_type' => array('portfolios'),
                );

                $query = new WP_Query($args);

                if ($query->have_posts()){
                    while ($query->have_posts()){
                        $query->the_post();
                        $categories = get_the_category();
                        $slugs = wp_list_pluck($categories, 'slug');
                        $class_names = join(' ', $slugs);
            ?>
            <div class="col-6 col-md-3 mb-3 mix<?php if ($class_names) { echo ' ' . $class_names;} ?>" id="caption">
                        <span class ="text text-center">
                            <i class="fa-solid fa-eye fa-2x"></i>
                            <h4><?php the_noscript() ?></h4>
                        </span>
                <figure class="imgport">
                    <?php echo the_post_thumbnail('full', ['class' => 'img-fluid']) ?>
                </figure>
            </div>
            <?php   }
                }
            ?>
        </div>
    </div>
</section>
<!-- پایان نمونه کارها -->

۴. فعال سازی کتابخانه mixitupJS :

<noscript>
    var containerEl = document.querySelector('.filter');
    var mixer = mixitup(containerEl);
</noscript>

https://rayium.ir/?p=308
https://www.kunkalabs.com/mixitup/
#وردپرس

@TheRaymondDev

🔶 پیش نمایش :

@TheRaymondDev

🔶 سایت githubunwrapped براساس فعالیت کاربر در گیت هاب اطلاعات آن را به صورت ویدئو به صورت انیمیشنی زیبا می سازد.

https://githubunwrapped.com/

#ابزار

@TheRaymondDev

🔶 فعالیت من در گیت هاب

https://github.com/Rayiumir

@TheRaymondDev

🔶 تیم وردپرس قرار است که کتابخانه تغییر فونت در نسخه 6.4 وردپرس منتشر کند و اما به نسخه 6.5 موکول کرد.

چه مشکلی در انتشار کتابخانه تغییر فونت در هسته وردپرس پیش آمد؟

طبق گفته Jonny Harris سرپرست وردپرس من در حال بررسی فونت API PR هستم. این کد به سادگی از سبک کد اصلی WP پیروی نمی کند و با وردپرس سازگاری ندارد.

علل مشکلات آن :

- محدودیت API : نیاز به توابع wp_insert_font / wp_create_font و غیره ... داریم.
- فقدان فیلتر یا اکشن ها.
- راهی برای ثبت نکردن مجموعه فونت ها وجود ندارد.
- قابلیت ها. ایجاد فونت های جدید باید محدودیت هایی داشته باشد و تنها به ویرایش گزینه های تم خلاصه نشود.
- پیکربندی ساختار API. مجموعه باید اشیا فونت تعبیه شده داشته باشد.
- وقتی مجموعه ها ثبت نشده باشند چه اتفاقی برای فونت ها می افتد؟
- اگر فونت ها به عنوان شی پست ذخیره شوند، آیا می توانم برای گرفتن همه فونت ها از یک مجموعه کوئری بگیرم؟
- آیا فونت ها هنگام حذف توسط کاربر حذف می شوند؟
- هیچ راهی برای فیلتر کردن محل ذخیره سازی فونت وجود ندارد.

بنابراین هیچ تضمینی نیست در نسخه 6.5 منتشر شود و مسئله زمان است که این مشکلات رفع شوند.

اطلاعات بیشتر در پیوند زیر:

https://wptavern.com/wordpress-6-4-font-library-feature-punted-to-6-5-release

#خبر
@pedramrahimi1975
@TheRaymondDev

قصد توهین و تمسخر ندارم. ولی واقعاً عجیب و غیر قابل قبوله که شما برای موقعیّت شغلی Senior Front-end Developer داوطلب بشی، رزومه‌ات پر از عناوین team lead و senior باشه ولی در مواجهه با ساده‌ترین سؤالات ممکن بگی: من جاوااسکریپت بلد نیستم، برنامه‌نویسی رو با انگولار یاد گرفته‌ام.

@DevTwitter | <محمدرضا علی‌حسینی/>

🔶 آموزش ویدئویی تغییر تم ویندوز 11 به مک او اس

واقعا عالی شده 👌

https://www.youtube.com/watch?v=J53YUJLQmkQ

#ویندوز

@TheRaymondDev

🔶 بهشت لیست ابزارهای کاربردی متن باز

https://github.com/awesome-selfhosted/awesome-selfhosted

#ابزار

@TheRaymondDev

🔶 نتیجه یک پژوهش: کاربران در سال 2023 بیش از 1.3 تریلیون ساعت آنلاین بوده‌اند

https://www.domo.com/learn/infographic/data-never-sleeps-11

#خبر

@TheRaymondDev

🔶 وب سایت ورسل V0 صفحات UI را تبدیل به کد می کند.

https://v0.dev/

نکته : یه سری تازه کار فرانت اند میاد که UI رو با استفاده از ورسل V0 تبدیل به کد می کند و بعد توی رزومه اش می نویسه نمونه کارهای من که بعدا اگر لو رفت, گندش در میاد که بگه بلد نیستم این UI رو تبدیل به HTML کنم.

#ابزار

@TheRaymondDev

🔶 اینستاگرام صادق بوقی به 1 میلیون دنبال کننده رسید.

#خبر

@TheRaymondDev

🔶 فوق العادست, فرض کن هوش مصنوعی روی کامپیوتر کوانتومی پیاده کند که تصورش دشواره ...

@TheRaymondDev

اپوکالیپس؛ مشکلی که همه زمان سنج‌های یونیکسی در سال ۲۰۳۸ خواهند داشت.

مساله اینه که وقتی خدایگان یونیکس تصمیم گرفتن روشی برای زمان‌سنجی اختراع کنن، با خودشون گفتن «ما تعداد ثانیه‌های گذشته از ۱ ژانویه ۱۹۷۰ رو می‌شمریم» و برای اینکار از یه عدد ۳۲ بیتی علامت‌دار استفاده کردن و این متغیر در ۲۰۳۸ پر خواهد شد و زمان ریست می‌شه (: راه حل احتمالی؟ مهاجرت همه لینوکس‌ها، بی اس دی‌ها، یونیکس‌ها،‌ دیتابیس‌ها و همه دوستاشون به زمان سنج‌های ۶۴ بیتی.

https://youtube.com/shorts/ZY4e79NIdVk?feature=share

وب‌سایتی وجود داره به نام http://theresanaiforthat.com که هم معتبره هم مثل بانک ابزارهای AI میمونه.
درباره هر موضوعی سرچ کنید منابع مبتنی بر AI رو بهتون معرفی می‌کنه.

ابزارهای powerpoint

@DevTwitter | <Sabber/>

🔶 برای انجام برخی از کارها در چارچوب Laravel 10 (مثل اعتبار سنجی) ، ممکن است نیاز به نشان دادن خطا و یا ایراداتی به کاربر باشیم، تا کاربر بتواند مطابق محدودیت‌های تعیین شده داده را در فرم و یا Field مربوطه تکمیل و ارسال کند. در این چارچوب، زمانی که از کلاس Validator استفاده میکنیم و از $errors برای نشان دادن آن خطا به کاربر استفاده میکنیم، متوجه یک مشکلی میشویم. مشکل این هست که تمامی ارورهایی که به کاربر نشان میدهد، به زبان انگلیسی هستند. برای این که این مشکل حل شود راه حل‌های مختلفی وجود دارد. اما از بین راه حل‌های موجود (که بنظر من راه حل راحت و آسانی هست)، میتوان از Laravel-Lang استفاده کرد.

نصب و استفاده از Laravel-Lang:

1. برای استفاده از آن در ویندوز و لینوکس یا مک او اس، ابتدا در برنامه Command Prompt وارد مسیر اصلی پروژه شده (یا با استفاده از Terminal برنامه PhpStorm) فرمان زیر را اجرا کنید:

composer require laravel-lang/lang --dev

2. پس از این که Laravel-Lang نصب شد، برای استفاده از Attribute، میتوان از Laravel Lang: Attributes استفاده کرد. برای نصب آن، فرمان زیر را اجرا کنید:

composer require laravel-lang/publisher laravel-lang/attributes --dev

3. برای اجرا و پیاده سازی آسان، دستور زیر را اجرا کنید تا Laravel Lang Publisher در پروژه نصب شود:

composer require laravel-lang/publisher laravel-lang/lang --dev

4. پس از آن، در مسیر پروژه خود، وارد فولدر Config شده و فایل app.php را باز کنید.
5. در درون فایل app.php کد زیر را پیدا کنید:

'locale' => 'en',

کد فوق را با کد زیر جایگزین کنید:

'locale' => 'fa',

6. فرمان زیر را در اجرا کنید تا موارد مربوط به زبان فارسی در پروژه مورد نظر پیاده سازی شود:

php artisan lang:update

مزایای استفاده از روش فوق، آسان بودن آن است و میتوان به راحتی، موارد مربوط به خطاها و Attributها را ویرایش کرد
برای ویرایش Attribute در زبان فارسی، در مسیر پروژه خود، به فایل زیر بروید:

vendor\laravel-lang\attributes\locales\fa\php.json

و برای ویرایش موارد مربوط به خطاها میتوان فایل‌های موجود در مسیر زیر را ویرایش کرد:

vendor\laravel-lang\lang\locales\fa

پس از ویرایش موارد فوق، مجدداً دستور زیر را اجرا کنید تا تغییرات اعمال شود:

php artisan lang:update

#لاراول

@TheRaymondDev

🔶 در تعجبم که واحد منابع انسانی یا هر واحد دیگر در شرکت ایرانی چگونه مدیریت می شوند؟

دیروز رزومه ای به عنوان کارشناس طراحی سایت به شرکت (نام نمی ببرم) نفت و گاز فلانی فرستادم و چند ساعت بعد جواب رد شنیدم که پیامش این بوده : درخواست همکاری شما از سوی این شرکت به دلیل «نداشتن دانش و تخصص کافی در این حوزه» مورد پذیرش قرار نگرفت.

توی اگهی هیچی ننوشته که تخصص چی می خواد و همین گفت طراحی سایت می خواد. و بعدش نوشته حوزه طراحی UI/UX و Sql Server 😐

من رزومه فرستادم که شاید فرجی شد. بعد که سریع جواب رد داد دیدم که چقدر این شرکت ها سم تشریف دارند که رزومه ای که نخونده سریع جواب رد میدن و برای منی که 10 سال روی وردپرس کار کردم و 2 سال سابقه کاری حداقلی دارم. حتی دارم روی لاراول کار می کنم.

برای همین میگم 90 درصد شرکت های ایرانی درپیت محسوب میشه که براشون نیرو کار تخصص مهم نیست. بی سوادی در شرکت های ایرانی بیداد می کند.

@TheRaymondDev

🔶 این پکیچ ترجمه زبان توسط برنامه نویس علی صالح به اشتراک گذاشته است.

با نصب این پکیچ در لاراول زبان en به fa ترجمه می کند و به همراه فایل های آن ایجاد می شود.

ترجمه فایل های آن با مترجم گوگل انجام می شود.

https://github.com/alisalehi1380/laravel-lang-files-translator

#لاراول

@TheRaymondDev