رفتن به مطلب

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


پست های پیشنهاد شده

با عرض سلام و خسته نباشید خدمت همه عزیزان

سریع میرم سر اصل مطلب، میخواستم بدونم چطور میشه به دسته های وردپرس یه ایکون کنارش اضافه کرد؟

سایت من بر پایه وردپرس و از افزونه ووکامرس استفاده میکنم، اگه کسی از دوستان بلد آموزششو لطف کنه قرار بده ممنون.

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

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

کرده بودن که بازم درست توضیح نداده بودن

آدرس سایت بنده : www.allbazar.ir

37nl7169ct88bf3p4vlb.png

ویرایش شده توسط nsm1000
لینک به ارسال

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

اما اگر از فونت آیکون‌ها استفاده می کنید دیگه نیازی به این کار نیست - چون اون‌ها از جنس فونت هستند و در کنار الفبا قرار می‌گیرند.

و در کل همه‌ی این‌ها هیچ ربطی به تکسونومی نداره. چه دسته چه تگ و یا چه هر چیز دیگری.

لینک به ارسال

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

اما اگر از فونت آیکون‌ها استفاده می کنید دیگه نیازی به این کار نیست - چون اون‌ها از جنس فونت هستند و در کنار الفبا قرار می‌گیرند.

و در کل همه‌ی این‌ها هیچ ربطی به تکسونومی نداره. چه دسته چه تگ و یا چه هر چیز دیگری.

درود

اگه ممکنه شما یه کلاس تعریف کنین به عنوان تست مثلا برای دسته کامپیوتر و کلا بگین کجا قرار بدم؟ تو منوها بلدم کلاس css رو فعال کنم

اما بقیشو نمیدونم، ممنون میشم کمکم کنین

لینک به ارسال

ببینید اگر اینجوری میخوایید پیشنهاد بنده استفاده از SVG هستش که بهترین نوعش http://fonawesome.io ، یه فایل Css مینی داره به همراه فولدر fonts اضافه میکنید فه قالب توی هدر قالب فراخوانی میکنید

بعد کلاس میدید به هرجایی که میخوایید آیکون اضافه بشه

سایت بنده رو ببینید از FA استفاده کردم خیلی راحته


<i class="fa fa-download"></i>

این کد آیکون دانلود رو میزاره

لینک به ارسال

ببینید اگر اینجوری میخوایید پیشنهاد بنده استفاده از SVG هستش که بهترین نوعش http://fonawesome.io ، یه فایل Css مینی داره به همراه فولدر fonts اضافه میکنید فه قالب توی هدر قالب فراخوانی میکنید

بعد کلاس میدید به هرجایی که میخوایید آیکون اضافه بشه

سایت بنده رو ببینید از FA استفاده کردم خیلی راحته


<i class="fa fa-download"></i>

این کد آیکون دانلود رو میزاره

ممنون، اما بنده میخوام آیکون های که خودم مد نظرمه قرار بدم.

لینک به ارسال

با عرض سلام و خسته نباشید خدمت همه عزیزان

سریع میرم سر اصل مطلب، میخواستم بدونم چطور میشه به دسته های وردپرس یه ایکون کنارش اضافه کرد؟

سایت من بر پایه وردپرس و از افزونه ووکامرس استفاده میکنم، اگه کسی از دوستان بلد آموزششو لطف کنه قرار بده ممنون.

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

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

کرده بودن که بازم درست توضیح نداده بودن

آدرس سایت بنده : www.allbazar.ir

37nl7169ct88bf3p4vlb.png

سلام دوست عزیز

آنقدر وردپرس بزرگ و قدرتمنده که حتی به صورت پی اچ پی هم میشه برای دسته ها آیکن گذاشت اگر اشتباه نکنم با تاکسونومی ولی میتونی مثل 80 درصد طراحان قالب به صورت اچ تی ام ال بنویسیش و بهش آیکن بدی با سی اس اس و بعد آی دی دسته مربوطه را روش ست کنی

لینک به ارسال

سلام دوست عزیز

