ویرایشگر حرفه‌ای متن در وردپرس با افزونه TinyMCE Advanced

زمان انتشار:
تعداد بازدید: 211
دسته بندی ها: افزونه وردپرس، کاربری
حالت تمام صفحه:

ویرایشگر حرفه‌ای وردپرسسلام به همه‌ی دوستان؛
در این نوشته با افزونه‌ی ویرایشگر حرفه‌ای وردپرس در خدمت شما هستیم که یک افزونه بسیار عالی در رابطه با پیشرفته‌سازی محیط ویرایشگر وردپرس می‌باشد.

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

ساخت ویرایشگر حرفه‌ای وردپرس

افزونه TinyMCE Advanced یکی از افزونه‌های بسیار محبوب مخزن وردپرس می‌باشد که تا به امروز بالغ‌بر ۲ میلیون نصب فعال را داشته است.

ویرایشگر حرفه‌ای وردپرس - بنر افزونه

در این نوشته از وردپرس یاد به آموزش کامل این افزونه وردپرس می‌پردازیم تا بتوانید محیط ویرایشگر وردپرس خودتان را حرفه‌ای تر کنید.

شروع کار و نصب افزونه

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

ویرایشگر حرفه‌ای وردپرس - تنظیمات افزونه 1

تنظیمات این افزونه پس از فعال‌سازی در بخش تنظیمات سایت شما مشابه تصویر بالا افزوده می‌شود.

خب جهت ادامه‌ی کار روی تنظیمات افزونه کلیک کنید تا برگه‌ی تنظیمات افزونه را مشاهده کنید.

توجه: ممکن است ورژن وردپرس شما کمتر از ۴٫۹ باشد که در این صورت با ارور زیر مواجه می‌شوید.

ویرایشگر حرفه‌ای وردپرس - تنظیمات افزونه 2

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

بعد از ورود به تنظیمات برگه‌ای مشابه تصویر زیر را مشاهده می‌کنید.

ویرایشگر حرفه‌ای وردپرس - تنظیمات افزونه 3

حتما متوجه شده‌اید:)
خیلی ساده می‌توانید از دکمه‌هایی که در پایین وجود دارند به عنوان امکانات بیشتر در ویرایشگر خودتان استفاده کنید و ویرایشگر حرفه‌ای وردپرس را ایجاد کنید.

کافیست با ماوس دکمه‌ی مورد نظر را از پایین بکشید و در قسمت دلخواه در ادیتور رها کنید تا آن امکان به ادیتور شما اضافه شود.

مثال: ما در ادیتور پیش‌فرض وردپرس تراز کردن را نداریم. به راحتی می‌توانیم برای افزودن Justify یا تراز کردن به ادیتور خودمان از دکمه‌ی موردنظر استفاده کنیم و آن را به ادیتور خودمان اضافه کنیم.

دکمه‌ی Enable the editor menu را هم که در تصویر می‌بینید مربوط به فعال/غیرفعال‌سازی منوی بالایی است که در ادیتور قابل مشاهده می‌باشد.

خب به سراغ تنظیمات دیگری که در پایین همین برگه وجود دارد می‌رویم.

بخش Options

ویرایشگر حرفه‌ای وردپرس - تنظیمات افزونه 4

در این بخش ۴ گزینه‌ی زیر دیده می‌شود:

  1. List Style Options: نمونه لیست‌های بیشتری را به ادیتور شما اضافه می‌کند.
  2. Context Menu: منوی که با راست کلیک کردن در ویرایشگر می‌آید را تغییر می‌دهد.
  3. Alternative link dialog: جایگزین کردن باکس تنظیمات لینک در ادیتور با پیش‌فرض اولیه‌ی آن.
  4. Font sizes: سایز فونت را با مقادیر نوشته شده در زیر جایگزین می‌کند (به صورت پیکسل).

بخش Advanced Options

ویرایشگر حرفه‌ای وردپرس - تنظیمات افزونه 5

در این بخش هم ۳ گزینه‌ی پیشرفته زیر دیده می‌شود:

  1. Create CSS classes menu: اجرای کلاس‌های سی اس اس دلخواه در هنگام کار با ویرایشگر.
  2. Keep paragraph tags: جلوگیری از حذف تگ‌های پاراگراف.
  3. Enable pasting of image source: جهت چسباندن تصویر مورد استفاده می‌باشد که فقط در مرورگرهای فایرفاکس و سافاری قابل استفاده است.

بخش Administration

ویرایشگر حرفه‌ای وردپرس - تنظیمات افزونه 6

تنظیمات مربوط به مدیریت و ادمین:

  1. Settings import and export: گرفتن اکسپورت از تنظیمات افزونه یا ایمپورت کردن تنظیمات قبلی.
  2. Settings import and export: گزینه‌های پیشرفته دیگر.

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

ویرایشگر حرفه‌ای وردپرس - تنظیمات افزونه 7

موفق باشید…

دانلود افزونه TinyMCE Advanced

دانلود صفحه‌ی افزونه

درباره نویسنده

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

پاسخ دهید

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

دیدگاه های این نوشته

2 دیدگاه
  1. پیمان ملکیان

    پیمان ملکیان

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

    • محمدرضا خدری

      محمدرضا خدری

      سلام
      در این صورت باید افزونه فارسی‌سازی بشه و بهش فونت اضافه بشه.
      اگر ببینیم کاربران دیگه هم درخواست بدن برای این مورد، افزونه رو فارسی‌سازیش می‌کنیم.
      موفق باشید…