🔶 نمایش تعداد کلمات هر صفحه در لیست صفحات وردپرس

add_filter('manage_pages_columns', 'pwc_plugin_add_words_count_column');
add_action('manage_pages_custom_column', 'pwc_plugin_fill_words_count_column', 5, 2);

//filters
function pwc_plugin_add_words_count_column($columns)
{
    $myCustomColumns = array(
        'words_count' => __('Words Count')
    );
    $columns = array_merge($columns, $myCustomColumns);
    return $columns;
}

//actions
function pwc_plugin_fill_words_count_column($column_name, $page_id)
{
    if ($column_name === 'words_count') {
        $page_object = get_page($page_id);
        echo (count(explode(" ", strip_tags($page_object->post_content))));
    }
}

https://github.com/navidbakhtiary/WordPress-PWC-Plugin
#وردپرس

@TheRaymondDev

می دونید که هنوز اسنپ فود نمی دونه از کجا هک شده!
حالا طبق گزارش Hudson روی سیستم یکی از کارمندها StealC infostealer پیدا کردن!
سناریو احتمالی این می تونه باشه که هکر با VPN فرد وصل شده و به همین خاطر برای انتقال داده‌ها در اون حد زیاد شناسایی نشده!

https://www.infostealers.com/article/mysterious-hacker-strikes-iran-with-major-cyberattacks-against-industry-leading-companies/

@DevTwitter | <Vahid Nameni/>

🔶 کار به جایی رسیده که اکثرا سن پایین به اصصلاح بچه سال در کانال یا گروه برای خودشون کارشناس شدند و تحلیل های ارائه می دهد.
همین رده سن های 14 به بالا کارشناس شدند و مسائل روز را تحلیل می کند.
😂😂😂

@TheRaymondDev

💗 مادر، روزت مبارک

هر چند من مادر ندارم.

بهرحال روزت مبارک ❤️❤️❤️

@TheRaymondDev

🔶 پشتیبانی Ubuntu 23.04 تا 2 هفته دیگر به پایان می رسد.

#خبر

@TheRaymondDev

🔶 اینترنت رایتل گران شد.

در حال حاضر اینترنت ۱ گیگ ماهانه با مالیات ۱۵۰۰۰ تومان به فروش می رسد.

@TheRaymondDev

هدیه سال نو گوگل

گوگل یک دوره رایگان بزرگ در زمینه شبکه های عصبی برای مبتدیان راه اندازی کرده است. این دوره 32 ساعت اصول اولیه را از ابتدا آموزش می دهد

https://www.cloudskillsboost.google/paths/118





🆔 @code_pedia

ما ایرانیا از زمان خلقت soft98 داشتیم و به همین دلیل ارزش این پست رو کلا درک نمیکنیم :)))

@DevTwitter

🔶 فراخوانی حرفه ای فایل کتابخانه ها در وردپرس

اگر می خواهید از کتابخانه خود وردپرس در طراحی قالب استفاده کنید به روش زیر عمل کنید.

کد زیر:

defined('ABSPATH') || exit;

define("RAYIUM_URL", get_template_directory_uri());
define("RAYIUM_PATH", get_template_directory() . DIRECTORY_SEPARATOR);
define("RAYIUM_STYLE", get_stylesheet_uri());

define('RAYIUM_SHOP_CSS', RAYIUM_URL . '/css/');
define('RAYIUM_SHOP_IMG', RAYIUM_URL . '/img/');
define('RAYIUM_SHOP_JS', RAYIUM_URL . '/js/');

define('RAYIUM_SHOP_VERSION', '1.0.0');

define(
    'RAYIUM_SHOP_ASSETS_VERSION',
    defined('WP_DEBUG') &&
    WP_DEBUG ? time() : RAYIUM_SHOP_VERSION
);

