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

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

توی این آموزش اول بررسی می‌کنیم که چه وقت‌هایی اصلاً به افزونه نیاز ندارید. بعد نسخهٔ رایگان Shortcodes Ultimate رو نصب می‌کنیم و با یکی از شورتکدهای آمادهٔ اون، یک دکمهٔ دانلود می‌سازیم. یادتون باشه که این آموزش دربارهٔ تنظیم شورتکدهای آماده‌ست. قابلیت ساخت شورتکد کاملاً سفارشی از صفر که Shortcode Creator نام داره، فقط در نسخهٔ Pro افزونه ارائه می‌شه.

آیا خود وردپرس این امکانات رو داره؟

بله. خود وردپرس بلوکی به نام «کد کوتاه» یا Shortcode داره و می‌تونید شورتکدی رو که یک افزونه در اختیارتون گذاشته، داخل اون قرار بدید. گوتنبرگ برای کارهای رایجی مثل ساخت دکمه، ستون، جدول، گالری و بازکردن لینک در تب تازه هم بلوک داخلی داره. پس اگه فقط یک دکمهٔ ساده می‌خواید، بهتره اول بلوک «دکمه‌ها» رو امتحان کنید و افزونهٔ اضافه نصب نکنید.

Shortcodes Ultimate زمانی به کارتون میاد که ظاهرها و گزینه‌های آمادهٔ بیشتری می‌خواید یا قصد دارید بخش‌هایی مثل تب، آکاردئون، کادر، اسپویلر و محتوای چندستونه رو با شورتکد بسازید. این افزونه بیش از ۵۰ شورتکد آماده داره و نسخهٔ رایگانش برای انجام آموزش این مقاله کافیه.

نصب نسخهٔ رایگان Shortcodes Ultimate

از پیشخوان وردپرس به «افزونه‌ها ← افزودن افزونه تازه» برید. عبارت «Shortcodes Ultimate» رو جست‌وجو کنید و افزونه‌ای رو پیدا کنید که سازندهٔ اون vova هست. روی «هم‌اکنون نصب نمایید» بزنید و بعد از تموم‌شدن نصب، دکمهٔ «فعال نمایید» رو انتخاب کنید.

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

نسخهٔ رایگان چه امکاناتی داره؟

با نسخهٔ رایگان Shortcodes Ultimate به این امکانات اصلی دسترسی دارید:

• بیش از ۵۰ شورتکد آماده برای ساخت بخش‌های مختلف محتوا
• سازگاری با ویرایشگر بلوکی گوتنبرگ
• طراحی واکنش‌گرا برای نمایش بهتر در موبایل و تبلت
• امکان اضافه‌کردن CSS سفارشی برای تغییر ظاهر
• سازگاری با بیشتر قالب‌های استاندارد وردپرس

البته تنظیمات همهٔ شورتکدها شبیه هم نیستن. برای نمونه، شورتکد دکمه گزینه‌هایی برای لینک، رنگ و آیکون داره، ولی تنظیمات شورتکد تب یا آکاردئون متفاوته.

پیداکردن شورتکدهای آمادهٔ افزونه

بعد از فعال‌کردن افزونه، منوی Shortcodes به پیشخوان وردپرس اضافه می‌شه. از بخش Available shortcodes می‌تونید فهرست شورتکدهای آماده رو ببینید و با کاربرد هرکدوم آشنا بشید. ممکنه چیدمان منوها با به‌روزرسانی افزونه کمی تغییر کنه، ولی نام شورتکدها و دکمهٔ Insert shortcode راهنمای اصلی شما هستن.

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

روی علامت مثبت (+) بزنید، عبارت «کد کوتاه» رو جست‌وجو کنید و بلوک کد کوتاه وردپرس رو به نوشته اضافه کنید. این بلوک جزو امکانات خود وردپرسه. افزونه فقط شورتکدی رو تولید می‌کنه که داخل این بلوک قرار می‌دید.

بعد از فعال‌شدن افزونه، دکمهٔ Insert shortcode داخل نوار ابزار بعضی از بلوک‌ها مثل Paragraph و Shortcode دیده می‌شه. اگه این دکمه رو نمی‌بینید، منوی سه‌نقطهٔ بالای ویرایشگر رو باز کنید و گزینهٔ Top toolbar یا «نوار ابزار بالا» رو روشن کنید. بعد روی Insert shortcode بزنید تا فهرست گروه‌بندی‌شدهٔ شورتکدها براتون باز بشه.

ساخت دکمهٔ دانلود با نسخهٔ رایگان افزونه

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

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

اول متنی رو بنویسید که قراره روی دکمه دیده بشه؛ مثلاً «دانلود فایل». پیش‌نمایش کمک می‌کنه قبل از اینکه شورتکد رو داخل نوشته بذارید، نتیجهٔ تغییراتتون رو ببینید. اگه تنظیمات از چیزی که می‌خواستید دور شد، می‌تونید از گزینهٔ بازنشانی تنظیمات کمک بگیرید.

تنظیم لینک و ظاهر دکمهٔ دانلود

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

حالا استایل، رنگ متن، رنگ پس‌زمینه و اندازهٔ دکمه رو انتخاب کنید. بهتره رنگ دکمه با طراحی سایتتون هماهنگ باشه، ولی همچنان از پس‌زمینه به‌خوبی جدا دیده بشه. متن دکمه هم باید دقیق و روشن بگه که بعد از کلیک چه اتفاقی می‌افته. مثلاً «دانلود فایل PDF» خیلی واضح‌تر از «کلیک کنید» هست.

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

قراردادن شورتکد داخل نوشته

وقتی تنظیمات تموم شد، روی Insert shortcode بزنید تا کد داخل بلوک قرار بگیره. اگه از دکمهٔ Copy shortcode استفاده کردید، کد کپی‌شده رو داخل بلوک «کد کوتاه» وردپرس بچسبونید. براکت‌ها و نوشته‌های داخل شورتکد رو پاک نکنید؛ افزونه برای نمایش دکمه به اون‌ها نیاز داره.

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

تصویر زیر نمونه‌ای از دکمه‌ای رو نشون می‌ده که با شورتکد آمادهٔ Button ساخته شده:

برای ساخت دکمه از افزونه استفاده کنیم یا خود وردپرس؟

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

ولی اگه به چند بخش آماده مثل تب، آکاردئون، کادر و دکمه‌هایی با تنظیمات بیشتر نیاز دارید، نسخهٔ رایگان Shortcodes Ultimate انتخاب کاربردی‌تریه. فقط یادتون نره که اگه افزونه رو حذف یا غیرفعال کنید، ممکنه شورتکدهایی که قبلاً استفاده کردید دیگه درست نمایش داده نشن. پس قبل از اینکه از افزونه در بخش‌های زیادی استفاده کنید، چند نمونه رو روی یک پیش‌نویس امتحان کنید.

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

تیم تولید محتوا

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