افزودن منو به پیشخوان فروشندگی Dokan
با سلام و عرض ادب، با یکی از سری آموزشهای حرفهای وردپرس آبی در خدمت شما دوستانم هستم. در این مقاله میخواهیم چگونگی افزودن منو به پیشخوان فروشندگی Dokan رو آموزش بدیم. توسط این آموزش، به راحتی میتوانید هر منو و محتوای را به پیشخوان افزونه دکان اضافه کنید.
مثلاً میتوانید یک منو با محتوای راهنما و آموزش پنل چند فروشندگی فروشگاه خود را ایجاد کنید. یا اینکه اگر محتوای خاصی مانند یک ویدیوی آموزشی مختص به فروشندگان دارید، به آسانی آن را در محتوای منوی که قراره باهم در این آموزش به پیشخوان دکان اضافه کنیم، قرار بدید. با ما همراه باشید.
افزودن منو به پیشخوان فروشندگی Dokan
از مزیتهای این آموزش، این هست که لازم نیست تغییراتی در افزونه اصلی بدید. بهگونهای که با هر آپدیت افزونه دکان، تغییرات و منوی شما از دست نخواهد رفت. پس با خیالی آسوده از این کدها میتوانید استفاده کنید.
ابتدا یک پوشه به نام dokan در قالب خودتان یا اینکه اگر قالبتان دارای چایلد تم است، آن را در چایلد تم ایجاد کنید. سپس یک فایل به نام help.php ایجاد کنید و کدهای زیر را داخل آن قرار دهید. در انتهای این آموزش، سورس کدهای مورد نیاز برای این کار قرار گرفته است.
<?php /** * Dokan Dashboard Template * * Dokan Main Dahsboard template for Fron-end * * @since 2.4 * * @package dokan */ ?> <div class="dokan-dashboard-wrap"> <?php /** * dokan_dashboard_content_before hook * * @hooked get_dashboard_side_navigation * * @since 2.4 */ do_action( 'dokan_dashboard_content_before' ); ?> <div class="dokan-dashboard-content"> <?php /** * dokan_dashboard_content_before hook * * @hooked show_seller_dashboard_notice * * @since 2.4 */ do_action( 'dokan_help_content_inside_before' ); ?> <article class="help-content-area"> <h1> محتوای شما در اینجا</h1> <p> لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است. چاپگرها و متون بلکه روزنامه و مجله در ستون و سطرآنچنان که لازم است و برای شرایط فعلی تکنولوژی مورد نیاز و کاربردهای متنوع با هدف بهبود ابزارهای کاربردی می باشد. <br> لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است. چاپگرها و متون بلکه روزنامه و مجله در ستون و سطرآنچنان که لازم است و برای شرایط فعلی تکنولوژی مورد نیاز و کاربردهای متنوع با هدف بهبود ابزارهای کاربردی می باشد. کتابهای زیادی در شصت و سه درصد گذشته، حال و آینده شناخت فراوان جامعه و متخصصان را می طلبد. </p> <p> <?php echo do_shortcode( 'کد کوتاه شما' ); ?> </p> </article><!-- .dashboard-content-area --> <?php /** * dokan_dashboard_content_inside_after hook * * @since 2.4 */ do_action( 'dokan_dashboard_content_inside_after' ); ?> </div><!-- .dokan-dashboard-content --> <?php /** * dokan_dashboard_content_after hook * * @since 2.4 */ do_action( 'dokan_dashboard_content_after' ); ?> </div><!-- .dokan-dashboard-wrap -->
حالا کدهای زیر را به فایل فانکشن functions.php قالبتان اضافه کنید. توجه کنید حتماً یک بکآپ از فایل فانکش قالب تهیه کنید. کدها را ترجیحاً در انتهای کدهای دیگر این فایل قرار بدهید.
add_filter( 'dokan_query_var_filter', 'dokan_load_document_menu' ); function dokan_load_document_menu( $query_vars ) { $query_vars['help'] = 'help'; return $query_vars; } add_filter( 'dokan_get_dashboard_nav', 'dokan_add_help_menu' ); function dokan_add_help_menu( $urls ) { $urls['help'] = array( 'title' => __( 'راهنما'), 'icon' => '<i class="fa fa-user"></i>', 'url' => dokan_get_navigation_url( 'help' ), 'pos' => 51 ); return $urls; } add_action( 'dokan_load_custom_template', 'dokan_load_template' ); function dokan_load_template( $query_vars ) { if ( isset( $query_vars['help'] ) ) { require_once dirname( __FILE__ ). '/dokan/help.php'; exit(); } }
در قطعه کد بالا بالا (کدهای که داخل فایل فانکشن قرار دادید) در لاین یا خط ۱۰، میتوانید آیکون منو را تغییر دهید. برای این کار باید از آیکونهای font awesome 4.7.0 استفاده کنید. کد آیکون را با کد فعلی جایگزین کنید. همچنین جهت تغییر عنوان یا نام منو، خط ۹ را ویرایش کنید.
در کد اول، اگر توجه کنید در خط ۳۷ محتوای که میخواهیم هنگام کلیک بر روی دکمه موردنظرمان نمایش داده شود را مشخص کردهایم. محتوایی که دوست دارید را میتوانید به جای متنهای نمایشی (لورم ایپسوم متن ساختگی) قرار دهید.
اگر میخواهید کد کوتاه یا همان شرت کد Shortcode بزارید، کافیه از این قطعه <?php echo do_shortcode( ‘کد کوتاه شما’ ); ?> استفاده کنید. به جای ‘ کد کوتاه شما ‘ کد کوتاهی که میخواهید جایگزین کنید. به عنوان مثال اگر میخواهید ویدیو بزارید کافیه کد کوتاه ویدیو را در میان ‘ ‘ قرار بدید.
امیدواریم از این آموزش لذت برده باشید. پیروز باشید.