اگر از وردپرس برای راه اندازی سایت استفاده می‌کنید، حتماً اصطلاح «شورت کد» برای شما آشنا است. وردپرس یک پلتفرم نیمه آماده برای طراحی سایت است که کار با آن نسبت به کد نویسی آسان‌تر است. اگر قصد دارید خدمات طراحی سایت وردپرسی در مشهد را انتخاب کنید، بهتر است با شورت کدهای وردپرس آشنایی بیشتری داشته باشید.
شاید تعجب کنید که اگرچه شورت کدها یک ویژگی فوق‌العاده مفید در وردپرس هستند، برخی آن‌ها را نمی‌شناسند. به‌همین منظور در این مقاله به آشنایی با شورت کدهای وردپرس و نحوه ایجاد آن‌ها می‌پردازیم البته قبل از آن باید به‌طور مختصر بدانیم که شورت کد چیست و چه فایده‌ای دارد؟
شورت کد در وردپرس چیست؟
به‌طور خلاصه، شورت کد قطعه‌ی کوچکی از جنس کدها است که با براکت‌هایی مانند [] نشان داده می‌شود و عملکرد اختصاصی را در سایت انجام می‌دهد. تقریباً می‌توان این کدها را در هر جایی قرار داد و ویژگی خاصی را به صفحه، پست یا انواع محتوا‌های دیگر، افزود. برای مثال، می‌توان از شورت کدها برای نمایش گالری‌ها، ویدیوها یا حتی فهرست‌های پخش استفاده کرد.
چه زمانی می‌توانیم از شورت کدها استفاده کنیم؟
از آنجایی‌که وردپرس یک پلتفرم منبع باز است که بیشتر آژانس‌های دیجیتال مارکتینگ در مشهد از آن استفاده می‌کنند، می‌توانید آن را به هر شکلی که دوست دارید تغییر دهید تا به طرح دلخواه خود برسید. این سفارش‌سازی شامل افزودن کد‌هایی کاملاً جدید به سایت شما می‌شود. اما اگر توسعه‌دهنده‌ی وب نیستید، افزودن کد توسط خودتان می‌تواند مشکل‌ساز باشد! در این مرحله است که شورت کدها می‌توانند نجات‌دهنده باشند.
بنابراین در حقیقت شورت کدها، قطعات کوتاه شده‌ای از کد هستند که اکثراً کاری که انجام می‌دهند بسیار واضح است. به‌عنوان مثال، شورت کد {audio} یک فایل صوتی را به سایت اضافه می‌کند. در ادامه‌ی مبحث آشنایی با شورت کدهای وردپرس و نحوه ایجاد آن‌ها، به معرفی افزونه‌هایی می‌پردازیم که با استفاده از آن‌ها می‌توانید شورت کد بسازید.
چگونه از شورت کدها در وبسایت وردپرسی خود استفاده کنید؟
در ادامه‌ی موضوع آشنایی با شورت کدهای وردپرس و نحوه ایجاد آن‌ها، وقت آن است که درباره‌ی نحوه‌ی استفاده واقعی از شورت کدها صحبت کنیم. برای شروع، اجازه دهید نگاهی گذرا به کدهای کوتاهی که به‌طور پیش‌فرض در وردپرس گنجانده شده‌اند بیاندازیم:
شورت کدهای پیش‌فرض وردپرس
از جمله شورت کدهای پیش فرض وردپرس می‌توان به موارد زیر اشاره کرد:
- شورت کد {audio}: فایل‌های صوتی را جاسازی و پخش را فعال می‌کند.
- شورت کد {caption}: به شما امکان می‌دهد زیرنویس‌ها را در اطراف محتوا قرار دهید.
- شورت کد {embed}: تعیین حداکثر ابعاد برای موارد مختلف (مانند یک تصویر یا پست رسانه‌های اجتماعی) را ممکن می‌کند.
- شورت کد {gallery}: یک گالری تصاویر قابل تنظیم به سایت اضافه می‌کند.
- شورت کد {playlist}: یک لیست پخش صوتی یا تصویری ایجاد می‌کند.
- شورت کد {video}: یک فایل ویدیویی را قرار می‌دهد که قابل پخش است.
مانند هر کدی، این شورت کدها را می‌توان به‌سادگی کپی و مستقیماً در سایت جایگذاری کرد. به‌طور کلی، شورت کدها در یک پست یا صفحه قرار می‌گیرند، با این حال، می‌توان آن‌ها را در هر مکانی که می‌توان کد را از طریق ویرایشگر وردپرس اضافه کرد (مانند یک نوع پست سفارشی یا یک ویجت متنی) نیز قرار داد.
سفارشی‌سازی شورت کدهای وردپرس
شایان ذکر است که همه‌ی کدهای کوتاه به این سادگی نیستند. اگر قصد دارید از این کدهای کوتاه استفاده کنید باید با افراد متخصص مشورت کنید یا طراحی سایت خود را به یک شرکت حرفه‌ای در حوزه طراحی سایت در مشهد بسپارید.
در واقع، حتی می‌توان برخی از آن‌ها را سفارشی کرد تا نحوه‌ی کاربرد آن‌ها تغییر یابد. به‌عنوان مثال، افزونه‌ی WP Product Review به شما امکان می‌دهد تا یک شورت کد ایجاد کنید که نظرات شما را دقیقاً همان‌طور که می‌خواهید، نشان دهد.
به طور کلی، سفارشی‌سازی معمولاً با استفاده از “پارامتر‌ها” انجام می‌گیرد که چیزی شبیه به کد زیر هستند:
[shortcodename parameter=”example”]
افزونه‌های شورت کد ساز وردپرس
افزونه‌های متعددی وجود دارند که به‌طور پیش فرض در وردپرس تعبیه شده‌اند. به‌عنوان مثال، افزونه‌ی Intergeo Google Maps شامل کدهای کوتاهی است که می‌توان از آن‌ها برای قرار دادن نقشه در هر کجای سایت، استفاده کرد. از بهترین افزونه‌های شورت کد ساز وردپرس می‌توان به موارد زیر اشاره کرد:
افزونه‌ی Shortcodes Ultimate
یکی از بهترین افزونه‌های شورت کد ساز که می‌توان به‌صورت رایگان از خدمات آن استفاده کرد افزونه‌ی Shortcodes Ultimate است. این افزونه می‌تواند تا بیش از 50 کد کوتاه را به سایت بیافزاید. این افزونه با افزودن یک دکمه به ویرایشگر، میزان سختی استفاده را به حداقل می‌رساند. به منظور آموزش نحوه نصب افزونه می‌توانید از مقاله تهیه شده مربوط به آن در بلاگ پارس وب استفاده کنید.
افزونه‌ی Vision
این افزونه به‌صورت رایگان ارائه نمی‌شود و برای استفاده از آن باید لایسنس خریداری شود. از جمله مزایای آن می‌توان به دسترسی داشتن به بیشتر از 100 کد کوتاه اشاره کرد. از جمله مزایای دیگر آن پشتیبانی و امکان سفارشی‌سازی اکثر شورت کدها است.
اضافه کردن کد کوتاه در پست‌ها و صفحات وردپرس با استفاده از ویرایشگر گوتنبرگ
در این قسمت به شما آموزش خواهیم داد که اگر با ویرایشگر گوتنبرگ کار می‌کنید چگونه باید کد کوتاه مورد نظر خود را در صفحات یا پست‌های خود قرار دهید.
طبیعتا در اولین مرحله باید وارد بخش ویرایش صفحه مورد نظر خود شوید. حالا برای اینکه بتوانید بخش مخصوص ورود کد کوتاه را در ویرایشگر گوتنبرگ اضافه کنید باید روی add block کلیک کرده و سپس گزینه shortcode block را پیدا کرده و آن را اضافه نمایید. اگر نتوانستید آن را پیدا کنید می‌توانید از بخش جستجو در add block استفاده کرده و عبارت shortcode block را در آن بنویسید تا مستقیم این قسمت را به شما نمایش دهد.
حالا به راحتی می‌توانید کد کوتاه مورد نظر خود را در این بلاک قرار دهید و بعد از ذخیره تغییرات از ویژگی‌های این کد کوتاه استفاده نمایید. کدهای کوتاه فرم تماس، فرم ایمیل مارکتینگ، click to call، WPForms و … همگی در این قسمت مورد استفاده قرار می‌گیرند.
اضافه کردن شورت کد به وردپرس در ابزارک ستون کناری
در سایت‌های مختلفی می‌توانید ببینید که از کدهای کوتاه مختلفی در سایدبار یا ستون کناری سایت خود استفاده می‌کنند. در این بخش به شما توضیح می‌دهیم که چگونه این کار انجام می‌شود.
ابتدا باید وارد بخش ادمین وردپرس سایت خود شده و از منوی سمت راست قسمت نمایش را پیدا کرده و در این قسمت، گزینه ابزارک‌ها را انتخاب کنید. حالا برای اینکه بتوانید کد کوتاه خود را در ستون کناری سایت نمایش دهید باید باکس متن را به سایدبار اضافه نمایید. حالا به راحتی می‌توانید shortcode مورد نظر خود را در این قسمت قرار داده و از آن استفاده کنید.
در آخر نیز باید روی گزینه ذخیره یا save کلیک کنید تا بتوانید تغییرات ایجاد شده را در سایت خود مشاهده نمایید و برای کاربران نیز نمایش دهید.
اضافه کردن شورت کد به وردپرس با استفاده از ویرایشگر کلاسیک
در برخی از سایت‌ها همچنان از ویرایشگر کلاسیک استفاده می‌شود و برای مدیران این سایت‌ها ممکن است چالش به وجود بیاید که چگونه باید در این ویرایشگر کد کوتاه وارد کنند. در این قسمت به شما آموزش می‌دهیم تا کد کوتاه مورد نظر خود را در ویرایشگر کلاسیک وارد کنید.
این کار بسیار راحت است و به هیچ ابزار خاصی نیاز ندارد. در ابتدا باید وارد بخش ویرایش صفحه یا پست مورد نظر خود شوید و در این صفحه، بخشی که قصد دارید در آن کد کوتاه خود را نمایش دهید انتخاب کرده و shortcode را در آن‌جا و میان متن قرار دهید. در آخر نیز تمامی تغییرات را ذخیره کنید تا بتوانید آن را در صفحه مشاهده نمایید.
نحوه اضافه کردن شورت کد به وردپرس و فایل های قالب سایت
در حالت کلی کاربرد کد کوتاه این است که در صفحات مختلف سایت و به صورت اختصاصی استفاده شود ولی بعضی از اوقات ممکن است به این نیاز داشته باشید که این کد را در قالب سایت خود قرار دهید. برای اینکار در سایت وردپرسی باید فایل قالب وردپرس را ویراش کرده و کد زیر را در آن قرار دهید:
<?php echo do_shortcode(“[your_shortcode]”); ?>
حالا قالب می‌تواند shortcode شما را خوانده و نمایش دهد.
نتیجه‌گیری
با توجه به اینکه در این مقاله به این سوال پاسخ داده‌ایم که «شورت کد در وردپرس چیست؟» در حال حاضر، باید درک کنید که این تکه‌های کوچک کد را می توان تقریباً در هر نقطه از سایت قرار داد و به آن‌ها اجازه داد تا نتیجه را نشان دهند.
از طرفی می‌توانید برای به‌کار بردن شورت کدها از گزینه‌های پیش‌فرض وردپرس استفاده کنید یا افزونه‌هایی مانند Shortcodes Ultimate یا Vision را نصب کنید تا انتخاب‌های شورت کد بیشتری داشته باشید.
