رفتن به مطلب

سوال : نمایش دسته بندی ها به شکل چهار خونه یا مربع مریع


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

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

 

مانند این عکس

o87t_untitled-1.jpg

http://uupload.ir/files/o87t_untitled-1.jpg

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

سلام، در ابتدا باید در صفحه مورد نظر 

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

$categories =  get_categories();
echo '<ul>';
foreach  ($categories as $category) {
  echo '<li>'. $category->cat_name .'</li>';
}
echo '</ul>';

بعدش با استایل li ها را مربعی کرده.

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

لینک به ارسال

مممنون از پاسخ تون 

ولی از یه جایی به بعدش رو نفهمیدم چی گفتین ... 


 

بعدش با استایل li ها را مربعی کرده. "

اینو نفهمیدم

اینم نفهمیدم

اما برای عکس هر آیتم، باید یک آپلود عکس به دسته ها اضافه کنید که برای هر دسته یک عکس اختصاصی نمایش بده و بعد برای نمایش عکس کد مربوطه به foreach بالا اضافه می کنیم."

لینک به ارسال

آیا میشه برای آیکون یا عکس دسته ها از font awesome استفاده کرد ؟؟؟ چند تا افزونه هست که از font awesoeme ّبرای ایکون دسته بندی های استفاده می کنه 

شما کدوم یک رو برای این مورد پیشنهاد می کنین ؟؟

لینک به ارسال

به نظر بنده چیزی که میشه با چند خط کد نوشت از افزونه استفاده نشه خیلی بهتره.

در 3 دقیقه قبل، shervinam گفته است :

آیا میشه برای آیکون یا عکس دسته ها از font awesome استفاده کرد ؟؟؟ چند تا افزونه هست که از font awesoeme ّبرای ایکون دسته بندی های استفاده می کنه 

شما کدوم یک رو برای این مورد پیشنهاد می کنین ؟

در 3 دقیقه قبل، shervinam گفته است :

آیا میشه برای آیکون یا عکس دسته ها از font awesome استفاده کرد ؟؟؟ چند تا افزونه هست که از font awesoeme ّبرای ایکون دسته بندی های استفاده می کنه 

شما کدوم یک رو برای این مورد پیشنهاد می کنین ؟؟

 

لینک به ارسال
در 1 دقیقه قبل، Mirrajabi گفته است :

به نظر بنده چیزی که میشه با چند خط کد نوشت از افزونه استفاده نشه خیلی بهتره.

چطوری الان میشه همچین چیزی درست کرد بدون افزونه ؟

چون گفتم آیکون هر دسته بندی رو با یه افزونه ی font awesome مشخص کنیم بعدش با یه افزونه ی دیگه 

یا با چند تا خط کد بیاییم بصورت ماتریس 2 ستونی یا سه ستونی مربع مربع نمایش بدیم دسته بندی ها رو با عکس و اسم شون

لینک به ارسال
در 2 ساعت قبل، shervinam گفته است :

چطوری الان میشه همچین چیزی درست کرد بدون افزونه ؟

چون گفتم آیکون هر دسته بندی رو با یه افزونه ی font awesome مشخص کنیم بعدش با یه افزونه ی دیگه 

یا با چند تا خط کد بیاییم بصورت ماتریس 2 ستونی یا سه ستونی مربع مربع نمایش بدیم دسته بندی ها رو با عکس و اسم شون

آگه ی مقدار کد نویسی بلد هستید 

https://catapultthemes.com/adding-an-image-upload-field-to-categories/

دقیقا چیزیکه شما می خواید اما اگر نه  

https://wordpress.org/plugins/categories-images/

این پلاگین فیلد آپلود عکس به کتگوری اضافه می کنه.

لینک به ارسال
در 3 ساعت قبل، Mirrajabi گفته است :

آگه ی مقدار کد نویسی بلد هستید 

https://catapultthemes.com/adding-an-image-upload-field-to-categories/

دقیقا چیزیکه شما می خواید اما اگر نه  

https://wordpress.org/plugins/categories-images/

این پلاگین فیلد آپلود عکس به کتگوری اضافه می کنه.

ممنون ، دومی به نظرم بهتره

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

لینک به ارسال
در 9 ساعت قبل، shervinam گفته است :

ممنون ، دومی به نظرم بهتره

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

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

شما می تونید به هر li طول و عرض ثابت بدید.مثل استایل پایین 

Li {width:33%;Height:200Px;background:Gray;display:Inline-block;margin:5px}

 

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

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

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

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

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

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

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

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

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

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