دسته: <span>توابع وردپرس</span>

نحوه اضافه کردن ابزارک وردپرس به هدر سایت

نحوه اضافه کردن ابزارک وردپرس به هدر سایت

آیا می خواهید یک ابزارک وردپرس به قسمت هدر وب سایت خود اضافه کنید؟ ابزارک ها (ویجت)به شما این امکان را می دهند تا به راحتی بلوک های محتوا را به بخش های خاصی از قالب وردپرس خود اضافه کنید. در این مقاله از سایت کدنویس ما به شما نحوه اضافه کردن ویجت وردپرس به هدر سایت را نشان خواهیم داد.

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

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

این منطقه خاص که “Below the fold” نامیده می شود و همه وب سایت های محبوب و حرفه ای از آن برای نمایش دادن چیز های مهم استفاده می کنند.

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

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

مرحله 1: ایجاد ابزارک هدر
اول، ما باید یک منطقه ابزارک سفارشی ایجاد کنیم. این کار به شما این امکان را می دهد که منطقه ابزارک سفارشی خود را در پیشخوان وردپرس قسمت نمایش > ابزارک ها مشاهده کنید.

شما باید این کد را به فایل functions.php قالب وردپرس خود اضافه کنید.

function wpb_widgets_init() {
 
    register_sidebar( array(
        'name'          => 'Custom Header Widget Area',
        'id'            => 'custom-header-widget',
        'before_widget' => '<div class="chw-widget">',
        'after_widget'  => '</div>',
        'before_title'  => '<h2 class="chw-title">',
        'after_title'   => '</h2>',
    ) );
 
}
add_action( 'widgets_init', 'wpb_widgets_init' );

این کد یک نوار کناری جدید یا یک منطقه ویجت آماده برای وردپرس ثبت می کند.

اکنون می توانید به نمایش » ابزارک ها بروید و یک منطقه ویجت جدید را که حاوی ‘Custom Header Widget Area’ است مشاهده کنید(می توانید به جای آن از نام دیگری استفاده کنید.)

حالا می توانید به منطقه سفارشی که ایجاد کردیم یک ابزارک اضافه کنید(فعلا چیزی در سایت نم بینید و باید مراحل پایین را هم برای نمایش ابزارک سفارشی انجام دهید)

مرحله 2: عناصر خود را در ابزارک سفارشی هدر نمایش دهید
اگر شما اکنون از وبسایت خود بازدید کنید، نمیتوانید ابزارکی را که به ناحیه ابزارک سفارشی هدر اضافه کردید مشاهده کنید.

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

اجازه دهید این کار را در این مرحله انجام دهیم.

شما باید فایل header.php را در قالب وردپرس خود ویرایش کنید و این کد را در جایی که میخواهید منطقه ابزارک سفارشی نمایش داده شود اضافه کنید.

<?php
 
if ( is_active_sidebar( 'custom-header-widget' ) ) : ?>
    <div id="header-widget-area" class="chw-widget-area widget-area" role="complementary">
    <?php dynamic_sidebar( 'custom-header-widget' ); ?>
    </div>
     
<?php endif; ?>

راموش نکنید که تغییرات خود را ذخیره کنید.

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

متوجه خواهید شد که به نظر می رسد یک جای ابزارک خوب و کاربر پسند نیست. این جایی است که شما نیاز به CSS دارید تا کاری کنید بهتر دیده شود.

مرحله 3: تغییر سبک ابزارک هدر با استفاده از CSS

بسته به پوسته وردپرس شما، شما نیاز به اضافه کردن CSS برای کنترل چگونگی منطقه ابزارک هدر و ابزارکی که در آن قرار می دهید دارید

راه ساده تر برای انجام این کار با استفاده از افزونه CSS Hero است. این اجازه می دهد تا شما با استفاده از یک رابط کاربری بصری CSS هر تم وردپرسی را تغییر دهید.

اگر نمی خواهید از افزونه وردپرس استفاده کنید، می توانید در قسمت نمایش » سفارشی سازی » CSS سفارشی اضافه کنید.

این رابط، رابط سفارشی قالب وردپرس را راه اندازی خواهد کرد. شما باید روی منوی » CSS اضافی کلیک کنید.

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

در این آموزش، فرض می کنیم که شما تنها با استفاده از این منطقه برای اضافه کردن یک ویجت واحد برای نمایش تبلیغات بنر و یا یک ویجت منوی سفارشی استفاده می کنید.

در اینجا چند نمونه CSS برای کمک به شما در شروع کار می نویسیم:

div#header-widget-area {
    width: 100%;
    background-color: #f7f7f7;
border-bottom:1px solid #eeeeee;
    text-align: center;
}   
h2.chw-title {
    margin-top: 0px;
    text-align: left;
    text-transform: uppercase;
    font-size: small;
    background-color: #feffce;
    width: 130px;
    padding: 5px;
    }
حذف لینک به محصول در صفحه سبد خرید ووکامرس

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

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

