ارور the link you followed has expired در وردپرس

آموزش رفع خطای the link you followed has expired در وردپرس

سپتامبر 28, 2019

آموزش انتشار چند پست به صورت زمان بندی شده در وردپرس

اکتبر 5, 2019

آموزش اضافه کردن کد کوتاه [Shortcode] در وردپرس

کدهای کوتاه یکی از ساده ترین روش ها برای افزودن محتوای داینامیک به پست ها، صفحات و سایدبارهای وردپرس می باشد.

بسیاری از پلاگین ها و قالب های وردپرس برای افزودن محتوای خاص همچون فرم های تماس، گالری تصاویر، سایدبارها و غیره از کدهای کوتاه استفاده می کنند.

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

کد کوتاه یا Shortcode چیست؟

کدهای کوتاه در وردپرس در حقیقت کدهایی هستند که با استفاده از آن ها میتوانید محتوای دینامیک را در پستها، صفحات و سایدبارهای وردپرس اضافه کنید. این کدها همچون نمونه ی زیر در براکت به نمایش در می آیند.

[myshortcode]

برای درک بهتر کدهای کوتاه بیایید نگاهی به تاریخچه ی این کدها و دلیل به وجود آمدن آن ها بیاندازیم.

وردپرس تمامی محتواها را برای اطمینان از عدم قراردهی هیچ کد ویروسی در دیتابیس فیلتر میکند. این بدان معناست که شما میتوایند یک HTML ساده را در پست های خود بنویسید ولی نمیتوانید کد PHP بنویسید.

ولی چگونه میتوانیم کد ساده ای برای نمایش محتوای مشابه، تبلیغات بنری، فرم تماس، گالری تصاویر و موارد این چنینی در پست های وردپرسی خود قرار دهیم؟

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

در حالت کلی، این API توسعه دهنده ها را قادر میسازد تا کدهای خود را در تابع وارد کنند و آن تابع را یه عنوان کدکوتاه در وردپرس ثبت کنند تا کاربران بتوانند به سادگی بدون داشتن دانش کدنویسی از آن استفاده کنند.

زمانی که وردپرس کدکوتاه را پیدا کند، به صورت اتوماتیک کد مرتبط با آن را اجرا میکند.

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

مطلب مرتبط چک لیست کامل طراحی سایت وردپرسی

– قراردادن کد کوتاه در پست ها و صفحات وردپرس

ابتدا باید پست و یا صفحه ای که میخواهید کد کوتاه به آن اضافه کنید را ویرایش کنید.

پس از آن باید بر روی گزینه add block برای افزودن shortcode block کلیک کنید.

پس از اضافه کردن آن، به سادگی میتوانید کد کوتاه را در تنظیمات بلاک قراردهید. کدهای کوتاه توسط پلاگین های مختلفی در وردپرس ممکن است ارائه گردند همچون WPForms ، فرم های تماس ، OptinMonster ، فرم های ایمیل مارکتینگ، WP Call button برای افزودن گزینه click to call و غیره.

قرار دادن شورت کد

در نهایت پست یا صفحه را ذخیره کنید تا تغییرات و عملکرد کد را در عمل را مشاهده کنید.

– افزودن کد کوتاه در ویجت سایدبار

همچنین از کد کوتاه میتوانید در ابزارک سایدبار وردپرس استفاده کنید. به سادگی در منوی وردپرس و در قسمت “نمایش” گزینه “ابزارک ها” را انتخاب و باکس “متن” را به سایدبار اضافه کنید.

حالا میتوانید کد کوتاه را در داخل باکس متن اضافه کنید.

قرار دادن کد کوتاه در ابزارک های وردپرس

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

پس از آن، میتوانید وارد سایت شده تا عملکرد کد کوتاه را در قسمت سایدبار ببینید.

– افزودن کد کوتاه در ویرایشگر کلاسیک وردپرس

چنانچه هنوز هم از ویرایشگر کلاسیک استفاده میکنید، بنابراین به این روش میتوانید کد کوتاه به پست ها و صفحات وردپرسی خود اضافه کنید.

به قسمت ویرایش صفحه و یا پست مدنظر بروید. میتوانید کد کوتاه را در هر قسمتی از محتوا که میخواهید به نمایش دربیایید قرار دهید.

قرار دادن کد کوتاه در ویرایشگر کلاسیک وردپرس

فراموش نکنید تغییرات اعمال شده را ذخیره کنید.

– افزودن کد کوتاه به فایل های قالب های وردپرس

کدهای کوتاه غالبا در پست ها، صفحات و ویجت های وردپرس قرار میگیرند. اگرچه گاهی ممکن است کدکوتاه را در داخل فایل قالب وردپرس قرار دهید.

مطلب مرتبط آموزش نحوه ایجاد صفحه Coming Soon در وردپرس

وردپرس انجام این کار را ساده کرده است، تنها با ویرایش فایل فایل قالب وردپرس میتوانید کد کوتاه را به آن اضافه کنید.

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

<?php echo do_shortcode("[your_shortcode]"); ?>

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

– نحوه ی ایجاد کد کوتاه سفارشی شما

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

چنانچه بخواهید کد کوتاه سفارشی ایجاد کنید به اندکی دانش کدنویسی نیاز خواهید داشت.

// function that runs when shortcode is called
function wpb_demo_shortcode() { 
 
// Things that you want to do. 
$message = 'Hello world!'; 
 
// Output needs to be return
return $message;
} 
// register shortcode
add_shortcode('greeting', 'wpb_demo_shortcode');

در این کد، ما در ابتدا تابعی را ایجاد کردیم که تعدادی کد را اجرا و خروجی را نشان میدهد. پس از آن ما یک کد کوتاه جدید ایجاد میکنیم با نام “greeting” از این طریق به وردپرس میگوییم تا تابعی که ایجاد کرده ایم را اجرا کند.

حالا میتوانید این کد کوتاه را به پست ها و صفحات و ویجت ها اضافه کنید:

[greeting]

پس از آن وردپرس دستوری که ایجاد کرده اید را اجرا و خروجی آن را نمایش میدهد.

حالا بیایید نگاهی به یک مثال عملی تر از کاربرد کد کوتاه بیاندازیم. در این مثال ما یک بنر تبلیغاتی گوگل را در داخل یک کد کوتاه می خواهیم نمایش دهیم:

// The shortcode function
function wpb_demo_shortcode_2() { 
 
// Advertisement code pasted inside a variable
$string .= '<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<ins class="adsbygoogle"
     style="display:block; text-align:center;"
     data-ad-format="fluid"
     data-ad-layout="in-article"
     data-ad-client="ca-pub-0123456789101112"
     data-ad-slot="9876543210"></ins>
<script>
     (adsbygoogle = window.adsbygoogle || []).push({});
</script>';
 
// Ad code returned
return $string; 
 
}
// Register shortcode
add_shortcode('my_ad_code', 'wpb_demo_shortcode_2');

فراموش نکنید در قسمت [my_ad_code] کد تبلیغاتی خود را قرار دهید.

مطلب مرتبط چگونه آی پی کشورها را در وردپرس ببندیم؟

حالا میتوانید کد تبلیغاتی خود را در پست ها و صفحات و سایدبار اضافه کنید. وردپرس این تابع را به صورت اتوماتیک بررسی کرده و تبلغات بنری گوگل را نمایش میدهد.

*** کد کوتاه در مقابل بلاک های گوتنبرگ

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

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

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

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

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

منبع : wpbeginner