جهت ورود به تالار گفتمان سایت کلیک کنید


آموزش ادغام Navbar بوت استرپ با وردپرس

طی درخواست های زیاد برای آموزش ادغام Navbar بوت استرپت با وردپرس , در این پست قصد آموزش این کار را به زبان ساده دارم …

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

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

در ادامه به آموزش ادغام و هماهنگی این دو میپردازیم …

آموزش ادغام Navbar بوت استرپ با وردپرس

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

1 – در ابتدا فایل wp-bootstrap-navwalker-master را دانلود نمایید و فایل درون آن که با همین نام و با پسوند php میباشد را در پوشه ی پوسته ی خود آپلود نمایید . ( در کنار فایل هایی نظیر header.php , functions.php و … )

2 – کد های زیر را در فایل functions.php پوسته ی خود قرار دهید :

3 – آخرین مرحله قرار دادن کد زیر در جایی که میخواهید Navbar نمایش داده شود . ( اکثر این مکان را در فایل header.php پوسته قرار میدهند )

نکته بسیار مهم : در کد بالا که شامل کلاس هایی نظیر navbar-default , navbar-nav و … میباشد , میتوانید کلاس های دیگری از بوت استرپ را وارد نمایید . ( ترجیحا اگر با بوت استرپ نا آشنا هستید , تغییری ایجاد ندهید ) .

پخش اختصاصی

آموزش : وحید مجیدی 

  • امتیاز شما به این مقاله ؟
    خیلی بدبدمعمولیخوبخیلی خوب (لطفا رای بدید)
  • جهت تبادل گفتگو و حل مشکلات در باره این موضوع , کلیک کنید

    5 پاسخ به “آموزش ادغام Navbar بوت استرپ با وردپرس”

    1. یاهو گفت:

      آقای مجیدی
      سلام
      خسته نباشید
      میشه لطف بفرمایید برای بوت استرپ 4 هم فایلش رو بذارید؟
      ممنون میشم

    2. شمشون آخر گفت:

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

    3. یاهو گفت:

      استاد مجیدی عزیز
      سلام
      خسته نباشید
      یه سوال داشتم
      چطور میشه tooltip بوت استرپ رو با این بخش ادغام کرد؟

      • وحید مجیدی صدر گفت:

        tooltip نیازی به ادغام ندارد , فقط کافیه js و css را در وب سایت خود قرار دهید

    پاسخی بگذارید

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