جستجو پیشرفته محصولات
0
سبد خرید خالی است.
ورود و ثبت نام
کدهای کاربردی وردپرس

مهم‌ترین کدهای کاربردی وردپرس – کدهای کوتاه + نحوه استفاده

منظور از کدهای کاربردی وردپرس چیست؟ تا به حال پیش آمده است که وارد سایت‌هایی شوید و برخی از ویژگی‌های آن سایت‌ها شما را مجذوب خود کند؟ ما امروز در خدمت شما عزیزان هستیم تا با کدهای کوتاه و کاربردی، ویژگی‌های جذابی را به سایت وردپرسی خود اضافه کنیم. کدهای کاربردی وردپرس یکی از وظایف ما به عنوان طراحان سایت این است که هنگام طراحی، خود را جای کاربران سایت قرار داده و بجای آن‌ها با سایت کار کنیم. در این صورت چه چیز هایی برای کاربر جذاب است و از دیدن آن لذت می‌برد؟ برخی از سایت‌ها، ویژگی‌های کاربردی جذابی را به سایت خود اضافه می‌کنند. با وجود اینکه پیاده سازی این ویژگی‌ها بسیار کوتاه و ساده است، اما چه بخواهیم و چه نخواهیم، یکی از وجه تمایز های آنها با دیگر سایت ها همین موارد به ظاهر کوچک و بی اهمیت است. اما سوالی که ممکن است به وجود آید این است که سایت وردپرسی ما با چه کد های کوتاهی ممکن است کاربردی تر به نظر برسد و برای کاربر سایت ما جذاب تر باشد؟ در ادامه با تعدادی از این کد ها آشنا می‌شویم و سعی میکنیم نحوه استفاده از آن ها را باهم بررسی کنیم. ...
راهنمای مطالعه:

منظور از کدهای کاربردی وردپرس چیست؟ تا به حال پیش آمده است که وارد سایت‌هایی شوید و برخی از ویژگی‌های آن سایت‌ها شما را مجذوب خود کند؟ ما امروز در خدمت شما عزیزان هستیم تا با کدهای کوتاه و کاربردی، ویژگی‌های جذابی را به سایت وردپرسی خود اضافه کنیم.

کدهای کاربردی وردپرس

یکی از وظایف ما به عنوان طراحان سایت این است که هنگام طراحی، خود را جای کاربران سایت قرار داده و بجای آن‌ها با سایت کار کنیم. در این صورت چه چیز هایی برای کاربر جذاب است و از دیدن آن لذت می‌برد؟

برخی از سایت‌ها، ویژگی‌های کاربردی جذابی را به سایت خود اضافه می‌کنند. با وجود اینکه پیاده سازی این ویژگی‌ها بسیار کوتاه و ساده است، اما چه بخواهیم و چه نخواهیم، یکی از وجه تمایز های آنها با دیگر سایت ها همین موارد به ظاهر کوچک و بی اهمیت است.

اما سوالی که ممکن است به وجود آید این است که سایت وردپرسی ما با چه کد های کوتاهی ممکن است کاربردی تر به نظر برسد و برای کاربر سایت ما جذاب تر باشد؟ در ادامه با تعدادی از این کد ها آشنا می‌شویم و سعی میکنیم نحوه استفاده از آن ها را باهم بررسی کنیم.

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

لازم به ذکر است، سعی کنید برای استفاده از این کد ها، از چایلد تم استفاده کنید.

کد کوتاه نمایش تقریبی زمان مطالعه مقاله

مدتی قبل وارد سایتی شدم و مشغول مطالعه مقاله ایی بودم که ناگهان مطلبی در سایدبار آن سایت من را مجذوب خود کرد. من میتوانستم زمان تقریبی مطالعه آن مقاله را ببینم. این موضوع برای کاربری همچون من که برای زمان خود ارزش بسیاری قائل هستم، واقعا جذاب بود. خلاقیتی که پیاده سازی آن بسیار کوتاه است اما بشدت کاربردی است.

اگر شما از CMS محبوب وردپرس استفاده می‌کنید به راحتی می‌توانید این ویژگی را در سایت به کار ببرید. تنها کافی است که مراحل زیر را طی کنید.

1-کد زیر را کپی کنید.

‍‍‍‍‍function dy_study_time()
{

    if (is_single()) {
        $txt = 'دقیقه';
        $content = get_the_content();
        $words = sizeof(explode(" ", $content));
        $time = ($words * 0.4) / 60;
        $finaltimes = round($time);
    } else {
        $finaltimes = 'لطفا از این شورت کد در قالب نوشته ها استفاده کنید';
    }

    return $finaltimes.' '.$txt;
}
add_shortcode('dy_time', 'dy_study_time');

2- وارد مسیر مقابل شوید. پیشخوان وردپرس » نمایش » ویرایشگر پرونده پوسته

3- فایل functions.php را باز کنید و کد ها را آنجا قرار دهید.

4- شرت کد زیر را کپی کنید.

[dy_time]

اکنون هر کجا که خواستید می‌توانید از این شرت کد استفاده کنید و ویژگی بسیار جذاب زمان تقریبی مطالعه مقاله را به کاربر نمایش دهید.

زمان مطالعه مقاله - کدهای کاربردی وردپرس

افزودن فیلد نام و نام خانوادگی به صفحه ورود و ثبت نام وردپرس

گرفتن نام و نام خانوادگی کاربر هنگام ثبت نام در سایت، میتواند مزایای خوبی داشته باشد. از مهم ترین آنها می توان به این مورد اشاره کرد که شما با استفاده از ویژگی های المنتور می‌توانید اسم کاربر را بعد از لاگین کردن به سایت به آن نشان دهید. یا میتوانید یک پروفایل جذاب برای کاربران سایت در قسمت حساب کاربری بسازید.

برای استفاده از این ویژگی بسیار کاربردی کافیست به مسیری که بالا ذکر شد بروید و کد زیر را در انتهای فایل functions.php قالب خود قرار دهید.

add_action( 'woocommerce_register_form_start', 'bbloomer_add_name_woo_account_registration' );

function bbloomer_add_name_woo_account_registration() {
?>

<p class="form-row form-row-first">
<label for="reg_billing_first_name"><?php _e( 'First name', 'woocommerce' ); ?> <span class="required">*</span></label>
<input type="text" class="input-text" name="billing_first_name" id="reg_billing_first_name" value="<?php if ( ! empty( $_POST['billing_first_name'] ) ) esc_attr_e( $_POST['billing_first_name'] ); ?>" />
</p>

<p class="form-row form-row-last">
<label for="reg_billing_last_name"><?php _e( 'Last name', 'woocommerce' ); ?> <span class="required">*</span></label>
<input type="text" class="input-text" name="billing_last_name" id="reg_billing_last_name" value="<?php if ( ! empty( $_POST['billing_last_name'] ) ) esc_attr_e( $_POST['billing_last_name'] ); ?>" />
</p>

<div class="clear"></div>

<?php
}

add_filter( 'woocommerce_registration_errors', 'bbloomer_validate_name_fields', 10, 3 );

function bbloomer_validate_name_fields( $errors, $username, $email ) {
if ( isset( $_POST['billing_first_name'] ) && empty( $_POST['billing_first_name'] ) ) {
$errors->add( 'billing_first_name_error', __( '<strong>Error</strong>: First name is required!', 'woocommerce' ) );
}
if ( isset( $_POST['billing_last_name'] ) && empty( $_POST['billing_last_name'] ) ) {
$errors->add( 'billing_last_name_error', __( '<strong>Error</strong>: Last name is required!.', 'woocommerce' ) );
}
return $errors;
}

add_action( 'woocommerce_created_customer', 'bbloomer_save_name_fields' );

