امین بهشتی

Design Tutorials

طراحی وِب و گرافیک

گسترش ویرایشگر دیداری وردپرس

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

مواردی مانند دکمه‌های hr، انتخاب فونت و اندازه فونت . اما اینها را می‌توان بسادگی با چند تکه کد به ویرایشگر وردپرس اضافه کرد.

تنها کافیسست تکه کد زیر را در فایل functions.php پوسته‌تان وارد کنید :

function add_more_buttons($buttons) {
 $buttons[] = 'hr';
 $buttons[] = 'del';
 $buttons[] = 'sub';
 $buttons[] = 'sup';
 $buttons[] = 'fontselect';
 $buttons[] = 'fontsizeselect';
 $buttons[] = 'cleanup';
 $buttons[] = 'styleselect';
 return $buttons;
}
add_filter("mce_buttons_3", "add_more_buttons");

منبع

درباره امین بهشتی

یک ایرانی ترک زبان که علاقه زیادی به طرّاحی وِب و گرافیک دارد!
در این سایت سعی می‌کنم مطالب جالب، مفید و کاربردی را در جهت آموزش به اشتراک بگذارم!
امیدوارم لحظات خوشی را در سایت سپری نمایید و مطالب سایت مورد استفاده شما قرار بگیرد.
سپاس

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

  2. سلام. ممنون. خیلی عالی بود. فقط یه سوال داشتم:
    چطور می توانیم کاری کرد که ادیتور از div به جای p استفاده کنه.
    مثلا وقتی که یک جمله ای می نویسیم و آن را برای مثال چپ چین می کنیم وقتی به ویرایش HTML میریم، می بینیم که جمله رو به این صورت چپ چین کرده:

    در صورتی که من می خواهم به این طور چپ چین کنه:

    نمی دونم تونستم مفهوم رو برسونم یا نه. چون تو بعضی از سایت ها دیدم که این کار را کردم و منم می خواهم که ادیتور سایت من هم با div جملات رو مرتب بندی کنه.

    • والا فکر کنم برای انجام اون کار باید در تنظیمات tinymce وردپرس تغییراتی انجام شه.

      راهی که بنظرم می‌رسه اینه که از shortcode ها استفاده کنید.
      به عنوان مثال اگر shortcode زیر را در فایل functions.php پوسته‌تان وارد کنید، هر کجای مطالبتان که از [alignleft] استفاده کنید، تکه کد div style=”text-align:left;” را چاپ خواهد کرد و با وارد کردن [divend] تگ div را می‌بندد.
      http://codepad.org/zh5rnphw
      به‌این صورت می‌توانید shortcodeهای بیشتری هم بنا به نیاز خود بنویسید و استفاده کنید.

      موفق باشید!

درصورت تمایل برای ارسال دیدگاه‌تان از فرم زیر می‌توانید استفاده کنید ↓

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

(الزامی*)

می‌توانید از نشان و برچسب‌های HTML زیر در متن دیدگاه‌تان استفاده کنید:

<a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>
(الزامی*)
(اختیاری)

لطفاً جای‌خالی در معادله زیر را پر کنید: * Time limit is exhausted. Please reload the CAPTCHA.