تبلیغات

تبلیغات
طراحی و بهینه سازیمشاهده


آخرین ارسال های تالار مشاهده انجمن
  • استخدام مترجم دورکار 1 پاسخ 13 بازدید
  • استخدام بازاریاب با شرایط و مزایای عالی 0 پاسخ 4 بازدید
  • خریدار وب سایت با درامد هستم 4 پاسخ 221 بازدید
  • آموزش تصویری جامع نصب و تنظیمات اسکریپت NextPost 159 پاسخ 3121 بازدید
  • خریدار دامنه خبری تفریحی 2 پاسخ 228 بازدید
  • درخواست اسکریپت همسریابی 2 پاسخ 40 بازدید
  • مشکل در ips کمک 1 پاسخ 14 بازدید
  • خریدار سایت هستم 5 پاسخ 546 بازدید
  • غیر فعال شدن yoast 1 پاسخ 8 بازدید
  • لایک نزدن در اسکریپت nextpost 6 پاسخ 35 بازدید
  • هاست

    قرار دادن کد دلخواه در هدر و فوتر وردپرس با افزونه Insert Headers and Footers

    افزونه ها , افزونه وردپرس
    قرار دادن کد دلخواه در هدر و فوتر وردپرس با افزونه Insert Headers and FootersReviewed by Admin on Mar 8Rating:

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

     

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

     

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

     

    کدهای دلخواه در هدر و فوتر وردپرس با Insert Headers and Footers

     

    قرار دادن کد دلخواه در هدر و فوتر وردپرس با افزونه Insert Headers and Footers

     

    افزونه قرار دادن کدهای دلخواه در هدر و فوتر وردپرس از سری افزونه های نوشته شده توسط تیم محبوب WPBeginner می باشد که بالای ۲۰۰٫۰۰۰ نصب فعال را در مخزن وردپرس دارد. افزونه های نوشته شده توسط این تیم محبوبیت بالایی را در میان وبمستران وردپرسی دارد.

     

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

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

     

    پیش نیاز: برای استفاده از چنین افزونه های می بایست که شما با کدهای HTML, Css, JavaScript آشنایی داشته باشید. اگر هم آشنایی ندارید می توانید با مطالعه ی کوتاهی در این باره اطلاعات مفیدی را بدست آورید.

     

    بر خلاف تمامی افزونه هایی که روزانه در بیست اسکریپت معرفی می کنیم، برای معرفی این افزونه به شما کاربران عزیز سعی کردیم بیشتر به توضیح عملکرد این افزونه و روش کلی کار با آن بپردازیم چرا که نحوه ی استفاده از افزونه بسیار ساده است اما این که چه موقع و چه وقت از این افزونه ی کاربردی استفاده کنیم بسیار مهم تر است.
    نحوه ی کار با این افزونه تنها محدود به دو فیلد footer و header می باشد!

     

    نصب و راه اندازی افزونه

    برای شروع کار ابتدا افزونه را دریافت نموده و از بخش افزونه های سایت خود آن را نصب کنید. بعد از نصب در بخش تنظیمات پیشخوان سایت وردپرسی بخشی با عنوان Insert Header And Footer جهت قرار دادن کدهای دلخواه در هدر و فوتر وردپرس ساخته شده است.

     

    قرار دادن کد دلخواه در هدر و فوتر وردپرس با افزونه Insert Headers and Footers

     

    روی آن کلیک کنید تا به تنظیمات افزونه بروید. بعد از آن صفحه ی تنظیمات این افزونه مشابه تصویر زیر برای شما نمایش داده خواهد شد.

     

    قرار دادن کد دلخواه در هدر و فوتر وردپرس با افزونه Insert Headers and Footers

     

    تمامی تنظیمات این افزونه تنهای محدود به همین تک صفحه می باشد!

    • Script in Header: در این فیلد کدها و اسکریپت هایی را که می خواهید در هدر قالب لود شوند را وارد کنید. تمامی کدهایی را که در این قسمت وارد می کنید در تگ <head> قرار می گیرند.
    • Script in Footer: در این فیلد نیز کدها و اسکریپت هایی را که می خواهید در فوتر قالب لود شوند را وارد کنید. تمامی کدهایی را که در این قسمت وارد می کنید قبل از تگ بسته ی </body> قرار می گیرند. این یعنی در انتهای تمامی کدهای قالب.

     

    مثال

    • برای تست عملکرد صحیح این افزونه مثال بسیار ساده ای را آماده کردیم. همان طور که در تصویر بالا مشاهده می کنید در فیلد Footer چند خط کد را قرار داده ایم.
    • خروجی این کد نمایش لوگوی سایت بیست اسکریپت می باشد که می خواهیم آن را در فوتر قالب به کمک این افزونه نمایش دهیم.
    • ابتدا از قسمت رسانه تصویر بیست اسکریپت را آپلود کردیم و لینک آن را در ویژگی src تگ <img> قرار دادیم.
    • در نهایت برای ذخیره تمامی تغییرات روی گزینه ی Save کلیک می کنیم.
    • از قسمت سمت چپ همین صفحه هم افزونه های دیگر تیم نویسنده ی این افزونه را مشاهده می کنید که آموزش اکثر آن ها را در بیست اسکریپت قرار داده ایم.

     

    مشاهده ی خروجی

    قرار دادن کد دلخواه در هدر و فوتر وردپرس با افزونه Insert Headers and Footers

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

     

    توضیحات بیشتر…

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

     

    یک مثال: اسلایدر محبوب و کاربردی جی کوئری

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

     

    از قسمت documention موجود در سایت این پلاگین می توانید توضیحات کاملی را مطالعه کنید.

    موفق باشید…


    The product includes software licensed under GNU General Public License (GPL) or GNU

    دانلود نسخه : 1.4.2
    .

    خرید هاست وردپرس با SSL رایگان



    نحوه استفاده

    کافیست افزونه را در مسیر wp-content/plugins آپلود کنید و سپس از بخش مدیریت افزونه ها آن را فعال نمایید.

    مطلب مفیدی بود ؟
    نویسنده : admin 0 افزونه ها , افزونه وردپرس

    لینک کوتاه مطلب : https://www.20script.ir/?p=32246

    کلمات کلیدی پست :
    درگاه پرداخت
    مطالب مرتبط
    4,599افزونه مخفی کردن محصولات براساس سطح کاربری در ووکامرس تاریخ : 2016/06/4
    2,970نمایش مکان فعلی کاربر در وردپرس با افزونه Breadcrumb NavXT تاریخ : 2016/02/25
    14,435افزونه وردپرس آمارگیر و کد نمایش CyStats تاریخ : 2015/02/22
    3,006افزونه وردپرس مدیریت تبلیغات Meks Easy Ads Widget تاریخ : 2016/03/24
    4,106مديريت همزمان چند سايت وردپرسی در يک پيشخوان تاریخ : 2016/06/18
    4,127طراحي محتواي دلخواه وردپرس با افزونه Toolset Views تاریخ : 2018/01/11
    2,108افزونه نمایش برترین نویسندگان دیدگاه در وردپرس Top Commentators Widget تاریخ : 2017/01/10
    3,705شمارنده معکوس در وردپرس برای حراج محصولات با YITH Topbar Countdown تاریخ : 2017/08/23
    684مخفی کردن عنوان مطالب در وردپرس با افزونه Disable Title تاریخ : 2018/06/9
    996افزایش امکانات صفحه ساز Elementor Pro با افزونه AnyWhere تاریخ : 2018/05/30
    2,774افزونه وردپرس امتیاز دهی GD Star Rating تاریخ : 2016/12/25
    6,183درون ریزی و برون ریزی وردپرس با CSV Import for WordPress تاریخ : 2017/07/24
    برخی از قالب های وبلاگ - بیست اسکریپت
    قالب عشق بین انگشت ها
    قالب دخترونه و آرایش
    قالب زیبای ماشین
    قالب فانتزی و طنز چِشم
    قالب دختر رویایی
    قالب وبلاگ دکوراسیون
    قالب وبلاگ کلبه و درخت
    قالب دختر زیبا
    قالب پسرونه غمگین
    قالب عاشقانه قلب