mohsen041

ایجاد لیست های آیکن دار

4 پست در این موضوع قرار دارد

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

از دوستان صاحب نظر میخواستم بپرسم بهترین راه ایجاد چنین لیست های آیکن داری که ضمیمه کردم در وردپرس چی هست؟

 

list.png

list2.png

0

به اشتراک گذاری این پست


لینک به پست
در 11 ساعت قبل، mohsen041 گفته است :

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

از دوستان صاحب نظر میخواستم بپرسم بهترین راه ایجاد چنین لیست های آیکن داری که ضمیمه کردم در وردپرس چی هست؟

سلام دوست عزیز، معمولا اینجور لیست‌ها رو با استفاده از ویژگی Before در CSS درست می‌کنند، کدش تقریبا یه چنین حالتی میشه:

ul li {
    list-style-type: none;
}

ul li:before {
    content: '\ea0a';
    font-family: 'fontawsome';
}

بلاک اولی بولت دیفالت لیست رو حذف می‌کنه و بلاک دومی یک آیکون به قبل از آیتم‌های لیست اضافه می‌کنه.

1

به اشتراک گذاری این پست


لینک به پست

آیا در وردپرس ابزاری هست که راحت تر ایجاد بشن و نیاز به استایل دهی دستی سی اس اس نباشه؟ 

0

به اشتراک گذاری این پست


لینک به پست
در در 2/24/2020 at 16:47، mohsen041 گفته است :

آیا در وردپرس ابزاری هست که راحت تر ایجاد بشن و نیاز به استایل دهی دستی سی اس اس نباشه؟ 

بله اکثر پیج‌بیلدرها (مثل المنتور) چنین قابلیتی رو باید داشته باشند.

https://wordpress.org/plugins/elementor/

به‌جز این هم بگردید، مطمئنا افزونه‌هایی رو برای اینکار پیدا می‌کنید.

سرچ کنید:

Create list with icon for wordpress

1

به اشتراک گذاری این پست


لینک به پست

برای ارسال نظر یک حساب کاربری ایجاد کنید یا وارد حساب خود شوید

برای اینکه بتوانید نظر ارسال کنید نیاز دارید که کاربر سایت شوید

ایجاد یک حساب کاربری

برای حساب کاربری جدید در انجمن ما ثبت نام کنید. عضویت خیلی ساده است !


ثبت نام یک حساب کاربری جدید

ورود به حساب کاربری

دارای حساب کاربری هستید؟ از اینجا وارد شوید


ورود به حساب کاربری

  • مطالب مشابه

    • توسط cpcenter
      با سلام به همه دوستان
      بنده میخوایم یک امکان مشابه این وبسایت که در زیر هست
      http://aairan.org/fa/meeting
      دقیقا مثل همین که لیست شهر باشه و ما داخلش بتونیم با انتخاب اون شهر مواردی که مد نظر داریم به نمایش بیاد دقیق همین که در سایت با لا مشاهد میکنید
      این چه افزونه هست که ما باید نصب کنیم اگه افزونه نیست ما چه جوری باید این رو درست کنیم
      یا اگه این کار کسی انجام میده ممنون میشم پیام بزار
    • توسط graphicno
      با سلام خدمت کاربران و اساتید محترم انجمن
      به مشکلی بر خوردم
      من از کد زیر برای نمایش لیست 5 کاربر برتر سایت بر اساس امتیاز آنها استفاده میکنم


      <?php foreach ( get_users('&orderby=user_point &number=5') as $user ) : ?>
      <li><a><?php echo $user->display_name; ?>   امتیاز : (<?php $get_user_point = get_user_point($user->ID);?><?php echo $get_user_point; ?>)</a></li>

      <?php endforeach; ?>

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

      ممنون میشم راهمنایی کنید چطور این مشکل رو حل کنم.
      با تشکر
    • توسط ژیهات
      سلام دوستان
      یه مشکل دارم ممنون میشم کمک کنید حلش کنم
      بر فرض اینکه یک حلقه داشته باشیم که 2 تا ul داخلش باشه :


      loop start

      <ul>
      <li>item</li>
      </ul>

      <ul>
      <li>item</li>
      </ul>

      loop end

      چطوری میشه تعریف کرد که به ازای ایجاد کردن هر پست جدید ، به هر ul یک li اضافه بشه !؟
    • توسط سافت سرا
      سلام. اینجا رو ببینید.
      در ادامه متن "برخی از ویژگیهای این مرورگر عبارتند از :"
      لیستی از ویژگی ها رو درج کردم. متاسفانه این لیست چسبیده به لبه. من تو فایل Style قالب کد زیر رو اضافه کردم:


      li {margin-right: 30px



      {

      درست شد اما آیتمهای موجود در سایدبارها هم جابجا شدن. برای اینکه این جابجایی فقط تو متن پستها انجام شه باید چیکار کنم؟
    • توسط نسـتـــرن
      سلام
      میشه یکی کمکم کنه به خدا دیگه دیوونه شدم از دست این سی اس اس.
      این عکس:
      http://upload7.ir/images/46673526113425454569.jpg
      هایلایت شده ها رو میخوام تبدیل کنم به این شکل:
      http://upload7.ir/images/65830069046413659344.jpg
      اما هرکاری میکنم نمیشه که نمیشه.ی حالت لیست به خودش میگیره.با inspect element نمیتونم درسش کنم.
      میشه کسی راهنماییم کنه؟مرسی
      صفحه مورد نظر:
      http://glassy-garden.com/