Shortcodes Ultimate افزونه بی نهایت شورت کد وردپرس
داشتن یک ظاهر یکتا و منحصر به فرد، هدف بسیاری از مالکان و مدیران وب سایت های وردپرسی است. اگرچه افزونه ها می توانند تا حدی این کار را انجام دهند اما سفارشی سازی وردپرس با استفاده از شورت کدها می تواند فراتر از انتظار باشد. افزونه Shortcodes Ultimate افزونه ای است که با استفاده از آن می توانید تعداد بسیار زیادی کد کوتاه را به سایت وردپرسی خود اضافه کنید.
کد های کوتاه در وردپرس متن ها یا کدهای کوچکی هستند که در داخل براکت [ ] قرار می گیرند و شما می توانید آنها را به نوشته ها و برگه های سایت وردپرسی خود اضافه کنید. هنگامی که نوشته یا برگه را منتشر می کنید این کدها با محتوای مربوطه جایگزین می شوند.
به عنوان مثال، اگر کد کوتاه [button] را به نوشته خود اضافه کنید، پس از انتشار، یک دکمه به جای متن نمایش داده می شود. همچنین با اضافه کردن اطلاعات اضافی به کد کوتاه می توانید ظاهر آن را پس از انتشار نوشته سفارشی سازی کنید. شما می تواند اندازه، رنگ یا متغیرهای دیگری را سفارشی سازی کنید.
در مقاله آموزش شورت کد در وردپرس می توانید اطلاعات کامل تری درباره کدهای کوتاه به دست آورید.
اگرچه شما می توانید شخصاً کد کوتاه دلخواه خود را برای وب سایت تان ایجاد کنید اما یک افزونه رایگان عالی نیز وجود دارد که بیش از 50 شورت کد را به وب سایت شما اضافه می کند و به شما این امکان را می دهد تا طیفی از المان ها را به آسانی در محتوای خود وارد کنید.
افزونه های کد کوتاه زیادی برای وردپرس در دسترس هستند ، اما افزونهShortcodes Ultimate یکی از بهترین افزونه هاست که بیش از 800 هزار نصب فعال داشته و امتیاز 4.9 از 5 را کسب کرده است و از این نظر افزونه بسیار محبوبی است.
افزونه Shortcodes Ultimate به شما امکان استفاده از شورت کدهای بسیار زیادی را می دهد. با استفاده از این افزونه می توانید عناصر مختلف از دکمه های ساده گرفته تا گالری های پیچیده را به سایت خود اضافه کنید.
برخی از ویژگی های این افزونه عبارت است از:
- داشتن بیش از 50 کد کوتاه شامل دکمه ها، ستون ها، گردونه، لایت باکس، آکاردئون، اسپویلر، توصیه نامه، نوار پیشرفت، جداول قیمت گذاری ، نقشه های گوگل و موارد دیگر
- وارد کردن کد کوتاه با یک کلیک همراه با پیش نمایش زنده
- قابل استفاده در ویرایش گوتنبرگ وردپرس
- سازگاری با بیشتر قالب های وردپرس
- ویرایشگر CSS سفارشی
- قابل توسعه
- قابلیت های اضافی از طریق افزودنی های پولی شامل 10 کد کوتاه اضافی
در این مقاله افزونه Shortcodes Ultimate را مورد بررسی قرار داده و نحوه استفاده از آن را آموزش می دهیم.
آموزش افزونه Shortcodes Ultimate برای اضافه کردن شورت کد به وردپرس
ابتدا افزونه را مانند هر افزونه دیگری از پایین صفحه دریافت نموده و آن را در سایت خود در بخش افزونه ها نصب کنید. اگر منو افزونه را ندیدید یا اطلاعات جزئی تری لازم دارید، به راهنمای گام به گام ما در مورد آموزش نصب افزونه وردپرس مراجعه کنید.
بعد از اینکه افزونه نصب شد آن را فعال کنید. پس از فعال سازی افزونه منوی جدید Shortcodes به پیشخوان وردپرس اضافه می شود.
در زیرمنوی Available shortcodes می توانید تمام شورت کدهای افزونه را مشاهده کنید و در زیر منوی Settings می توانید تنظیمات افزونه را انجام دهید. در انتهای آموزش توضیحات بیشتری در مورد زیرمنوی Settings ارائه می دهیم.
برای شروع کار با این افزونه، یکی از نوشته ها یا برگه هایی که می خواهید شورت کد به آن اضافه کنید را به حالت ویرایش باز کنید یا یک نوشته/برگه جدید بسازید.
در ویرایشگر گوتنبرگ وردپرس روی آیکون + که مربوط به اضافه کردن بلوک ها است، کلیک کنید. بلوک کد کوتاه را انتخاب نمایید.
بلوک کد کوتاه مشابه شکل زیر برای شما باز می شود.
مشاهده می کنید که در کنار آیکون بلوک کد کوتاه یک دکمه که مربوط به افزونه Shortcodes Ultimate است، اضافه شده است.
با کلیک بر روی این دکمه صفحه ای مشابه شکل زیر برای شما باز می شود.
در ویرایشگر کلاسیک وردپرس، پس از نصب و فعال سازی افزونه در کنار دکمه “افزودن پرونده چند رسانه ای”، دکمه دیگری به نام “Insert shortcode” اضافه می شود.
با کلیک بر روی این دکمه می توانید لیست شورت کدهای افزونه Shortcodes Ultimate را مشاهده کنید.
شما می توانید از فیلد جستجو یا فیلتر گروه بندی شورت کدها برای پیدا کردن شورت کد مورد نظر خود استفاده کنید.
پس از اینکه شورت کد مورد نظر خود را پیدا کردید روی آن کلیک کنید. صفحه تنظیمات شورت کد برای شما باز می شود. تنظیمات بسته به نوع شورت کدی که انتخاب کرده اید، متفاوت خواهد بود. به عنوان مثال با انتخاب شورت کد Table صفحه ای مشابه شکل زیر برای شما باز می شود.
شما می توانید تنظیمات شورت کد را به دلخواه خود تغییر دهید. همچنین می توانید با کلیک بر روی دکمه Live Preview در پایین صفحه تنظیمات شورت کد، پیش نمایشی از آن را به صورت زنده مشاهده کنید.
در پایان پس از اعمال تغییرات مورد نظر خود روی دکمه Insert shortcode کلیک کنید. شورت کد جدید به صفحه ویرایشگر اضافه می شود.
حال اگر به فرانت اند سایت خود مراجعه کنید می توانید ببینید که شورت کد به المان مربوطه اش تبدیل شده است.
در ادامه آموزش به بررسی تنظیمات افزونه Shortcodes Ultimate می پردازیم.
پیکربندی تنظیمات افزونه بی نهایت شورت کد
پس از نصب و فعال سازی افزونه در پیشخوان وردپرس به مسیر Shortcodes » Settings بروید. صفحه ای مشابه شکل زیر مشاهده خواهید کرد.
در قسمت Custom CSS code می توانید کد CSS سفارشی مورد نظر خود برای شورت کدها را وارد کنید. استایل های وارد شده در این قسمت اولویت بالاتری نسبت به استایل های اصلی شورت کدها دارند.
شما می توانید از متغیرها در کد CSS خود استفاده کنید. این متغیرها با مقادیر مربوطه شان جایگزین می شوند. با کلیک بر روی پنجره کشویی Available variables می توانید متغیرها و مقادیری که جایگزین آن می شوند را ببینید.
در قسمت Supported blocks می توانید بلوک هایی که می خواهید دکمه وارد کردن شورت کد در آنها فعال شود را انتخاب کنید.
در قسمت Enable shortcodes in می توانید قسمت هایی که می خواهید شورت کد در آنها عمل کند را انتخاب کنید. این گزینه به شما امکان می دهد کد های کوتاه را در مکان هایی که به طور پیش فرض غیرفعال شده اند، فعال کنید.
پس از اعمال تغییرات مورد نظر خود روی دکمه “ذخیره تغییرات” کلیک کنید.
امیدواریم از این آموزش بهره لازم را برده باشید.
دانلود افزونه
دیدگاه ها