حذف پیوند به صفحه محصول در صفحه سبد خرید ووکامرس
برای حذف لینک به صفحه محصول در صفحه سبد خرید ووکامرس فقط کافی است کد زیر را به فایل functions.php قالب وردپرس خود اضافه کنید:

add_filter( 'woocommerce_cart_item_permalink', '__return_null' );

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

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

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

برای دیدن مقالات بیشتر اینجا کلیک کنید.

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

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

سلام
امروز میخایم تابعی رو معرفی کنیم که با استفاده از ان بتونید اطلاعات کاربر وارد شده رو نمایش بدیم
این تابع برای سطح بندی ، پروفایل ، یا مشکلی که خودم باهاش داشتم اینکه بتونیم وقتی کاربر وارد سایت میشه ورود به سایت رو تبدیل به حساب کاربری کنیم
خوب اول از همه بگم که از تابع  wp_get_current_user()   کمک میگیرم  برای اینکه اطلاعات بیشتری به دست بیارید میتونید وارد لینک خود تابع بشید و توضیحات بیشتری رو بخونید ولی ما در اینجا فقط توضیح میدیم که چطوری نام کاربر ، ایمیل ، …. را چاپ کنید

<?php
$current_user = wp_get_current_user();

echo $current_user->user_login ; 
echo $current_user->user_email ; 
echo $current_user->user_firstname ; 
echo $current_user->user_lastname ;
echo $current_user->display_name ; 
echo  $current_user->ID ;

?>

 

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

کدنویس همراه شماست

توابع وردپرس

توابع وردپرس

توابع وردپرس

– توابع ضروری و با قابلیت نمایش  ( ترکیبی ) :

لیست ها و منو های افتادنی :

توابع ورود و خروج :

توابع نوشته ها :

توجه : توابع زیر باید در حلقه وردپرس قرار گیرند …

منظور از حلقه  ( loop ) تگ های شرطی می باشد که حتما باید پست های یک سایت وردپرسی , در داخل آن قرار گیرد , در غیر این صورت پست ها قابل نمایش نیست .

 

توابع بند انگشتی :

توجه : برای استفاده از توابع زیر , باید حتما از قبل , تابع زیر را در فایل functions.php اضافه نمایید .

توجه : در بالا به جای your-name , نام انتخابی خود و به جای width , height پهنا و ارتفاع عکسی که میخواهید برش داده شود را به عدد وارد نمایید .

توابع فهرست و منو ها :

توجه : برای دیزاین فهرست , باید در css , کلاسی به نام navbar ساخته و شروع به ساخت دیزاین کنید .

توابع جایگذاری و گنجاندن :

قرار دادن ایتم برای ثبت اخبار سایت

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

add_action( 'init', 'work_register' );   

function work_register() {   

    $labels = array( 
        'name' => _x('Work', 'post type general name'), 
        'singular_name' => _x('Work Item', 'post type singular name'), 
        'add_new' => _x('Add New', 'work item'), 
        'add_new_item' => __('Add New Work Item'), 
        'edit_item' => __('Edit Work Item'), 
        'new_item' => __('New Work Item'), 

        'view_item' => __('View Work Item'), 
        'search_items' => __('Search Work'), 
        'not_found' => __('Nothing found'), 
        'not_found_in_trash' => __('Nothing found in Trash'), 
        'parent_item_colon' => '' 
    );   

    $args = array( 
        'labels' => $labels, 
        'public' => true, 
        'publicly_queryable' => true, 
        'show_ui' => true, 
        'query_var' => true, 
        'menu_icon' => get_stylesheet_directory_uri() . '/article16.png', 
        'rewrite' => array( 'slug' => 'work', 'with_front'=> false ), 
        'capability_type' => 'post', 
        'hierarchical' => true,
        'has_archive' => true,  
        'menu_position' => null, 
        'supports' => array('title','editor','thumbnail') 
    );   

    register_post_type( 'work' , $args ); 

    register_taxonomy( 'categories', array('work'), array(
        'hierarchical' => true, 
        'label' => 'Categories', 
        'singular_label' => 'Category', 
        'rewrite' => array( 'slug' => 'categories', 'with_front'=> false )
        )
    );

    register_taxonomy_for_object_type( 'categories', 'work' ); // Better be safe than sorry
}
امتیاز دهی ستاره ای برای نوشته ها در وردپرس با افزونه kk Star Ratings

امتیاز دهی ستاره ای برای نوشته ها در وردپرس با افزونه kk Star Ratings

یکی از مهم ترین قسمت هایی که می تواند ذهن ما را به عنوان یک وبمستر مشغول …

تصویر شاخص، تصویر محصول و گالری محصول چه تفاوتی باهم دارند؟!

تصویر شاخص، تصویر محصول و گالری محصول چه تفاوتی باهم دارند؟!

آیا می دانستید که عکس ها، قدرتمند ترین ابزارها برای بازاریابی و فروش …

بهترین افزونه رایگان فرم تماس وردپرس

بهترین افزونه رایگان فرم تماس وردپرس

برای هر سایت وردپرس لازم است که یک افزونه سازنده فرم داشته باشد. صرف …