• illustrator Curse
  • 7Learn Android Course
  • 7Learn SEO Course
  • 7Learn WP Theme Course

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



  آیا می دانید با دوره های آموزشی سون لرن می توانید از 0 تا 100 طراحی وب را در منزل فراگیرید!

آموزش ساخت breadcrumb برای وردپرس (بدون افزونه)

5843 ۱۲ آذر ۹۲

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

برای اضافه کردن این منوی breadcrumb لازمه تا فایل های functions.php، header.php و style.css را ویرایش کنیم. ابتدا فایل functions.php پوسته مورد نظرتان را باز کنید و کدهای زیر را به آن اضافه کنید:

بعد از اینکه کد بالا را به فایل functions.php اضافه کردید، کد زیر را کپی کرده و در محل مورد نظرتان در فایل header.php پیست کنید.

راحت ترین راه اینه که کد بالا را در محل مناسبی از فایل header.php پیست کنید، ولی اگر به هر دلیلی نمی خواهید کد در header.php قرار گرفته بشه، مجبورید کد را در چندین فایل مثل single.php، archive.php، search.php، page.php و دیگر فایل های وابسته به پوسته ی خودتون پیست کنید.

حالا نوبت استایل دهی breadcrumbs با css هست که ما استایل آموزش قبلی را کمی تغییر داده و ازش استفاده می کنیم. می توانید کدهای زیر را در انتهای فایل style.css پوسته خودتون پیست کنید:

الان شما کد یک منوی breadcrumb را دارید که می توانید در هر یک از سایت های وردپرسی خودتون استفاده کنید.

اگر سوال یا ایده ای دارید خوشحال میشم بدونم.

:: مطالب جدید سون لرن را از طریق ایمیل دریافت کنید :

دیدگاه ها 4 دیدگاه برای این مطلب ارسال شده است. نظردهی برای این مطلب بسته شده است .

  • ‏‏

    با سلام. من سوالی درباره پیج رنک گوگل داشتم. چرا پیج رنک بعضی سایت ها حتی 0 هم نمی نویسه؟ وقتی چک می کنم می نویسه آدرس ممکنه invalid باشه در حالیکه درست وارد کردم.
    ممنون از زحمات و پاسخگویی شما

  • ‏‏
    علی امینی(۱۳ آذر ۱۳۹۲)

    سلام
    خیلی خوب بود،امیدوارم موفق باشید و همینطور به آموزش های مفید ادامه بدید.
    فقط یه دمویی برای این نوع مطالب بزارید عالی و حرفه ای میشه(فقط html ش باشه هم کفایت میکنه :) )
    یا علی

    • ‏‏
      مهشاد کلانتری(۱۳ آذر ۱۳۹۲)

      دمو همون دموی آموزش قبلی هستش و اینجا به آموزش قبلی لینک دادم

  • ‏‏
    سامان(۱۵ دی ۱۳۹۲)

    سلام
    مطلب مفیدی بود

  • ورود/عضویت سریع با اکانت فیسبوک/جیمیل شما

    :: شما می توانید با استفاده از اکانت یاهو یا جیمیل خود به صورت کاملا امن، سریع و بدون نیاز به ورود اطلاعات عضو و وارد سایت شوید. در این صورت هیچ نیازی به ورود نام کاربری و رمز عبور خود نخواهید داشت و هویت شما از طریق ایمیلتان مورد تائید قرار می گیرد .
    برای استفاده از این روش باید در اکانت گوگل(جیمیل) و یا یاهوی خود لاگین باشید .
    عضویت/ ورود سریع با :
    در حال اتصال ...

    ورود به سایت

    ورود سریع با :
    در حال اتصال ...

    جستجو در سون لرن

    عبارت :
    7LearnTelegram