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

آخرین ارسال های تالار مشاهده انجمن
  • Elementor Pro is not working because you need to install the Elementor plugin. 0 پاسخ 16 بازدید
  • قالب وردپرس Simplicity 5 پاسخ 68 بازدید
  • قالب مای مودیک 0 پاسخ 27 بازدید
  • مشکل در اسکریپت کوتاه کننده لینک AdLinkFly نسخه 5.3.0 7 پاسخ 234 بازدید
  • ظاهر قسمت نوشته ها 1 پاسخ 12 بازدید
  • فروش سایت فروشگاهی (بوتیک) 5 پاسخ 186 بازدید
  • عدم ارسال ویدئو در اسکریپت Grameasy 2 پاسخ 27 بازدید
  • آموزش تصویری جامع نصب و تنظیمات اسکریپت NextPost 435 پاسخ 43484 بازدید
  • سرویس smtp 1 پاسخ 13 بازدید
  • خطای minify 5 پاسخ 36 بازدید
  • هاست

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

    مقالات,آموزش,ترفند , وردپرس
    آموزش افزودن آیکون به فهرست وردپرسReviewed by M J on Sep 11Rating: 4.5آموزش افزودن آیکون به فهرست وردپرساگر از دنبال کنندگان همیشگی بیست اسکریپت بوده باشید ، پیرو مقاله قبلی که با عنوان افزودن آیکون به منو در وردپرس با Menu Image منتشر نمودم، در آن به معرفی افزونه‌ای کاربردی برای افزودن آیکون پرداختیم که با کمک آن میتوانستید به منوها یا همان فهرست‌های سایت وردپرسی خود هر آیکونی که مدنظر شماست اضافه کنید. حال در این آموزش قصد دارم تا این کار را با استفاده از کدنویسی آموزش دهم، پس تا انتها همراه باشید.

    اگر از دنبال کنندگان همیشگی بیست اسکریپت بوده باشید ، پیرو مقاله قبلی که با عنوان افزودن آیکون به منو در وردپرس با Menu Image منتشر نمودم، در آن به معرفی افزونه‌ای کاربردی برای افزودن آیکون پرداختیم که با کمک آن میتوانستید به منوها یا همان فهرست‌های سایت وردپرسی خود هر آیکونی که مدنظر شماست اضافه کنید. حال در این آموزش قصد دارم تا این کار را با استفاده از کدنویسی آموزش دهم، پس تا انتها همراه باشید.

     

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

     

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

    برای افزودن آیکون به منو با استفاده از کدنویسی لازم است تا فایل استایل قالب خود را کمی شلوغتر کنید و کدها و کلاس‌هایی را برای نمایش آیکون به آن اضافه کنید؛ برای این منظور ابتدا هر تعداد که آیکون مد نظر شماست را در پوشه تصاویر قالب خود اضافه کنید و سپس مشابه کد زیر عمل کنید.

     

     

    مطابق کد فوق ابتدا یک کلاس برای هر آیکون تعریف کنید، که در اینجا مانند خط اول عنوان آیکون خانه را با نام homepage. تعیین کرده‌ام (دقت کنید که نقطه آن را نیز بگذارید). سپس در خط دوم آیکون مورد نظر خود را با نام home.png و یا هر فرمت دیگری که قرار دارد را آپلود کرده و در کد استایل نام و فرمت آن را مانند نمونه وارد کنید. و در نهایت در خطوط سوم، چهارم و پنجم موقعیت آیکون و حاشیه آن را از کناره ها تعیین کنید.

     

    پس از اینکه استایل مورد نظر را در قالب اضافه کردید، حال وارد پیشخوان وردپرس شده و به مسیر نمایش> فهرست‌ها مراجعه کرده و منوی مورد نظر را انتخاب کنید. ابتدا مطابق تصویر زیر بر روی گزینه تنظیمات که در بالای صفحه قرار دارد کلیک کنید و تیک گزینه های مشخص شده را فعال کنید.

     

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

     

    پس از اینکه گزینه css classes را فعال کنید مشابه تصویر زیر در بخش منوهایی که اضافه می‌کنید فیلدی با عنوان css classes افزوده خواهد شد که مشابه نمونه فقط کافیست نام کلاس مورد نظر را وارد کنید تا آیکون مد نظر شما در کنار منو نمایش داده شود.

     

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

     

    موفق باشید.

    دانلود

    .


    .

    تور استانبول | مشاهده لیست قیمت ها


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

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

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

    کلمات کلیدی پست :
    درگاه پرداخت
    مطالب مرتبط
    11,737دانلود قالب داده باران برای وردپرس تاریخ : 2016/01/4
    3,039پوسته وبلاگی و شخصی Basic برای وردپرس تاریخ : 2017/06/18
    4,732محدود کردن ثبت نام با ایمیل خاص در وردپرس تاریخ : 2017/09/9
    900۱۲ مرحله برای ساخت یک وبسایت تجاری با وردپرس تاریخ : 2018/10/27
    5,716افزونه طراحی منوی پیشرفته در وردپرس WP Mega Menu Pro تاریخ : 2018/08/30
    7,933افزونه فارسی لایک مطالب I Recommend This برای وردپرس تاریخ : 2015/01/18
    484بهترین اقداماتی که با وردپرس می‌توانید انجام دهید تاریخ : 2018/12/12
    18,272افزونه ساخت فوتر حرفه ای برای وردپرس WP leFooter تاریخ : 2014/07/29
    792کم کردن حجم فایل های CSS و JS با افزونه Fast Velocity Minify تاریخ : 2018/11/15
    3,172دنبال کردن مطالب نویسنده خاص در وردپرس تاریخ : 2017/07/13
    516رفع ارور Remove Render-Blocking JavaScript در وردپرس تاریخ : 2018/12/25
    4,338افزونه اخبار سئوی وردپرس و گوگل Yoast News SEO for WordPress & Google تاریخ : 2016/03/13
    برخی از قالب های وبلاگ - بیست اسکریپت
    قالب عشق بین انگشت ها
    قالب دخترونه و آرایش
    قالب زیبای ماشین
    قالب فانتزی و طنز چِشم
    قالب دختر رویایی
    قالب وبلاگ دکوراسیون
    قالب وبلاگ کلبه و درخت
    قالب دختر زیبا
    قالب پسرونه غمگین
    قالب عاشقانه قلب