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

آخرین ارسال های تالار مشاهده انجمن
  • آموزش استفاده از پنل جدید سرچ کنسول ( پنل جدید) 0 پاسخ 2 بازدید
  • دانلود whmcs 7.7 نسخه سالم و بدون نیاز به لایسنس 0 پاسخ 2 بازدید
  • لایسنس King MEDIA نسخه 4.1 2 پاسخ 21 بازدید
  • تبلیغات گسترده اینستاگرامی 0 پاسخ 6 بازدید
  • مشکل در اسکریپت استک پست 0 پاسخ 6 بازدید
  • Sigma Plus 1 پاسخ 75 بازدید
  • مشکل نصب قالب Privado 2 پاسخ 22 بازدید
  • مشکل بخش نظرات ووکامرس 0 پاسخ 32 بازدید
  • بازگردانی به حالت اول 3 پاسخ 32 بازدید
  • آموزش عکاسی پرتره 0 پاسخ 6 بازدید
  • هاست

    نحوه نمایش متفاوت هر پست در وردپرس

    مقالات,آموزش,ترفند , وردپرس
    نحوه نمایش متفاوت هر پست در وردپرسReviewed by Admin on Jan 25Rating:

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

     

    نمایش متفاوت هر پست در وردپرس

    وردپرس برای استایل یک نوشته به صورت پیش فرض، کلاس های CSS تعریف کرده است. یک سایت استاندارد دارای کلاس های CSS در بخش های بدنه ی اصلی، نوشته ها، برگه ها، ابزارک ها، فهرست ها و… می باشد.

     

    در دسته ی وردپرس، عملکرد post_class() برای استفاده در قالب وردپرس و جهت افزودن کلاس های CSS سفارشی در برگه و پست به کار میرود و فراخوانی میشود.
    چنانچه به وبسایت خود مراجعه کرده و از ابزار Inspect درمرورگراستفاده کنید کلاس سی اس اس مورد نظر در پست ها را خواهید دید. مانند تصویر زیر:

     

    نحوه نمایش متفاوت هر پست در وردپرس

     

    در ادامه میتوانید کلاس های CSS به طور پیش فرض که در دید کاربر ظاهر میشود آمده است که با آن می توان مقدمات نمایش متفاوت پست در وردپرس را فراهم کرد.

    • post-id.
    • post.
    • attachment.
    • sticky.
    • category-ID.
    • category-name.
    • tag-name.
    • has-post-thumbnail.

     

    مثالی از خروجی آنها:

    بنابراین به راحتی میتوان ظاهر و استایل هر پست را به صورت واکنش گرا تغییر داد. برای مثال، چنانچه می خواهید یک نوشته را به صورت متفاوت نشان دهید می توانید از post-id برای نمایش متفاوت پست در وردپرس استفاده کنید. مانند کد زیر:

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

     

    حال بطور مثال می خواهیم ظاهر تمامی پست های مربوط به دسته ی اخبار را تغییر دهیم اینکار را با افزودن CSS سفارشی به قالب انجام می دهیم.

     

    عملکرد کلاس هر پست در وردپرس

    توسعه دهندگان قالب از عملگر post-class برای افزودن کلاس به نوشته استفاده میکنند که معمولا با تگ <article> است. این عملگر فقط برای بارگذاری به صورت پیش فرض نیست بلکه برای کلاس اختصاصی شما در نمایش متفاوت پست در وردپرس نیز به کار میرود.

    با توجه به قالب مورد نظر می توانید این عملگر را در فایل single.php بیابید. به صورت نرمال این کد به شکل زیر است:

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

    عملگر post-class با حفظ حالت پیش فرض میتواند حالت سفارشی که به آن میدهید را اجرا کند. چنانچه می خواهید از عملکردهای چند تایی و چند منظوره در نمایش متفاوت پست در وردپرس استفاده کنید می توانید از چند آرایه کمک بگیرید. مانند زیر:

    تغییر ظاهر پست های نویسندگان در وردپرس

    این کلاس به صورت پیش فرض دارای نام نویسنده نیست اما چنانچه می خواهید آن را سفارشی کنید اول آن را به صورت the-posts یافته و سپس قطعه کد زیر را در آن تغییر دهید.

    ظاهر پست ها بر اساس محبوبیت نظرات

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

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

    دانلود

    .

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


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

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

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

    کلمات کلیدی پست :
    درگاه پرداخت
    مطالب مرتبط
    900افزونه کمک مالی در ووکامرس YITH Donations for WooCommerce تاریخ : 2018/10/5
    2,095افزونه ترجمه خودکار آدرس مطالب وردپرس تاریخ : 2017/03/3
    16,726قالب سایت تفریحی ایران پرتال برای وردپرس تاریخ : 2014/04/26
    1,340افزایش حجم آپلود در وردپرس با کمک php.ini تاریخ : 2018/07/3
    2,310افزونه پیوست کردن فایل به دیدگاه ها در وردپرس تاریخ : 2017/01/1
    4,232آپلود فایل از آدرس در وردپرس با افزونه External Media Upload تاریخ : 2017/07/2
    4,274دانلود قالب فروش عکس Stocky برای وردپرس تاریخ : 2017/12/14
    1,690افزونه ساخت تایم لاین در وردپرس MelonHTML5 تاریخ : 2017/11/19
    2,737کد نمایش تبلیغات در بین متن در ادامه مطالب وردپرس تاریخ : 2017/01/16
    1,094ارسال گزارش خطای 404 به ایمیل مدیر سایت وردپرسی تاریخ : 2018/02/21
    20,382دانلود پوسته نیازمندی ها ClassiPress برای وردپرس تاریخ : 2016/05/14
    2,876افزونه ویرایش آنلاین نام تصاویر در وردپرس Media File Renamer Pro تاریخ : 2018/08/26
    برخی از قالب های وبلاگ - بیست اسکریپت
    قالب عشق بین انگشت ها
    قالب دخترونه و آرایش
    قالب زیبای ماشین
    قالب فانتزی و طنز چِشم
    قالب دختر رویایی
    قالب وبلاگ دکوراسیون
    قالب وبلاگ کلبه و درخت
    قالب دختر زیبا
    قالب پسرونه غمگین
    قالب عاشقانه قلب