من یک مجموعه کوچک دارم که با خیال راحت می توان آن را "باید" برای هر وبلاگ نویس نامید، یعنی استفاده از آن اجباری است. من در صورت امکان تقریباً همان اسمبلی را در تمام وبلاگ های خود نصب می کنم که به من امکان می دهد کار با سیستم را برای بازدیدکنندگان سازنده تر، کاربردی تر و راحت تر کنم. من فکر می کنم که در آینده بررسی همه آنها را در صفحات این وبلاگ خواهید یافت، من قبلاً موفق شده ام در مورد برخی از ماژول ها صحبت کنم، اما بیشتر آنها هنوز در راه هستند. امروز در مورد پیشرفته صحبت خواهیم کرد ویرایشگر متن پیشرفته TinyMCE- یک چیز بسیار جالب و کاربردی.
به طور کلی، در یک ویرایشگر متن، در واقع، شما بیشتر وقت خود را در وردپرس می گذرانید - انتشار و قالب بندی متن، افزودن برچسب، درج تصاویر، گاهی اوقات مجبور به قرار دادن جداول و غیره هستید. به طور کلی، داشتن یک ابزار کاربردی و با کیفیت در دسترس بسیار مهم است. به طور پیش فرض، وردپرس ویرایشگر خاص خود را دارد، اما من همچنان نصب TinyMCE Advanced را توصیه می کنم. در حال حاضر در پنل مدیریت وردپرس داخل وبلاگ اینگونه به نظر می رسد:
همانطور که می بینید، برای هر عملی بیش از اندازه آیکون وجود دارد. من با استاندارد مقایسه نخواهم کرد، زیرا حتی ظاهر آن را فراموش کرده ام، فقط در مورد برخی جزئیات در TinyMCE Advanced به شما می گویم. در خط اول ما دکمه هایی داریم:
- قالب بندی (پررنگ، ایتالیک، زیرخط دار و غیره)
- ایجاد لیست های منظم و شماره دار و همچنین تورفتگی برای متن
- تراز کردن متن در امتداد لبه ها، مرکز و کل عرض ستون
- ایجاد و حذف لینک ها
- درج تصویر
- ویرایش css
- ایجاد نقل قول
- جداکننده ها را در صفحه بعد و بعد قرار دهید
- امکان بررسی املا، یافتن یک خط در متن
- فعال کردن حالت تمام صفحه و همچنین نمایش یک خط اضافی از کلیدهای عملکردی برای ویرایشگر متن پیشرفته TinyMCE
- آخرین دکمه درج است.
خط دوم به همان اندازه مهم است و همچنین دارای تعدادی ویژگی جالب است:
- انتخاب فونت متن و قالب بندی پاراگراف
- چسباندن متن، چسباندن از ورد، حذف تمام قالب بندی
- اضافه کردن یک کاراکتر دلخواه به متن و چاپ
- و پس‌زمینه، شکلک‌ها را درج کنید (برای نمایش آنها، باید کادر کنار آیتم تبدیل کاراکترهای متن شکلک‌ها به عکس را در تنظیمات پنل مدیریت در منوی "Writing" علامت بزنید)
- برجسته کردن متن به عنوان زیرنویس و زیرنویس
- درج فایل رسانه ای
- لغو و از سرگیری یک عمل، ویرایش ویژگی ها و کمک.
من فکر می کنم این برای درک اینکه ویرایشگر پیشرفته TinyMCE به سادگی فوق العاده کاربردی است کافی است. به هر حال، این تنها بخشی از قابلیت های آن است، در مورد دیگران کمی بیشتر صحبت خواهم کرد.
نصب و پیکربندی TinyMCE Advanced
می توانید ویرایشگر متن پیشرفته TinyMCE را از اینجا دانلود کنید. لازم به ذکر است که برای نسخه های مختلف وردپرس (2.6، 2.7، 2.8+) باید از توزیع خود استفاده کنید. در زمان نگارش، آخرین نسخه افزونه 3.2.7 است.
استاندارد نصب- پس از دانلود، از حالت فشرده خارج کرده و در ftp وبلاگ در پوشه wp-content / plugins آپلود کنید. بعد، TinyMCE Advanced را از پنل مدیریت فعال می کنیم، پس از آن به منوی "تنظیمات" - "TinyMCE Advanced" می رویم، جایی که باید آن را پیکربندی کنید. آخرین آکورد پاک کردن کش مرورگر است.
قبل از صحبت در مورد تنظیمات، چند کلمه بیشتر در مورد عملکرد ماژول. طبق توضیحات در وب سایت رسمی، این افزونه شامل 15 افزونه دیگر است: Advanced HR، Advanced Image، Advanced Link، Context Menu، Emotions (Smilies)، تاریخ و زمان، IESpell، Layer، Nonbreaking، Print، Search و Replace. ، سبک، جدول، کاراکترهای بصری و موارد اضافی XHTML. همه اینها را می توان تنها با نصب یک TinyMCE Advanced به دست آورد! علاوه بر زبان انگلیسی، این افزونه از برخی بومی سازی های دیگر (آلمانی، فرانسوی، ایتالیایی، اسپانیایی، روسی و غیره) نیز پشتیبانی می کند. به طور کلی در مورد امکانات گسترده ماژول شکی نیست.
پیکربندی TinyMCE Advancedساخته شده در پنل مدیریت وبلاگ در آیتم منو به همین نام. این روند دشوار نیست، بلکه جالب است. در صفحه 4 خط از یک ویرایشگر متن را می بینید که می توانید کلیدهای عملکرد مختلفی را در آن قرار دهید:
ببینید هنوز چقدر موجود است؟ شما باید به تنهایی به جزئیات بپردازید، زیرا همه عناصر امضا شده و کاملا بصری هستند. من احتمالاً بلوکی را با عملکردهایی برای کار با جداول مشخص می کنم - به شما امکان می دهد به سرعت و به راحتی آنها را در متن ایجاد و تغییر دهید. حتی در TinyMCE Advanced، می‌توانید یک فایل سبک css سفارشی را به ویرایشگر وارد کنید - همچنین می‌تواند مفید باشد. در کل همانطور که از اول پست گفتم ماژول must have!
افزونه ها برای TinyMCE Advanced
این وبلاگ دارای چند مقاله است که در مورد گسترش قابلیت های این افزونه صحبت می کنند:
- با استفاده از ماژول TinyMCE Color Grid و موارد دیگر. این راه حل یک پالت رنگ سنگین در ویرایشگر ایجاد می کند + یک ویژگی مفید دیگر را اضافه می کند. همچنین در مقاله یک هک برای functions.php پیدا خواهید کرد که به شما امکان می دهد رنگ های پایه را در TinyMCE Advanced با رنگ خود جایگزین کنید.
- - من وظیفه نصب فونت های سفارشی جدید در TinyMCE Advanced و همچنین اضافه کردن فونت های گوگل را از طریق سبک های معمولی CSS در نظر دارم.
فکر می کنم این یادداشت ها برای شما در کارتان مفید باشد. اگر سوالی دارید در نظرات بپرسید.
در این مقاله، در مورد یک ویرایشگر صفحه بصری جالب برای وردپرس صحبت خواهیم کرد. افزونه Page Builder Sandwich برای ساده سازی ویرایش صفحه طراحی شده است. این افزونه بر روی تعداد زیادی قالب وردپرس از منابع مختلف تست شده است و ثابت شده است که بسیار خوب است.
ساندویچ صفحه ساز به شما این امکان را می دهد که تغییراتی را در طراحی صفحات سایت ایجاد کنید. این افزونه را می توان از مخزن رسمی وردپرس دانلود کرد. در زمان نگارش این مطلب، این افزونه توسط بیش از 3000 کاربر دانلود شده است. امتیاز این افزونه 4.4 از 5 است.
بیایید نگاهی دقیق تر به ویژگی های این افزونه بیندازیم.
ویرایشگر صفحه تصویری ساندویچ صفحه ساز
از مزایای این افزونه می توان به اضافه کردن متن ساده اشاره کرد. ناحیه مورد نظر را انتخاب کنید و فقط شروع به تایپ کنید. همچنین فن آوری کشیدن و رها کردن وجود دارد - این یک ویژگی ارزشمند است که به شما امکان می دهد اشیاء انتخاب شده را نسبت به فضای کاری با ماوس جابجا کنید. شما مجبور نیستید فرم ها را از طریق کد قرار دهید و مختصات آنها را به صورت تصادفی انتخاب کنید. این به طور قابل توجهی زمان عملیات را کاهش می دهد.
این افزونه قابلیت لغو اعمال را دارد. اگر کار اشتباهی انجام دادید، کافی است از کلید ترکیبی ctrl + z استفاده کنید تا یک قدم به عقب برگردید.
این افزونه به شما اجازه می دهد تا به سرعت و به راحتی مطالب را در صفحه قرار دهید. اگر نیاز به پست ویدیویی با، دارید، فقط باید پیوند ویدیو را کپی کرده و در قسمت مورد نظر در صفحه قرار دهید. علاوه بر این، ویرایشگر بصری رابط کاربری ساده و شهودی دارد، بنابراین حتی کاربران بی تجربه نیز می توانند آن را کشف کنند.
کار با پلاگین ساندویچ صفحه ساز
پس از نصب و فعال سازی افزونه، در قسمت فرعی نمایه شما در کنسول وردپرس به زیرمجموعه «کاربران» رفته و تیک «نمایش نوار ابزار هنگام مشاهده سایت» را علامت بزنید. پس از آن، هنگامی که از هر صفحه در سایت خود از طریق قسمت جلویی بازدید می کنید، متوجه دکمه ویرایشگر بصری در بالا سمت راست خواهید شد. بزرگ و آبی است بنابراین نمی توانید آن را از دست بدهید. وقتی روی دکمه کلیک می‌کنید، یک ویرایشگر باز می‌شود که به شما امکان می‌دهد هر چیزی را که می‌خواهید ویرایش کنید.
یکی دیگر از مزایای این مکمل قابلیت مشاهده فوری نتیجه است.
در سمت چپ نوار ابزار قرار دارد. نسخه رایگان دارای تعداد محدودی ابزار است. در پولی نیز محدود است، اما تعداد آنها بسیار بیشتر است. در وب سایت رسمی وردپرس، می توانید آموزش های کار با این افزونه را بیابید.
این افزونه به تازگی منتشر شده است و در حال حاضر به طور فعال روی آن کار می شود. شاید در آینده، توسعه دهندگان ویژگی های جالب زیادی را برای آسان تر کردن کار با ویرایشگر بصری ارائه دهند.
می توانید در مورد ویرایشگر دیگری برای وردپرس در .
من زمانی یک پروژه جالب را در نظر گرفتم - یک ویرایشگر بصری برای ایجاد یک قالب وردپرس به طور مستقیم از پنل مدیریت. امروز در مورد یک محصول مشابه، اما کاربردی تر و قدرتمندتر صحبت خواهم کرد -. این یک نسخه مستقل از Pinegrow است، یک ویرایشگر وب دسکتاپ حرفه ای که برای ایجاد وب سایت هایی با قابلیت واکنش، اسکریپت، بوت استرپ و سایر ویژگی ها استفاده می شود. بنابراین Pinegrow WP یک افزونه ویژه است که به شما امکان ایجاد قالب های وردپرس را می دهد.
ویژگی های کلیدی Pinegrow WP:
- تبدیل طرح‌بندی‌های استاتیک HTML به قالب‌های وردپرس - عناصر خاصی از قالب را انتخاب کنید و پارامترهای مناسب را برای آنها انتخاب کنید.
- ایجاد قالب های WP از ابتدا با استفاده از ویرایشگر بصری - فقط عناصر لازم را به صفحه اضافه کنید (نوار کناری، لیست پست ها و غیره)
- پشتیبانی از 175 تگ وردپرس – به شما امکان می دهد تا به سرعت مقادیر مورد نیاز عناصر طرح بندی HTML (عنوان پست، تاریخ، نام نویسنده) را پیدا کنید.
- پشتیبانی از پلاگین ها و توابع PHP - شما می توانید نه تنها برچسب های وردپرس را به عنوان پارامترهای عنصر انتخاب کنید، بلکه متغیرها را نیز تنظیم کنید، توابع PHP را اضافه کنید.
- نمای زنده قالب وردپرس در حال ایجاد به شما امکان می دهد ببینید بعد از تنظیمات شما چه اتفاقی می افتد.
- کد PHP تولید شده برای طرح بندی را مشاهده کنید.
علاوه بر این، می توانید با وارد کردن تصاویر به Pinegrow WP مستقیماً با محتوای سایت وردپرس خود کار کنید. در نتیجه، کد PHP/HTML خالص دریافت می کنید، این سرویس هیچ عنصر اضافی را به طرح پایه اضافه نمی کند.
در اینجا یک ویدیوی کوتاه از نحوه عملکرد Pinegrow WP آمده است:
شما می توانید این نرم افزار را خودتان تست کنید. برای انجام این کار، برنامه را از وب سایت رسمی دانلود کنید (نسخه هایی برای ویندوز، مک و لینوکس وجود دارد). پس از نصب، یک کلید مجوز موقت رایگان (به مدت 7 روز) درخواست کنید. رمز عبور ایمیل را وارد کرده و وارد سیستم شوید.
در تنظیمات (نماد چرخ دنده) Framework & Plugin Manager برای index.html، وردپرس را علامت بزنید و سپس نوعی قالب HTML را آپلود کنید. در مرحله بعد، روی عناصر طرح بندی خاص کلیک کنید و توابع مناسب وردپرس را برای آنها انتخاب کنید. به عنوان مثال: برای یک عکس - the_post_thumbnail، برای یک عنوان - the_title، برای یک تاریخ - the_date و غیره. یعنی کاربر نیازی ندارد دقیقاً بداند که چگونه این یا آن عنصر را در وردپرس تنظیم کند، فقط آن را در توابع موجود جستجو کرده و به طرح اضافه کنید. با تنظیم تمام بلوک های صفحه روی مقدار مناسب، در نهایت یک قالب وردپرس کارآمد برای صادرات خواهید داشت. الگوریتم تقریباً یکسان است، اگرچه باید با برنامه Pinegrow WP با جزئیات بیشتری مقابله کنید (عملکردها و تنظیمات مختلف زیادی وجود دارد).
به طور کلی، Pinegrow WP بسیار قدرتمند است، اما رایگان نیست. یک مجوز شخصی (برای 3 کامپیوتر) 99 دلار هزینه دارد. شما می توانید از آن برای پروژه های زیادی که دوست دارید استفاده کنید! مجوزهایی برای شرکت ها و تیم های توسعه وجود دارد. در اصل، برای این اهداف است که برنامه مورد نیاز است - اگر شما یا شرکت شما به طور حرفه ای در ایجاد سایت ها (از جمله وردپرس) مشغول هستید، این نرم افزار مفید خواهد بود.
یک آدم کوچک می تواند کارهای زیادی انجام دهد.
سلام همکاران!
دو راه وجود دارد:
1. نصب پلاگین
2. نصب کد در فایل functions.php.
اگر در کدهای php، سبک های html و css قوی نیستید، بهتر است از یک افزونه آماده برای گسترش امکانات ویرایشگر وردپرس استفاده کنید.
گسترش ویرایشگر وردپرس با یک افزونه
پلاگین نهایی TinyMCE
من حدود چهار سال است که از پلاگین Ultimate TinyMCE استفاده می کنم، حتی اگر دانلود آن نسبت به سایر پلاگین های مشابه کمتر باشد.
این که بیش از دو سال است که آپدیت نشده است، اذیتم نمی کند. عالی کار می کند، با دیگران در تضاد نیست.
من آن را دوست داشتم زیرا گزینه ای داشت که به شما امکان می دهد متن را در پس زمینه رنگی متفاوت درج کنید. اما وردپرس صاحب افزونه را ملزم به حذف این ویژگی کرد.
راه اندازی این افزونه آسان است و نیاز به دانش زیادی ندارد. امیدوارم نحوه نصب یک پلاگین جدید از کنترل پنل وردپرس را بدانید.
پیکربندی پلاگین Ultimate TinyMCE
پس از فعال سازی افزونه، در سمت چپ کنسول، تب "تنظیمات" را پیدا کرده و روی "Ultimate TinyMCE" کلیک کنید.
با این کار یک صفحه طولانی با دکمه های مختلف برای گسترش ویرایشگر وردپرس باز می شود. اسکرین شات تنها بخشی از صفحه را نشان می دهد.
ویژگی های مورد نیاز خود را به ویرایشگر داخلی بصری وردپرس اضافه کنید و فراموش نکنید که تغییرات خود را ذخیره کنید.
من کل صفحه رو نشون ندادم خودتون ببینید نکته اصلی این است که تنظیمات را به درستی انجام دهید. در ستون «Enable» کادر کنار گزینه مورد نظر را علامت بزنید و در ستون «Row Selectiton» خط ویرایشگر را مشخص کنید. ویرایشگر بصری وردپرس فقط می تواند چهار خط داشته باشد.
آزمایش کنید و مکان ویژگی های اضافه شده وردپرس را که برای شما مناسب است بیابید.
اگر ویرایشگر داخلی پیش فرض به شکل زیر باشد:
سپس پس از گسترش قابلیت‌های ویرایشگر وردپرس، ظاهر متفاوتی خواهد داشت:
پلاگین پیشرفته TinyMCE
این افزونه مشابه پلاگین قبلی است تنها با این تفاوت که نصب های بیشتر و آپدیت های مداوم دارد.
می توانید آن را از پنل مدیریت سایت در تب "Plugins" ==> "Add New" نصب کنید.
افزونه نصب شده را فعال کنید و در تب "تنظیمات" ==> "TinyMCE Advanced" به تنظیمات ویرایشگر وردپرس بروید.
(برای بزرگنمایی تصویر کلیک کنید.)
تمام تنظیمات به زبان روسی است. اینکه آیا منوی ویرایشگر را فعال کنید یا نه، خودتان تصمیم بگیرید و سپس گزینه های مورد نیاز خود را انتخاب کرده و در ویرایشگر جایگزین کنید. همچنین شامل چهار خط است. تغییرات خود را ذخیره کنید و پسوند ویرایشگر وردپرس را آزمایش کنید.
نیکولای ایوانف با شما بود.
سوالات را در نظرات بنویسید
