شنبه , 4 اسفند 1397
  • تماس با وردپرس دانلود

وردپرس دانلود

  • خانه
  • طراحی وب
  • سئو
  • قالب وردپرس
  • قالب رایگان
  • رایانه و موبایل
  • وب گردی
  • اخبار روز
  • سبک زندگی
  • سلامت
برترینها
  • در انتخاب قالب به چه نکاتی توجه کنیم ؟
  • معایب استفاده از پلاگین های انبوه در وردپرس
  • پست های خود را در وردپرس متفاوت نمایش دهید
  • تغییر رمز در وردپرس از طریق phpmyadmin
  • عوض کردن admin وردپرس در دیتابیس هاست
  • افزونه امنیتی کپچا برای وردپرس
  • راز موفقیت با استفاده از قانون جذب و مثبت اندیشی
شما اینجائید:خانه » طراحی وب » پست های خود را در وردپرس متفاوت نمایش دهید

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

در طراحی وب, قالب وردپرس, وب گردی 0

تا حالا شده به وب سایتی برین و ببینید نحوه نمایش پست هاش زیبا و متفاوت نسبت به سایت های دیگه هست ؟ مثلا بک گرواوندش سفارشی هست و …. امروز توی وردپرس دانلود میخوام چگونگی این کار رو براتون توضیح بدم ، با وردپرس دانلود همراه باشید

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

برای این کار  نیاز به افزودن کد های سفارشی سی اس اس و همچنین ابزار Inspectکه درگوگل کروم، فایرفاکس و… به راحتی و در انواع مختلف در دسترس است داریم

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

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

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

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

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

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

  • post-id.
  • post.
  • attachment.
  • sticky.
  • (hentry (hAtom microformat pages.
  • category-ID.
  • category-name.
  • tag-name.
  • {format-{format-name.
  • {type-{post-type-name.
  • has-post-thumbnail.
  • post-password-required.
  • post-password-protected.

خروجی آنها :  

1
<article id="post-412" class="post-412 post type-post status-publish format-standard hentry category-news">

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

post-id برای نمایش متفاوت پست در وردپرس استفاده کنید.

1
2
3
4
.post-412 {
background-color: #FF0303;
color:#FFFFFF;
}

یادتون باشه که باید id پست رو تغییر بدید 

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

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

یه مثال دیگه میزنم :

میخواهیم بلوک قسمت اخبار سایتمون رو تغییر بدیم ، این کار رو باید توسط Css های سفارشی انجام بدیم :

1
2
3
4
.category-news{
font-size: 18px;
font-style: italic;
}

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

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

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

1
&lt;article id=&quot;post-&lt;?php the_ID();?&gt;&quot;&lt;?php post_class();?&gt;&gt;

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

1
&lt;article id=&quot;post-&lt;?php the_ID();?&gt;&quot;&lt;?php post_class('longform-article');?&gt;&gt;

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

1
2
&lt;?php $custom_classes = array('longform-article','featured-story','interactive',);?&gt;
&lt;article id=&quot;post-&lt;?php the_ID();?&gt;&quot;&lt;?php post_class($custom_classes);?&gt;&gt;

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

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

1
2
&lt;?php $author=get_the_author_meta('user_nicename');?&gt;
&lt;article id=&quot;post-&lt;?php the_ID();?&gt;&quot;&lt;?php post_class($author);?&gt;&gt;

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

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

1
2
3
4
5
6
7
8
9
10
11
12
&lt;?php
 $postid = get_the_ID();
 $total_comment_count = wp_count_comments($postid);
 $my_comment_count = $total_comment_count-&gt;approved;
 if ($my_comment_count &lt;10){
 $my_comment_count = 'new';
 } elseif ($my_comment_count &gt;= 10 &amp;&amp; $my_comment_count &lt;20){
 $my_comment_count = 'emerging';
 } elseif ($my_comment_count &gt;= 20){
 $my_comment_count = 'popular';
 }
?&gt;

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

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

برچسبها
wordpreeswordprees view
tweet
تغییر رمز در وردپرس از طریق phpmyadmin
معایب استفاده از پلاگین های انبوه در وردپرس

مطالب مرتبط

  • در انتخاب قالب به چه نکاتی توجه ...

    مهر 13, 1396

  • معایب استفاده از پلاگین های انبوه در ...

    مهر 12, 1396

  • تغییر رمز در وردپرس از طریق ...

    مهر 10, 1396

  • عوض کردن admin وردپرس در دیتابیس هاست

    مهر 7, 1396

یک نظر بدهید

برای صرف‌نظر کردن از پاسخ‌گویی اینجا را کلیک کنید.

جستجو

نوشته‌های تازه

  • در انتخاب قالب به چه نکاتی توجه کنیم ؟
  • معایب استفاده از پلاگین های انبوه در وردپرس
  • پست های خود را در وردپرس متفاوت نمایش دهید
  • تغییر رمز در وردپرس از طریق phpmyadmin
  • عوض کردن admin وردپرس در دیتابیس هاست
  • افزونه امنیتی کپچا برای وردپرس
  • راز موفقیت با استفاده از قانون جذب و مثبت اندیشی
  • مراحل پاک کردن رژ لب از لباس
  • درمان اسهال با داروهای گیاهی و روش خانگی
  • آشنایی با مراسم قبله دعا در بندرعباس

برچسب‌ها

آموزش دانلود از گوگل مارکت آموزش دانلود از گوگل پلی اندروید 5.1 بهترین قالب وردپرس دنیا حرفه ای ترین قالب مجله ای وردپرس حرفه ای ترین قالب وردپرس حرفه ای ترین پوسته وردپرس دانلود وردپرس زیباترین قالب وردپرس در جهان شبکه اجتماعی قالب Hueman قالب Hueman برای مجله اینترنتی قالب Hueman فارسی قالب Hueman فارسی شده وردپرس قالب Hueman وردپرس قالب Remal قالب Remal رایگان قالب آوادا قالب تجاری وردپرس قالب خبری وردپرس قالب رمال قالب سایت شخصی وردپرس قالب سه ستونه Hueman قالب شخصی وردپرس قالب شرکتی قالب شرکتی وردپرس قالب مجله اینترنتی قالب های حرفه ای قالب های حرفه ای سایت قالب های وردپرس قالب های وردپرس جهان قالب های وردپرس شرکتی قالب وردپرس قالب وردپرس Remal قالب وردپرس خبری قالب وردپرس رایگان قالب وردپرس سازمانی قالب وردپرس شرکتی قالب وردپرس مجله ای قالب وردپرس مجله وبلاگی hueman قالب چند منظوره وردپرس وردپرس وردپرس دانلود پوسته Remal پوسته وردپرس Remal
    خرید بک لینک خرید رپورتاژ هتل آپارتمان مشهد انجمن تفریحی نرم افزار رستوران نرم افزار انبارداری