افزودن امکانات به گوتنبرگ وردپرس با Shortcodes Ultimate

1 / 5. تعداد رای: 1

افزودن امکانات به گوتنبرگ وردپرس با Shortcodes Ultimate

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

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

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

معرفی افزونه Shortcodes Ultimate

Shortcodes Ultimate یکی از کاربردی‌ترین افزونه‌هایی است که می‌تواند به هر وب‌سایتی با هر زمینه فعالیتی کمک کند، این افزونه تاکنون 800 هزار نصب فعال داشته است که همین تعداد می‌تواند نشان‌دهنده قابلیت‌های آن باشد.

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

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

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

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

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

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

آموزش کار با افزونه Shortcodes Ultimate

بعدازاینکه افزونه را دانلود و روی سایت خود فعال کردید، یک گزینه به اسم “Shortcodes” به پیشخوان شما اضافه خواهد شد که دارای 3 زیرمجموعه است، یکی از این بخش‌ها Available shortcodes” است که در آن تمامی شورتکدهای از پیش طراحی شده که به‌صورت پیش‌فرض در افزونه موجود است را می‌توانید مشاهده کنید، مانند تصویر زیر:

شورتکدهای از پیش طراحی شده
شورتکدهای از پیش طراحی شده

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

حالا باید با استفاده از آیکون (+) یک باکس “کد کوتاه” را جاسازی کنید، مانند تصویر زیر:

اضافه شدن آیکون افزودن کد کوتاه
اضافه شدن آیکون افزودن کد کوتاه

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

ایجاد دکمه دانلود با استفاده از افزونه

حالا ما برای اینکه شما بهتر این روند را درک کنید، یک دکمه دانلود را ایجاد می‌کنیم، برای این کار باید یک بلوک کد کوتاه در نوشته ایجاد کنید و روند زیر را قدم‌به‌قدم دنبال کنید.

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

انتخاب نوع شورتکد
انتخاب نوع شورتکد

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

پیش‌نمایش زنده دکمه
پیش‌نمایش زنده دکمه

سفارشی‌سازی دکمه دانلود

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

لینک‌دهی به دکمه دانلود
لینک‌دهی به دکمه دانلود

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

استایل‌دهی به دکمه دانلود
استایل‌دهی به دکمه دانلود

در مرحله بعد می‌توانید یک آیکون در دکمه قرار دهید، برای این کار باید گزینه “Icon Pack” را انتخاب کنید تا آیکون‌ها برای شما نمایش داده شود و یکی از آنها را انتخاب کنید؛ مانند تصویر زیر:

قرار دادن آیکون در دکمه
قرار دادن آیکون در دکمه

قرار دادن شورتکد در نوشته و پست

در مرحله آخر شما باید این شورتکد را در سایت خود جایگذاری کنید که برای این کار باید روی گزینه “Insert Shortcode” کلیک کنید تا یک شورتکد در اختیار شما قرار گیرد، این شورتکد را می‌توانید در هر قسمتی از سایت و نوشته که می‌خواهید جایگذاری کنید.

البته این امکان را هم دارید که قبل از جایگذاری شورتکد در ویرایشگر، پیش‌نمایش آن را ببینید و تغییراتی را اعمال کنید، برای این کار باید روی “Live Preview” در انتهای همان پنجره کلیک کنید.

تصویر زیر یک نمونه از قرار دادن همان شورتکدی است که در مراحل قبلی آن را ایجاد کردیم:

نمونه پایانی یک دکمه دانلود
نمونه پایانی یک دکمه دانلود

امیدواریم این مقاله برای شما مفید واقع شده باشد. موفق و پیروز باشید. 🙂

نکته خاصی هست که این مقاله رو تکمیل‌تر کنه؟

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

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

  2. U15531 ۱۲ آبان ۱۳۹۷

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