• آموزش ایجاد افکت پراکندگی
  • وکتور پس زمینه کوه
  • ماهنامه شماره یک
  • باکس دانلود آلفا
محل تبلیغات شما
Search
Generic filters
Exact matches only
Filter by Custom Post Type

کدنویس در شبکه های اجتماعی

ساعت
تمامی مطالب, کد های وردپرس, وردپرس استفاده از منو بوت استرپ در وردپرس

آمار و ارقـام سایت


  • 792

    اعضای سایت


  • 9

    قالب وردپرس


  • 12

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


  • 9

    اسکریپت

تو نوشمک چه خبره!











تبـــلیغــات

  • محل تبلیغات شما
  • محل تبلیغات شما
  • محل تبلیغات شما

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

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

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

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

محتوای محدود شده. / فقط اعضا میتوانند این پست را ببینند

شما در حال استفاده از نسخه پریمیوم سایت کدنویس هستید ، لذت ببرید 🙂

این قسمت فقط مخصوص اعضای کدنویسه! برای دسترسی به این قسمت میتوانید یا Register انجام بدهید


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

وقتی شما تابع فهرست رو قرار میدهید وردپرس به صورت خودکار ul و li پیش فرض خودش رو در قالب شما قرار میده به صورت زیر

محتوای محدود شده. / فقط اعضا میتوانند این پست را ببینند

شما در حال استفاده از نسخه پریمیوم سایت کدنویس هستید ، لذت ببرید 🙂

این قسمت فقط مخصوص اعضای کدنویسه! برای دسترسی به این قسمت میتوانید یا Register انجام بدهید


همان طور که میدانید ul و li در بوت استرپ دارای class های خاص خودشون هستش و با پاک شدن این class ها قالب شما به هم ریخته میشود! حالا میخوام راه حلی رو بهتون نشون بدم تا به کمک اون بتونید منو بوت استرپ در وردپرس اجرا کنید و از طریق پنل تنظیمات فهرستتون رو تنظیم کنید!

کد منو بوت استرپ در وردپرس

۱- از کد استاندارد منو بوت استرپ استفاده کنید

کدی که در پایین قرار داره کد استاندارد یک منو بوت استرپ هستش دقت کنید که کد شما باید استاندارد و مشابه همین کد باشه

محتوای محدود شده. / فقط اعضا میتوانند این پست را ببینند

شما در حال استفاده از نسخه پریمیوم سایت کدنویس هستید ، لذت ببرید 🙂

این قسمت فقط مخصوص اعضای کدنویسه! برای دسترسی به این قسمت میتوانید یا Register انجام بدهید


۲- قرار دادن کدهای ضروری در قالب وردپرس

۲-۱- دو قسمت کدهای زیر را در فایل functions.php قالب خودتون کپی و جایگذاری کنید.

محتوای محدود شده. / فقط اعضا میتوانند این پست را ببینند

شما در حال استفاده از نسخه پریمیوم سایت کدنویس هستید ، لذت ببرید 🙂

این قسمت فقط مخصوص اعضای کدنویسه! برای دسترسی به این قسمت میتوانید یا Register انجام بدهید



محتوای محدود شده. / فقط اعضا میتوانند این پست را ببینند

شما در حال استفاده از نسخه پریمیوم سایت کدنویس هستید ، لذت ببرید 🙂

این قسمت فقط مخصوص اعضای کدنویسه! برای دسترسی به این قسمت میتوانید یا Register انجام بدهید


۲-۲- بعد از جایگذاری کدهای بالا فایل wp-bootstrap-navwalker رو از لینک زیر دانلود کنید و در قالب در جایی که index.php قرار داره جایگذاری کنید

رمز فایل : codenvis.ir

۲-۳- بعد از دانلود فایل و قرار دادن اون در فایل قالبتون حالا نوبت فراخوانیش هست ، برگردید ببه فایل Functions.php و کد زیر رو در اون جایگذاری کنید

محتوای محدود شده. / فقط اعضا میتوانند این پست را ببینند

شما در حال استفاده از نسخه پریمیوم سایت کدنویس هستید ، لذت ببرید 🙂

این قسمت فقط مخصوص اعضای کدنویسه! برای دسترسی به این قسمت میتوانید یا Register انجام بدهید


۳- به قسمت فهرست‌ها بروید و یک  فهرست جدید با هر نامی که میخواهید بسازید ، سپس به قسمت مدیریت جایگاه‌ها بروید و منویی که ساختید رو بر روی فهرست اصلی بگذارید و پس از آن ذخیره کنید.

۴- حالا وقت قرار دادن کد منو بوت استرپ در وردپرس هستش!

در کد استاندارد منو بوت استرپ کد زیر را پیدا کنید

محتوای محدود شده. / فقط اعضا میتوانند این پست را ببینند

شما در حال استفاده از نسخه پریمیوم سایت کدنویس هستید ، لذت ببرید 🙂

این قسمت فقط مخصوص اعضای کدنویسه! برای دسترسی به این قسمت میتوانید یا Register انجام بدهید


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

شما در حال استفاده از نسخه پریمیوم سایت کدنویس هستید ، لذت ببرید 🙂

این قسمت فقط مخصوص اعضای کدنویسه! برای دسترسی به این قسمت میتوانید یا Register انجام بدهید


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

شما در حال استفاده از نسخه پریمیوم سایت کدنویس هستید ، لذت ببرید 🙂

این قسمت فقط مخصوص اعضای کدنویسه! برای دسترسی به این قسمت میتوانید یا Register انجام بدهید


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

شما در حال استفاده از نسخه پریمیوم سایت کدنویس هستید ، لذت ببرید 🙂

این قسمت فقط مخصوص اعضای کدنویسه! برای دسترسی به این قسمت میتوانید یا Register انجام بدهید


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

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

یا علی ♥


دیدگاه‌های کاربران

۱ دیدگاه

1
دیدگاه بگذارید

avatar
1 Comment threads
0 Thread replies
0 Followers
 
Most reacted comment
Hottest comment thread
1 Comment authors
کوتاه کننده لینک گوگل Recent comment authors
  مشترک  
اعلان
کوتاه کننده لینک گوگل
مهمان
کوتاه کننده لینک گوگل

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


لوگو کدنویس

درباره ما

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

حسین رازقندی / مدیریت سایت
استفاده از مطالب این سایت حتی با ذکر منبع غیر قانونی و حرام بوده . کليه حقوق اين سايت متعلق به مدیریت آن می‌باشد. CodeNvis 2015-2018