ایجاد 2 نوع باکس رنگی در وردپرس مانند سایت متمم

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

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

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

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

باکس رنگی در وردپرس چه کاربردی دارد؟

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

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

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

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

باکس رنگی در وردپرس سه کاربرد مهم دارد:

  1. جذاب کردن مطلب
  2. جدا سازی موضوعی مطلب
  3. جلب توجه و تمرکز روی یه مطلب خاص

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

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

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

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

این افزونه را به رایگان می‌توانید از مخزن وردپرس نصب کنید.

افزونه Shortcodes Ultimate
افزونه Shortcodes Ultimate برای ایجاد باکس رنگی در وردپرس

این افزونه همانطور که در تصویر بالا مشاهده می‌کنید در زمان نوشته شدن این مطلب بیش از 800 هزار نصب فعال دارد.

5،684 کاربر به آن امتیاز 5 ستاره داده‌اند.

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

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

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

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

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

آموزش ایجاد باکس رنگی در وردپرس

پس از نصب افزونه Shortcodes Ultimate در سایت وردپرسی خودتان اکنون نوبت نوشتن یک مطلب جذاب است.

یک نوشته جدید در وردپرس ایجاد کنید.

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

یک حرف از روی کیبورد خودتان تایپ کنید.

سپس بر روی علامت [] کلیک کنید تا پنجره Shortcodes Ultimate باز شود.

نحوه فعال کردن Shortcodes Ultimate
با کلیک بر روی علامت [] پنجره افزونه Shortcodes Ultimate باز می‌شود

در پنجره افزونه اکنون می‌توانید باکس رنگی را انتخاب کنید.

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

  1. Note یا یادداشت
  2. Box یا باکس
المنت‌های افزونه Shortcodes Ultimate
المنت‌های افزونه Shortcodes Ultimate

از پنجره بالا گزینه Note را انتخاب کنید.

امکان Note یک کادر رنگی جذاب همانند سایت متمم را در اختیار شما قرار می‌دهد.

ایجاد باکس رنگی در وردپرس
ایجاد باکس رنگی در وردپرس با افزونه Shortcodes Ultimate

در پنجره فوق تنظیمات استایل باکس رنگی مورد نظر خودتان را انجام دهید.

سپس بر روی دکمه Insert Shortcode در قسمت بعدی پنجره که با اسکرول دیده خواهد شد کلیک کنید.

کد کوتاه ایجاد باکس رنگی در وردپرس
کد کوتاه ایجاد باکس رنگی در وردپرس

کد کوتاهی مشابه کد فوق در ویرایشگر گوتنبرگ شما ظاهر می‌شود.

به جای متن Note Text می‌توانید متن یا سایر المنت‌های گوتنبرگ را قرار دهید و یک باکس رنگی جذاب ایجاد کنید.

مقدار پارامتر radius میزان گردی باکس رنگی را بر حسب پیکسل مشخص می‌کند.

مقدار note_color نیز کد رنگ پس زمینه باکس رنگی در وردپرس است.

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

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

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

شما مجوز کافی برای مشاهده این صفحه را ندارید!

برای مشاهده این صفحه نیازمند شرایط زیر هستید:

حداقل یاقوت 20 یاقوت

به این مطلب امتیاز دهید یاقوت بگیرید

امتیاز 5.00 از 1 رای

این مطالب را نیز بخوانید

پاسخ

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *