خبرهای کوتاه
مردان وردپرس آموزش وردپرس آموزش وردپرس ، استایل دهی چیدمان نظرات
آموزش وردپرس ، استایل دهی چیدمان نظرات

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

در زیر class ها و id های پیشفرض css وردپرس را می بینید.

 

که می توانید نظرات کاربران خود را استایل دهی نمایید.

حال اگر طراح html با کد های css دیگری نظرات را استایل داده  باشد می توانید  از طریق کلیک راست کردن و Inspect Elemen گرفتن کد های css مربوطه را بگیرید و استایل دهید.


با استفاده از کد زیر شما می توانید به نظرات فرد و زوج استایل دهید و مانند تصویر زیر باشد.


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


گاهی پیش می آید که بخواهید نظرات مدیر ها و نویسنده ها  با سایر نظرات تفاوت داشته باشند ، می توانید از کد زیر در php جایی که می خواهید نظرات را نمایش دهیدد استفاده نمایید.

 

وبرای استایل دادن به آن از کد css زیر استفاده کنید


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

 


بعد از استایل دادن به نظرات می خواهیم به پاسخ نظر استایل بدهیم.با استفاده از کد زیر می توانید پاسخ ها را نیز استایل دهید.


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


ویرایش دکمه انصراف از نظر 


در قسمت های بعدی به نحوه استایل دهی فرم نظرات می پردازیم

منبع :‌ مردان وردپرس
تاریخ آخرین بروزرسانی : ۱۷ تیر ۱۳۹۷
برچسب ها:, , ,
5نظر برای

آموزش وردپرس ، ایمیل بعد از ورود


  1. سلام خسته نباشید

    واقعا سایت جالب و کاربردی دارید.مشخصه زیاد برش وقت میزارید. معلومه باورهاتونو،باور دارید ! این عالیه !

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

    یک باکس حاوی یک کد گذاشتید. چگونه این باکس رو(با همین شکل  امکانتش) با محتویاتش  تو صفحه گذاشتید ؟

    با تشکر از توجه و پاسخ شما

     

    • صادق مهدی لو

      سلام وعرض ادب

      برای این منظور می توانید از پلاگین زیبا و کاربردی Crayon Syntax Highlighter استفاده کنید و در تنظیمات نحوه نمایش را بروی Github تنظیم کنید و همچنین فونت را بروی Monaco قرار دهید تا به شکل ساختار بالا نمایش داده شود.

       

  2. خیلی عالی و مفید بود برام

    تشکر

  3. موفق باشید .

  4. سلام خیلی ممنون از اشتراک گذاریتون…

نظرات خود را اینجا بنویسید

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

Time limit is exhausted. Please reload CAPTCHA.