SHET16

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

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

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

ولی یه چیزی رو بذارید همین‌جا بگیم: بین «باهاش کار کردن» و «مسلط بودن بهش» یه دنیا فرق هست. یه سری ترفند کوچیک هست که خیلی‌ها اصلاً نمی‌دونن، ولی همینا باعث می‌شه توی نصف زمان، محتوای دو برابر جذاب‌تر بسازید. توی این مقاله می‌خوایم همین ترفندها رو باهاتون مرور کنیم. آماده‌اید؟ بزنید بریم.

۱.کار با بلوک‌های اصلی گوتنبرگ

بلاگ‌های گوتننبرگ
بلاگ‌های گوتننبرگ

ببینید، کل ماجرای گوتنبرگ حول یه چیز می‌چرخه: بلوک. اصلاً برای همینه که بهش می‌گن «ویرایشگر بلوک». هر چیزی که توی صفحه می‌بینید — یه پاراگراف ساده، یه لیست، یه عکس، یه گالری — همه‌ش یه بلوکه.

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

۲. استفاده از میانبر‌های کیبورد

راستش رو بخواید، برداشتن دست از روی کیبورد و رفتن سراغ موس فقط برای اینکه یه کلمه رو بولد کنید، حرکت خیلی کندیه. گوتنبرگ کلی شورت‌کات باحال داره که کارهای معمولی مثل بولد کردن (Ctrl+B) یا لینک گذاشتن رو بدون موس انجام می‌دید.

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

۳. فاصله تک‌‌خط و دوخط

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

فاصله بین خط ها و پارارگراف‌ها
فاصله بین خط ها و پارارگراف‌ها

ولی گاهی وقتا نمی‌خواید اونقدر فاصله بیفته، فقط می‌خواید برید خط بعد. اینجا کافیه Shift + Enter بزنید تا یه فاصله‌ی تک‌خط بگیرید. همین یه ترفند کوچیک، ظاهر متنتون رو خیلی مرتب‌تر می‌کنه.

۴. تنظیم مجدد صفحه ویرایشگر جدید وردپرس

ویرایشگر وردپرس در اصل یه بوم سفیده با یه نوار ابزار بالا و یه ستون تنظیمات سمت راست. ولی این چیدمان ثابت نیست و می‌تونید به سلیقه‌ی خودتون تغییرش بدید.

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

سفارشی سازی تولبار
سفارشی سازی تولبار

حالت نورافکن

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

حالت نورافکن
حالت نورافکن

حالت تمام صفحه

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

حالت تمام صفحه
حالت تمام صفحه

۵. تغییر اندازه فونت در ویرایشگر جدید وردپرس

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

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

قسمت تایپوگرافی متن ویرایشگر گوتنبرگ
قسمت تایپوگرافی متن ویرایشگر گوتنبرگ

۶. افزودن تیتر به محتوای مقالات

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

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

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

۷.اضافه کردن ستون به پست‌‌ها

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

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

تننظیمات ستون بلوک ستون
تننظیمات ستون بلوک ستون

۸.اضافه‌‌کردن تصاویر کنار متن

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

الان یه ابزار به اسم Media & Text دارید که این کار رو براحتی انجام می‌ده. خودش به‌صورت خودکار عرض و فاصله‌ی بین عکس و متن رو تنظیم می‌کنه. تازه می‌تونید از حالت تمام‌عرض هم استفاده کنید یا قالب‌بندی متن رو تغییر بدید.

Media & Text
Media & Text

۹. اضافه کردن ویدئوهای یوتیوب به وردپرس

یه توصیه‌ی دوستانه: ویدیوهاتون رو مستقیم توی وردپرس آپلود نکنید. وردپرس اصلاً برای این کار ساخته نشده و اکثر هاست‌ها هم نمی‌تونن فایل‌های سنگین رو خوب مدیریت کنن.

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

ویجت یوتیوب در گوتنبرگ
ویجت یوتیوب در گوتنبرگ

۱۰. اضافه کردن جدول به پست وردپرس

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

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

ساخت جدول در گوتنبرگ
ساخت جدول در گوتنبرگ

کِی بریم سراغ افزونه‌ی TablePress؟

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

افزونه TablePress
افزونه TablePress

۱۱. اضافه کردن دکمه به پست‌‌ها و صفحات وردپرس

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

بلوک دکمه در ویرایشگر گوتنبرگ
بلوک دکمه در ویرایشگر گوتنبرگ

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

۱۲. افزودن تصاویر کاور روی پست‌‌های وردپرس

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

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

ویجت تصویر کاور
ویجت تصویر کاور

۱۳. تغییر رنگ‌ پاراگراف در ویرایشگر جدید وردپرس

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

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

استایل متن در سایدبار
استایل متن در سایدبار

۱۴. اضافه کردن ابزارک‌‌ها به پست‌‌های وردپرس

ابزارک‌ها (widget) تقریباً مثل بلوک‌ها کار می‌کنن و بهتون اجازه می‌دن بدون یه خط کد، عناصر مختلف به سایتتون اضافه کنید. معمولاً توی سایدبار یا پانویس سایت ازشون استفاده می‌شه، ولی می‌تونید وسط محتوا هم بذاریدشون (مثلاً یه فرم تماس).

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

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

۱۵. افزودن HTML سفارشی

درسته که ویرایشگر وردپرس یه ویرایشگر ویژوال (WYSIWYG) هست، ولی این به این معنی نیست که دستتون برای کد بسته‌ست. هر وقت لازم داشتید کد HTML بذارید، ساده‌ترین راه اینه که از بلوک HTML سفارشی استفاده کنید. بلوک رو اضافه می‌کنید و هر کدی که می‌خواید رو توش می‌ذارید. تمام.

بلوک html سفارشی
بلوک html سفارشی

۱۶. مشاهده تعداد کلمات و دیگر اطلاعات پست‌‌ها

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

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

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

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

حرف آخر

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

امیدواریم این مقاله بهتون کمک کرده باشه. حالا برید یه محتوای توپ بسازید! موفق باشید. 🙂

نظر شما در این مورد چیه؟

  1. کاربر مهمان۱ تیر ۱۳۹۸

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

    • تیم پشتیبانیتیم پشتیبانی۲ تیر ۱۳۹۸

      سلام میهن پنل. البته با کمی تغییرات

  2. کاربر مهمان۳۰ خرداد ۱۳۹۸

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

    • تیم پشتیبانیتیم پشتیبانی۳۰ خرداد ۱۳۹۸

      سلام قسمتی از پاراگراف خیر متاسفانه

  3. کاربر مهمان۲۹ خرداد ۱۳۹۸

    من میخوام رنگ متن تیترها رو عوض کنم ولی در گوتنبرگ نمیشه.

    • تیم پشتیبانیتیم پشتیبانی۲۹ خرداد ۱۳۹۸

      خیر متاسفانه این قابلیت را در حال حاضر ندارد.

    • کاربر مهمان۳۰ خرداد ۱۳۹۸

      در آپدیت جدید ۵.۹ به بعد اضافه کردن و قابل تعویض رنگ تیتر محیا شده

      • تیم پشتیبانیتیم پشتیبانی۳۰ خرداد ۱۳۹۸

        نسخه ۵.۹ وردپرس هنوز منتشر نشده متاسفانه

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

در حال بارگذاری مقالات...

پشتیبانگفتگو با تیم فروش
پشتیبانگفتگو با تیم فروش آنلاین و پاسخگوی شما هستیم. آنلاین

در حال بارگذاری...

سوالی درباره محصولات سایت دارید؟از ما بپرسید.