آموزش های افزونه و قالب

استفاده از بلوک کد CODE BLOCK

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

🔥 بروزرسانی :

[مجموع: 1 :: میانگین: 5]

از المنت بلوک کد می‌توان برای جایگذاری کد مورد نظر به عنوان متن قابل خواندن یا اجرای کدهای PHP، JS، HTML، CSS، کدهای کوتاه، کدهای رهگیری و … در صفحات قالب Enfold استفاده کرد.

تنظیمات بلوک کد

می‌توانید کد دلخواه را در قسمت Code Block Content اضافه کرده و گزینه های مورد نظرتان را متناسب با نیاز خود انتخاب کنید.

  • المنت دسته بندی کد
  • عدم استفاده از کد HTML
  • غیر فعال کردن پردازش شورتکد
  • غیر فعال کردن schema.org

چگونه از کد snippets استفاده کنم؟

  • CSS را در قالب چایلد تم (انفولد) اضافه کنید.
  • فایل های جاوا اسکریپت JS و PHP را در child theme و در فایل های functions.php اضافه کنید.
  • کدهای کوتاه را می توانید در متن های مختلف مثلا در صفحات، پست ها، اسلایدرها و ویجت ها استفاده کنید.
  • برای مشاهده عملکرد کدهای کوتاه صفحه، حالت دیباگ را فعال کنید.
  • کلاس CSS سفارشی را فعال کنید، تا کدهای خودتان را در کلاس CSS اضافه کنید.
  • ادغام اسکریپت را غیر فعال کرده و حافظه کش را پاک کنید، تا بتوانید تغییرات و تنظیمات را مشاهده کنید.

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

کد کوتاه (شورت کد) برای یک عنصر بلوک کد:

[av_codeblock wrapper_element=” wrapper_element_attributes=” escape_html=” deactivate_shortcode=” deactivate_wrapper=” av-desktop-hide=” av-medium-hide=” av-small-hide=” av-mini-hide=” av_uid=’av-6sv14′] <!– YOUR CODE HERE –>

[/av_codeblock]

چگونه می توان از پس زمینه برای کد استفاده کرد؟

برای تغییر رنگ پس زمینه باید CSS دلخواه تان را تعریف کنید.

/*—————————————-
// CSS – Code block custom style
//————————————–*/

pre {
color: #444;
border: solid 1px #ccc;
padding: 2em;
line-height: 24px;
font-size: 12px;
font-weight: lighter;
background-image: linear-gradient(#e8e9d7 50%, #eff2ec 50%);
font-family: Monaco, “Andale Mono”, “Courier New”, Courier, monospace;
}

اضافه کردن کد CSS برای یک صفحه

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

  • عنصر بلوک کد را در صفحه یا پستی که می خواهید کد دلخواه را اضافه کنید، بکشید و رها کنید.
  • کد CSS خود را با استفاده از برچسب در قسمت محتوای بلوک کد اضافه کنید (Escape HTML Code را انتخاب کنید)

<style>
/* Your custom CSS */
</style>

کد در بخش بلوک کد نمایش داده نمی شود

اگر کد مورد نظر به درستی نمایش داده نشد، احتمال زیاد بر روی مرورگرتان از Adblock استفاده می کنید.

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

برچسب ها

پیشنهاد به شما 😍

دیدگاهتان را بنویسید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *

دکمه بازگشت به بالا
بستن
بستن