اضافه کردن ویرایشگر دیداری به صفحات دسته بندی بدون پلاگین در وردپرس

داشتن یک ویرایشگر بصری حرفه ای مثل tinymce احساس راحتی و تسلط بیشتری به شما می دهد و این حس را می توانید موقع ویرایش دسته های وردپرس تجربه کنید.

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

اما اگر از این مدل پلاگین‌ها در سایتتون استفاده نمی‌کنید و نیاز دارید که یک ویرایشگر بصری برای ویرایش Description دسته‌بندی هاتون داشته باشید کافیه که طبق این آموزش عمل کنید.

چطور می توانم به صفحه دسته بندی ویرایشگر حرفه ای اضافه کنم؟

روش اول

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

افزونه هایی مثل:

• یوست سئو Yoast Seo
• رنک مث Rank Math
• All in One Seo
• …

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

روش دوم

استفاده از یک تکه کد هست.

کافیه که کد زیر را در فایل functions.php قالب فعلیتون اضافه کنید.

add_filter('edit_category_form_fields', 'edit_cat_description');
function edit_cat_description($category) { 
    $tag_extra_fields = get_option(description1);?>
    <table class="form-table">
    <tr class="form-field">
    <th scope="row" valign="top"><label for="description"><?php _ex('Description', 'Taxonomy Description'); ?></label></th>
    <td>
    <?php     $settings = array('wpautop' => true, 'media_buttons' => true, 'quicktags' => true, 'textarea_rows' => '15', 'textarea_name' => 'description' );
    wp_editor(html_entity_decode($category->description , ENT_QUOTES, 'UTF-8'), 'description1', $settings); ?>
    <br />
    <span class="description"><?php _e('The description is not prominent by default, however some themes may show it.'); ?></span>
    </td>
    </tr>
    </table>
<?php
}
 
add_action( 'admin_print_styles', 'category_tinymce_css' );
function category_tinymce_css() { ?>    <style type="text/css">
    .quicktags-toolbar input{float:left !important; width:auto !important;}
    </style>
<?php 
}
 
add_action('category_add_form_fields','add_cat_description');
function add_cat_description($tag) {
    $tag_extra_fields = get_option(description1);?>
    <table class="form-table">
    <tr class="form-field">
    <th scope="row" valign="top"><label for="description"><?php _ex('Description', 'Taxonomy Description'); ?></label></th></tr><tr class="form-field">
    <td>
    <?php     $settings = array('wpautop' => true, 'media_buttons' => true, 'quicktags' => true, 'textarea_rows' => '15', 'textarea_name' => 'description' );
    wp_editor(html_entity_decode($tag->description , ENT_QUOTES, 'UTF-8'), 'description1', $settings); ?>    <br />
    <span class="description"><?php _e('The description is not prominent by default, however some themes may show it.'); ?></span>
    </td>
    </tr>
    </table>
<?php 
} 
 
add_action('admin_head', 'taxonomy_tinycme_hide_description');
function taxonomy_tinycme_hide_description() {
global $pagenow; 
//echo $pagenow;exit;
 
//only hide on detail not yet on the overview page.
    if( ($pagenow == 'edit-tags.php' || isset($_GET['action']) )) :    ?>    <script type="text/javascript">
    jQuery(function($) {
        $('#description, textarea#tag-description').closest('.form-field').hide();
    });
    </script><?php endif;
}
 

به همین سادگی.

روش سوم

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

بعضی از عزیزان علاقه زیادی به تغییر قالب در فاصله‌های زمانی کوتاه دارن یا در حال ازمون و خطا هستند و با هر بار تغییر قالب کد بالا میپره و بی‌ویراشگر میشین :-D.

دو تا راه حل واسه این موضوع داریم.

اولیش اینه که کد بالا رو تبدیل به یک پلاگین کنیم و روی وردپرس نصب کنیم (‌اصلا کار سختی نیست،‌فقط باید یک فایل هدر به کد بالا اضافه کنید و نصب کنید).

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

یکی از این پلاگین‌ها My Custom Functions هست.

عضویت در کانال یوتیوب و دریافت آموزش های ویدئویی