• آموزش ساخت سایت و رساندن آن به درآمد

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

اگر قصد دارید که به هدر سایت خود، ابزارک وردپرس را اضافه کنید،اضافه کردن ابزارک وردپرس به هدر سایت

در این مقاله ما به شما نشان می دهیم که چطور براحتی اینکار را انجام دهید.

چرا و چه موقع شما نیاز دارید که به هدر سایت خود ابزارک اضافه کنید؟

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

 

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

 

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

افزودن ابزارک در هدر وردپرس

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

ایجاد یک ابزارک در منطقه هدر

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

افزودن ابزارک در بخش هدر وردپرس

حال شما باید کد زیر را به فایل فانکشن functions.php در تم خود وارد کنید.

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

حال متنی که قصد دارید در هدر نمایش داده شود را در بخش ابزارک جدیدی که ایجاد کرده اید وارد کنید و آنرا ذخیره کنید.

نمایش ابزارک سفارشی سربرگ شما:

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

نمایش ابزارک سربرگ سفارشی

استایل دهی بخش ابزارک هدر شما با استفاده از CSS

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

افزودن CSS سفارشی برای ایجاد ابزارک

در این بخش شما می توانید CSS سفارشی خود را وارد کنید و پیش نمایش تغییرات را مشاهده نمایید.

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

یک نمونه کد CSS ساده که میتواند در ابتدا به شما کمک کند در زیر آورده شده است:

افزودن ابزارک در هدر وردپرس

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

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

آنلاین یاد بگیرید

نظرات کاربران

  1. 7 خرداد 1397 ساعت 12:52

    سلام روزتون بخیر
    ابزارک های من در سایت نشون داده میشه ولی هیچ کدوم فعال نیستن.یعنی مثلا جستجو در سایت وجود داره ولی با کلیک کردن چیزی نه باز میشه نه فعال 🙁
    باید چیکار کنم؟

  2. 14 فروردین 1397 ساعت 13:00

    سلام و عرض ادب ممنون بابت آموزش عالیتون
    اگر بخواهم یک منو زیر منوی اصلی سایت به صورت مجزا اضافه کنم از چه کدی باید استفاده کنم؟

    • محمد مقدم
      14 فروردین 1397 ساعت 15:16

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

  3. 11 آذر 1396 ساعت 00:20

    سلام وقت بخیر. چرا گزینه custom header widget نداره واسه من 🙁

    • محمد قاسمی
      11 آذر 1396 ساعت 09:18

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

  4. 12 مهر 1396 ساعت 12:42

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

    • محمد قاسمی
      12 مهر 1396 ساعت 14:36

      درود.
      باید از طریق کدهای CSS و بسته به قالب به صورت مناسب، قالب را رسپانسیو کنید.

  5. 6 شهریور 1396 ساعت 00:13

    سلام وقت بخیر قالب من قسمت ابزارک بخش اضافه کردن هدر داشت و قبلا به درستی نشون میداد. چند وقته که از هاست سایت رو به وی پی اس لینوکس منتقل کردم و دیگه نشون نمیده! مشکل چیه؟؟؟
    لطفا تصویر زیر رو ببینید
    http://s9.picofile.com/file/8304804634/a00215.PNG
    بخش ابزارکها هم عکس هدر هم لینک و هم متن رو میذارم و ذخیره رو میزنم اما تو سایت نمایش داده نمیشه!
    ممنون میشم اگه راهنمایی کنید

    • محمد قاسمی
      6 شهریور 1396 ساعت 10:57

      درود.

      باید از جایی که قالب تهیه کرده اید، پشتیبانی قالب را نیز دریافت کنید.

  6. 5 خرداد 1396 ساعت 15:05

    میشه کد درستش رو بزارین تو مقاله و اصلاحش کنید

    • رضا حسینی راد
      5 خرداد 1396 ساعت 16:15

      کد درست هست. نحوه وارد کردن کد توسط شما مشکل هست. توی سایت سرچ کنید functions.php

  7. 4 خرداد 1396 ساعت 12:44

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

  8. 11 فروردین 1396 ساعت 17:24

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

enamad