پوسته ووکامرس ثلث

پوسته ووکامرس ایرانی ثلث

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

مشاهده جزئیات بیشتر
پوسته ووکامرس ثلث

پوسته ووکامرس ایرانی ثلث

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

مشاهده جزئیات بیشتر
تعمیرگاه وردپرس

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

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

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

به اشتراک گذاری مطلب

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

برای اینکار ابتدا باید در فایل فانکشن کد زیر را قرار دهید ؛

function wpb_custom_new_menu() {
  register_nav_menu('my-custom-menu',__( 'My Custom Menu' ));
}
add_action( 'init', 'wpb_custom_new_menu' );

پس از قراردادن این کد انتهای فایل functions.php در پوسته خود آن را ذخیره کنید.

حال در بخش فهرست باید محل My Custom Menu اضافه شده باشد مانند در تصویر زیر ؛

 

اضافه شدن منو در قسمت فهرست وردپرس

اضافه شدن منو در قسمت فهرست وردپرس

 

فراخوانی فهرست وردپرس در محل مدنظر در پوسته

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

<?php
wp_nav_menu( array( 
    'theme_location' => 'my-custom-menu', 
    'container_class' => 'custom-menu-class' ) ); 
?>

 

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

div.custom-menu-class ul {
    list-style-type: none;
    list-style: none;
    list-style-image: none;
}
div.custom-menu-class li {
    padding: 20px;
    display: inline;
}

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

امیدواریم این آموزش کوتاه مفید واقع شود.

موفق باشید

دیدگاه ها

پاسخ دهید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *