• پلاگین TinyMCE Advanced – ویرایشگر متن وردپرس. ویرایشگر ویژوال وردپرس TinyMCE پیشرفته، توضیحات و تنظیمات

    سلام به همه!

    امروز در مورد افزونه Ultimate tinyMCE به شما خواهم گفت که به شما امکان می دهد تا به طور قابل توجهی عملکردهای ویرایشگر استاندارد بصری وردپرس را گسترش دهید.

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

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

    بنابراین، بیایید شروع کنیم! همه کسانی که با موتور وردپرس کار می کنند به خوبی می دانند که پنل کاری یک ویرایشگر بصری استاندارد چگونه است:

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

    پلاگین نهایی TinyMCE. بهبود ویرایشگر بصری وردپرس

    می توانید افزونه Ultimate TinyMCE را دانلود کنید. سپس آن را در وبلاگ خود نصب کرده و فعال کنید. برای کسانی که نمی دانند پلاگین ها چگونه نصب می شوند، . پس از نصب و فعال سازی افزونه، یک تب Ultimate TinyMCE اضافی در پنل مدیریت منبع شما ظاهر می شود:

    با رفتن به تب، لیست چشمگیری از دکمه های مختلف را مشاهده خواهید کرد که هر کدام عملکرد خاصی دارند. اکنون می توانید ویرایشگر بصری خود را با هر یک از ویژگی های از دست رفته موجود در افزونه ارتقا دهید.

    من هر دکمه را توصیف نمی کنم، زیرا ... اکثر آنها به روسی ترجمه شده اند و هر یک از شما می توانید آنها را به تنهایی کشف کنید. تنها نکته قابل ذکر اجرای آنها در وبلاگ است.

    برای اینکه یک دکمه خاص در آن ظاهر شود پانل کارویرایشگر بصری، به اندازه کافی در ستون "فعال کردن"، روبرو دکمه مورد نظرکادر را علامت بزنید علاوه بر این، این افزونه به شما پیشنهاد می‌دهد که مکان دکمه‌ها را خودتان انتخاب کنید، که می‌توانید در ستون «انتخاب ردیف» انجام دهید:

    همانطور که احتمالا متوجه شده اید، تمام دکمه های پنل ویرایشگر در دو خط قرار دارند، اما به لطف Ultimate tinyMCE می توانید تعداد خطوط را به 4 افزایش دهید، اما نه بیشتر. این با مقدار "ROW" که به معنای "ردیف" است تسهیل می شود.

    به‌طور پیش‌فرض، هر مورد روی «ROW 1» تنظیم شده است. اگر همه چیز را بدون تغییر رها کنید، عملکرد به شکل یک دکمه خط اول پنل ویرایشگر بصری را ادامه می دهد و پس از تمام عملکردهای استاندارد در انتها ظاهر می شود.

    اگر مثلاً مقدار "ROW 3" را از لیست انتخاب کنید، دکمه با تابع به خط سوم منتقل می شود. فکر کنم واضحه! فعال کردن همه چیز توابع اضافی(من 53 شمردم) و با پراکندگی آنها در طول خطوط، این عکس را دریافت کردم:

    چشمگیر است، اینطور نیست؟ و فراموش کردم که در هنگام افزودن یا حذف هر عملکردی، فراموش نکنید که برای ذخیره تنظیمات، روی دکمه Update Buttons Options در پایین پلاگین کلیک کنید.

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

    بنابراین چه ویژگی هایی را می توانید با استفاده از کد اضافه کنید و چگونه این کار را انجام می دهید؟

    1. می توانید "Font Family" را اضافه کنید. می توانید فونت مورد نیاز خود را از لیست انتخاب کنید و یک پست کامل یا یک گزیده کوتاه با آن بنویسید. برای پیاده سازی این تابع، فایل functions.php را برای ویرایش باز کنید (مسیر فایل: /wp-content/themes/name theme (template)/functions.php).

    توجه: قبل از ویرایش فایل functions.php، حتما این کار را انجام دهید تا از اعمال نادرست جلوگیری کنید!

    پس از باز کردن فایل، برچسب را در انتهای آن پیدا کنید: ?> و بلافاصله قبل از آن این کد را وارد کنید:

    add_filter("mce_buttons_2" , "add_fontselect_row_2" ); تابع add_fontselect_row_2( $mce_buttons ) ( $pastetext = array_search ( "pastetext" , $mce_buttons ) ؛ $pasteword = array_search ( "pasteword" , $mce_buttons ) ؛ $removeformat = array_veformmcearch ("removeformat $removeformat) دکمه های ce_ [$pastetext ] ) ؛ unset ( $mce_buttons [ $pasteword ] ) ؛ unset ( $mce_buttons [ $removeformat ] ) ؛ array_splice ( $mce_buttons , $pastetext , 0 , "fontselect" ;bettermce_) ;bettery_buttons_) ; _init " , "restrict_font_choices" ); تابع limited_font_choices( $initArray ) ($initArray [ "theme_advanced_fonts" ] = "Andale Mono=andale mono,times;". "Arial=arial,helvetica,sans-serif;". "آریال بلک=آریال سیاه،آوانگارد;". "Book Antiqua=کتاب antiqua,palatino;". "Comic Sans MS=Comic sans ms,sans-serif;". "پیک جدید = پیک جدید، پیک;". "گرجستان=گرجستان،پالاتینو;" . "Helvetica=helvetica;" . "Impact=Impact, chicago;" . "سمبل=نماد;" . "Tahoma=tahoma,arial,helvetica,sans-serif;". "ترمینال=ترمینال، موناکو;" . "بار جدید Roman=times new roman,times;". "Trebuchet MS=trebuchet ms,geneeva;". "Verdana=verdana,geneva;" . "Webdings=Webdings;" . "Wingdings=wingdings,zapf dingbats". "" ; بازگشت $initArray ; )

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

    2. دکمه هایی را برای جداکننده افقی، زیرنویس و زیرنویس، اندازه فونت، تغییر سبک و رنگ پس زمینه اضافه کنید. برای انجام این کار، همه در یک فایل functions.php، قبل از همان تگ؟> کد زیر را اضافه کنید:

    تابع add_more_buttons($buttons) ($buttons = "hr" ; $buttons = "del" ; $buttons = "sub" ; $buttons = "sup" ; $buttons = "fontselect" ; $buttons = "fontsizeselect" ; $ buttons = "پاک کردن" ; $buttons = "styleselect" ; $buttons = "backcolor" ; return $buttons ; ) add_filter("mce_buttons_3" , "add_more_buttons" ) ;

    پس از آن، فایل را دوباره ذخیره کنید و آن را به سرور منتقل کنید و جایگزین فایل قبلی کنید. ما صفحه را با ویرایشگر بصری تازه می کنیم و می بینیم که چه چیزی به دست آورده ایم:

    این همه برای من است و اکنون شما همچنین می دانید که چگونه دکمه های کاربردی را به ویرایشگر وردپرس اضافه کنید و در نتیجه قابلیت های استاندارد آن را گسترش دهید! برای همه آرزوی موفقیت دارم! خداحافظ و به زودی می بینمت!

    مقاله را چگونه دوست دارید؟ شاید گزینه های دیگری برای بهبود عملکردهای استاندارد ویرایشگر بصری وردپرس بشناسید؟ آنها را به عنوان نظر در مورد این پست با خوانندگان وبلاگ به اشتراک بگذارید.

    روزی روزگاری داشتم یک پروژه جالب را در نظر می گرفتم - یک ویرایشگر بصری برای ایجاد وردپرسقالب مستقیما از پنل مدیریت امروز در مورد یک محصول مشابه، اما کاربردی تر و قدرتمندتر به شما خواهم گفت - . این نسخه جداگانه ای از ویرایشگر وب دسکتاپ حرفه ای Pinegrow است که برای ایجاد وب سایت هایی با واکنش گرایی، اسکریپت ها، بوت استرپ و سایر ویژگی ها استفاده می شود. بنابراین Pinegrow WP یک افزونه ویژه است که به شما امکان ایجاد قالب های وردپرس را می دهد.

    ویژگی های کلیدی Pinegrow WP:

    • تبدیل طرح بندی HTML ایستا به قالب های وردپرس- عناصر خاصی از الگو را انتخاب کنید و پارامترهای مناسب را برای آنها انتخاب کنید.
    • ایجاد قالب های WP از ابتدا با استفاده از یک ویرایشگر بصری - فقط عناصر لازم را به صفحه اضافه کنید (نوار کناری، لیست پست ها و غیره)
    • از 175 تگ وردپرس پشتیبانی می کند - به شما امکان می دهد سریع آن را پیدا کنید عناصر HTMLطرح بندی با مقادیر مورد نیاز (عنوان پست، تاریخ، نام نویسنده).
    • پشتیبانی از پلاگین ها و توابع PHP - شما می توانید نه تنها برچسب های وردپرس را به عنوان پارامترهای عنصر انتخاب کنید، بلکه متغیرها را نیز تنظیم کنید و توابع PHP را اضافه کنید.
    • نمایش زنده ایجاد شده توسط وردپرس themes به شما این امکان را می دهد که ببینید بعد از تنظیمات شما چه اتفاقی می افتد.
    • کد PHP تولید شده برای طرح بندی را مشاهده کنید.

    علاوه بر این، می توانید با وارد کردن تصاویر به Pinegrow WP مستقیماً با محتوای سایت وردپرس خود کار کنید. در خروجی کد PHP/HTML خالص دریافت می کنید، سرویس هیچ کدی اضافه نمی کند عناصر اضافیبه طرح پایه

    در اینجا یک ویدیوی کوتاه از نحوه عملکرد Pinegrow WP آمده است:

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

    در تنظیمات (نماد چرخ دنده) Framework & Plugin Manager برای index.html، WordPress را انتخاب کنید و سپس تعدادی را دانلود کنید. قالب HTML. بعد کلیک کنید عناصر خاصچیدمان و موارد مناسب را برای آنها انتخاب کنید ویژگی های وردپرس. به عنوان مثال: برای یک عکس - the_post_thumbnail، برای عنوان - the_title، برای یک تاریخ - the_date و غیره. یعنی کاربر نیازی ندارد دقیقاً بداند که چگونه این یا آن عنصر را در وردپرس تنظیم کند، فقط آن را در توابع موجود جستجو کرده و به طرح اضافه کنید. با تنظیم تمام بلوک های صفحه روی مقدار مناسب، در نهایت یک قالب وردپرس کارآمد برای صادرات دریافت خواهید کرد. الگوریتم تقریباً این است، اگرچه باید برنامه Pinegrow WP را با جزئیات بیشتری درک کنید (تعداد زیادی وجود دارد توابع مختلفو تنظیمات).

    به طور کلی، Pinegrow WP بسیار قدرتمند است، اما رایگان نیست. یک مجوز شخصی (برای 3 کامپیوتر) 99 دلار هزینه دارد. شما می توانید آن را برای پروژه های زیادی که دوست دارید استفاده کنید! مجوزهایی برای شرکت ها و تیم های توسعه وجود دارد. در اصل، برای این اهداف است که برنامه مورد نیاز است - اگر شما یا شرکت شما به طور حرفه ای وب سایت هایی (از جمله در وردپرس) ایجاد می کنید، این نرم افزار مفید خواهد بود.

    سلام به همه!. امروز قصد داریم در مورد مکانی صحبت کنیم که در آن زمان زیادی را صرف وبلاگ نویسی خواهید کرد. این مکان - ! پس از همه، در آن است که شما پست های جدید می نویسید و آنها را در وبلاگ خود منتشر می کنید. وردپرس دو نسخه از ویرایشگر را ارائه می دهد - تصویری و متنی. بیایید به ویژگی های هر یک از آنها نگاه کنیم و نحوه اضافه کردن قابلیت های جدید را بیاموزیم.

    ویرایشگر ویژوال وردپرس و افزونه Ultimate TinyMCE

    دیداری ویرایشگر وردپرساز نظر ظاهری شبیه است و توابع کلمه، که تقریباً همه با آن آشنا هستند. متأسفانه، به طور پیش فرض عملکرد آن بسیار ضعیف است، که به طور قابل توجهی گزینه های قالب بندی متن شما را محدود می کند. این مشکلراه حل عالی افزونه Ultimate TinyMCE است که تعداد زیادی از انواع دکمه های جدید را اضافه می کند.

    افزونه به صورت استاندارد نصب شده است - Ultimate TinyMCE را دانلود کنید، بایگانی را باز کنید و پوشه را با فایل های افزونه در سرور در فهرست wp-content/plugins آپلود کنید. فعال کنید و به تنظیمات آن در بخش "Options" بروید - "Ultimate TinyMCE".

    به طور پیش فرض، تمام دکمه های ویرایشگر بصری وردپرس در دو ردیف مرتب شده اند. برای نمایش ردیف دوم، از دکمه "نمایش/پنهان کردن" استفاده کنید پانل اضافی" می‌توانید عملکرد هر دکمه را با نماد روی آن یا با راهنمای ابزاری که وقتی ماوس خود را روی آن می‌برید ظاهر می‌شود، حدس بزنید. Ultimate TinyMCE حدود 40 عملکرد جدید و دو ردیف دکمه اضافی اضافه می کند.

    در واقع، تمام تنظیمات Ultimate TinyMCE به علامت گذاری دکمه هایی که به عملکرد آنها نیاز دارید و انتخاب یک ردیف برای آنها خلاصه می شود. توضیحات در تنظیمات زبان انگلیسی، اما پس از افزودن آنها به ویرایشگر، نکات به زبان روسی خواهد بود. اگرچه در بیشتر موارد می توانید بدون هیچ اشاره ای به آن پی ببرید.

    بیایید فقط در نظر بگیریم گزینه های اضافی، که در پایین تنظیمات ارائه شده است:

    رنگ ویرایشگر را تغییر دهید- رنگ بلوک را با دکمه ها در ویرایشگر بصری وردپرس تغییر می دهد.

    دکمه NextPage (PageBreak) را فعال کنید- تابع NextPage را برای .

    اضافه کردن ستون شناسه به فهرست مدیریت صفحه/پست- یک ستون جدید به صفحه مدیریت WP با لیستی از همه مقاله ها و پست ها اضافه می شود که شناسه هر پست/صفحه وبلاگ را نشان می دهد. تو میتوانی بخوانی.

    استفاده از کد کوتاه در مناطق متنی ویجت مجاز است- به شما امکان می دهد از یک "کد کوتاه" در ویجت "متن" استفاده کنید. کد کوتاه برای در نظر گرفته شده است اضافه کردن سریعکد گالری NextGENو افزونه های دیگر در متن صفحه.

    استفاده از PHP Text Widget - به شما امکان استفاده از آن را می دهد کد php V . کد تفسیر شده و نتیجه کار آن در صفحه وبلاگ نمایش داده می شود.

    فعال کردن Line Break Shortcode - یک تگ Break به "Short Codes" اضافه می کند، که برای افزودن یک خط خالی به متن طراحی شده است.

    فعال کردن Columns Shortcodes - به "Short Codes" اضافه می کند تعداد زیادی ازبرچسب هایی که مسئول تشکیل ستون های متنی هستند.

    دکمه Advanced Insert/Edit Link را فعال کنید- یک توانایی پیشرفته برای درج/ویرایش پیوندها اضافه می کند.

    دکمه‌های "Div Clear" را فعال کنید - دکمه‌های سمت چپ و راست Div Clear را اضافه می‌کند که برای لغو شناور عنصر طراحی شده‌اند، که با استفاده از ویژگی float تنظیم می‌شود.

    برچسب های p و br را حذف کنید - غیرفعال می شود درج خودکار p (بند) و br (شکاف خط) را تگ می کند. اگر نمی خواهید به صورت دستی تگ p را برای هر پاراگراف مشخص کنید، بهتر است این گزینه را لمس نکنید.

    یک کد کوتاه Signoff اضافه کنید - می توانید یک عبارت پرکاربرد را تنظیم کرده و با استفاده از برچسب Signoff از Shortcode در مقالات وارد کنید.

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

    بسیاری از افراد کد ایجاد شده در ویرایشگر بصری وردپرس را کثیف می دانند، یعنی حاوی برچسب ها و سبک های غیر ضروری است که باید به درستی به فایل سبک های موضوع WP استفاده شده منتقل شوند. نسخه متنی ویرایشگر وردپرس به شما قدرت بیشتری بر روی کد می دهد. در آنجا همه تگ ها به صورت دستی درج می شوند، به استثنای تگ های پاراگراف (p) و خط شکست (br) به طور خودکار اضافه می شوند.

    همه چیز خوب است، اما باز هم عملکرد کافی وجود ندارد. برای مقابله با این مشکل می توانید از افزونه Post Editor Buttons استفاده کنید.

    آخرین نسخه دکمه های ویرایشگر پست را دانلود کنید. این افزونه به صورت استاندارد نصب شده است. تنظیمات پلاگین در قسمت "Parameters" - "Post Editor Buttons" قرار دارد.

    همه چیز در آنجا بسیار ساده است:

    • عنوان - نام دکمه ای که اضافه می کنیم.
    • برچسب قبل - باز کردن؛
    • پس از - برچسب بسته شدن؛
    • حذف - حذف.

    با عرض پوزش، در وبلاگ من دکمه های ویرایشگر پست کار نمی کنند. دکمه های ایجاد شده در آن به سادگی اضافه نمی شوند. یک جایگزین عالی بود افزونه AddQuicktag.

    آخرین نسخه AddQuicktag را دانلود کنید. این افزونه به صورت استاندارد نصب شده است، تنظیمات آن در بخش "تنظیمات" به همین نام - "AddQuicktag" قرار دارد. چهار ستون گزینه جدید اضافه شد که من حتی از آنها استفاده نمی کنم.

    موارد اصلی هنوز یکسان هستند:

    • برچسب دکمه - نام؛
    • تگ (ها) شروع - برچسب باز.
    • پایان تگ (ها) - برچسب بسته شدن.

    با تشکر از توجه شما! همین. مراقب خودت باش.

    این دستورالعمل کامل است، اما حاوی پیوندهایی به مطالبی است که هنوز منتشر نشده اند. لطفا در صورت باز نشدن هر یک از پیوندها نگران نباشید. همه چیز به زودی کار خواهد کرد! 🙂

    با احترام، اسکندر.

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

    به طور خلاصه به قابلیت های حالت های بصری و متنی ویرایشگر در یادداشت پرداختیم و حالا کمی عمیق تر می شویم و دکمه های اصلی را مرور می کنیم.

    پس از نصب وردپرس، ویرایشگر بسیار ضعیف و غیر کاربردی به نظر می رسد:

    ببخشید، اما من عمداً برخی از تصاویر را از نظر ارتفاع برش می دهم تا مقالات طولانی از قبل کشیده نشوند. اگر شکستگی شدید در پایین تصویر مشاهده کردید، به این معنی است که هیچ چیز مفیدی در آن وجود ندارد. در برخی موارد خاصمن به این توجه خواهم کرد.

    به طور کلی، همانطور که می بینید، ویرایشگر دکمه های زیادی را که ما می خواهیم ارائه نمی دهد. اما حتی آنها برای کار مؤثر بر روی مواد کافی هستند.

    همه چیزهایی که برای قالب بندی اولیه نیاز دارید اینجاست:

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

    این دکمه ها در دو حالت کار می کنند، بیایید هر دو را در نظر بگیریم.

    مثال 1

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

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

    نگاهی بیاندازید:


    دو جمله اول را بدون فشار دادن دکمه [B] نوشتم و نوشتم و Enter را فشار دادم. یک پاراگراف خالی جدید در ویرایشگر تشکیل شد، قبل از وارد کردن، روی دکمه بولد کلیک کردم و شروع به وارد کردن متن کردم.

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

    تمام گزینه های طراحی دیگر به همین ترتیب کار می کنند.

    مثال 2

    راه دیگری وجود دارد که (به نظر شخصی من) راحت تر و سریعتر است. این شامل این است: ابتدا یک برگه متن را بدون طرح می نویسید و سپس متن خود را به دلخواه طراحی می کنید.

    در ابتدا می توانستم همین متن را بنویسم:


    سپس باید پاراگراف مورد نظر خود را پررنگ انتخاب کنم و روی دکمه مربوطه در نوار ابزار کلیک کنم:


    پس از این، پاراگراف ما پررنگ می شود. برای این کار نیازی به فشار دادن دکمه [B] نیست - طرح به طور خودکار روی تمام متن انتخاب شده اعمال می شود.

    مثال 3

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

    به عنوان مثال، اگر در مثال دوم این دستورالعمل، دکمه [B] را در نوار ابزار فشار نداده بودیم، بلکه از ترکیب "Ctrl" و "B" استفاده می کردیم (که به صورت Ctrl+B نوشته شده است، دکمه "B" در انگلیسی، از کلمه "Bold") ، سپس انتخاب پررنگ بلافاصله در پاراگراف ما اعمال می شود.

    در پایان این راهنما مطالبی در مورد میانبرهای صفحه کلید وجود دارد.

    فعال کردن دکمه های اضافی

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

    ما این دکمه را پیدا می کنیم:


    ردیف دوم دکمه ها ظاهر می شود که ویژگی های جدیدی را به ویرایشگر شما اضافه می کند:


    در اینجا ما قبلاً می توانیم مشاهده کنیم گزینه های اضافیبرای قالب بندی متن، اجازه دهید آنها را از چپ به راست مرور کنیم:

    • سرفصل های هر یک از شش سطح موجود را ایجاد کنید
    • زیر خط کشیدن متن
    • تراز کردن متن با عرض صفحه
    • تنظیم رنگ متن
    • فعال کردن حالت چسباندن متن از کلیپ بورد بدون قالب بندی
    • قالب بندی را از یک قطعه متن انتخاب شده پاک کنید
    • درج کاراکترهای خاص
    • حذف و اضافه کردن تورفتگی چپ به پاراگراف ها
    • یک اقدام قبلی را لغو یا دوباره انجام دهید
    • با ویرایشگر کمک کنید

    همانطور که می بینید این قابلیت ها واقعا برای کار روی متن و طراحی آن کافی است.

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

    ویرایشگر HTML به شما اجازه نمی دهد از همه تگ های شناخته شده استفاده کنید، بلکه فقط از تگ های اصلی استفاده کنید. به هر حال، در اینجا لیستی از آن برچسب هایی وجود دارد که ویرایشگر وردپرس می فهمد: آدرس، a، abbr، مخفف، منطقه، مقاله، کنار، b، بزرگ، بلوک نقل قول، br، عنوان، نقل قول، کلاس، کد، col، del جزئیات , ol, p, pre, q, s, section, small, span, strike, قوی, sub, summary, sup, table, tbody, td, tfoot, th, thead, tr, tt, u, ul, var.

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

    همه اینها باعث می شود که صرف زمان بسیار بیشتر از توان بسیاری برای کار دشوار شود. بنابراین، بسیاری به دنبال این هستند که چگونه ویرایشگر استاندارد بصری WordPres را که مطابق با نیازها و اهداف آنها باشد جایگزین کنند. امروز در مورد یکی از این موارد صحبت خواهیم کرد.

    ویرایشگر TinyMCE Advanced نامیده می شود که یک ویرایش پیچیده را ایجاد می کند افزونه CKEditor. من فقط این را نگفتم، زیرا 15 افزونه به آن اضافه شده است: HR پیشرفته، تصویر پیشرفته، پیوند پیشرفته، منوی زمینه، احساسات (شککک ها)، تاریخ و زمان، IESpell، لایه، غیرقابل شکست، چاپ، جستجو و جایگزین کنید، سبک، جدول، کاراکترهای بصری و موارد اضافی XHTML.

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

    هر چند به نظر من این چیز دیگری است. این افزونه به خودی خود وزن زیادی دارد و همه به عملکردها، دکمه های خاصی نیاز ندارند، که فقط دریاها وجود دارد، بنابراین پلاگین را می توان برای خودتان مونتاژ کرد و تنها آنچه را که لازم است باقی می گذارد، در نتیجه اندازه آن را بدون کاهش سرعت کار وبلاگ کاهش می دهد.

    بیشتر بخوانید: