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

آیا می خواهید از کدهای کوتاه در قالب وردپرس خود استفاده کنید؟

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

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

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

کدهای کوتاه به شما این امکان را می دهند که انواع ویژگی ها از جمله گالری تصاویر، فرم ها، فیدهای رسانه های اجتماعی و موارد دیگر را به وب سایت خود اضافه کنید.

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

به عنوان مثال، WPForms دارای بلوک‌هایی با کاربرد آسان است، اما کدهای کوتاه نیز ارائه می‌کند تا بتوانید فرم‌ها را به سایر قسمت‌های وب‌سایت خود اضافه کنید.

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

برای کسب اطلاعات بیشتر، لطفا راهنمای کامل ما در مورد نحوه اضافه کردن کد کوتاه در وردپرس را ببینید.

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

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

به عنوان مثال، می توانید یک کد کوتاه به صفحه تم یا قالب پست خود اضافه کنید.

با در نظر گرفتن این موضوع، بیایید ببینیم چگونه می توانید از کدهای کوتاه در قالب وردپرس خود استفاده کنید. فقط از پیوندهای سریع زیر استفاده کنید تا مستقیماً به روشی که می خواهید استفاده کنید بروید.

روش 1: استفاده از ویرایشگر کامل سایت (فقط برای مسدود کردن تم ها)

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

با این حال، این روش فقط با تم های مبتنی بر بلوک مانند Hestia Pro کار می کند. اگر از یک تم دارای بلوک استفاده نمی‌کنید، در عوض باید از روش دیگری استفاده کنید.

برای شروع، به موضوعات » ویرایشگر در داشبورد وردپرس شما

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

برای مشاهده همه گزینه های موجود، به سادگی “Templates” یا “Template Parts” را انتخاب کنید.

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

به عنوان مثال، ما یک کد کوتاه به قالب صفحه 404 اضافه می کنیم، اما بدون توجه به اینکه کدام قالب را انتخاب کنید، مراحل دقیقاً یکسان خواهد بود.

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

برای افزودن یک کد کوتاه، روی نماد مداد کوچک کلیک کنید.

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

در نوار جستجو، باید “Shortcode” را وارد کنید.

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

اکنون می توانید کد کوتاهی را که می خواهید استفاده کنید جایگذاری کنید یا تایپ کنید.

سپس ادامه دهید و روی دکمه “ذخیره” کلیک کنید.

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

روش 2: فایل های قالب وردپرس خود را ویرایش کنید (با هر تم وردپرس کار می کند)

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

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

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

اگر در حال ایجاد یک تم سفارشی هستید، می توانید کد را در فایل های تم موجود خود اضافه یا تغییر دهید.

هنگام ویرایش فایل‌های موضوعی، نمی‌توانید کد کوتاه را با همان قالبی که در قسمت‌های محتوای استاندارد استفاده می‌کنید، اضافه کنید. به جای دیدن خروجی کد کوتاه، خود کد کوتاه را روی صفحه می بینید.

این به این دلیل است که وردپرس کدهای کوتاه را در فایل های قالب اجرا نمی کند. در عوض، باید صریحاً به وردپرس بگویید که کد کوتاه را با استفاده از آن اجرا کند do_shortcode تابع.

برای اطلاعات بیشتر، لطفاً راهنمای ما در مورد نحوه اضافه کردن آسان کد سفارشی را ببینید.

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

