با آموزش گوتنبرگ و این 18 ترفند، زمان بسیار بیشتری خواهید داشت!

دسته بندی: آموزش, سیستم‌های مدیریت محتوا
چگونگی صرفه‌جویی در زمان با ویرایشگر گوتنبرگ
آنچه در این مطلب می‌خوانید :

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

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

آموزش گوتنبرگ؛ یک نگاه زیر چشمی به این قابلیت وردپرس

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

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

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

آموزش گوتنبرگ

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

در بخش اصلی صفحه، «افزودن عنوان» یا همان Add title را می‌بینید و علامت + که قبلا در سمت چپ بالای صفحه وجود داشت، این‌جا در قسمت راست صفحه دیده می‌شود. Add title همان جایی است که عنوان صفحه خود را وارد می‌کنید و به‌ طور پیش‌فرض طوری برنامه‌ریزی شده است تا به‌ عنوان تگ H1 برای اهداف سئویی شما عمل کند . اگر روی کلید + کلیک کنید، می‌توانید یک بلوک محتوای جدید اضافه کنید.

در‌ نهایت، در سمت راست بالای صفحه، آیکون‌های پیش‌نمایش یا Preview، انتشار یا Publish و تنظیمات را پیدا خواهید کرد.

آموزش گوتنبرگ

حالا وقت آن است که در مورد کارهای سرگرم‌ کننده‌ای که می‌توانید با گوتنبرگ انجام دهید، صحبت کنیم.

1 ) با کلیک روی علامت + محتوای خود را اضافه کنید

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

  • یک بلوک محتوا را جستجو کنید
  • یکی از محبوب‌ترین بلوک‌های محتوا را انتخاب کنید
  • گزینه‌های مختلف بلوک محتوا را جستجو کنید

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

آموزش گوتنبرگ - کلیک کنید

بیایید کمی در این قابلیت عمیق‌تر شویم.

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

برای مثال اگر ویدیوهای خود را با YouTube ایجاد می‌کنید، می‌توانید با سرچ عبارت Youtube، بلوک آن را پیدا کرده و از آن استفاده کنید. تصویر زیر را ببینید.

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

2 ) تصاویر را مستقیما از دسکتاپ خود بکشید و در وردپرس رها کنید

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

بیشتر بخوانید: سیستم مدیریت محتوا CMS چیست؟ معرفی انواع سیستم های مدیریت محتوا

3 ) در وردپرس کپی و پیست کنید، از هر جایی!

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

4 ) از اسلش (/) برای درج سریع بلوک‌های محتوا استفاده کنید

فهمیدیم که کلیک کردن روی + برای افزودن یک بلوک محتوا به صفحه، کار سختی نیست؛ اما خوب است بدانید که گزینه‌های زیاد دیگری هم در دسترس دارید.

مثلا، وقتی می‌خواهید به‌ سرعت یک بلوک محتوای مشترک را در صفحه خود وارد کنید، تنها کاری که باید انجام دهید این است که کلید اسلش را فشار دهید تا گوتنبرگ یک منوی سریع یا همان quick menu را به شما نمایش دهد. یا مثلا اگر می‌خواهید یک ویدیوی YouTube اضافه کنید، می‌توانید به سادگی «اسلش» را فشار دهید. سپس «YouTube» را تایپ کنید تا گوتنبرگ بلوک محتوای YouTube را ارائه کند. بی‌نظیر است، نه؟ واقعا هست!

ستون ها در آموزش گوتنبرگ

5 ) پس از آموزش گوتنبرگ، با میان برهای صفحه کلید زمان را قیچی کنید

بیایید در مورد میان‌ برهای صفحه کلید صحبت کنیم؛ البته که شما می‌توانید از تمام میان‌ برهای معمولی صفحه کلید برای کپی، پیست، ایتالیک، بولد و زیر خط یا همان آندرلاین استفاده کنید. با این حال، با آموزش گوتنبرگ دسترسی به تعدادی از میان‌ برهای پراستفاده را با ترکیب کلیدهای مختلف در اختیار خواهید داشت. برای مشاهده لیست کامل، میان‌بر Shift + Alt + H را برای Windows  و Control + Option + H را برای MAC وارد کنید تا گوتنبرگ تمام اسرار میان‌برهای پنهان خود را به شما نشان دهد.

