دیجی اسکریپت

اضافه کردن امکانات بیشتر به ویرایشگر وردپرس با افزونه WordPress Editor
[ad_1]

بسیاری از افراد از وجود امکانات کم در ویرایشگر وردپرس ابزار ناراحتی می کنند، اما افزونه WordPress Editor امکانات بسیاری را برای همین ویرایشگر ساده ایجاد کرده است. اگر ویرایشگر کلاسیک وردپرس را استفاده می کنید اما به دنبال ویژگی های پیشرفته تر نیز هستید، ویرایشگر کلاسیک وردپرس به همراه بوت استرپ، فونت های Font Awesome و قابلیت های TinyMCE را به صورت یکجا نیز می توانید داشته باشید.

 

 

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

 

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

افزونه WordPress Editor یکی دیگر از افزونه های ایرانی ثبت شده در مخزن وردپرس است که از جمله ویژگی های آن عبارتند از:

• دارا بودن ویژگی های ۲۰ پلاگین برای ویرایشگر وردپرس
• با کمک افزونه ویرایشگر وردپرس می توانید بسیاری از آیکون‌های FontAwesome را به راحتی در نوشته های خود قرار دهید.
• قرار دادن کد در وردپرس
• درج شکلک ها در نوشته ها
• تغییر رنگ متن ها و رنگ های زمینه نوشته ها
• پشتیبانی از ایجاد و ویرایش جداول در نوشته ها در ویرایشگر وردپرس
• امکان جستجو و جایگزینی در این ویرایشگر
• امکان نمایش بلوک ها و همچنین نمایش حروف غیرنمایان
• قابلیت تنظیم خانواده فونت و اندازه قلم هنگام درج نوشته
• و …

 

افزونه ویرایشگر وردپرس تا کنون با بیش از ۲٫۰۰۰ نصب فعال توانسته است امتیاز ۴٫۷ را از کاربران خود به دست بیاورد. برای استفاده از قابلیت های این ویرایشگر، با کلیک روی دکمه زیر آن را از مخزن وردپرس دانلود کرده و سپس به کمک آموزش نحوه نصب افزونه ها در وردپرس اقدام به نصب و فعال سازی آن در وب سایت خود نمایید.

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

افزونه بهترین ویرایشگر، به صورت خودکار FontAwesome و BootStrap ۳.۳.۷ را در ویرایشگر شما بارگذاری می کند، اما در صورتی که می خواهید از عناصر FontAwesome و BootStrap استفاده نمایید، در این صفحه آن ها را انتخاب کرده و روی ذخیره تغییرات کلیک کنید تا کتابخانه آن ها در بخش اصلی سایت شما بارگذاری شوند.

 

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

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

 

اگر شما هم دوست دارید امکانات بیشتری را در ویرایشگر کلاسیک خود تجربه کنید، این امکانات را با نصب افزونه WordPress Editor به ویرایشگر وردپرس خود اضافه کنید و به جای نصب چند افزونه، از یک افزونه استفاده نمایید.

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

[ad_2]

لینک منبع مطلب

۲ ویژگی جالب در نسخه جدید افزونه گوتنبرگ
[ad_1]

همه ما تا الان با گوتنبرگ آشنا شدیم یا اگر جرئت کار کردن با آن را نداشته‌ایم، الاقل درباره ویژگی‌های آن شنیده‌ایم. تفاوت‌های بارزی که این ویرایشگر به همراه داشته، باعث شده که بسیاری از کاربران مجدد از ویرایشگرهای کلاسیک استفاده کنند. اما برخلاف ظاهر خشن و سرسختش، قابلیت‌های جالبی دارد که بد نیست کمی با آن کار کنید. امروز می‌خواهیم ۲ ویژگی جالب در گوتنبرگ را به شما بگوییم که باعث می شود تا حد زیادی نظرتان درباره آن برگردد و علاقه‌مند شوید.

 

ویژگی جالب در گوتنبرگ

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

 

RSS چیست؟