function bbloomer_save_name_fields( $customer_id ) {
if ( isset( $_POST['billing_first_name'] ) ) {
update_user_meta( $customer_id, 'billing_first_name', sanitize_text_field( $_POST['billing_first_name'] ) );
update_user_meta( $customer_id, 'first_name', sanitize_text_field($_POST['billing_first_name']) );
}
if ( isset( $_POST['billing_last_name'] ) ) {
update_user_meta( $customer_id, 'billing_last_name', sanitize_text_field( $_POST['billing_last_name'] ) );
update_user_meta( $customer_id, 'last_name', sanitize_text_field($_POST['billing_last_name']) );
}

}

افزودن نام و نام خانوادگی به فرم ورود و ثبت نام ووکامرس

افزودن سلکت باکس به صفحه ورود و ثبت نام ووکامرس

برخی از سایت ها بنابه دلایلی از جمله شناخت بیشتر کاربرهاشون، از ویژگی ایی در صفحه ورود و ثبت نام استفاده میکنند به اسم سلکت باکس. این ویژگی باعث میشه کاربر قبل از ثبت نام، از طریق این سلکت باکس، موظف به انتخاب یک گزینه شود. برای مثال سلکت باکس ما می‌تواند نحوه آشنایی با سایت ما را از کاربر بخواهد.

برای استفاده از این ویژگی تنها کاری که شما نیاز دارید انجام دهید این است که کد زیر را در انتهای فایل functions.php خود قرار دهید.

add_action( 'woocommerce_register_form', 'bbloomer_extra_register_select_field' );

function bbloomer_extra_register_select_field() {

?>

<p class="form-row form-row-wide">
<label for="find_where"><?php _e( 'ما را کجا پیدا کردید؟ *', 'woocommerce' ); ?> <span class="required">*</span></label>
<select name="find_where" id="find_where" />
<option value="goo">Google</option>
<option value="fcb">Facebook</option>
<option value="twt">Twitter</option>
</select>
</p>

<?php

}

add_action( 'woocommerce_created_customer', 'bbloomer_save_extra_register_select_field' );

function bbloomer_save_extra_register_select_field( $customer_id ) {
if ( isset( $_POST['find_where'] ) ) {
update_user_meta( $customer_id, 'find_where', $_POST['find_where'] );
}
}

add_action( 'show_user_profile', 'bbloomer_show_extra_register_select_field', 30 );
add_action( 'edit_user_profile', 'bbloomer_show_extra_register_select_field', 30 ); 
add_action( 'woocommerce_edit_account_form', 'bbloomer_show_extra_register_select_field', 30 );

function bbloomer_show_extra_register_select_field($user){ 

if (empty ($user) ) {
$user_id = get_current_user_id();
$user = get_userdata( $user_id );
}

?> 

<p class="form-row form-row-wide">
<label for=""><?php _e( 'Where did you find us?', 'woocommerce' ); ?> <span class="required">*</span></label>
<select name="find_where" id="find_where" />
<option disabled value> -- select an option -- </option>
<option value="goo" <?php if (get_the_author_meta( 'find_where', $user->ID ) == "goo") echo 'selected="selected" '; ?>>Google</option>
<option value="fcb" <?php if (get_the_author_meta( 'find_where', $user->ID ) == "fcb") echo 'selected="selected" '; ?>>Facebook</option>
<option value="twt" <?php if (get_the_author_meta( 'find_where', $user->ID ) == "twt") echo 'selected="selected" '; ?>>Twitter</option>
</select>
</p>

<?php

}

add_action( 'personal_options_update', 'bbloomer_save_extra_register_select_field_admin' ); 
add_action( 'edit_user_profile_update', 'bbloomer_save_extra_register_select_field_admin' ); 
add_action( 'woocommerce_save_account_details', 'bbloomer_save_extra_register_select_field_admin' );

function bbloomer_save_extra_register_select_field_admin( $customer_id ){
if ( isset( $_POST['find_where'] ) ) {
update_user_meta( $customer_id, 'find_where', $_POST['find_where'] );
}
}

کدهای کوتاه و کاربردی در وردپرس

غیرفعال کردن راست کلیک در سایت

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

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

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

function disable_right_click() {
    echo '<script>
    jQuery(document).ready(function($) {
        $(document).on("contextmenu", function(e) {
            e.preventDefault();
        });
    });
    </script>';
}
add_action('wp_footer', 'disable_right_click');

غیرفعال کردن انتخاب و یا سلکت (select) متن در سایت

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

function disable_text_selection() {
    echo '<style>.no-select { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }</style>';
    echo '<script>
    jQuery(document).ready(function($) {
        $(document).on("selectstart", function(e) {
            if (!$(e.target).hasClass("no-select")) {
                e.preventDefault();
            }
        });
    });
    </script>';
}
add_action('wp_footer', 'disable_text_selection');

تغییر رنگ متن انتخاب شده یا سلکت شده در سایت

احتمالا شماهم می‌دانید که رنگ سلکت تکست در سایت های، یک رنگ پیشفرض آبی است که اصلا جذابیتی ندارد. شما به راحتی می‌توانید این ویژگی را به دلخواه خود تغییر دهید. برای این کار کافی است مراحل زیر را طی کنید.

1- کد زیر را کپی کنید.

::selection {
    background-color: #your-color;
    color: #your-text-color;
}

2- وارد مسیر مقابل شوید. پیشخوان وردپرس » نمایش » ویرایشگر پرونده پوسته

3- فایل style.css را باز کنید و کدها را در انتهای  آن پیست کنید.

در کد بالا بجای your-color از رنگ دلخواه استفاده کنید.

مدت عضویت کاربر در سایت

مدت ها پیش و زمانی که یک بازی به عنوان پلاتو را نصب کردم، به یک مورد جالب برخورد کردم. من می‌توانستم ببینم چند روز از عضویت من در بازی گذشته است. همانجا بود که تصمیم گرفتم کد آن را با php بزنم و در سایت های مشتری ها استفاده کنم. این ویژگی اخیرا در سایت های زیاد استفاده می‌شود و به کاربر اجازه می‌دهد ببیند چقدر از عضویت آن در سایت میگذرد.

برای استفاده از این ویژگی کافی است کد زیر را در فایل فانکشن سایت خود قرار دهید.

function webdenj_user_registered() { 
$user = wp_get_current_user();
$udata = get_userdata( $user->ID );
$registered = $udata->user_registered;
echo  human_time_diff( strtotime($registered), current_time('timestamp')).' قبل'; 
}
add_shortcode('wdj_user_registered', 'webdenj_user_registered');

اکنون هر کجا که میخواهید مدت زمان عضویت کاربر در سایت شما به کاربر نمایشد داده شود از شرت کد زیر استفاده کنید.

[wdj_user_registered]

مدت زمان عضویت کاربر - کدهای کوتاه وردپرس

نمایش تعداد کاربران عضو سایت در UI سایت

برخی از سایت ها ترجیح می‌دهند تعداد کاربران سایت خود را به نمایش درآوردند. البته این موضوع برای بحث حساب کاربری سایت یا صفحه اصلی سایت میتواند موضوع جذابی باشد.

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

function webdenj_user_count() { 
$usercount = count_users();
$result = $usercount['total_users']; 
return $result; 
} 
add_shortcode('webdenj_user_count', 'webdenj_user_count');

اکنون می‌توانید با استفاده از شرت کد زیر، هرکجا از سایت که دوست داشتید، تعداد کاربران سایت خود را به نمایش در بیاورید.

[webdenj_user_count]

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

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

برای اختیاری کردن فیلد های صورت حساب، تنها کافی است کد های زیر را در فایل فانکشن قالب سایت خود قرار دهید.