function rayium_styles(){

    wp_enqueue_style(
        'bootstrap_css', 
        RAYIUM_SHOP_CSS . 'bootstrap.rtl.min.css',
        [],
        '5.3.0'
    );

    wp_enqueue_style(
        'all', 
        RAYIUM_SHOP_CSS . 'all.css',
        [],
        '4.1.0'
    );

    $css_deps = [];

    wp_enqueue_style(
        'rayium-style',
        RAYIUM_STYLE,
        $css_deps,
        RAYIUM_SHOP_ASSETS_VERSION
    );
}
add_action('wp_head', 'rayium_styles', 1);

function rayium_noscripts(){

    wp_enqueue_noscript(
        'bootstrap_js', 
        RAYIUM_SHOP_JS . 'bootstrap.bundle.min.js',
        [],
        '5.3.0',
        true
    );

    $js_deps = [
        'jquery'
    ];

    wp_enqueue_noscript( 
        'rayium_theme', 
        RAYIUM_SHOP_JS . 'theme.js',
        $js_deps,
        RAYIUM_SHOP_ASSETS_VERSION,
        true
    );
}
add_action('wp_footer', 'rayium_noscripts');

کد بالا دو تا wp_head و wp_footer داریم که فایل های آن استایل ها در بخش هدر یا سربرگ و اسکریپت ها در بخش فوتر یا پابرگ قرار می گیرد که باعث میشه که با رندر شدن صفحه زودتر بارگزاری شود.

یه رشته ای داریم به نام $js_deps که به کارگیری آن می توانید هر کتابخانه ای که در خود وردپرس به کار گرفته است رو صدا بزنیم که مثلا jquery رو صدا زدیم و نیازی نیست خارج از وردپرس کتابخانه رو دانلود و استفاده کنیم.

لیست کتابخانه هایی که خود وردپرس استفاده می کند.

https://developer.wordpress.org/reference/functions/wp_enqueue_noscript/#default-noscripts-and-js-libraries-included-and-registered-by-wordpress

اگر به کتابخانه های وردپرس نیاز ندارید, می توانید این قسمت $js_deps را خالی بزارید.

در آخر اگر کتابخانه ای در وردپرس موجود نباشد و قصد دارید خارج از وردپرس کتابخانه ای رو به بکار بگیرید به روش زیر عمل کنید:

 wp_enqueue_noscript(
        'bootstrap_js', 
        RAYIUM_SHOP_JS . 'bootstrap.bundle.min.js',
        [],
        '5.3.0',
        true
    );

#وردپرس

@TheRaymondDev

🔶 در بیانیه #اسنپ_فود امکان حذف اکانت در دستور کار قرار گرفت ، وقتشه باقی اپ ها رو هم مجبور کنیم این اتفاق و رقم بزنن ، کنشگریمون بی تاثیر نیست
امیدوارم شرکتهای دیگه هم زودتر دست بکار بشن و امکان حذف اکانت رو در دستور کارشون بزارن هرچه سریعتر

https://twitter.com/iSegaro/status/1742598309078880458

#خبر

@TheRaymondDev

کرمان تسلیت 🖤

به بهونه تولد 15 سالگی بیت‌کوین، چون اولین بلاک از همه خلوت تره، اینجا یه نگاهی انداختم به اولین بلاک و پیامی که ساتوشی توش گذاشته بود.
لینک یوتیوب
پلی لیست بیت‌کوین
@gooyban #bitcoin #selfhosting

🔶 رفع خطای نماد $ در جاوا اسکریپت

اگر پروژه ای که با جاوا اسکریپت نوشته شده است و به وردپرس منتقل کردید اما خطای $ را دریافت می کنید که خطا به این صورت است:

Uncaught ReferenceError: $ is not defined

معمولا این خطا زمانی می دهد که پروژه جاوا اسکریپتی که نوشتید با دستورات جی کوئری باشد و اما با نماد $ که از اول پرانتز قرار دارد با جی کوئری سازگار نباشد.

برای رفع این خطا کافیه کد زیر را جایگزین کنید:

