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

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

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

این منطقه خاص که “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' );

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

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

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

توابع وردپرس

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

<?php bloginfo('name'); ?>    نمایشعنوانوبسایت


<?php bloginfo('description');?>    ( نمایش معرفی کوتاه سایت شما ( شرح سایت


<?php bloginfo('admin_email');?>     نمایش آدرس ایمیل مدیر


<?php bloginfo('url');?>     نمایش آدرس وب سایت


<?php bloginfo('wpurl');?>     نمایش آدرس سایت وردپرس


<?php bloginfo('stylesheet_url');?>     نمایش آدرس فایل سی اس اس موجود در پوشه ی پوسته فعال    


<?php bloginfo('template_directory'); ?>     نمایش آدرس پوشه ی پوسته فعال


<?php bloginfo('atom_url'); ?>     نمایش آدرس فید اتم سایت


<?php bloginfo('rss_url'); ?>     نمایش آدرس آر اس اس وب سایت


<?php bloginfo('rss2_url'); ?>     نمایش آدرس آر اس اس 2 وب سایت


<?php bloginfo('rdf_url'); ?>      نمایش آدرس آر دی اف سایت


<?php bloginfo('charset'); ?>     نمایش یونیکد استفاده شده در وب سایت شما


<?php bloginfo('language'); ?>     نمایش زبان فعال استفاده شده در وب سایت شما


<?php bloginfo('text_direction');?>     نمایش دایرکشن استفاده شده در وب سایت شما


<?php bloginfo('version'); ?>     نمایشورژنوردپرسوبسایتشما


<?php wp_title(); ?>     نمایش عنوان صفحه ی در حال نمایش


<?php get_search_form() ?>     نمایش فرم جستجو در سایت


<?php the_search_query() ?>     نمایش متن جستجو شده , پس از جستجو در سایت


<?php wp_tag_cloud(); ?>     نمایشلیستکاملتگهایاستفادهشدهدروبسایت


<?php echo tag_description(id); ?>     نمایش توضیحات یک تگ خاص - به جای آی دی , شناسه تگ را وارد نمایید


<?php single_tag_title(); ?>     نمایش نام تگی که بر روی آن کلیک کرده و وارد صفحه ی تگ شده ایم


<?php single_post_title(); ?>     نمایش نام نوشته ای که بر روی آن کلیک کرده و وارد صفحه شده ایم


<?php single_cat_title(); ?>     نمایش نام دسته بندی که بر روی آن کلیک کرده و وارد صفحه ی آن شده ایم


<?php the_permalink(); ?>     نمایش پیوند یکتا


<?php get_calendar(); ?>     نمایش تقویم در وب سایت

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

<?php wp_dropdown_categories(); ?>     نمایش موضوعات در قالب منو افتادنی


<?php wp_dropdown_pages(); ?>     نمایش صفحات در قالب منو افتادنی


<?php wp_dropdown_users(); ?>     نمایش کاربران در قالب منو افتادنی


<?php wp_get_archives(); ?>     نمایش لیست آرشیو وب سایت


<?php wp_list_authors(); ?>     نمایش لیست نویسندگان وب سایت


<?php wp_list_bookmarks(); ?>     نمایش لیست پیوند های وب سایت


****************************


نکته : به صورت پیشفرض امکان درج لینک در وردپرس غیر فعال است که برای فعال کردن این امکان , باید کد زیر را در فایل فانکشن پوسته ی خود اضافه کنید


add_filter( 'pre_option_link_manager_enabled', '__return_true' );


****************************


<?php wp_list_categories(); ?>     نمایش لیست موضوعات وب سایت


<?php wp_list_comments(); ?>     نمایش لیست کامنت های وب سایت


<?php wp_list_pages(); ?>     نمایش لیست برگه های وب سایت


<?php wp_page_menu(); ?>     نمایش لیست صفحات وب سایت

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

<?php wp_login_form(); ?>     نمایش فرم ورود به وب سایت


<?php echo wp_login_url(); ?>     نمایش آدرس قسمت ورود به سایت


<?php echo wp_logout_url(); ?>     نمایش آدرس خروج از وب سایت


<?php echo wp_lostpassword_url(); ?>     نمایش آدرس قسمت فراموشی رمز عبور وب سایت


<?php echo wp_registration_url(); ?>     نمایش آدرس قسمت ثبت نام در وب سایت


<?php wp_loginout(); ?>     نمایش لینک ورود/خروج به صورت اتوماتیک در وب سایت


**********************************************


تابع شرطی برای دو شرط ورود به صورت مهمان و یا ورود با نام کاربری
<?php
if ( is_user_logged_in() ) {
    امکاناتدرصورتیکهاگرکاربرواردشدهبود
} else {
    امکانات در صورتی که اگر کاربر مهمان بود
}
?>

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

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

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

<?php
if ( have_posts() ) {
while ( have_posts() ) {
the_post(); ?>
                           محل قرار گیری توابع نوشته ها
<?php } // end while
} // end if
?>

<?php posts_nav_link(); ?>     نمایش راهنما برای رفتن به صفحه ی بعد و قبل


<?php previous_post_link(); ?>     نمایش لینک به پست قبلی


<?php next_post_link(); ?>     نمایش لینک به پست بعدی


<?php the_category(); ?>     نمایش لیست موضوعات مربوط به پست در حال نمایش


<?php the_permalink(); ?>     نمایش لینک پیوند یکتای صفحه ی مورد نظر


<?php the_title(); ?>     نمایشعنوانپستدرحالنمایش


<?php the_content(); ?>     نمایشمحتویاتپستدرحالنمایش


<?php the_excerpt(); ?>     نمایشمختصریازمحتویاتپستدرحالنمایش


<?php the_time(); ?>     نمایشزماندرجپستدرحالنمایش


<?php the_date('y/m/d'); ?>     نمایش تاریج درج پست در حال نمایش


<?php the_ID(); ?>     نمایششناسهپستدرحالنمایش


<?php the_author_posts(); ?>     نمایش تعداد پست های نویسنده ی پست مورد نظر


<?php the_author() ?>      نمایش نام نویسنده پست مورد نظر


<?php the_shortlink(); ?>     نمایشلینکورودبهصفحهییکتایپستدرحالنمایش


<?php the_tags(); ?>     نمایشبرچسبهایپستدرحالنمایش


<?php comments_number(); ?>     نمایش تعداد نظرات داده شده پست در حال نمایش


<?php comments_template(); ?>     single.php نمایش قسمت نظرات -حتماداخلفایل


<?php the_title_attribute(); ?>     نمایش مقدار اتربیوت تایتل پست در حال نمایش

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

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

echo add_theme_support( 'post-thumbnails' );

<?php the_post_thumbnail('thumbnail'); ?>     نمایش تصویر بندانگشتی مربوط به هر پست یا برگه - اندازه پیش فرض 150*150


<?php the_post_thumbnail('medium'); ?>     نمایش تصویر بندانگشتی مربوط به هر پست یا برگه - اندازه پیش فرض 300*300


<?php the_post_thumbnail('large'); ?>     نمایش تصویر بندانگشتی مربوط به هر پست یا برگه - اندازه پیش فرض 640*640


<?php the_post_thumbnail('full'); ?>     نمایش تصویر بندانگشتی مربوط به هر پست یا برگه در سایز اصلی


ضمنا 4 تابع بالا برای نمایش در سایز های استاندارد می باشند . برای بریدن عکس آپلود شده و نمایش آن در وب سایت ,  باید به روش زیر عمل کنید .


1-اضافهکردنکدزیردرفایلفانکشن


**************************


if (function_exists('add_image_size')):
add_image_size('your-name',width,height,true);
endif;


***************************


2 - قرار دادن کد زیر برای نمایش تصویر بند انگشتی


<?php the_post_thumbnail('your-name'); ?>

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

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

<?php wp_nav_menu( array( 'theme_location' => 'Vahid-Majidi-Nav', 'menu_class' => 'navbar' ) ); ?>


توجه :اینامکانبهصورتپیشفرضغیرفعالمیباشدکهجهتفعالنمودنآنبایدتابعزیررادرفایلفانکشنقراردهید


function register_my_menu() {
&nbsp;&nbsp;register_nav_menu('Vahid-Majidi-Nav',__( 'Vahid-Majidi-Nav' ));
}
add_action( 'init', 'register_my_menu' );

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

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

<?php get_header(); ?>     گنجاندن هیدر


<?php get_footer(); ?>     گنجاندن فوتر


<?php get_sidebar(); ?>     گنجاندن سایدبار


<?php get_template_part('vahid-majidi'); ?>     گنجاندن فایلی با نام دلخواه در پوشه پوسته مورد نظر