آموزش گوتنبرگ - کلیک زمان

6 ) با درگ و دراپ بلوک ها را مرتب کنید

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

7 ) Toolbar خود را تغییر دهید

نوار ابزار یا toolbar پیش‌فرض شامل توابع اساسی ذکر شده در ابتدای این مقاله است و به شکل زیر عمل می‌کند:

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

نوار ابزار یا toolbar

8 ) مزیت جذاب پس از آموزش گوتنبرگ؛ یک بلوک محتوا بین دو بلوک محتوا اضافه کنید

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

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

آموزش گوتنبرگ

9 ) از حالت‌های مختلف صفحه برای نوشتن لذت ببرید

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

اگر روی همان سه‌ کلید عمودی در سمت راست بالای صفحه وردپرس خود کلیک کنید، حالت Spotlight و حالت تمام صفحه یا Full Screen Mode را هم خواهید دید. اگر می‌خواهید در یک زمان روی یک بلوک تمرکز کنید، حالت Spotlight را انتخاب کنید. اگر می‌خواهید بر تمام داشبورد وردپرس خود تسلط داشته باشید، حالت تمام صفحه را انتخاب کنید. می‌توانید از ترکیب‌های مختلفی از این گزینه‌ها هم استفاده کنید. برای استفاده از حالت تمام صفحه می‌توانید از میان‌بر Ctrl+Shift+Alt+F هم استفاده کنید.

Full Screen Mode

10 ) لاین‌ بریک‌ها را در یک بلوک محتوا وارد کنید

وارد‌ کردن یک بلوک محتوای جدید، هر بار که به یک پاراگراف جدید نیاز دارید، ممکن است بسیار وقت‌گیر باشد. در واقع، نیازی نیست که برای هر پاراگراف یک بلوک محتوای جدید ایجاد کنید؛ می‌توانید با استفاده از کلید میان‌بر Shift+Enter، در همان بلوک یک پاراگراف جدید ایجاد کنید.

11 ) لینک ها را مستقیما در وردپرس کپی و پیست کنید

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

12 ) لینک‌های پرش را با ویژگی HTML Anchor اضافه کنید

لینک‌های پرش (Jump links) یا لینک‌های لنگر (anchor links)، یک راه عالی برای سازماندهی محتوای طولانی هستند و اغلب برای سئو مفیدند. این لینک‌ها، این امکان را به شما می‌دهند تا لینکی ایجاد کنید که با کلیک روی آن، مخاطب به قسمتی از محتوا که سازنده محتوا لینک را در آن قرار داده است برود. مثلا جدول محتوای همین مقاله را در نظر بگیرید؛ اگر فرضا روی ترفند سوم کلیک کنید، مستقیما به آن قسمت خواهید رسید.

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

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

ویرایشگر گوتنبرگ

13 ) بلوک های قابل استفاده مجدد بسازید

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

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

14 )  ستون ایجاد کنید

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

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

ویرایشگر گوتنبرگ

15 ) از بلوک های واسط استفاده کنید

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

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

16 ) از بلوک های رایگان و جذاب استفاده کنید

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

آموزش گوتنبرگ

17 ) امکان شخصی سازی کد

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

18 ) دسترسی مستقیم به سورس کد صفحه

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

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

حرف آخر

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

سوالاتی که شما می‌پرسید

1. روش نصب گوتنبرگ روی وردپرس چیست؟

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

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

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

منابع

wordpress

wpastra

hostgator

 

2.5/5 - (2 امتیاز)

مایلید هر دو هفته یک ایمیل مفید دریافت کنید؟

ما را در شبکه‌های اجتماعی دنبال کنید

همچنین شاید دوست داشته باشید!

نظرات کاربران

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

نشانی ایمیل شما منتشر نخواهد شد.

این فیلد را پر کنید
این فیلد را پر کنید
لطفاً یک نشانی ایمیل معتبر بنویسید.
شما برای ادامه باید با شرایط موافقت کنید

فهرست