شورت کد وردپرس

شورت کد وردپرس ( wordpress shortcode ) برچسب خاصی است که مي توان در پست ها استفاده کرد، وردپرس به دليل کاربر پسند بودن به شما این امکان را می دهد کد کوتاه وردپرس دلخواه خود را بسازید و ويژگي هاي زيبايي در سایت خود به نمایش بگذاريد. اگر کمی از وردپرس استفاده کرده باشيد ،احتمالا با اصطلاح “کد کوتاه” آشنا شده ايد. در حقيقت شورت کد های وردپرس ویژگی فوق العاده مفید وردپرس هستند كه وب مستران با آن آشنايي دارند.
کد کوتاه معمولا با براکت [this] نشان داده می شود و مي توان آن را در هرجایی از سايت قرار داد به عنوان مثال می توان از کد کوتاه برای نمایش گالری ها ، فیلم ها یا حتی لیست پخش استفاده كرد.
اگر تاكنون شناخت و دركي از كد كوتاه وردپرس نداشته اید اين مقاله را از دست ندهيد. هم چنین اگر می خواهید وردپرس را به صورت رایگان یاد بگیرید به قسمت آموزش رایگان وردپرس نیز سر بزنید تا از آموزش های حرفه ای وردپرس وبوناچی استفاده کنید و با قسمت های مختلف آن نیز آشنا شوید.
کد کوتاه در وردپرس چیست ؟
از آنجا که وردپرس پلت فرم منبع باز است می توان آن را به هر روشی با افزودن کد هاي كوتاه و کاملاً جدید شخصی سازی كرد. مزيت كد كوتاه (shortcode) اين است كه بدون دانش كدنويسي نيز مي توان آن را به وردپرس اضافه كرد.
اکثر کدهای کوتاه بسیار واضح و آسان هستند و برای استفاده تنها با جای گذاری آن در پست ها يا نمايه سايت مي توان عملكرد آن را مشاهده كرد، در اصل کد کوتاه بخش طولانی تری از کد را در پرونده های سایت اجرا مي کند و ديگر نيازي به كدنويسي هاي طولاني نيست. چندین افزونه وردپرس به طور پیش فرض در وردپرس تعبیه شده اند كه کد کوتاه به هر قسمت از سايت اضافه می کنند .به عنوان مثال پلاگین Intergeo Google Maps شامل کدهای کوتاه است که می توانید برای قرار دادن نقشه سايت استفاده کنید. حتی می توانید از طریق پلاگین های اختصاصی ده ها کد کوتاه جدید درسايت پياده سازي كنيد.
استفاده از شورت کد در وردپرس
در حقيقت کدهای کوتاه وردپرس به کاربران این امکان را می دهد تا “محتوای پویا” در وردپرس اضافه کنند ، موارد زير به سادگی قابل کپی مستقیم در یک پست یا صفحه سايت قرار می گیرند. با این حال اين كدها در هر مکانی از طریق ویرایشگر كد مانند نوع پست سفارشی یا ابزارک متن قابل اضافه كردن هستند :
- audio : امکان پخش فایل های صوتی را فراهم مي كند
- caption : امکان چسباندن زیرنویس ها به محتواي سايت
- embed : تنظیم حداکثر ابعاد تصویر یا پست رسانه های اجتماعی
- gallery : اضافه كردن تصاویر قابل تنظیم به سایت
- playlist :ايجاد لیست پخش صوتی یا تصویری
- video : قراردادن یک فایل ویدیویی قابل پخش در سايت
- درج گرافیک
- اضافه كردن گالری ها یا اسلايدر
- ايجاد فرم نظرسنجی در وردپرس
نمونه درج کدهای کوتاه وردپرس
براي ايجاد ویژگی در یک پست یا صفحه خاص کد کوتاه لازم نیست. اما ، اگر از کد کوتاه در بسیاری از پست ها یا صفحات مختلف استفاده می شود ، ممکن است بخواهید از یک افزونه برای افزودن کد کوتاه استفاده کنید. این سبک کردن یک عنصر خاص وردپرس را آسان می کند. همچنین اگر می خواهید به طور مثال مضامین را تغییر دهید ، حذف آن آسان تر است.
درج كد كوتاه داخل سايت
درج کدهای کوتاه داخل سايت وردپرس تحت ویرایشگر وردپرس براي مواردي از قبيل فايل هاي صوتی ، زیرنویس ، گالری و فیلم و غيره استفاده مي شود.
اگر از ویرایشگر های قدیمی وردپرس یا کلاسیک استفاده می کنید که کافیست فقط کد کدتاه وردپرسی خود را در همان محلی که متن اصلی خود را می نویسید وارد کنید.
اگر از ویرایشگر گوتنبرگ در وردپرس و قسمت نوشته های خود استفاده می کنید هم باید وقتی اضافه کردن یک بلوک را می زنید ( افزودن بلوک ) بعد از آن در قسمت سرچ یا جستجو شورتکد یا shortcode را وارد کنید تا آیکون و بخش مربوط به آن را بیاورد و سپس با کلیک بر روی آن می توانید شورت کد وردپرس خود را در آن قسمت وارد کنید.
نکته : غالباً کاربران وردپرس ازکد کوتاه اطلاع ندارند. برای اطلاع بهتر بايد از پلاگین مرجع کد کوتاه استفاده کنید.
درج كد كوتاه از طريق افزونه
افزونه هاي زيادي براي درج کد كوتاه در وردپرس استفاده مي شود يكي از آنها Shortcode Ultimate است. این افزونه رایگان کدهای کوتاه بسياري را براي موارد زير ارائه مي دهد:
- کد QR
- آلبوم عکس
- اسلايدر
- فیلم های پاسخگو
- دکمه هایی با نمادها
- زبانه ها و جعبه ها
- نقشه گوگل
توجه داشته باشيد این پلاگین مانع از نصب افزونه هاي كد كوتاه می شود.
وارد كردن شورت کد در وردپرس
کد کوتاه در وردپرس در موارد زير انجام مي شود:
- جلوگیری از ورود کد مخرب
- پست هاي وردپرس
- صفحات وردپرس
- ابزارک های وردپرس
- قالب وردپرس
درج کدهای کوتاه در WordPress Post يا پست های وردپرس
برای درج کد کوتاه در پست وردپرس بايد مراحل زير را انجام دهيد البته توضیح داده شد که این روش برای ویرایشگر های قدیمی و کلاسیک وردپرس است :
- از طريق ورود به سیستم ، وارد داشبورد وردپرس خود شوید.
- روی پستی که می خواهید ویرایش کنید کلیک کنید.
- سپس شورت کد خود را وارد متن کنید.
- برای ذخیره تغییرات ،روی به روزرسانی کلیک کنید .
نکته: برای استفاده از کد کوتاه در پست وردپرس ، از استفاده از براکت های دوگانه خودداری کنید.
درج کد کوتاه در WordPress Pages يا صفحات یا برگه ها در وردپرس
برای درج کد کوتاه در صفحات وردپرس و غیر از پست ها ، بايد از ابزارک هاي وردپرس متن كد كوتاه خود را وارد كنيد.
درج کد کوتاه در ابزارک های وردپرس
از طريق داشبورد وردپرس روی صفحه مورد نظر برای ویرایش کلیک کنید سپس با انتخاب ابزارك متن کد کوتاه را اضافه کنید.
برای ذخیره تغییرات روی به روزرسانی کلیک کنید .همچنين می توانید میانبرها و همچنین محتوا را در ابزارک متن وارد کنید.
نکته: به یاد داشته باشید ، این ویژگی به طور پیش فرض در وردپرس فعال نیست.
اگر نمی توانید کد کوتاه خود را در یک ابزارک مشاهده کنید ، لازم است کدی را که در ادامه ی مقاله در بخش درج کد کوتاه در مقاله قرار داده ام را در پرونده functions.php قالب اضافه کنید.
قرار دادن کد کوتاه در قالب وردپرس
در ابتدا دانستن عملکرد کد کوتاه و مكان آن را در سايت پيدا كرد.ابتدا باید پوشه قالب خود را / wp-content / themes / your-theme-name / باز کنید.سپس بعد از باز كردن فایل functions.php پرونده ها عبارت add_shortcode را جستجو کنید.
به عنوان مثال :
[my-shortcode] همان عبارت يا متني است كه مي خواهيد در پست یا صفحه وردپرس قرار دهيد.
نکات مهم استفاده از شورت کد وردپرس
کد هاي کوتاه در وردپرس به شما ايجاد عملکردهای مختلفی به پست ها ، صفحات و ابزارک هاي سايت مي دهد.
بسیاری از افزونه های وردپرس و برخی از تم ها از کد کوتاه برای افزودن ويژگي هاي مختلف مانند قیمت گذاری ، تقویم و غیره به وردپرس استفاده می کنند.
هر محتوایی که در سایت وردپرسی اضافه شود بايد از لحاظ امنیتی و فیلترها بررسي شود تا هیچ کد مخربی به پست ها ، صفحات ، نظرات و غیره سايت اضافه نشود، از طرف دیگر باید در قسمت هاي مناسب كدكوتاه قرارداد.
به عنوان مثال ، می توانید با استفاده از یک کد کوتاه ساده اسلایدري زیبا به سايت اضافه کنید و حتي بدون نوشتن یک خط کد نويسي فرمي پیچیده نظر سنجی در وردپرس ایجاد كرد .
نکته شماره 1: استفاده از کد کوتاه وردپرس در پرونده Single.php
اگر می خواهید از کد کوتاه در پاورقی یا هدر خود استفاده کنید يا ابزارکي را در همه پست های خود قرار دهید كافي است کد کوتاه را در فایل single.php اضافه کنید.
{code type=php}
.(Use shortcode in a PHP file (outside the post editor//
{code/}
نکته شماره 2: جستجوي کد کوتاه در قالب وردپرس
یافتن کد کوتاه وردپرس درقالب وردپرس روندي ساده است و دانستن عملکرد كد کوتاه مهم است. تابع کد کوتاه در پرونده functions.php در قالب وردپرس وجود دارد و پس از انجام آن ، add_shortcode را جستجو كرد.
نکته شماره 3: کد کوتاه مرجع وردپرس
به خاطر سپردن همه کد کوتاه موجود در وردپرس کار آسان و حتی امکان پذیر نیست یک راه ساده برای حل این مشکل نصب افزونه Shortcode Reference است که تمام کد کوتاه وردپرس را در نوار کناری صفحه پست شما لیست می کند:
نکته شماره 4: خوردداري از به كار بردن کد کوتاه وردپرس
همانطور که در بالا ذکر شد اغلب کاربران هنگام استفاده از کد کوتاه هیجان زده مي شوند.
درسته كه استفاده آساني دارند اما به این معنی نیست که باید از آنها در هر مکاني استفاده كرد.
اگر از کد کوتاه در موضوعات پست هاي وردپرس استفاده کنید با تغيير موضوع كد كوتاه اجرا نمي شود.
هر عملکرد و هر عنصری به کد کوتاه نیاز ندارد و می توان آن را با استفاده از CSS پیاده سازی کرد این کار نه تنها آسان تر است ، بلکه می توانید هر زمان که بخواهید به راحتی آن را حذف کنید.
نکته شماره 5: اثبات عملكرد کد کوتاه
تنها اشكال استفاده از کد کوتاه وردپرس اینکه به محض به روزرسانی وردپرس ديگر کارایی دارند.
این یکی از رایج ترین مسائلی است که کاربران وردپرس با آن روبرو هستند و راه حل ساده برای آن استفاده از پلاگین مخصوص ايجاد كد كوتاه است و با به روزرساني پلاگین تحت تأثیر قرار نمی گیرد.
نکته شماره 6: کد کوتاه و ابزارک ها
جدا از پست ها ، صفحات ، هدرها و پاورقی ها ، کد کوتاه وردپرس را می توان به ابزارک ها نیز اضافه کرد. به عنوان مثال اگر می خواهید فرم نظر سنجی را در نوار کناری وب سایت خود بگنجانید این ویژگی كارساز خواهد بود.
به سادگی ، ابزارک متن خود را به نوار کناری اصلی وب سایت وردپرس خود از طريق كشيدن و رها كردن قراردهيد و کد کوتاه را در آن اضافه کنید.
با این حال ، این عملکرد به طور پیش فرض در وردپرس فعال نمی شود. برای فعال کردن آن ، باید این کد را در پرونده functions.php قالب خود اضافه کنید:
(‘add_filter(‘widget_text’, ‘do_shortcode
نکته شماره 7 :پيدا كردن کدهاي کوتاه با تغيير قالب
با این حال ، یک راه حل ساده برای این مشکل وجود دارد.
تمام کاری که شما باید انجام دهید این است که یک کد کوتاه ایجاد کنید که تمام کد کوتاه فعال را در وب سایت شما نمایش دهد. برای ایجاد کد کوتاه کافیست از این کد استفاده کنید و آن را در فایل functions.php از قالب خود اضافه کنید :
مثلا؛ شما می خواهید پیدا کنید کدام پست ها از کد کوتاه تصویر استفاده می کنند. کافیست کد کوتاه [shortcodefinder find = image slider ‘] را روی پست یا ویرایشگر صفحه بنویسید و روی پیش نمایش کلیک کنید. تمام پست ها و صفحات حاوی اسلایدرهای تصویر نمایش داده می شوند.
افزونه هاي کد کوتاه وردپرس
پلاگین WP Product Review
لازم به ذکر است همه کد هاي کوتاه به سادگی در سايت درج نمي شوند.
در حقیقت برخی از كدها نياز به افزونه دارند.
به عنوان مثال پلاگین WP Product Review به شما امکان می دهد کد کوتاهي ایجاد کنید که نظرات را دقیقاً همانگونه که دوست دارید در سايت نمايش دهيد ، به طور کلی ، كدها ظاهری شبیه به زير دارند همچنين اين افزونه مجموعه کاملی از کدهاي کوتاه وردپرس ارائه می دهد.
[shortcodename parameter=”example”]
پلاگين Shortcodes Ultimate
افزونه Shortcodes Ultimaرایگان است و بیش از 50 کد کوتاه براي ویژگی های ساده ای از قبيل عناوین ، لیست یا نقل قول ها و انیمیشن ها دارد .
افزونه Vision WordPress
این افزونه با پرداخت 25 دلار به شما امکان دسترسی به بیش از 100 کد کوتاه می دهد كه بسیاری از آنها دارای گزینه های مختلف سفارشی سازی از قبيل دکمه ها ، جعبه های قیمت گذاری ، نمادهای شبکه های اجتماعی و موارد دیگر ارائه مي دهد.
به علاوه به پشتیبانی حرفه ای اين افزاونه نيز دسترسی خواهید داشت.
دیدگاهتان را بنویسید