add_filter( 'woocommerce_default_address_fields' , 'custom_override_default_address_fields' );
function custom_override_default_address_fields($address_fields) {

    $address_fields['first_name']['required'] = false;
    $address_fields['last_name']['required'] = false;
    $address_fields['address_1']['required'] = false;
    $address_fields['address_1']['placeholder'] = '';
    $address_fields['address_2']['required'] = false;
    $address_fields['address_2']['placeholder'] = '';
    $address_fields['postcode']['required'] = false;
    $address_fields['city']['required'] = false;

return $address_fields;
}

اگر شما خواستید هر کدام از فیلد های بالا بصورت اختیاری نباشد و کاربر الزاما آن را پر کند، کافی است آن کد را پاک کنید.

ویرایش فرم تسویه حساب

شما هم از آن دست از افرادی هستید که نمی‌خواهید کاربر در فرم تسویه حساب، فیلد هایی نظیر نام شرکت و … را پر کند؟ خب ما اینجا در خدمت شما دوستان گلم هستیم. تنها کافی است کد زیر را در اننتهای فایل فانکشن قالب خود قرار دهید.

add_filter( 'woocommerce_checkout_fields' , 'custom_override_checkout_fields' );
function custom_override_checkout_fields( $fields ) {
/* حذف فیلد نام شرکت */
unset($fields['billing']['billing_company']);
/* حذف فیلد اول آدرس */
unset($fields['billing']['billing_address_1']);
/* حذف فیلد دوم آدرس */
unset($fields['billing']['billing_address_2']);
/* حذف فیلد شهر */
unset($fields['billing']['billing_city']);
/* حذف ء کد پستی */
unset($fields['billing']['billing_postcode']);
/* حذف فیلد کشور */
unset($fields['billing']['billing_country']);
/* حذف فیلد استان یا ایالت */
unset($fields['billing']['billing_state']);
/* حذف فیلد ایمیل */
unset($fields['billing']['billing_email']);
return $fields;
}

اگر شما فیلد خاصی رو در نظر دارید که کاربر آن را پر کند، برای مثال فیلد ایمیل، تنها کافی است آن را از کد های بالا پاک کنید.

تغییر قیمت 0 به رایگان!

در این بخش از کدهای کاربردی در وردپرس، باید گفت که یکی از جذابت‌ترین ویژگی‌های سایت‌های فروشگاهی، در کنار تمامی ویژگی های خفنی که دارد، کمی خنگ است. شما اگر بخواهید بنابه هر دلیلی محصولی را به صورت رایگان در سایت خود منتشر کنید، وردپرس متوجه این موضوع نمیشود و در کنار قیمت میزند 0 تومان. خب این موضوع اصلا باب میل ما نیست.

چیزی که ما و کاربر های ایرانی بیشتر می‌پسندند، به این صورت است که اگر محصولی قیمتش 0 تومان بود، بجای نمایش عدد 0، کلمه رایگان را به کاربر نمایش دهد.

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

add_filter('woocommerce_get_price_html', 'changeFreePriceNotice', 10, 2); 
function changeFreePriceNotice($price, $product) {
 if ( $price == wc_price( 0.00 ) ) return 'رایگان!'; else return $price;
}

تغییر رنگ مرورگر در موبایل کاربر

برخی از سایت های خوش ذوق ایرانی که خلاقیت بالایی دارند، اقدام به تغییر رنگ مرورگر کاربر می‌کنند. یعنی اگر کاربر با موبایل وارد سایت شما شود، رنگ مرورگر او به رنگ دلخواه شما تبدیل می‌شود.

برای این کار کافی است فایل header.php قالب خود را باز کنید و درون تگ <head> قرار دهید.

<meta name="theme-color" content="#your-color"/>

غیرفعال کردن نوار ادمین وردپرس

سیاه، چغر و بدبدن. این اسمیه که من برای نوار ادمین وردپرس انتخاب کردم. شاید شما هم مثل من دوست داشته باشید به دلایل مختلف از شر این نوار زشت خلاص بشید.

برای این کار کافی است کد زیر را در فایل فانکشن قالب خود قرار دهید.

add_filter( 'show_admin_bar', '__return_false' );

کد نمایش تعداد خرید های کاربر

شما هم دیدید که برخی سایت ها، تعداد خرید های کاربر را در حساب کاربری به نمایش در می‌آورند؟ این کار بسیار جذاب است و باعث اعتماد بیشتر میشود.

برای اینکار کافی است از کد زیر در فایل فانکشن قالب خود استفاده کنید.

function webdenj_woo_order_count() { 

$user_id = get_current_user_id();
$webdenj_order_count = wc_get_customer_order_count($user_id);
echo $webdenj_order_count;
}
add_shortcode('wc-order-count', 'webdenj_woo_order_count');

سپس با استفاده از شرت کد زیر می‌توانید تعداد خرید های کاربر را در هرکجای سایت که دوست داشتین نمایش دهید.

[wc-order-count]

کد خروج مستقیم از حساب کاربری در ووکامرس

شما با استفاده از این کد میتوانید بصورت مستقیم و بدون کانفیرم از حساب کاربری ووکامرس خارج شوید.

/* Shortcode for no confirmation logout link with optional redirect slug between shortcode tags */
//
//  E.g. [logout_link]my-account[/logout_link]
//
function logout_to_optional_redirect_slug_function( $atts, $redirect_slug = null ) {

    $redirect_full_url = get_site_url(null, '/', 'https') . $redirect_slug;
    $logout_url = wp_logout_url($redirect_full_url);
    $logout_hyperlink = "<a href='".$logout_url."'>Logout</a>";

    return do_shortcode($logout_hyperlink);
}
add_shortcode( 'logout_link', 'logout_to_optional_redirect_slug_function' );

هم چنین برای استفاده از این کد تنها کافی است از شرت کد زیر استفاده کنید.

[logout_link]

جمع‌بندی

شما با خواندن این مقاله و پیاده‌سازی آن در سایت خود، به اطلاعاتی درباره کدهای کاربردی وردپرس دست یافته و سایت خود را به سایتی فوق جذاب تبدیل کنید. با نوشتن این کدها در سایت مشتری‌هایتان، زیبایی و در نتیجه قیمت کار خود را بالاتر ببرید.

  • saeed.yousef.gmail.com

    خیلی خیلی کاربردی و ضروری بود این کد ها . با تشکر فراوان

  • امیررضا قبادی نژاد

    سلام خیلی عالی بود بنظر من بازم هم از کد های مهم اضافه کنید
    مثلا چطور رنگ اسم مدیر سایت با کاربر سایت متفاوت باشه
    اگر امکانش هست این کد هم به این مقاله اضافه کنید ❤️

    • میلاد نوروزی

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

  • نیما

    عالی بود

    • میلاد نوروزی

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

  • mahdisalehi1385m

    🧡🧡🧡🧡🧡🧡عالی

  • fkwhpyma45

    واقعا عالی بود

  • Mr.Amir

    دمتون گرم خیلی دنبال این کد ها بودم ولی نمیدونستم کجا و چطور بزارمش خیلی ممنون ❤️
    یه قالب آماده خریدم میخوام بهش فونت اضافه کنم آموزش اونم اگر بزارید عالیه

    • میلاد نوروزی

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

  • نسیم

    عالیه😍 و واقعا کاربردیه

    • میلاد نوروزی

      بسیار ممنونم از شما دوست من
      خوشحالم براتون مفقد بوده

  • محمد

    واقعا عالییی کاربردی بود

    • میلاد نوروزی

      بسیار ممنونم از شما دوست من
      خوشحالم براتون مفید بوده

دیدگاهتان را بنویسید