echo do_shortcode('

			

				
			
			

		
');

فقط “گالری” را با کد کوتاهی که می خواهید استفاده کنید جایگزین کنید.

اگر مطمئن نیستید کد کوتاه را کجا اضافه کنید، لطفاً به راهنمای مبتدی ما در مورد سلسله مراتب قالب وردپرس مراجعه کنید.

اگر یک کد کوتاه با پارامترهای اضافی اضافه کنید، قطعه کد نیز کمی تغییر می کند.

تصور کنید با استفاده از WPForms یک فرم تماس ایجاد کرده اید. در این مورد، باید از کد کوتاه استاندارد WPForms به اضافه شناسه فرم استفاده کنید:

echo do_shortcode("[wpforms id='92']");

عیب یابی: وقتی do_shortcode کار نمی کند چه باید کرد

گاهی اوقات می توانید یک کد کوتاه به یک فایل تم اضافه کنید، اما خروجی کد در وب سایت وردپرس شما ظاهر نمی شود. این معمولاً به این معنی است که کد کوتاه به افزونه وردپرس یا کد دیگری در وب سایت شما بستگی دارد.

اگر تابع do_shortcode کار نمی کند، مطمئن شوید که افزونه ارائه دهنده کد کوتاه نصب شده و با رفتن به افزونه ها » افزونه های نصب شده.

در تصویر زیر، WPForms نصب شده اما غیرفعال است، بنابراین echo do_shortcode کد کار نخواهد کرد

همچنین می‌توانید با افزودن، بررسی کنید که آیا یک کد کوتاه برای استفاده شما در دسترس است یا خیر shortcode_exists() تابع فایل index.php شما.

در قطعه زیر، بررسی می کنیم که آیا قطعه WPForms برای استفاده در وب سایت ما در دسترس است یا خیر:

if ( shortcode_exists( 'wpforms' ))  {
  echo do_shortcode("[[wpforms id='147']]");
}

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

روش 3: قالب وردپرس خود را ایجاد کنید (کاملاً قابل تنظیم)

گزینه دیگر ایجاد یک قالب وردپرس سفارشی است. این یک روش پیشرفته‌تر است، اما به شما اجازه می‌دهد تا هر تعداد که می‌خواهید کد کوتاه را به هر قسمت از موضوع وردپرس خود اضافه کنید. همچنین می توانید تغییرات دیگری برای ایجاد تمی ایجاد کنید که دقیقاً دارای ویژگی ها و طراحی مورد نظر شما باشد.

در گذشته، برای ایجاد یک پوسته وردپرس سفارشی، مجبور بودید آموزش های پیچیده وردپرس را دنبال کنید و کد بنویسید. با این حال، اکنون امکان ایجاد یک تم سفارشی بدون نوشتن یک خط کد با استفاده از SeedProd وجود دارد.

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

برای دستورالعمل های گام به گام، لطفا به راهنمای ما در مورد نحوه ایجاد یک تم وردپرس سفارشی (بدون هیچ کد) مراجعه کنید.

پس از ایجاد یک تم، می توانید با رفتن به هر قسمت از وب سایت وردپرس خود کدهای کوتاه اضافه کنید SeedProd » تم ساز.

در اینجا، قالبی را که می‌خواهید در آن از کد کوتاه استفاده کنید، بیابید.

سپس فقط ماوس را روی آن الگو ببرید و وقتی ظاهر شد روی «ویرایش طراحی» کلیک کنید.

با این کار، قالب در صفحه ساز کشیدن و رها کردن SeedProd باز می شود.

در منوی سمت چپ، به بخش Advanced بروید. در اینجا، بلوک Shortcode را پیدا کنید و آن را روی طرح بندی خود بکشید.

در پیش نمایش زنده، فقط برای انتخاب بلوک Shortcode کلیک کنید.

اکنون می توانید کد کوتاه خود را در قسمت “Shortcode” اضافه کنید.

به طور پیش فرض، SeedProd کد کوتاه منبع را در پیش نمایش زنده نشان نمی دهد.

برای مشاهده عملکرد کد کوتاه خود، روی دکمه «نمایش گزینه کد کوتاه» کلیک کنید.

در مرحله بعد، ممکن است بخواهید با انتخاب زبانه Advanced مقداری استایل به خروجی کد کوتاه اضافه کنید.

در اینجا می توانید فاصله را تغییر دهید، CSS سفارشی اضافه کنید و حتی افکت های انیمیشن CSS را اضافه کنید.

هنگامی که از ظاهر صفحه راضی هستید، فقط روی دکمه “ذخیره” کلیک کنید.

سپس “انتشار” را انتخاب کنید تا کد کوتاه فعال شود.

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

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

اگر از این مقاله لذت بردید، لطفا در کانال یوتیوب ما برای آموزش های ویدئویی وردپرس مشترک شوید. شما همچنین می توانید ما را در توییتر و فیس بوک