آنقدر وردپرس بزرگ و قدرتمنده که حتی به صورت پی اچ پی هم میشه برای دسته ها آیکن گذاشت اگر اشتباه نکنم با تاکسونومی ولی میتونی مثل 80 درصد طراحان قالب به صورت اچ تی ام ال بنویسیش و بهش آیکن بدی با سی اس اس و بعد آی دی دسته مربوطه را روش ست کنی

شما میتونی یه کد برای یک دسته به صورتتستی بنویسی و بگی کجا قرارش بدم؟

لینک به ارسال

پی اچ پی؟ برای یه آیکون یه درخواست یایت استایل میره - یه درخواست بایت آیکون میره - حالا یه درخواست هم برای پی اچ پی؟

به هر حال:

در بخش فهرست ها از تنظیمات صفحه (بالای صفحه) قسمت کلاس css رو فعال کنید (تیک) - در اینصورت برای هر آیتم منو یک فیلد خالی با عنوان کلاس‌های css اضافه میشه - برای هر آیتم نام دلخواه بذارید - در این مثال نام sample-menu - و در نهایت ذخیره منو

حالا آیکون مورد نظر رو در مثلاً فولدر images درون فولدر پوسته آپلود کنید و در فایل استایل کد زیر رو قرار بدید:


.sample-menu a{
padding-right: 40px !important;
background:url('images/your-icon.png') no-repeat right;
}

لینک به ارسال

من هم دنبال جواب این سوال هستم .. ولی به نظرم هیچ کدوم از روش ها درست نیست ... به چه علت ؟ الان میگم ... 1- به نظرت همه کد نویسی و استایل گذاشتن رو بلدند ... ؟ 2- دسته ها به صورت داینامیک اند ... به عبارتی ما هر لحظه ممکن هست یک دسته ایجاد کنیم آیا برای هر دسته باید بریم کد بذاریم و استایل بدیم ؟ خیلی راه مسخره ایه ...

لینک به ارسال

پی اچ پی؟ برای یه آیکون یه درخواست یایت استایل میره - یه درخواست بایت آیکون میره - حالا یه درخواست هم برای پی اچ پی؟

به هر حال:

در بخش فهرست ها از تنظیمات صفحه (بالای صفحه) قسمت کلاس css رو فعال کنید (تیک) - در اینصورت برای هر آیتم منو یک فیلد خالی با عنوان کلاس‌های css اضافه میشه - برای هر آیتم نام دلخواه بذارید - در این مثال نام sample-menu - و در نهایت ذخیره منو

حالا آیکون مورد نظر رو در مثلاً فولدر images درون فولدر پوسته آپلود کنید و در فایل استایل کد زیر رو قرار بدید:


.sample-menu a{
padding-right: 40px !important;
background:url('images/your-icon.png') no-repeat right;
}

ممنون داداش

آیکونو گذاشتم اما جاش درست نیست یعنی میفته پشت نوشته.

لینک به ارسال

اون چیزی که شما قراردادید (در خط 1384) این هست:


.camera a{
background:url('images/camera.png') no-repeat;
}

که با اون چیزی که من ارائه دادم در بالا متفاوته

لینک به ارسال

اون چیزی که شما قراردادید (در خط 1384) این هست:


.camera a{
background:url('images/camera.png') no-repeat;
}

که با اون چیزی که من ارائه دادم در بالا متفاوته

بله درسته

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

لینک به ارسال

به گفتگو بپیوندید

هم اکنون می توانید مطلب خود را ارسال نمایید و بعداً ثبت نام کنید. اگر حساب کاربری دارید، برای ارسال با حساب کاربری خود اکنون وارد شوید .

مهمان
ارسال پاسخ به این موضوع ...

×   شما در حال چسباندن محتوایی با قالب بندی هستید.   حذف قالب بندی

  تنها استفاده از 75 اموجی مجاز می باشد.

×   لینک شما به صورت اتوماتیک جای گذاری شد.   نمایش به صورت لینک

×   محتوای قبلی شما بازگردانی شد.   پاک کردن محتوای ویرایشگر

×   شما مستقیما نمی توانید تصویر خود را قرار دهید. یا آن را اینجا بارگذاری کنید یا از یک URL قرار دهید.

×
×
  • اضافه کردن...