ترندهای طراحی سایت در سال 1403
در این مقاله به بررسی 9 ترند مهم در طراحی وب در سال 1403 می پردازیم. از هوش مصنوعی و کاربردهای آن در طراحی وب گرفته تا انیمیشن ها، تایپوگرافی های پویا، گرادینت ها، دسترس پذیری، نمایش داده و محتوای سه بعدی، این مقاله به شما کمک می کند تا از جدیدترین ترندهای این حوزه آگاه شده و وب سایتی جذاب و کارآمد طراحی کنید.
افزونه Redirection: راه حلی جامع برای مدیریت ریدایرکت ها در وردپرس
ریدایرکت ها نقشی حیاتی در سئو و تجربه کاربری وب سایت شما ایفا می کنند. هدایت صحیح کاربران به صفحات مورد نظر، حفظ رتبه سئو و جلوگیری از بروز خطاهای 404، از جمله مزایای استفاده از ریدایرکت ها به حساب می آید. در دنیای وردپرس، افزونه های متعددی برای مدیریت ریدایرکت ها وجود دارند. اما افزونه Redirection به عنوان محبوب ترین و قدرتمندترین گزینه در این زمینه شناخته می شود. در این مقاله به بررسی جامع افزونه Redirection، مزایا، کاربردها و نحوه استفاده از آن خواهیم پرداخت.
افزودن کد ملی به صفحه تسویه حساب ووکامرس
در این مقاله، کدی تهیه شده است که امکان افزودن فیلد کد ملی به صفحه تسویه حساب ووکامرس را فراهم می‌کند. این کد به عنوان یک متادیتای سفارش در دیتابیس ذخیره می‌شود و در صفحه جزئیات سفارش، اطلاعات کد ملی نمایش داده می‌شود. همچنین، در صورت نیاز به خروجی گرفتن یا برون‌ریزی اطلاعات به فرمت اکسل، می‌توانید این فیلد را به فایل اکسل اضافه کنید تا کد ملی مشتریان و کاربران شما در دسترس قرار گیرد.
1۰ سایت کاربردی فرانت
اگر برنامه‌ نویس و توسعه دهنده وب‌سایت هستید قطعا اهمیت ابزارهای مختلف طراحی و کتابخانه های مختلف را میدانید. این ابزارها به توسعه دهندگان کمک می‌کنند تا کار خود را سریع تر و با کیفیت تر پیش ببرند. ما در این مقاله قصد داریم برخی از بهترین و محبوب ترین وب سایت های کاربردی را معرفی کنیم پس تا پایان این مقاله با ما در وب دنج همراه باشید.
آشنایی با رابط کاربری وردپرس: پیشخوان و تنظیمات
وردپرس یک سیستم مدیریت محتوای متن باز (open source) است که در حال حاضر نزدیک 50% وب سایت های ساخته شده در جهان از آن استفاده میکنند...
آپدیت وردپرس به نسخه 6.3: به‌روزرسانی‌ها و بهینه‌سازی‌های جدید
آپدیت وردپرس به نسخه 6.3 مهمترین تغییرات و بهینه‌سازی‌های جدید را ارائه می‌دهد. این آپدیت امکانات جدیدی برای طراحان و سازندگان وب فراهم کرده و به کاربران کنترل بهتری بر روی وب‌سایت‌هایشان می‌دهد. یکی از اصلی‌ترین تغییرات در این آپدیت به بهبود ویرایشگر سایت و افزودن امکانات ناوبری در آن می‌پردازد. در نسخه 6.3، کاربران می‌توانند به راحتی قالب‌ها، بخش‌ها، صفحات، استایل‌ها، الگوها و منوهای ناوبری را انتخاب و ویرایش کنند. همچنین، دسترسی به ابزار دستورات از طریق آیکون جستجو امکان‌پذیر است. در این آپدیت، مدیریت الگوها نیز بهبود یافته و کاربران می‌توانند تمامی الگوهای خود را مستقیماً در داخل ویرایشگر سایت مشاهده و مدیریت کنند. وردپرس 6.3 تغییرات مهمی را در ویرایش و مدیریت وب‌سایت‌ها به ارمغان می‌آورد و به کاربران امکانات بهتری برای توسعه و به‌روزرسانی وب‌سایت‌هایشان می‌دهد.
فریمورک Tailwind چیست؟ جزئیاتی درباره این فریمورک نوظهور
فریمورک Tailwind، یکی از فریمورک های نوظهور در دنیای برنامه نویسی سمت فرانت اند است. این فریمورک جدید CSS که با قابلیت های خود همه را مبهوت خود کرده. در ادامه این مقاله از تیم وب دنج، ما قصد داریم تا با هم جزئیات بیشتری از این فریمورک یعنی Tailwind CSS را یاد بگیریم و تفاوت های آن با سایر فریمورک ها را متوجه شویم؛ با تیم وب دنج همراه باشید. فریمورک Tailwind CSS CSS که یکی از مهمترین تکنولوژی ها در بحث طراحی و توسعه وب سایت ها است و به منظور استایل دهی و زیبا سازی صفحات وب سایت ها استفاده میشود. همچنین با استفاده از آن میتوانید صفحات وب را به طور دلخواه، شخصی سازی و طراحی کنید. زمانی این استایل دهی ها با CSS به صورت خام دشوار می‌شود که شما می‌بایست وب سایت ها و اپلیکیشن های بزرگی با تعداد صفحات زیاد طراحی کنید. معمولا توسعه دهندگان برای رفع چنین مشکلاتی از فریمورک های CSS که شامل قواعد از پیش تعیین شده، کدهای استاندارد و بهینه ، کلاس ها و ‌غیره هستند را استفاده می کنند.
طراحی ریسپانسیو چیست؟ + مزایا، معایب و تست
امروزه با گسترش تکنولوژی و افزایش دستگاه‌های متنوع با ابعادهای مختلف که قابلیت اتصال به اینترنت رو دارن به کاربران این امکان رو میدن تا از صفحات وب بازدید کنند از این رو طراحی ریسپانسیو سایت ها در سال های اخیر جزو موضوعاتی هستش که بسیار مورد توجه صاحبان وب‌سایت ها بوده و در کسب و کار الکترونیک بسیار حائز اهمیت است. طراحی ریسپانسیو چیست؟ برای اینکه با مفهوم طراحی ریسپانسیو آشنا شوید بهتر است ابتدا معنی کلمه ریسپانسیو را بدانید. واژه Responsive که معنای “واکنش گرا” و یا “پاسخ گو” است. طراحی Responsive نیز رویکردی برای طراحی وب سایت است که هدف از آن ساخت صفحات وب سایتی است که با دستگاهای مختلف که مورده استفاده کاربران است سازگار باشد خواه گوشی هوشمند ، تبلت ، لپتاپ ، کامپیوتر رو میزی و …. است و خوب طبعا سایت هایی که به صورت ریسپانسیو طراحی شده باشند و با طیف گسترده ای از سایز ها و دستگاه ها سازگار باشند تجربه کاربری بهتری رو برای کاربران اینجاد میکنن.
مهم‌ترین کدهای کاربردی وردپرس – کدهای کوتاه + نحوه استفاده
منظور از کدهای کاربردی وردپرس چیست؟ تا به حال پیش آمده است که وارد سایت‌هایی شوید و برخی از ویژگی‌های آن سایت‌ها شما را مجذوب خود کند؟ ما امروز در خدمت شما عزیزان هستیم تا با کدهای کوتاه و کاربردی، ویژگی‌های جذابی را به سایت وردپرسی خود اضافه کنیم. کدهای کاربردی وردپرس یکی از وظایف ما به عنوان طراحان سایت این است که هنگام طراحی، خود را جای کاربران سایت قرار داده و بجای آن‌ها با سایت کار کنیم. در این صورت چه چیز هایی برای کاربر جذاب است و از دیدن آن لذت می‌برد؟ برخی از سایت‌ها، ویژگی‌های کاربردی جذابی را به سایت خود اضافه می‌کنند. با وجود اینکه پیاده سازی این ویژگی‌ها بسیار کوتاه و ساده است، اما چه بخواهیم و چه نخواهیم، یکی از وجه تمایز های آنها با دیگر سایت ها همین موارد به ظاهر کوچک و بی اهمیت است. اما سوالی که ممکن است به وجود آید این است که سایت وردپرسی ما با چه کد های کوتاهی ممکن است کاربردی تر به نظر برسد و برای کاربر سایت ما جذاب تر باشد؟ در ادامه با تعدادی از این کد ها آشنا می‌شویم و سعی میکنیم نحوه استفاده از آن ها را باهم بررسی کنیم.
وردپرس در 20 سالگی: رشد، نقاط قوت و آینده
سیستم مدیریت محتوا بسیار محبوب و قدرتمندی که در سال 2003 توسط مت مولنوگ تأسیس شد و اکنون وردپرس در 20 سالگی خود قرار گرفت. این پلتفرم ابتدا به عنوان یک ابزار برای نوشتن وبلاگ‌ها شروع شد؛ اما در طول سال‌ها به یکی از قدرتمندترین و مورد استفاده‌ترین سیستم‌های مدیریت محتوا در جهان تبدیل شد. در حال حاضر، وردپرس بیش از 40٪ از تمام وبسایت‌های موجود را در اینترنت به عنوان سیستم مدیریت محتوا خود دارد. با نزدیک شدن به دو دهه فعالیت، این مقاله به بررسی رشد، نقاط قوت و آینده وردپرس در مسیر به سوی 20 سالگی می‌پردازد. رشد و تحول وردپرس از زمان تأسیس وردپرس، این سیستم مدیریت محتوا به طور فزاینده‌ای رشد کرده است. نسخه‌های جدید با بهبودهای عمده ارائه می‌شوند و امکاناتی جدید به آن اضافه می‌شود. همچنین، تعداد توسعه‌دهندگان وردپرس و جامعه کاربری نیز رو به افزایش است. این سیستم مدیریت محتوای محبوب در دنیا به صورت خستگی‌ناپذیر و بدون لحظه‌ای افت کیفیت و کارکرد، در حال پیشرفت بوده و روزانه امکانات جدیدی را به رخ رقیبان خود کشیده و باعث تمایز می‌شود. یکی از عوامل تمایز WordPress نقاط قوت آن است که در ادامه به این موضوع هم رسیدگی می‌کنیم.
ES ابزاری برای استانداردسازی جاوا اسکریپت
اگر به حوزه فرانت اند علاقه مند هستید و یا به یادگیری برنامه نویسی فرانت وب سایت ها مشغول شدید حتما اصطلاحاتی مانند Javascript و ECMAscript و یا ES را شنیده اید. به خصوص نسخه ششم آن یعنی ES6 که بیشتر با آن سر و کار داریم؛ اما شاید ارتباط آنها و تفاوت هایشان شما را گیج کرده است. برای درک بهتر تفاوت ECMA script و Javascript بهتر است ابتدا با خود ECMA آشنا شوید. اما قبل از پرداختن به موضوع اصلی، اگر اطلاعاتی درباره درباره فرانت اند ندارید، توصیه می‌کنیم ابتدا مقاله فرانت اند (front-end) چیست را مطالعه کنید. حال به معرفی سپس تفاوت های موارد ذکر شده می‌پردازیم؛ پس با ما در وب دنج همراه باشید. ECMA چیست ؟ ECMA مخفف European Computer Manufacturer’s Association است. در سال ۱۹۶۱ انجمن سازندگان رایانه اروپایی (ECMA) سازمانی را تأسیس کردند تا نیازهای استانداردسازی قالب های عملیاتی رایانه ها از جمله زبان های برنامه نویسی و کدهای ورودی – خروجی را تامین کند. که به‌ طور عمومی به ‌عنوان ECMA شناخته می‌شوند.
روش نام‌گذاری BEM، چالش‌ها و فواید آن در توسعه و نگهداری کدهای Front-End
یکی از چالش های مهمی که برنامه نویسان در پروژه های بزرگ با آن مواجه هستند بحث توسعه و نگهداری کدهای مربوطه است. اما روش نام‌گذاری BEM چه تاثیری در این موضوع دارد؟ در طراحی سایت و بخصوص در کد های مرتبط با Front-End نیز برنامه نویسان با این چالش مواجه هستند. یکی از چالش های مربوط به توسعه کدهای Front-End بحث نام‌گذاری معنی دار و اصولی کلاس ها (class) است. کلاس‌ها (class) کلاس‌ها (class) در طراحی وب‌سایت ها از اهمیت بالایی برخوردارند زیرا کلاس ها نمود بسیاری در کدهای CSS, Sass, JavaScript, HTML دارند و بسیار مهم است که نامگذاری آنها به صورت اصولی انجام بشه تا کدها خوانایی و انعطاف مورد نیاز را داشته باشند. روش‌های متعددی برای نامگذاری کلاس‌ها وجود دارد که یکی از کارآمدترین و جالب ترین آنها، که امروزه بخصوص در حوزه Front-End بسیار مورد استفاده است روش نام‌گذاری BEM است.
HTTPS و گواهینامه SSL: حفظ امنیت و حریم خصوصی کاربران در اینترنت
آیا تا حالا به این دقت کردین که آدرس وب‌سایت‌ها با “http://” و یا “https://” شروع می‌شود. این تفاوت در پروتکل ارتباطی استفاده شده بین مرورگر و وب‌سایت است. پس گواهینامه SSL چیست؟ پروتکل “HTTP” مخفف عبارت “Hypertext Transfer Protocol” است و برای انتقال اطلاعات از وب‌سایت به مرورگر و بالعکس استفاده می‌شود. این پروتکل در اصل برای ارائه اطلاعات بصورت عمومی و بدون رمزگذاری توسعه داده شده است. از آنجا که ارتباطات بین مرورگر و وب‌سایت از طریق HTTP برقرار می‌شود، امکان مشاهده اطلاعات توسط افرادی که در میان این ارتباط قرار دارند (مانند هکرها) وجود دارد. همچنین شما میتوانید با مشاهده قسمت پنجم دوره آموزش المنتور، بیشتر با این موضوع آشنا شوید.
چگونه برنامه هایی که از روی ویندوز پاک نمی‌شوند را به طور کامل حذف کنیم؟
یکی از مشکلاتی که بعد از نصب برخی از برنامه ها برای شما عزیزان به وجود می آید این است که آن برنامه پاک نمیشود. خب علت ساده است. زیرا برخی از این برنامه ها دسترسی سیستمی میگیرند و امکان حذف آن ها وجود ندارد. مثل نرم افزار screen styler. خب چاره چیست؟ در ادامه این مقاله با ما همراه باشید تا در مقاله حذف برنامه هایی که از روی ویندوز پاک نمی‌شوند این موضوع را باهم بررسی کنیم. حذف کامل برنامه از رجیستری ویندوز بهترین روش برای نرم افزار هایی که از ویندوز پاک نمی شوند استفاده از ریجستری ویندوز است. برای این کار به روش قدم های زیر را دنبال کنید.
هوش مصنوعی در المنتور پرو
افزونه المنتور پرو یک افزونه محبوب و قدرتمند برای طراحی وب‌سایت است. این افزونه با ارائه ویرایشگر حرفه‌ای و قدرتمند، امکانات متنوع و سادگی کار با آن، جزو محبوب‌ترین افزونه‌ها در دنیای وردپرس قرار دارد. اما اخیرا elementor pro با اضافه کردن قابلیت هوش مصنوعی، به یک سطح جدید از قدرت و کارایی رسیده است. در این مقاله، به بررسی این قابلیت جدید افزونه المنتور پرو پرداخته و نحوه کار آن را شرح خواهیم داد. هوش مصنوعی در المنتور پرو یک قابلیت جدید است که توسط تیم سازنده افزونه elementor pro به این پلاگین اضافه شده است. این قابلیت با استفاده از الگوریتم‌های هوش مصنوعی، به کاربران المنتور پرو کمک می‌کند تا با سرعت و دقت بیشتری، صفحات وب‌سایت خود را طراحی کنند. با استفاده از هوش مصنوعی در elementor pro، کاربران این افزونه می‌توانند از امکاناتی مانند پیشنهاد‌دهی تیتر های مناسب برای نوشته ها و محصولات شما، تنظیم تصاویر و متن‌ها بر اساس موضوع صفحه، نوشتن کد های سی اس اس دلخواه و غیره .
فرانت اند (front-end) چیست؟
برنامه نویسی یکی از مشاغل پرطرفدار در دنیا محسوب می‌شود که به ویژه در سال های اخیر به تعداد طرفداران آن افزوده شده است . اگر شما نیز یکی از طرفداران این حوزه به خصوص برنامه نویسی وب هستید ، حتما در مسیر مطالعات خود با اصطلاحاتی مانند توسعه دهنده فرانت اند (Front-End) و یا توسعه دهنده بک اند (Back-End) مواجه شدید. ما در این مقاله به برسی کامل برنامه نویسی فرانت اند و بازار کار آن و همچنین مهارت های مورد نیازه این حوزه می‌پردازیم پس با ما در وب دنج همراه باشید. برنامه نویسی Front End چیست؟ فرانت اند (Front-End) به جنبه گرافیکی و بصری وب سایت ها و یا اپلیکیشن ها که توسط کاربران قابل رویت و مشاهده است گفته می‌شود. برنامه نویسی فرانت اند هم به معنای برنامه نویسی آن بخشی از سایت است که قابل مشاهده برای کاربران است و همچنین با آن تعامل دارند‌. این بخش از وب‌سایت ها توسط توسعه دهندگان فرانت و با استفاده از کد هایی که برای کاربران قابل درک نیست نوشته می‌شود و در قالب جنبه گرافیکی و ظاهری در وب‌سایت ها و اپلیکیشن ها نمایش داده می‌شود
10 افزونه حیاتی برای وردپرس
وردپرس به عنوان یکی از محبوب‌ترین سیستم‌های مدیریت محتوا برای ساخت وبسایت، همیشه در برابر تهدیداتی مانند حملات هکری، نفوذ به سایت و عدم بهبود عملکرد قرار دارد. به همین دلیل است که انتخاب افزونه‌های مناسب و حیاتی برای سایت وردپرسی بسیار اهمیت دارد. در این مقاله، به بررسی 10 افزونه حیاتی برای وردپرس خواهیم پرداخت. افزونه جت پک: پلاگین Jetpack از شرکت Automattic، شرکت پشتیبان وردپرس، افزونه‌ای کامل و جامع است که به شما امکانات بی نظیری مثل، حفظ امنیت، بهینه‌سازی و پشتیبانی را میدهد. این افزونه دارای قابلیت‌هایی مثل پشتیبانی از دو روش تأیید هویت، جلوگیری از حملات نفوذی و بررسی امنیت وب‌سایت است. افزونه یوآست سئو: پلاگین یوآست سئو افزونه‌ای است که به شما کمک می‌کند تا بهینه‌سازی محتوای سایت خود را برای موتورهای جستجویی ارتقا دهید. این افزونه امکاناتی مانند بررسی کلمات کلیدی، بهینه‌سازی تصاویر و ساخت نقشه سایت را به بهترین شیوه به شما عزیزان می دهد.
قرار دادن عنوان صفحه در یک خط
با مقاله قرار دادن عنوان صفحه در یک خط در خدمت شما دوستان و همراهان عزیز وب دنجی هستیم. پس با ما همراه باشید و ویدیو زیر را را مشاهده کنیم.
سناریو نویسی در طراحی سایت
یکی از مراحلی که تمامی پروژه های بزرگ و کوچک باید در روند ایجاد و پیاده سازی آن ها به آن دقت و توجه زیادی داشته باشند سناریو نویسی آن است. تقریبا در همه پروژه هایی که به صورت اصولی روند ساخت آن ها دنبال می شود این مرحله وجود دارد. در اصل سناریو نویسی فرآیند ایجاد یک داستان، مسیر و همچنین تعاملاتی که در آن یک شخص یا چند شخص در موقعیت‌های مختلف قرار می‌گیرند، می‌باشد. هدف سناریو نویسی هدف اصلی از سناریو نویسی، نوشتن داستان به گونه‌ای است که بتوان آن را به شکل تصویری روی پرده، صفحه نمایش، صفحه تلویزیون یا هر رسانه دیگر، اجرا کرد. با یک سناریو دقیق و خوب نوشته شده، تیم فنی می‌تواند یک پروژه را با اطمینان و عملکرد بیشتری اجرا کند. به همین دلیل، سناریو نویسی به عنوان یک مرحله مهم و عمده در تولید و اجرای محصولات در نظر گرفته می‌شود. از دیگر اهداف سناریو نویسی در پروژه های مختلف می توان به موارد زیر اشاره کرد :
معرفی ساختار پایگاه داده وردپرس
وردپرس یکی از محبوب‌ترین و معتبرترین سیستم‌های مدیریت محتوا (CMS) برای ایجاد و مدیریت وب‌سایت‌ها و وبلاگ‌ها است. یکی از عناصر بسیار مهم در وردپرس، پایگاه داده است که تمام اطلاعات مربوط به وبسایت شما را ذخیره می‌کند. در این مقاله، به معرفی ساختار پایگاه داده وردپرس، جداول اصلی و نحوه ذخیره اطلاعات می‌پردازیم. پایگاه داده وردپرس چیست؟ پایگاه داده در وردپرس به عنوان مکانی برای ذخیره و مدیریت اطلاعات مربوط به وب‌سایت شما عمل می‌کند. این اطلاعات شامل متن مقالات، تنظیمات سایت، نظرات کاربران، تصاویر و ویدئوها، و بسیاری از داده‌های دیگر است. وردپرس از سیستم مدیریت پایگاه داده MySQL استفاده می‌کند که یک پایگاه داده رابطه‌ای (RDBMS) است. جداول اصلی پایگاه داده وردپرس وردپرس دارای چندین جدول اصلی در پایگاه داده است که هر کدام اطلاعات خاص خود را نگه می‌دارند. در زیر به برخی از این جداول اصلی اشاره می‌کنیم: 1. wp_posts: این جدول اطلاعات مربوط به مقالات و مطالب وب‌سایت را ذخیره می‌کند. هر مقاله شامل عنوان، متن، تصویر شاخص و اطلاعات مربوط به تاریخ انتشار و وضعیت آن است.
رفع مشکل لود نشدن المنتور و ویجت‌های آن یک بار برای همیشه!
گاهی ممکن است برای شما هم پیش بیاید که ویجت های المنتور بارگذاری نشوند و مانند تصویر زیر المنتور در حالت لودینگ باقی بماند، این مسئله معمولاً به دلیل مشکل منابع هاست، تداخل افزونه و ... است که کاملا قابل برطرف سازی است. پس با ما همراه باشید تا مشکل لود نشدن المنتور و ویجت‌های آن را بر طرف کنیم. رای برطرف کردن مشکل لود نشدن ویجت های المنتور چه کاری را انجام دهم؟ مطمئن شوید که از پیش نیاز های المنتور استفاده می کنید.برای این منظور که ببینید سایت شما شرایط استفاده از المنتور را دارا می باشد یا خیر به Elementor > System Info مراجعه کنید و مطمئن شوید که آیا سایت و یا هاست شما این پیش نیاز ها را ارائه داده است یا خیر. اصلی ترین مواردی که باید به آن توجه شود: دو مورد از موارد اصلی که باید بررسی شود نسخه PHP و محدودیت حافظه است، اما به هر حال سعی کنید به همه گزاره ها توجه لازم را انجام دهید. اگر از افزونه های سنگین استفاده می کنید که منابع زیادی را به خود اختصاص میدند مانند ووکامرس، محدودیت حافظه خود را به 512M افزایش دهید. محدودیت حافظه یکی از شایع ترین علل مشکل لود نشدن ویجت های المنتور هست. اگر در این زمینه تخصص لازم را ندارید، به هاستینگ خود تیکت بزنید.
تست ریسپانسیو صفحات وب
یکی از مهم ترین اصول طراحی صفحات وب یا رابط های کاربری هماهنگ سازی آن ها با دستگاه های مختلف از قبیل سیستم های خانگی ، لپ تاپ ها ، تبلت ها و گوشی های هوشمند است. همانطور که در بحث پیاده سازی این صفحات نیاز به استفاده از تکنولوژی ها و کتابخانه های مختلف CSS است ، علاوه بر آن باید ابزارهایی را برای آنالیز و تست ریسپانسیو این صفحات در اختیار داشته باشیم . در این مقاله از وب دنج قصد داریم ابزاری را جهت بررسی و  تست ریسپانسیو صفحات وب معرفی کنیم ، با ما همراه باشید. افزونه Responsive design tester برای مرورگر کروم :  یکی از بهترین افزونه ها ( اکستنشن ) برای تست ریسپانسیو صفحات وب و رابط های کاربری افزونه Responsive design tester است . به کمک این افزونه می توانید به راحتی تمامی صفحات مورد نظر خود را بررسی کرده و در اندازه های مختلف تست کنید. این افزونه بیش از ۴۰۰۰ بار توسط کاربران نصب شده و امتیاز خوب ۸ از ۱۰ را گرفته است. ویژگی های افزونه Responsive design tester: محیط تست در یک تب جدید مرورگر باز می شود ( برای بررسی کدهای صفحه و استفاده از ابزار inspector مرورگر کاملا مناسب است.) دسته بندی های متنوع نمایشگرها ( این افزونه دارای ۳ دسته بندی اصلی موبایل ، فبلت و تبلت است) نمایشگرهای پر کاربرد ( در هر دسته بندی تعدادی دستگاه پیشنهاد می شود که می توانید برای بررسی صفحات از آن ها استفاده کنید.) انتخاب اندازه دلخواه ( ویژگی دیگر این افزونه امکان انتخاب اندازه دلخواه برای بررسی بیشتر حتی بر روی دستگاه هایی که کاربرد کمتری دارند است.) سرعت پردازش بالا ( سرعت لود صفحات در این افزونه به نسبت افزونه های مشابه بالاتر خواهد بود و منابع کمتری را مصرف می کند.)
تغییر استایل دسکتاپ + دانلود برنامه screen styler
Screen Styler یک نرم‌افزار بسیار کاربردی است که برای طراحی و ویرایش محیط ویندوز طراحی و توسعه داده شده است. با استفاده از این برنامه، می‌توانید طرح‌های جذاب و خلاقانه‌ای برای دسکتاپ خود ایجاد کنید. برای دانلود Screen Styler و استفاده از این نرم‌افزار فوق‌العاده جذاب میتوانید از لینک موجود در انتهای همین صفحه استفاده کنید. درباره screen styler در ابتدا به عنوان مهم‌ترین امتیاز برای این نرم‌افزار کاربردی باید گفت که اسکرین استایلر دارای یک رابط کاربری بسیار ساده و کاربرپسند است. شما با استفاده از این نرم‌افزار می‌توانید محیط ویندوز و دسکتاپ خود را با فیلترهای مختلف، افکت‌ها، ویجت ها، متن و غیره ویرایش کنید. این نرم‌افزار دارای قابلیت‌های بسیار زیادی است که برای طراحی و ویرایش محیط دسکتاپ مفید واقع می‌شود. شما با دانلود Screen Styler برای ویندوز به بسیاری از ویژگی‌های این نرم‌افزار دست خواهید یافت که از میان آن‌ها، می‌توان به موارد زیر اشاره کرد:
توسعه وب سایت فرانت اند و بک اند چیست؟
آیا می‌دانید توسعه وب سایت به چه فرآیندی می‌گویند؟ نقش فرانت اند و بک اند در این فرآیند چیست؟ با تیم وب دنج همراه باشید تا با هم به پاسخ این سوالات مهم بپردازیم. وب سایت چیست؟ وب سایت یک پلتفرم آنلاین است که افراد یا سازمان ها را قادر می سازد اطلاعات را به اشتراک بگذارند و با مخاطبان جهانی تعامل داشته باشند. وب سایت ها را می توان برای اهداف مختلفی ایجاد کرد، از جمله وبلاگ های شخصی، سایت های تجارت الکترونیک، پورتال های خبری و پلتفرم های رسانه های اجتماعی. با افزایش محبوبیت اینترنت، وب سایت ها به ابزاری حیاتی برای مشاغل و افراد برای دستیابی به مخاطبان گسترده تر، انجام معاملات و ارائه خدمات تبدیل شده اند. قسمت جلویی یک وب سایت به قسمتی از پلتفرم که کاربر رو به رو است، اشاره دارد. مسئول طراحی، چیدمان و تجربه کاربری کلی یک وب سایت است. توسعه دهنده front-end مسئول ایجاد عناصر بصری یک وب سایت مانند طرح رنگ، فونت و طرح است.
آموزش گرفتن شناسه ایرنیک
شما هر زمان که اراده کنید در کمتر از 15 دقیقه میتوانید دامنه بین المللی خود را خریداری کنید! دامنه های بین المللی را هر شخصی و در هر کجا می تواند ثبت کند اما دامنه ملی ایران، تنها برای کاربران ایرانی قابل ثبت است. برای ثبت دامنه IR شما باید حتماً در سامانه ایرنیک که مربوط ثبت دامنه IR است، حساب کاربری باز کنید. یکی از سوالاتی که برای کاربران پیش می آید، این است که چطور در سامانه nic.ir ثبت نام کنیم تا امکان ثبت دامنه ملی برای ما وجود داشته باشد. در این مقاله می خواهیم به بررسی کامل این سوال بپردازیم و مرحله به مرحله، آموزش ساخت شناسه ایرنیک را بررسی کنیم. سامانه ایرنیک (nic.ir) چیست؟ اگر شما در حال طراحی سایت هستید، به احتمال زیاد نام دامنه های ملی و سایت ایرنیک به گوشتان خورده است. اگر دامنه ایی که شما خرید می کنید ir. باشد، نیاز است تا ابتدا در سایت ایرنیک یک شناسه کاربری ایجاد کنید. بنابراین ایرنیک نام سامانه ای است که با استفاده از آن می توانید دامنه ملی خود را مدیریت کنید! به طور خلاصه، برای ثبت دامنه های ملی، به سایت نه چندان جالب ایرنیک نیازمند هستیم.
آشنایی با ChatGPT و نحوه کار با این ربات
آیا تا به حال راجب هوش مصنوعی شنیده اید؟ چت جی پی تی «ChatGPT» یکی از اولین و جدیدترین ربات مبتنی بر هوش مصنوعی ارائه شده توسط تیم OpenAI می باشد که در این مقاله قصد داریم شما را با این ربات آشنا کنیم و نحوه استفاده از این ربات را به شما آموزش دهیم. Open AI چیست؟ اوپن ای آی OpenAI یک شرکت تحقیقاتی در زمینه هوش مصنوعی است که در اواخر سال ۲۰۱۵ با چنین ایده‌های بلندپروازانه‎‌ در سانفرانسیسکو تاسیس شد. موسسان و بانیان این شرکت غیرانتفاعی چهره‌های شاخصی چون ایلان ماسک، سم آلتمن، و چند سرمایه‌گذار معروف دیگر بودند. AI مخفف هوش مصنوعی یا Artificial Intelligence است. در واقع Open AI بستریست که از هوش مصنوعی استفاده می کند کاربران عادی سراسر جهان می دهد. ChatGPT چیست ؟ ChatGPT یک «چت‌بات» (Chatbot) مبتنی بر هوش مصنوعی است که می‌تواند هر سوالی را جواب دهد. چت جی پی تی می‌تواند موضوع‌ها و مباحث پیچیده‌ای را در حوزه‌های تخصصی مختلف مثل فیزیک، ریاضی و برنامه نویسی درک کند.
آشنایی با نرم افزار ویژوال استودیو کد
اگر برنامه نویس باشید یا با برنامه نویسی آشنایی داشته باشید قطعا نام ادیتور کدهای مختلفی به گوشتان خورده و یا از آنها استفاده کرده اید ، در این مقاله قصد داریم شما را با یکی از بهترین و در عین حال پیشرفته ترین ویرایشگرهای کد به نام ویژوال استودیو کد آشنا کنیم. Visual Studio Code چیست؟ ویژوال استودیو کد Visual Studio Code یک ویرایشگر کد متن باز می باشد که توسط مایکروسافت در 29 آوریل سال 2015 برای سیستم های عامل Windows، Linux و macOS ارائه شده است. این نرم افزار با زبان‌های برنامه نویسی جاوا، جاوا اسکریپت، تایپ اسکریپت، HTML و CSS نوشته شده است. هرچند که نخستین نسخه‌ی ویژوال استودیو کد در سال 2015 منتشر شده است، اما سرعت رشد جامعه‌ی کاربران آن به قدری بالاست که امروزه به عنوان یکی از سه کد ادیتور برتر و پراستفاده‌ی جهان شناخته می‌شود. این ویرایشگر کد را مایکروسافت بصورت کاملا رایگان در عموم قرار داده است و میتوانید بدون پرداخت مبلغی از امکانات این نرم افزار بصورت رایگان استفاده نمایید.
آموزش نصب پایتون در ویندوز
ما در این مقاله قصد داریم تا باهم بررسی کنیم چگونه پایتون را روی ویندوز خودمون نصب کنیم. زبان برنامه‌نویسی پایتون، در کنار سادگی بیش از حد خود، یک زبان برنامه‌نویسی سطح بالا به حساب می آید. این زبان، اولین بار در سال 1991 عرضه شد و هم اکنون یکی از پرطرفدار ترین زبان های برنامه نویسی دنیا است. دلیل محبوبیت بالای python، فلسفه طراحان آن است که بر سادگی و قابل خواندن بودن کد ها اشاره دارد. هم چنین زبان برنامه نویسی پایتون نسبت به دگیر زبان های برنامه نویسی، فرآیند یادگیری خیلی ساده تری دارد. بنابراین نصب python روی ویندوز برای شما ضروری به حساب می آید. کدام نسخه پایتون را نصب کنم؟ طبق بروزرسانی که سال ها پیش انجام شد، پایتون دارای دو نسخه مجزا از هم شد. پایتون 2 و پایتون 3. اما ما در اینجا به دلیل وسعت کار با پایتون 3، آموزش نصب آن را برای شما قرار می دهیم. لازم به ذکر است که همه مقالات وب دنج که مربوط به پایتون است، با پایتون 3 پیاده سازی شده اند. شما زمانی که به وبسایت رسمی پایتون مراجعه می‌کنید، از طریق منو میتوانید وارد بخش دانلود پایتون شود. در این بخش جدید ترین نسخه پایتون مناسب سیستم عاملتان را به شما نمایش می دهد.
پیدا کردن رمز وای فای های متصل
امروز در خدمت شما عزیزانیم با یک مقاله بسیار بسیار کاربردی دیگه. آیا تا به حال شده است نیاز داشته باشید رمز وای فای هایی که قبلا به اون متصل شدین رو بدست بیارید؟ این کار با پایتون خیلی راحت قابل انجام هست. برای اینکه شما بتوانید از کد ها استفاده کنید نیاز است که پایتون را روی سیستمتون نصب کنید. ما آموزش نصب پایتون را برای شما عزیزان قرار داده ایم و شما می توانید طبق این مقاله پایتون را روی سیستم خودتون نصب کنید. در این مقاله شما می توانید با استفاده از پایتون، تمام وای فای هایی که به آن متصل شده ایید را پیدا کند و رمز عبور آن را مقابل نام وای فای پیدا کنید. در قدم اول ما بایستی ماژول subprocess را ایمپورت کنیم. در قدم بعدی متغییری با نام data تعریف میکنیم و با استفاده از ماژول subprocess که ایمپورت کردیم و متد check_output دستورات مورد نیاز برای دریافت نام شبکه هایی که قبلا به آن ها متصل شده ایم را دریافت میکنیم. منتها قبل از نمایش به کاربر، ما باید آن ها را دیکود کنیم. در خط بعد با تعریف کردن لیست و با استفاده از حلقه for دستور شرطی می گوییم اگر Key Content درون متغیر results یافت شد آیتم های آن را در b ذخیره کند و b را با کمک متد split() به لیست تبدیل کند و می گوییم ایندکس اول آن را نشان دهد و در متغییر results قرار دهد.
آموزش نصب وردپرس در لاراگون
در این مقاله قصضد داریم تا با هم به نصب وردپرس در لاراگون بپردازیم؛ اما چرا لوکال هاست لاراگون؟ اگه به تازگی با وردپرس آشنا شده باشید، احتمالا اسم لوکال هاست ها را زیاد شنیده اید. لوکال هاست هایی نظیر زمپ، ومپ و … اما با این همه، پیشنهاد تیم وب دنج، استفاده از لاراگون است. ما یقین داریم که اگر حتی یک بار از لوکال هاست لاراگون استفاده کنید، شیفته آن خواهید شد. لوکال هاست لاراگون چیست؟ قبل از اینکه ما شروع کنیم و راجب نصب خود لاراگون با هم صحبت کنیم، بهتر است یه چکیده ایی از این نرم افزار بدانید. لاراگون توسط لئو خوآ ساخته و طراحی شد. او رئیس شرکت DevOps که یکی از شرکت های زیر مجموعه شرکن SaaS بود؛ است. وقتی از لئو سوال شد که هدف از ساخت و طراحی لاراگون چی بود پاسخ داد: من فقط میخواستم تجربه طراحی و توسعه وب را لذت بخش تر کنم. لاراگون فضای مناسبی برای برنامه هایی چون Nginx ،node.js،Redis،PHP،MYSQL وApache هست که به راحتی می توانید پروژه‌های مورد نظر خود را با استفاده از آن پیاده سازی کنید. به جرعت می توانیم بگوییم لاراگون اینقدر خوب کار کرده است که همه رقبای خود را کنار زده است.
وردپرس چیست؟
اگر این مقاله را مطالعه می کنید احتمالاً به این دلیل است که نام وردپرس را شنیده اید و به دنبال راه اندازی اولین وب سایت خود هستید بنابراین من به شما پیشنهاد میکنم تا انتهای این مقاله با ما همراه باشید. بیایید به این سوال پاسخ دهیم که وردپرس به زبان ساده چیست؟ وردپرس در سال 2003 ایجاد شد و ازآن زمان به یکی ازمحبوب ترین برنامه ها برای ایجاد و طراحی وبسایت است. بر اساس داده های سایت W3Techs اکنون چیزی حدود 64.1 درصد از سایت های دنیا با استفاده از این افزونه ایجاد و طراحی شده اند. یکی از جذابیت های وردپرس این است که رایگان است. شاید برای شما هم این سوال ایجاد شود که چرا رایگان؟ زیرا وردپرس یک نرم‌افزار متن‌باز است. به این معنی که هزاران مهندس نرم‌افزار وجود دارند که هر روز روی آن کار می‌کنند تا آن را بهتر و بهتر کنند. شاید به زودی شماهم به عنوان یک برنامه نویس مشغول به توسعه و بهبود نرم افزار وردپرس شدید!