var $ = jQuery;
jQuery(document).ready(function($){
     // Codes
});

با تعریف دستور var کلمه jQuery جایگزین $ می شود که با کتابخانه جی کوئری سازگار می شود.

#جاوا_اسکریپت

@TheRaymondDev

🔶 بوت استرپ (Bootstrap) و تلی ویند (Tailwind) هر دو عالی هستند .

من بیشتر پروژه با بوت استرپ پیش میبرم و چون توسعه با آن راحت تر است.

تلی ویند چند وقتی باهات کار کردم اما به خاطر وجود کلاس های طولانی برای توسعه پروژه زمان زیادی می گیره و ور گرنه عالی هستند.

در آخر اگر تمایل ندارید هر دو چارچوب به کار بگیرید کافی است که از گرید بوت استرپ که کارش رسپانسیو سازی صفحات هست را به کار بگیرید و بقیه المان ها رو با HTML و CSS بنویسید.

#فرانت_اند

@TheRaymondDev

🔶 بوت استرپ اونقدر برگزیده است که مایکروسافت روی تمپلیت MVC و Blazor برای پروژه های سی شارپی به طور پیشفرض فعالش کرده!

یعنی وقتی یه پروژه‌ی خام استارت می کنی تحت وب، اینم نصب میشه و یه قالب مَشتی بی دردسر میده به برنامه نویسان تنبل مایکروسافت که بدون بلد بودن css بتونن خفن ترین رابط کاربری رو تحت وب بسازن.

حالا چون صحبت از گرید در بوت استرپ شد می‌خوام یه قابلیت خفن از نسخه‌ی ۵ به بعد رو بهتون بگم:

در بوت استرپ فرض بر اینه که برای حالت معمولی یا ریسپانسیو در هر حال صفحه ۱۲ ستون داشته باشه و شما برای چیدن عناصر در هر ردیف قبلاً باید مضربی از ۲ یا ۳ رو استفاده میکردین که بگین مثلاً یه تعداد مشخص آیکون چطور در یک ردیف کنار هم باشن.
ولی از نسخه‌ی ۵ به بعد این محدودیت برداشته شده!
یعنی مثلاً من می‌خوام ۷ تا آیکون یا ۵ تا کنار هم در یک ردیف با فواصل مساوی باشند. برای این کار دیگه حتا عدد نوشتن لازم نیست کافیه اینطوری بنویسم:

<div class="row">        ردیف

     <div class="col">     ستون۱
      ...
     </div>
     
     <div class="col">     ستون۲
      ...
     </div>
      ...
</div>

این یعنی شما فقط یه کلاس col به هر ستون میدی و هر چند تا ستون داخل یک row باشه خودش خودکار اون محدوده رو به تعداد مساوی تقسیم می کنه بین اون تعداد ستون!

قدیم ولی باید مثلاً اگه میخواستی از ۱۲ ستون در یک ردیف سه تاش مال یه div باشه کلاسش رو باید می نوشتی col-3
جالبه حالا مثلاً اگه بخواهی سه تا ستون وسط ردیف باشه و دو طرفش ستون خالی باشه، به تعداد مساوی هر چند تا div با کلاس col و بدون اینکه محتوایی داخلش بذاری همینطور خالی کافیه در دو طرف اون سه تا div که محتوا یا آیکون دارن بذاری.

نویسنده : @pedramrahimi1975

@TheRaymondDev

کلیدهای سفارشی Bootstrap

رنگ کلیدهای بوت استرپ محدود به ۵ رنگ یا همین حدوده.
یه سایت کد جالبی ارائه کرده که با زحمت زیاد به صورت آفلاین ذخیره اش کردم تا با سرعت خیلی بالا به هر رنگ دلخواه کلید بوت استرپی بسازیم!
اولین پارامتر برنامه اسم کلاسی هست که به رنگ اون کلید میدیم و هر جا این نام کلاس رو به کار ببریم به کلید مورد نظر دست پیدا خواهیم کرد.
کافیه فقط کدهای css رو که جنریت کرده به پروژه اضافه کرده باشیم.