(RSS (Really Simple Syndication، یک فایل با فرمت xml است که تمامی عناوین و محتوای نوشته‌های شما به صورت خودکار در آن قرار گرفته و باعث می‌شود مخاطب به راحتی به نوشته‌های جدید منتشر شده در بلاگ و سایت، دسترسی داشته باشد. همچنین باعث می‌شود مطالب شما سریع‌تر در نتایج جستجوی گوگل قرار بگیرد و کار خزنده‌های گوگل را نیز آسان‌تر می‌کند.

RSS هم اکنون نیز یکی از پایه‌های متن باز یا open source دنیای وب محسوب می‌شود و هنوز متداول است. نسخه جدید گوتنبرگ وردپرس این امکان را به ما می‌دهد که به آسانی یک خوراک یا فید RSS را در نوشته‌ها یا برگه‌های سایت خود قرار دهیم. قرار دادن ابزارک‌ها در نوشته‌ها و برگه‌های وردپرس، از سیاست‌های گوتنبرگ است.

 

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

نحوه افزودن ویژگی RSS

برای استفاده از این قابلیت، دکمه + در ویرایشگر را بزنید و از قسمت ابزارک‌ها، گزینه RSS را انتخاب کنید. حالا در کادری که مشاهده می‌کنید، آدرس فید سایت خود را وارد نمایید. به طور پیش‌فرض آدرس فید سایت شما domain.com/feed است. به عنوان مثال، آدرس ۲۰script.ir/feed را وارد می‌کنیم و دکمه Use URL را می‌زنیم.

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

 

و اما یک ویژگی جدید دیگر

یکی از قابلیت‌های جدید افزونه گوتنبرگ، ویژگی Focal Point Picker است. المان رویه یا Cover، این امکان را به شما می‌دهد تا تصویری را در نوشته خود قرار دهید و روی آن متنی بنویسید. جالب است نه؟!

 

حال با استفاده از ویژگی هیجان انگیز Focal Point Picker، می‌توان مرکز این تصویر را مشخص کرد تا آن چیزی که می‌خواهید، نمایش داده شود. این ویژگی جدید افزونه گوتنبرگ، مشکلات عده زیادی از کاربران را در خصوص نحوه نمایش عکس‌ها برطرف کرده است. تا حد زیادی با کمک این ویژگی نیاز شما به یک ابزار ویرایش تصویر حل می‌شود و در همان جا می‌توانید نوشته خود را وارد کنید.

جمع بندی

همانطور که گفتیم، این ۲ ویژگی جالب در گوتنبرگ، فقط در افزونه گوتنبرگ در دسترس هستند که البته تیم توسعه دهنده وردپرس قول داده است در نسخه ۵٫۲ وردپرس، تمامی امکانات جدید گوتنبرگ را اضافه کند. اینکه چرا گوتنبرگ پیش‌فرض وردپرس و افزونه گوتنبرگ تفاوت‌هایی دارند، دلیل مشخصی ندارد و عجیب به نظر می‌رسد. به هر حال ۲ ویژگی جالب در گوتنبرگ که فید خوان RSS و Focal Point Picker نام دارد، می‌تواند ویژگی کاربردی برای وبمستران باشد. پیشنهاد می‌کنم امتحان کنید!

نوشته ۲ ویژگی جالب در نسخه جدید افزونه گوتنبرگ اولین بار در بیست اسکریپت. پدیدار شد.

[ad_2]

لینک منبع مطلب

۱۴ نکته برای تسلط بر ویرایشگر ویژوال وردپرس
[ad_1]

۱۴ نکته برای تسلط بر ویرایشگر ویژوال وردپرس

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

 

ویرایشگر ویژوال وردپرس

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

 

نکته ۱: The Kitchen Sink

بطور پیش فرض ویرایشگر ویژوال فقط یک سطر از دکمه ها را در ویرایشگر نمایش میدهد. Kitchen Sink آخرین دکمه در این ردیف است ،با کلیک روی آن یک سطر دیگر از دکمه ها با گزینه های بیشتر نمایش داده میشود.

نکته ۲: Master the Keyboard Shortcuts

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

نکته ۳: Single and Double Line Spacing

اغلب کاربران در سطح مبتدی برای پیدا کردن نحوه ی ایجاد پاراگراف و رفتن به سطر بعد سختی میکشند. برای افزودن پاراگراف جدید به ویرایشگر ویژوال نیاز دارید کلید Enter key را بزنید.وردپرس پاراگراف جدید با دو فاصله بین خطوط اضافه میکند. اگر مایلید تنها با یک فاصله به سطر بعدی بروید نیاز به زدن دو کلید Shift+ Enter همزمان با هم دارید.

 

نکته ۴: Rearrange the Post Editor Screen

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

 

نکته ۵:Using Distraction Free or Full Screen Writing Mode

در آنجا زمانی برای تمرکز روی نوشتن بدون هیچ کاربری که باعث اشتباه در نوشتن شود وجود دارد. وردپرس یک حالت نوشتن تمام صفحه بدون مزاحم ویرایشگر رایگان را ارائه میدهد.روی گزینه full screen کلیک کرده و صفحه ویرایش پست شما به یک تمام صفحه ویرایش تبدیل خواهد شد.

نکته ۶: Changing Font Size in WordPress Visual Editor

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

نکته ۷:How to Add Columns in WordPress Post Editor

ویرایشگر پست وردپرس با یک راه حل پیش فرض برای افزودن محتوای چند ستون در پست یا صفحه نیامده است. با این حال شما میتوانید محتوای چند ستون را با تغییر دادن به حالت متن و نوشتن HTML برای ایجاد ستون اضافه کنید. البته که این ساده ترین راه برای انجام این کار نیست. اما خبر خوب این است که شما نیاز به نوشتن HTML برای ایجاد محتوای چند ستون ندارید.

نکته ۸:Creating Tables in WordPress Posts

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

 

نکته ۹: How to Add YouTube Videos in WordPress Post Editor

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

 

نکته ۱۰: Switch to HTML Editor

در حالیکه ویرایشگر دیداری برای سهولت استفاده از آن عالی است اما میانبرهای صفحه کلید و ظاهر ویژوال قدرت ویرایشگر متن را دست کم نمیگیرد. گاهی اوقات زمانیکه با مسائل ترازی تصویری مبارزه میکنید یا ویرایشگر به شما اجازه ی رفتن به سطر بعد تصویر گذاشته شده را نمیدهد رفتن به ویرایشگر HTML سریعترین راه حل است.تنها روی گزینه Text کلیک کرده و نوشتن را ادامه دهید.

نکته ۱۱: Adding Buttons Without Using Shortcodes

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

نکته ۱۲: Check Spelling and Grammar Mistakes

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

نکته ۱۳: Paste as Plain Text

اگر برخی از مطالب را از صفحات وب دیگر کپی کنید،TinyMCE سبک قالب بندی متن را کپی میکند. برای حل این مشکل نیاز دارید روی گزینه Paste As Text در ویرایشگر ویژوال قبل از کپی کردن متن خود کلیک کنید.

نکته ۱۴: Adding Special Characters

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

موفق باشید

نوشته ۱۴ نکته برای تسلط بر ویرایشگر ویژوال وردپرس اولین بار در بیست اسکریپت. پدیدار شد.

[ad_2]

لینک منبع مطلب

بهترین روش سفارشی‌ سازی ویرایشگر گوتنبرگ با افزونه Atomic Blocks
[ad_1]

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

 

سفارشی‌ سازی ویرایشگر گوتنبرگ

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

شما را بیش از این معطل نمی‌گذارم. در ادامه با آموزش نصب و استفاده از افزونه Atomic Blocks در خدمت شما هستیم.

 

ویژگی‌های طلایی افزونه

برخی از امکانات و ویژگی‌های این افزونه عبارت اند از:

نصب افزونه Atomic Blocks

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

 

نحوه استفاده از افزونه Atomic Blocks

وارد صفحه افزودن نوشته وردپرس شوید. در این صفحه ویرایشگر گوتنبرگ مشاهده می‌شود. پس از نوشتن عنوان نوشته خود، روی علامت + کلیک کنید تا المان‌های مختلف گوتنبرگ نمایش داده شوند. اکنون در پایین لیست المان‌ها، گزینه‌ای به نام Atomic Blocks ایجاد شده که مربوط به امکان سفارشی‌ سازی ویرایشگر گوتنبرگ است. روی آن کلیک کنید تا المان‌های مختلف و جذاب این افزونه را مشاهده کنید.

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

Profile Box

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

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

• Font Size: سایز فونت متن جعبه را انتخاب کنید.
• Avatar Shape: می‌توانید شکل عکس این جعبه را مربعی یا دایره‌ای کنید.
• Background Color: رنگ پس زمینه جعبه را انتخاب کنید.
• Text Color: رنگ متن جعبه را انتخاب کنید.
• Social Link Color: رنگ شبکه‌های اجتماعی که در زیر این جعبه قرار دارند را انتخاب کنید.
• Social Links: لینک شبکه‌های اجتماعی شخص مورد نظر را در هر قسمت وارد کنید.

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

 

Testimonial

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

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

 

Call To Action

 با استفاده از این المان می‌توانید یک جعبه فراخوان عمل (Call To Action) زیبا بسازید. کاربردهای این جعبه متفاوت هستند. از کاربردهای آن می‌توان به گرفتن ایمیل کاربران برای عضویت در خبرنامه یا تشویق کاربران به دانلود فایلی خاص اشاره کرد.

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

• Text Options: سایز فونت عنوان و متن جعبه را تعیین کنید.
• Text Color: رنگ متن را انتخاب کنید.
• Background Options: می‌توانید برای پس‌زمینه این جعبه یک عکس اختصاص دهید یا اینکه از یک رنگ استفاده کنید.
• Button Options: در این قسمت می‌توانید تعیین کنید که لینک دکمه در صفحه جدید باز شود یا خیر. همچنین سایز، شکل و رنگ دکمه نیز از این قسمت قابل تغییر است.

 

Button

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

روی دکمه کلیک کنید و متن روی دکمه را بنویسید. در قسمت پایینی هم لینک دکمه را وارد کرده و دکمه Apply را بزنید. در سمت راست در قسمت Block، تنظیمات بیشتر این المان قابل مشاهده است.

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

Drop Cap

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

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

 

Notice

این المان یک جعبه زیبا ایجاد می‌کند که می‌توانید محتوایی را برای توجه بیشتر درون آن قرار دهید. کاربرد آن بیشتر برای هشدار دادن موضوعی به کاربران است اما لزوما تنها کاربرد آن محسوب نمی‌شود.

در بخش Notice Title، عنوان جعبه را وارد نمایید و در قسمت پایینی نیز متن مورد نظر خود را بنویسید. در قسمت Block  در سمت راست تنظیمات بیشتر این المان را بررسی می‌کنیم.

• Font Size: سایز فونت نوشته‌های این جعبه را تعیین کنید.
• Notice Display: اگر روی Dismissable قرار دهید، کاربر می‌تواند با زدن دکمه ضربدر در کنار این جعبه آن را ببندد و مشاهده نکند و اگر روی Always Show قرار دهید، همیشه برای کاربران قابل مشاهده است. گزینه‌های بعدی مربوط به رنگ‌بندی جعبه، عنوان و متن این المان جهت سفارشی‌ سازی ویرایشگر گوتنبرگ هستند.

 

Sharing

این المان به شما این امکان را می‌دهد تا دکمه‌های اشتراک گذاری در شبکه های اجتماعی را به راحتی به مقاله خود اضافه کنید.

 

در سمت راست در قسمت Block، به پیکربندی این المان می‌پردازیم.

 

در بخش بالایی تعیین می‌کنید، اشتراک گذاری در کدام یک از شبکه‌های اجتماعی فعال باشد. در بخش بعدی که Sharing Button Options نام دارد، تنظیمات اصلی المان قرار دارند.

• Button Style: می‌توانید تعیین کنید در دکمه‌ها، نام یا لوگوی شبکه‌های اجتماعی یا هر دوی آن‌ها نمایش داده شوند.
• Button Shape: شکل دکمه را می‌توانید طبق سلیقه خود تغییر دهید.
• Button Size: سایز نمایش دکمه‌ها را تعیین کنید.
• Button Color: رنگ دکمه‌ها را می‌توانید انتخاب کنید. اگر Social Colors را انتخاب کنید، رنگ خود شبکه‌های اجتماعی روی دکمه‌ها قرار خواهد گرفت.

 

Accordion

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

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

در بخش Font Size، سایز فونت نوشته را تعیین کنید. در قسمت Open by default می‌توانید تعین کنید که لیست آکاردئونی به صورت پیش فرض باز باشد یا اینکه کاربر خودش با کلیک کردن، آن را باز کند.

 

Spacer

یک المان مهم که به شما امکان اضافه کردن فضای خالی بین المان‌های مختلف را می‌دهد.

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

 

Container

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

در این قسمت می‌توانید Padding (فاصله داخلی) محتوای خود را از بالا، پایین، چپ و راست تنظیم کنید. همچنین Margin (فاصله خارجی) محتوای خود از بالا و پایین را می‌توانید تغییر دهید. در منوی تنظیمات بعدی که Background Options نام دارد، می‌توانید یک عکس یا رنگی خاص را به عنوان پس زمینه برای کل محتوای درون این کانتینر در نظر بگیرید.

 

Post Grid

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

در قسمت بالایی این المان نحوه نمایش پست ها را به صورت پنجره‌ای یا لیستی انتخاب کنید.

 

در سمت راست در قسمت Block، به پیکربندی تنظیمات این المان می‌پردازیم.

• Order by: نحوه نمایش پست‌ها را تعیین کنید؛ از قدیم به جدید یا برعکس و یا به ترتیب حروف الفبا
• Category: دسته‌بندی پست‌هایی که می‌خواهید نمایش داده شوند را تعیین کنید. برای نمایش پست‌های همه‌ی دسته بندی‌ها، مقدار All را انتخاب کنید.
• Numbers of items: تعداد پست‌هایی که می خواهید نمایش داده شود.
• Columns: تعداد ستون‌ها برای نمایش پست‌ها را تعیین کنید.
• Display Featured Image: تصویر شاخص نمایش داده شود یا خیر.
• Featured Image Style: نحوه نمایش تصویر شاخص را تعیین کنید.

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

Customize Read More Link: می‌توانید عبارت Continue Reading که شامل لینک مقاله است را با یک عبارت فارسی مثل “بیشتر بخوانید” جایگزین کنید.

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

جمع بندی

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

نوشته بهترین روش سفارشی‌ سازی ویرایشگر گوتنبرگ با افزونه Atomic Blocks اولین بار در بیست اسکریپت. پدیدار شد.

[ad_2]

لینک منبع مطلب

آیا می‌دانید گوتنبرگ وردپرس چیست و چه کارایی دارد؟
[ad_1]

تیم توسعه وردپرس روز به روز در حال به وجود آوردن امکانات مفیدی برای وبسایت‌های وردپرسی هستند. نامی که این‌روزها بسیار به گوش می‌رسد گوتنبرگ (Gutenberg) است. گوتنبرگ وردپرس چیست؟ آیا شما هم این واژه را شنیده‌اید؟ چه اطلاعاتی در موردش دارید؟ می‌دانید دقیقا چه کاری قرار است انجام دهد؟ شاید اطلاعاتی در این مورد داشته باشید و شاید هم دقیقا نمی‌دانید چیست، اشکالی ندارد. شما حق دارید، زیرا هنوز به صورت کامل فرصت آشنا شدن با آن را بدست نیاوردیم. برای اینکه بتوانیم در این امر پیشتاز باشیم، در این مقاله تصمیم گرفتیم در مورد گوتنبرگ صحبت کنیم و به بررسی کامل آن بپردازیم. می‌دانم شما نیز بسیار مشتاق هستید تا این امکان تازه وارد را شناسایی کنید…

 

گوتنبرگ وردپرس

در واقع گوتنبرگ وردپرس یک پروژه وردپرسی است و در حال حاضر یک محیط ویرایش جدید در وردپرس را رونمایی کرده و همچنان قرار است گسترده‌تر شده و رشد کند. این موردی است که اغلب مردم در موردش اطلاع دارند اما باید به شما بگویم که گوتنبرگ وردپرس تنها یک ویرایشگر را شامل نمی‌شود بلکه شروع اقداماتی بسیار بزرگ‌تر است. در واقع این پروژه بر روی لایه بندی و قالب‌های سایت تاثیر گذاشته و تبدیل به یک سفارشی‌ساز کامل برای وردپرس می‌شود. حال شما فرض کنید چه امکاناتی در اختیار ما قرار خواهد گرفت!

 

در وردپرس ۴٫۹٫۸ گوتنبرگ از ویرایشگر خود رونمایی کرد و با نصب آن می‌توان ویرایشگر سابق را به یک محیط کاملا متفاوت با امکاناتی مطلوب تبدیل کرد:

همان‌طور که در تصویر بالا می‌بینید پس از ارتقای وردپرس به نسخه ۴٫۹٫۸، این گزینه به پیشخوان اضافه می‌شود و می‌توانید آن را فعال کنید. این امکان همان افزونه gutenberg است که در مخزن وردپرس نیز موجود است و فرقی ندارد از اینجا فعالش کنید یا از مخزن دریافت کرده و نصب کنید.

 

گوتنبرگ را امتحان کنید

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

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

 

باز کردن گوتنبرگ برای اولین بار

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

 

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

در سمت چپ با تنظیماتی مواجه شده و با کلیک بر روی آن می‌توانید تنظیمات مورد نظر را ایجاد کنید.

شاید در اینجا سوال بپرسید چگونه در این محیط مطلب مورد نظر خود را وارد کنیم؟

 

نحوه کار با ویرایشگر گوتنبرگ

برای کار با این ویرایشگر دقیقا همانند کار با صفحه ساز گرافیکی visual composer، به هر بخشی که نیاز دارید می‌توانید به صورت بلوک آن را ایجاد کنید. مثلا ما می‌خواهید در نوشته خود یک تصویر در ابتدا، سپس پاراگراف اول، تیتر اول، پاراگراف دوم، تصویر و به همین ترتیب اضافه کنیم. روی گزینه (+) در ابتدای صفحه کلیک می‌کنیم و امکان مورد نظر را اضافه می‌کنیم.

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

افزودن عنوان نوشته

افزودن تصویر

به همین ترتیب می‌توانید بلاک‌های مورد نظر را اضافه کنید:

افزودن پاراگراف

برای افزودن بخش پاراگراف‌ها و نوشته‌ها روی گزینه پاراگراف کلیک کنید تا بلاک مربوطه اضافه شود:

در سمت چپ می‌توانید اندازه قلم و رنگ متن را مشخص کنید.

افزودن جدول

در نهایت اگر بر روی پیش‌نمایش تغییرات کلیک کنید نسخه‌ای از نوشته خود را مشاهده کرده و اگر بر روی انتشار کلیک کنید، مطلب مورد نظر بر روی سایت قرار می‌گیرد.

شاید با خود بگویید عملکرد گوتنبرگ وردپرس سخت است و همان ویرایشگر وردپرس بهتر است. بله شاید در نگاه اول همه ما چنین فکری کنیم اما اگر چند باری با ویرایشگر گوتنبرگ وردپرس کار کنیم مطمئنا متوجه امکانات جالب و اضافه آن خواهیم شد.

 

همه چیز با بلاک اضافه می‌شود

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

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

جالب‌تر از همه اینکه هر بلاک برای خود تنظیمات خاصی دارد که در همان ستون سمت چپ ظاهر شده و به شما امکان تغییر می‌دهد.

 

عملکرد Yoast SEO در ویرایشگر گوتنبرگ

شاید این سوال برایتان پیش آمده باشد که چگونه در ویرایشگر گوتنبرگ وردپرس می‌توان از Yoast SEO استفاده کرد؟ هیچ جای نگرانی نیست! این افزونه همچنان جایگاه خود را حفظ کرده است:

پس از این بابت نیز خیالتان راحت باشد که yoast seo ارتباط خوبی با گوتنبرگ وردپرس برقرار کرده و سازگار است.

 

نتیجه گیری

یکی از فعالیت های پروژه گوتنبرگ وردپرس، روی کار آمدن ویرایشگر جدیدی است که با نسخه ۴٫۸٫۹ وردپرس کاملا سازگار است و با آن به کاربران وردپرسی ارائه شده است. اگر می‌خواهید تجربه جدیدی از نوشتن محتوا کسب کنید حتما این ویژگی را فعال کنید و سعی کنید با آن ارتباط برقرار کنید.

نوشته آیا می‌دانید گوتنبرگ وردپرس چیست و چه کارایی دارد؟ اولین بار در بیست اسکریپت. پدیدار شد.

[ad_2]

لینک منبع مطلب

آیا گوتنبرگ می‌تواند جایگزین خوبی برای صفحه‌ساز وردپرس باشد؟
[ad_1]

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

 

در حال حاضر این افزونه بیش از ۳۰۰٫۰۰۰ نصب داشته و این نشان از محبوبیت گوتنبرگ است. البته همان‌طور که گفتیم این افزونه تغییرات زیادی در پیش دارد و خبر نداریم که قرار است چه امکاناتی را در اختیارمان قرار دهد. اما بزرگترین معضلی که ذهن طراحان را درگیر کرده این‌ است که آیا گوتنبرگ جایگزین صفحه‌ساز وردپرس می‌شود؟

 

گوتنبرگ جایگزین صفحه‌ساز وردپرس

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

 

رویکرد گوتنبرگ نسبت به محتوا

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

 

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

 

دلایل تمایل به سمت صفحه‌سازها

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

 

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

 

تغییر صفحه‌ساز و مهاجرت به گوتنبرگ

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

 

شاید بازسازی اطلاعات قبلی در گوتنبرگ کار ساده‌ای نباشد البته برای وبسایت‌های کوچک به راحتی امکان‌پذیر است ولی برای وبسایت‌های بزرگ و دارای اطلاعات زیاد، مسلما کار و زمان زیادی می‌طلبد.

 

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

 

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

یک موردی که شامل حال اکثر صفحه‌سازها می‌شود اما گوتنبرگ آن را ندارد می‌دانید چیست؟ بر پایه کدنویسی است که مدت‌ها در آن‌ها مشهود است. این مزیت باعث سازگاری بیشتر با وبسایت می‌شود.

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

 

ویژگی منحصر به فرد

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

 

خطوط پایین

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

 

تنظیمات اصلی در آینده

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

 

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

 

شما چه فکری می‌کنید؟

با تمام صحبت‌ها و بحث‌هایی که شد شما چه فکر می‌کنید؟ آیا فکر می‌کنید گوتنبرگ جایگزین صفحه‌ساز وردپرس می‌شود و در این جایگزینی موفق می‌شود؟

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

[ad_2]

لینک منبع مطلب

استفاده از ویرایشگر کدها در وردپرس با افزونه WP Editor
[ad_1]

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

 

ویرایشگر کدها در وردپرس با WP Editor

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

 

امکانات

• قابلیت CodeMirror
• ارائه محیط کدنویسی
• ارائه چندین تم برای محیط ویرایشگر کدها در وردپرس
• ویرایش تمام صفحه (F11،ESC)
• جستجوی متن (CTRL + F)
• تنظیمات منحصر به فرد برای هر ویرایشگر
• FancyBox برای مشاهده تصویر
• مرورگر AJAX
• لیست افزونه‌ها و تم‌ها و نمایش فایل‌های هر کدام همراه با امکان ویرایش
• کارکرد بسیار ساده و کاربرپسند
• و…

 

نصب و راه‌اندازی افزونه

ابتدا افزونه‌ی WP Editor را از انتهای صفحه دانلود کنید. سپس از مسیر افزونه‌ها> افزودن اقدام به نصب و فعال‌سازی افزونه نمایید. پس از نصب و فعال‌سازی منوی جدیدی به نام WP Editor در پنل مدیریتی وردپرس اضافه خواهد شد.

 

عملکرد افزونه

همان‌طور که اشاره کردیم این افزونه جهت ویرایش و مشاهده قالب‌ها و افزونه‌های وردپرسی طراحی شده است و این امکان را به شما می‌دهد تا در محیط وردپرس اقدام به طراحی و توسعه کنید!

 

تنظیمات اولیه افزونه

 

برای پیکربندی و تنظیم نحوه عملکرد افزونه از پنل مدیریتی وردپرس بر روی منوی WP Editor کلیک کنید.

 

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

• Main setting: شامل تنظیمات کلی و پایه افزونه است. این بخش را به صورت پیش‌فرض باقی بگذارید.
  
• Theme Editor: اعمال پیکربندی‌های مربوط به بخش ویرایشگر قالب از این صفحه قابل دسترسی است.
  
• Plugin Edior: تنظیمات مربوط به ویرایشگر افزونه را از این بخش اعمال کنید.
• Post Editor: تنظیمات مربوط به پیکربندی ویرایشگر کدها در وردپرس.

 

تنظیمات بخش های ویرایشگر

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

• Theme: ظاهر و پوسته کادر کدنویسی ویرایشگر را از این کشو انتخاب کنید.
  
• Extensions: در این بخش اجازه ویرایش فایل‌هایی با پسوندهای منتخب را صادر می‌کنید.
  
• Font Size: سایز فونت.
  
• Line Numbers: فعال کردن قابلیت شماره‌گذاری خطوط کدها.
• Active Line Highlighting: فعال کردن قابلیت هایلایت شدن کدها.
• Indent Size: سایز تورفتگی.
  
• Tab Characters: هنگام زدن دکمه tab بین کدها فاصله ایجاد شود یا یک تب در نظر گرفته شود.
• Tab size: سایز تب.
• Editor Height: ارتفاع قسمت کدنویسی.
• Enable File Upload: فعال کردن دکمه آپلود فایل‌ها در ویرایشگر افزونه و قالب.

 

نحوه کار با افزونه

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

• ویرایشگر افزونه‌ها: جهت ویرایش افزونه‌ که از مسیر افزونه‌ها> Plugin Editor  قابل دسترسی است.
  
• ویرایشگر قالب: به منظور ویرایش قالب‌های شما و از مسیر نمایش> Theme Editor  قابل دسترسی است.
  
• ویرایشگر مطالب وردپرس: همان ویرایشگر متنی وردپرس است که قابلیت‌های جدیدی به آن اضافه شده است.

 

ویرایشگر افزونه ها در وردپرس

برای ویرایش و مشاهده فایل‌های مربوط به افزونه‌ها، به مسیر افزونه‌ها > Plugin Editor رجوع کنید.

 

 

به صفحه‌ای مشابه تصویر زیر هدایت خواهید شد.

 

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

 

نکته: اگر افزونه مورد نظر شما در بین موارد موجود نبود و یا آن را نصب نکرده بودید، می‌توانید از قسمت Upload Files در سمت راست صفحه، کمک بگیرید و با کلیک بر روی دکمه Browse افزونه مورد نظر را انتخاب کرده و آن را آپلود کنید.

 

در نهایت تمامی پوشه‌ها و فایل‌های مربوط به افزونه (تصاویر، فایل‌هایcss و…) برای شما لیست خواهند شد. با دابل کلیک بر روی هر کدام، قادر به مشاهده کدهای آن در پنجره کدنویسی خواهید بود.

به کمک دکمه‌های بالای بخش کدنویسی قادر به ذخیره‌سازی، بازگردانی، جستجو، جایگزینی و… در ویرایشگر کدها در وردپرس خواهید بود.

 

و همچنین دکمه‌های پایین کادر کدنویسی شامل:

 

 

• Download Plugin: امکان دانلود تمام فایل‌ها و پوشه‌های افزونه انتخاب شده در قالب یک فایل زیپ را خواهید داشت.
  
• Download File: امکان دانلود فایل جاری که در حال ویرایش و مشاهده آن هستید.
  
• Create New Plugin: تهیه و کدنویسی افزونه جدید.
• Update File: بروزرسانی فایل جاری.

در نهایت تغییرات خود را در همین جا بر روی فایل اعمال کنید و بر روی دکمه save کلیک کنید.

 

ویرایشگر قالب در وردپرس

قابلیت مشاهده فایل‌های مربوط به قالب‌ها امکان دیگری برای ویرایشگر کدها در وردپرس است که این افزونه در اختیار طراحان وب‌سایت‌های وردپرسی قرار می‌دهد. برای مشاهده و ویرایش و شخصی‌سازی فایل‌ها به جای رجوع به مسیر ftp و دسترسی به فایل‌های اصلی می توانید مستقیما از محیط وردپرس اقدام به ویرایش کنید. قابلیت جذاب این افزونه‌، های‌لایت بودن کدها است که می‌توانید پارامترها و مقادیر را به راحتی تشخیص دهید و در صورت وارد کردن اطلاعات نادرست، به سرعت متوجه خطای خود شوید. برای دسترسی به این امکان افزونه به مسیر نمایش> Theme Editor رجوع کنید.

 

 

به صفحه‌ای مشابه تصویر زیر هدایت خواهید شد. محیط‌های ویرایشگر افزونه و قالب شبیه هم هستند. از کشوی مقابل Select theme to edit قالب مورد نظر خود را انتخاب کنید. سپس بر روی دکمه select کلیک کنید. (این کشو شامل قالب‌هایی است که تاکنون به وردپرس معرفی کرده اید.)

 

نکته: برای انتخاب قالبی به جز موارد موجود در کشو، از بخش upload files و به کمک دکمه browse قالب مورد نظر خود را انتخاب کرده و آن را آپلود کنید.

 

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

 

 

• Download Theme: جهت دانلود تمام فایل‌ها و پوشه‌های قالب انتخاب شده در قالب فایل زیپ.
  
• Download File: جهت دانلود فایل جاری که در حال ویرایش و مشاهده آن هستید.
  
• Create New Theme: تهیه و کدنویسی قالب جدید.
• Update File: بروزرسانی فایل جاری.

عملیات مشاهده، کدنویسی، تغییر و یا  توسعه خود را انجام داده و در پایان بر روی دکمه save کلیک کنید.

 

ویرایشگر مطالب وردپرس

اگر به قسمت ویرایشگر متن وردپرس در برگه یا نوشته‌های خود، دقت کنید شاهد این نکته خواهید بود که همان ویرایشگر قبلی را به همراه قابلیت‌های جدید در اختیار دارید.

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

 

ترفند چپ چین کردن محیط کد نویسی افزونه

به صورت تجربی می‌دانیم که وقتی زبان وردپرس فارسی شود محیط کدنویسی این افزونه هم تحث تاثیر آن، راست چین می‌شود! برای چپ چین کردن محیط کدنویسی توسط همین افزونه، به مسیر افزونه ها> Plugin Editor رجوع کرده از داخل کشوی افزونه‌ها، افزونه WP Editor را انتخاب کنید. فایل wpeditor.css را باز کنید و قطعه کد زیر را در آن وارد کنید:

 

Direction:ltr;

 

روی دکمه Save کلیک کنید. سپس محیط ویرایشگر کدها در وردپرس چپ چین خواهد شد.

 

نکته بسیار مهم: همیشه قبل از شروع هر تغییری از وردپرس خود یک نسخه پشتیبان تهیه کنید.

 

جمع بندی

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

نوشته استفاده از ویرایشگر کدها در وردپرس با افزونه WP Editor اولین بار در بیست اسکریپت. پدیدار شد.

[ad_2]

لینک منبع مطلب