اگر با سیستم مدیریت محتوای وردپرس کار کرده باشید، حتما با واژه شورت کد روبرو شدهاید. شورت کد وردپرس به قطعه کدهای کوچکی گفته میشود که میتوانند در هر جایی از برگهها و صفحات سایت اضافه شوند. این کدها داخل براکت قرار میگیرند؛ مانند [myshortode]. با استفاده از شورت کد میتوانید ویژگیهای خاصی را به صفحات، نوشته و برگههایتان اضافه کنید. این کار از کدنویسی مکرر و کارهای تکراری طاقتفرسا جلوگیری میکند.
شورت کد وردپرس چیست؟
از جمله ویژگیهای وردپرس اوپن سورس بودن آن است؛ به همین دلیل شما هم میتوانید قطعه کدهای کوتاهی را به آن اضافه کنید. این کار و نوشتن کدها بیشتر توسط برنامه نویسان انجام میشود و کاربرانی که با کدهای PHP آَشنا نباشند، قادر به انجام این کار نخواهند بود. این موضوع باعث شده است تا توسعه دهندگان وب، اقدام به ایجاد شورت کد های سفارشی کنند.
موارد استفاده از شورت کد ها در وردپرس
شما گاهی نیاز دارید تا از یک نوع عملیات در صفحات مختلفی استفاده کنید. برای مثال در چند صفحه فرم تماس با ما را قرار دهید، اینکار اگر با برنامهنویسی انجام شود، بسیار زمانبر خواهد بود اما سیستم مدیریت محتوای وردپرس امکان استفاده از کد های آماده را به شما خواهد داد. استفاده از شورت کد ها در وردپرس بسیار زیاد است. با استفاده از آنها میتوان موارد زیر را به وردپرس اضافه کرد:
- گالری تصاویر و ویدئوها
- لیست پخش و موزیک
- تقویم رویدادها
- نوار لغزنده
- ایجاد اشیاء ماکرو
- فرم نظرسنجی
چگونه شورت کد ها اجرا میشوند؟
حالا میخواهیم ببینیم وقتی از یک شورت کد در صفحه خود استفاده میکنیم، چه اتفاقی خواهد افتاد؟ برای مثال هنگامی که در حال نوشتن یک نوشته هستید، میتوانید از شورت کد ها استفاده کنید. شما با استفاده از شورت کد میتوانید در نوشته خود از هر نوع المانی استفاده کنید. برای مثال ساده قطعه کد کوتاه
را در نظر بگیرید، با استفاده از این قطعه کد کوتاه در نوشته، ماکروی audio فراخوانی میشود. به این صورت که وردپرس ماکروی موجود در براکت را پیدا کرده و آن را با محتوای پویای مناسب جایگزین میکند.
وقتی شورت کد اجرا میشود بخش اصلی کد که طولانیتر است در واقع داخل فایلهای سایت ما قرار دارد. هنگامی که ماکروی مورد نظر فراخوانی میشود، کد فایل اصلی اجرا میشود. شما وقتی از شورت کد ها استفاده میکنید، نیازی نیست در مورد جزئیات آن اطلاع داشته باشید و وقتی پست شما منتشر میشود، شورت کدی که فراخوانی کردهاید، اجرا خواهد شد.
انواع کدهای کوتاه وردپرس
وردپرس کد های کوتاه زیادی دارد که در این مطلب به چند مورد اشاره میکنیم:
- Audio: اضافه کردن فایلهای صوتی و امکان پخش آنها
- Video: اضافه کردن فایل ویدئویی با امکان پخش
- Gallery: اضافه کردن گالری تصاویر سفارشیسازیشده
- Playlist: اضافه کردن لیست پخش صوتی و ویدئویی
- Caption: ایجاد کپشن برای محتوای مورد نظر
- Embed: امکان اضافه کردن ویژگیهای مختلف در جاسازیهای مختلف
ویژگیهای شورت کدها
- در سیستم مدیریت محتوای وردپرس، هر شورت کد وردپرس تنها با یک نام شناخته میشود.
- نیاز به کدنویسی را کوتاهتر میکند.
- با یکبار ایجاد شورت کد، میتوان بارها از آن در صفحات مختلف استفاده کرد.
- نیازی به کدنویسی های طولانی ندارد و در زمان ما صرفهجویی میشود.
مزایای استفاده از شورت کد چیست؟
- یکی از مهم ترین مزایای شورت کد، کوتاه بودن آن است.
- شورت کد ها از عبارتهای مفهومی استفاده میکنند.
- در صورت بروز خطا، نیازی به تغییرات زیادی ندارد.
- استفاده از آنها در برگهها و نوشتهها بسیار راحت است.
- کد کوتاه فقط توسط مدیر سایت دیده خواهد شد.
- کاربران خروجی کد کوتاه را مشاهده میکنند.
- در هر قالب یا افزونه وردپرس، شورت کدهای خاصی وجود دارد.
- تعداد شورت کد های وردپرس بسیار زیاد هستند.
***یاداوری: همانطور که میدانید GTmetrix میتواند در بهبود عملکرد سایت ما مفید باشد و قبلا به آموزش بهینه سازی سرعت سایت در جی تی متریکس پرداختیم. درک نحوه تفسیر نتایج گزارشهای تست سرعت Gtmetrix به ما این امکان را میدهد تا مشکلات اصلی سایت را شناسایی کنیم تا متوجه شویم، کدام منابع زمان بارگذاری را افزایش میدهند.
شورت کدهای پیشفرض در وردپرس
در ورژن جدید وردپرس، شما امکان استفاده از شورت کدهای پیش فرض را خواهید داشت؛ یعنی با نصب وردپرس میتوانید از این کدهای کوتاه استفاده کنید. در ادامه چند مورد از کدهای آماده را به شما معرفی خواهیم کرد:
گالری تصاویر
اگر بخواهید در مطلب خود از گالری تصاویر استفاده کنید، دیگر نیازی به کارهای سخت و کدهای پیچیده ندارید. حتی شما میتوانید برای گالری خود رنگ و اندازه هم تعیین کنید؛ به مثال زیر توجه کنید.
[ gallery ids = “11,22,33,44” ]
در این مثال اعداد نشان دهنده ID آن عکس هستند؛ چون هر عکسی که در وردپرس آپلود میکنید، ID مخصوص خود را خواهد داشت.
ویدئو
اگر میخواهید در صفحه خود یک ویدئوی ساده را به نمایش درآورید، به صورت زیر عمل کنید. قطعه کد ویدئو از پسوندهای mp4,flv,m4v,ogv,wmv پشتیبانی خواهد کرد. به مثال زیر توجه کنید:
[ video src= “video-source.mp4” ]
دقت کنید که در داخل کوتیشن باید URL ویدئوی مدنظر خود را قرار دهید.
اضافه کردن فایل صوتی
یکی از مواردی که بیشتر مورد استفاده قرار میگیرد، فایل صوتی است. به مثال زیر توجه کنید:
[ audio src=”audio-source.mp3” ]
Play list
شورت کد دیگری هم در وردپرس وجود دارد که با استفاده از آن هم میتوانید فایل صوتی و هم فایل تصویری اضافه کنید. به مثال زیر توجه کنید:
[ playlist type=”video” ids= “111,222,333” style= “dark” ]
همانطور که گفته شد ids نشان دهنده ID ویدئوهای شماست. در قسمت style هم ما گزینه dark را انتخاب کردیم؛ بنابراین پلی لیست ما را تیرهرنگ میکند.
آموزش استفاده از کد کوتاه در پست ها و صفحات
قبل از هر چیزی به صفحه یا نوشتهای که قصد اضافه کردن شورت کد وردپرس در آن را دارید، رفته و آن را در حالت ویرایش باز کنید، سپس روی گزینه add block زده تا بتوانید shortcode block را اضافه کنید.
بعد از اینکار کافی است تا کد کوتاه مورد نظر خود را وارد کنید، سپس تنظیمات خود را ذخیره کرده و مطلب خود را مشاهده کنید.
اضافه کردن شورت کد وردپرس به سایدبار
برای اینکه بتوانید شورت کدها را در نوار کناری وردپرس استفاده کنید، در پیشخوان وردپرس خود به گزینه نمایش > ابزارکها رفته و سپس از بین بلوکها گزینه متن را انتخاب کنید، بعد از اینکار میتوانید گزینه کد کوتاه را به متن بیافزایید.
تنظیمات خود را ذخیره کرده و وارد سایت شده و تغییرات را مشاهده کنید.
اضافه کردن shortcode به فایلهای قالب وردپرس
معمولا محل قرار گیری شورت کدها داخل صفحات یا ویجتهای وردپرس است. اما گاهی اوقات باید کد کوتاه داخل خود قالب سایت وردپرسی قرار داده شود. این کار به سادگی با ویرایش فایل قالب وردپرس انجام پذیر است. برای اینکار قطعه کد زیر را به قالب وردپرس خود اضافه کنید:
<?php echo do_shortcode(” [your_shortcode] ” ); ?>
به جای کلمه your_shortcode نام شورت کد خود را وارد کنید. اینکار باعث میشود تا وردپرس کد کوتاه شما را بررسی کند و در قالب سایت به شما نشان دهد.
افزودن کد کوتاه به وردپرس با استفاده از افزونهها
در حال حاضر افزونههایی هستند که با استفاده از آنها میتوانید از شورت کد های آماده آنها استفاده کنید. در این مطلب چند افزونه جهت اضافه کردن شورت کد را به شما آموزش خواهیم داد که با استفاده از آنها میتوانید شورت کد های دلخواه را به وردپرس اضافه کنید.
افزونه vision
افزونه vision نسخه حرفهای و پولی دارد. حدود 100 شورت کد وردپرس مختلف دارد. ایجاد دکمه، باکس قیمت گذاری، آیکون شبکههای اجتماعی و موارد بسیار زیاد دیگری را میتوانید با افزونه vision انجام دهید. این افزونه تیم پشتیبانی فوق العادهای دارد. افزونه شورت کد vision در تولید محتوای سایت شما تأثیر بسیار زیادی خواهد داشت.
افزونه Shortcodes Ultimate
این افزونه کاملا رایگان است و به راحتی نصب خواهد شد، با استفاده از آن میتوانید بیشتر از 50 shortcode به سایت خود اضافه کنید. افزونه Shortcodes Ultimate برای شما در قسمت ویرایشگر متن وردپرس، دکمه جدیدی را اضافه میکند. شما با استفاده از این دکمه میتوانید به سادگی شورت کد دلخواه خود را اضافه کنید.
افزونههای کد کوتاه زیادی برای وردپرس وجود دارند، اما افزونه Shortcodes Ultimate یکی از بهترین آنهاست، تا کنون توانسته بیشتر از 800 هزار بار نصب فعال داشته باشد. به همین دلیل محبوبیت بیشتری را در بین دیگر افزونهها دارد.
با استفاده از افزونه Shortcodes Ultimate شما قادر به استفاده از شورت کد های بسیار زیادی خواهید بود.
ویژگیهای افزونه Shortcodes Ultimate
- راحتی نصب و استفاده از افزونه با چند کلیک ساده
- مشاهده پیش نمایش تغییرات در حین انجام کار
- قابلیت استفاده در ویرایشگر گوتنبرگ
- امکان سازگاری با انواع قالبها در وردپرس
- برخورداری از 50 کد کوتاه برای ایجاد دکمه، ستون، گردونه، آکاردئون، نوار پیشرفت، نقشه گوگل و …
- قابلیت توسعه بالا
افزونه Shortcodes Ultimate جهت افزودن کد کوتاه به وردپرس
نحوه نصب این افزونه بسیار راحت است و قبلا در آموزش نصب افزونه در وردپرس به شما آموزش داده شده است.
بعد از نصب این افزونه در پیشخوان وردپرس شما گزینه Shortcodes اضافه میشود. در قسمت Available Shortcodes همه کدهای کوتاه افزونه را خواهید دید.
سربرگ Settings در تنظیمات افزونه Available Shortcodes
از پیشخوان وردپرس گزینه Available Shortcodes و سپس Settings را انتخاب کنید. این قسمت موارد زیادی دارد که با هم بررسی میکنیم:
Custom CSS code
در این قسمت شما میتوانید کدهای CSS خود را به صورت سفارشی ایجاد کنید. در حقیقت استایلی که در اینجا وارد میکنید زودتر از استایل شورت کد ها اجرا خواهد شد.
Available variables
در این قسمت میتوانید متغیرهایی را مورد استفاده قرار دهید که در اینجا همه متغیرها به همراه مقادیر جایگزین آنها نشان داده میشوند.
Supported blocks
شما در این بخش میتوانید هر کدام از بلوکها را که میخواهید برایشان شورت کد فعال شود، انتخاب کنید.
Enable shortcodes in
فعال کردن این بخش موجب میشود تا هر قسمتی که میخواهید شورت کد آن فعال باشد، انتخاب کنید؛ در حقیقت با فعال کردن آن کدهای کوتاه را در همه قسمت هایی که غیر فعال شده را، فعال میکند.
بعد از اینکه تغییرات دلخواه خود را اعمال نمودید، تنظیمات خود را ذخیره کنید.
استفاده از افزونه Shortcodes Ultimate در نوشتهها
حالا برای استفاده از این افزونه به قسمت ویرایش یکی از نوشتههای خود بروید. دکمه insert shortcode به قسمت نوشتهها اضافه شده که با کلیک روی آن، لیست همه شورت کد ها را به شما نشان میدهد. برای اینکه shortcode مورد نظر خود را پیدا کنید، در قسمت جستجو نام شورت کد مورد نظر را وارد کنید. همچنین میتوانید از فیلتر گروهبندی هم استفاده کنید. آموزش افزودن نوشته به وردپرس را در مطلب آموزش کامل وردپرس مطالعه کنید.
بعد از پیدا کردن shortcode مورد نظر خود، روی آن کلیک کنید، تنظیمات آن شورت کد برایتان آورده میشود، این تنظیمات برای هر نوع کد کوتاهی متفاوت است. اگر بخواهید پیش نمایش کد مورد نظر خود را ببینید، میتوانید روی دکمه Live Preview کلیک کنید. تنظیمات دلخواه خود را اعمال کرده و در آخر دکمه Insert shortcode را بزنید.
3 سوال پرتکرار مرتبط با موضوع:
1) شورت کد وردپرس چیست؟
شورت کدها از امکانات جالب وردپرس محسوب میشوند. برای استفاده از آنها نیازی به دانش برنامهنویسی خاصی ندارید و در تمامی صفحات اضافه میشوند.
2) مزایای استفاده از شورت کدها چیست؟
به راحتی میتوان کدهای پیچیده را به وردپرس اضافه و از آنها در سایتهای مختلف استفاده کرد.
3) شورت کد ها را باید کجا قرار داد؟
برای استفاده از شورت کدها باید آنها را به ویرایشگر گوتنبرگ اضافه کنیم. این ویرایشگر از نسخه 5 به بالای وردپرس وجود دارد.
خلاصه و نتیجهگیری
shortcode ها یکی از بهترین امکانات در وردپرس هستند. به وسیله شورت کد دیگر نیازی به چند ساعت کدنویسی نخواهید داشت. برای مثال با یک خط میتوانید یک گالری تصاویر ایجاد کنید. البته ناگفته نماند که قبل از اینکه وردپرس ایجاد شود، شورت کدها مورد استفاده قرار میگرفتند.
فرض کنید میخواهید در چند صفحه از سایت خود فرم تماس، گالری تصاویر و … را ایجاد کنید. اگر بخواهید هر بار برای آنها از کدنویسی استفاده کنید، کار سخت و زمانبری خواهد بود. اما با استفاده از کد کوتاه دیگر نیازی به انجام کارهای اضافه نیست؛ یعنی در هر صفحه که لازم باشد، این قطعه کدهای کوتاه را وارد میکنید. آیا شما تا کنون ازشورت کد ها استفاده کردهاید؟ تجربه خودتان را در قسمت نظرات سایت افضلی وردپرس با ما به اشتراک بگذارید.
اولین کامنت را شما بگذارید!