#code #codegenerator #css #bootstrap

🔶 تعریفای عجیبی از فریم ورک و کتابخونه میبینم😁
----------
از نطر مهندسی و از نظر فرانتی میگم (فرانتی شوخی بود از نظر بیزنسی )
از نظر مهندسی :حداقل ویژگی فریمورک اینه کد تو رو کال میکنه 'اصل هالیود'
we call you
مثال :
شما کدت رو میفرستی ب ری اکت دام و اون اپلیکیشن رو ران میکنه
اصلا چرا به ری اکت میگن فریم ورک؟ خود سایتش میگه لایبرری ! توبیشتر بلدی انگار؟

منظور ترکیب حداقلی——->
react +react dom
هست برای همین بهش میگن فریمورک (من باشم میگم میکروفریمورک )
خود اون کدی ک شما توازReact امپورت میکنی اونReact ,کتابخونست

نکته:در ادامه صحبتی از معماری میشه شما تو فرانت پترن uiداری نمونه بارزش میشه انگولار
درنهایت ui logicمینویسی نه بیزنس لاجیک

این mvc برای خیلی ها دردسر ساز شده متاسفانه
مثال های دیگه
مثلا لاراول و جنگو مونولیث فریمورکن یعنی تا حد زیادی همه نیاز های شما رو هندل میکنند
فرعی :
مونولیث چیه‌؟ در اینجا یعنی معماری اپلیکیشن همینه ک فریمورک میگه(گفتم در این مفهمومی که اینجا صحبت میکنیم )
میتونی باهاش بجنگی(با کی ؟‌با معماری فریمورک) و تبدیلش یکنی به کلین ارکیتکچر مثلا ک ... خوبی و بدی خودشو رو داره تو لاراول دیدم میگن خب پروژه بزرگ شد بریم ddd حالا درکشون از ddd واردش نشم خیلی بهتره
ایا کد ثانویه میشه به فریمورک های مونولیث اضافه کرد ؟ بله کلی پکیج هست براشون

ایا فریمو ورک غیر مونولیث هم هست؟بله
مثال میزنی ؟
فلسک(معماری خاصی رو فورس نمیکنه)
اکسپرس
سیمفونی (؟)
----------
لایبرری یعنی شما کالش میکنی یه چیزی بهت میده
مثل کتابخونه ریاضی تو هر زبانی
نکته : تو استاندارد لایبری زبان ها بعضا فریمورک پیدا میشه
tinker توپایتون مثلا
و...

اما دید تجاری -»»»>
دید تجاری
محصولی با عنوان
دات نت فریمورک !‌
،همه میدونن دات نت یه ران تایمو +clrو... هزار تا چیز دیگست
فریمورک ، اسم تجاریشه به معنای یه چارچوب
تو 'دات نت فریمورک' چند تا فریمورک از' نظر معنای مهندسی نرم افزار' معروفش مثلا میشهasp فریمورک ،ef و.. یا بگیم بود =)
حالا اسم گذاری ها 'فریمورک' تو فرانت دومی هستن
تجاریین
لایبری هم ک تعریف نمیخواد هرجا خواستی استفاده میکنی دیگه
تمپلیت ها هم ک اسمشون مشخصه کسی اینجا تنبل نیست😁
موقع ساخت پروژه برات میسازه
دفعه بعد در موردmvcمینویسم😁
گذشتهmvc
نظر مارتین فولر درمورد mvc
نظر رابرت مارتین درموردmvc
وسوال اصلی ایا لاراول اینجور ک میگهmvcهست ؟
یاaspmvc

خب برم کانال خودمو بزنم البته پرایوت و حق عضویت میگیرم (مزاحی بیش نبود)
نویسنده : mehdi

@TheRaymondDev