آیا تا به حالا پست های متفاوتی را چشم اید؟ به عنوان مثال متن چسبان در اولِ وبلاگ که نیز ظواهر متفاوتی دارااست و نیز بک گراند آن سفارشی است! روز جاری میخواهیم روش نمایش گوناگون پست در وردپرس با نیز یاد بگیریم .
طراحی سایت در مشهد
درین یادگرفتن نیاز به اضافه کردن کد های سفارشی سی اس اس و همینطور ابزار Inspect که درگوگل کروم , فایرفاکس و… به راحتی و در گونه های گوناگون دردسترس است داریم .
ظواهر پست ها در وردپرس
بهینه سازی سایت
وردپرس برای ظواهر و شمایل یک متن به طور پیش فرض کلاس های سی اس اس تعریف نموده است . یک وب سایت استاندارد دارنده کلاس های سی اس اس در قسمت های بدنه ی مهم , متن ها , ورقه ها , ابزارک ها , فهرست ها و… هست .
در مدل ی وردپرس کارایی post _ class ( ) برای استفاده در قالب و جهت اضافه کردن کلاس های سی اس اس سفارشی در کاغذ و پست به عمل میرود و فراخوانی میشود .
در صورتی به وب سایت خویش مراجعه کرده و از ابزار Inspect درمرورگراستفاده فرمایید کلاس سی اس اس متبوع در پست ها را خواهید روئت کرد .
inspect - نمایش گوناگون پست در وردپرس
در زیرکلاس های سی اس اس به صورت پیش فرض که در چشم استفاده کننده ظواهر میگردد آمده است که با آن می توان مقدمات نمایش مختلف پست در وردپرس را مهیا کرد!
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;
}
فراموش نکنید که بایستی آی دی پست را هم تغییرو تحول دهید .
post id - نمایش مختلف پست در وردپرس
با نیز نمونه دیگری را بررسی میکنیم :
میخواهیم ظواهر همگی پست های مرتبط با گونه ی خبرها را تغییرو تحول دهیم اینکار را با اضافه کردن سی اس اس سفارشی به قالب انجام میدهیم .
1
2
3
4
. category - news{
font - size : 18px;
font - style : italic;
}
سعی کلاس هر پست
بسط دهندگان قالب از عملگر post - class برای اضافه کردن کلاس به متن استفاده مینمایند که معمولا با تگ
است . این عملگر صرفا برای بار گذاری به طور پیش فرض نیست بلکه برای کلاس منحصر شما در نمایش گوناگون پست در وردپرس هم به عمل می رود .
با اعتنا به قالب متبوع میتوانید این عملگر را در فولدر single . php بیابید . به طور نرمال این کد به صورت زیر است :
1
<article id="post - < ? php the _ ID ( ) ; ? >"< ? php post _ class ( ) ; ? >>
شما میتوانید سی اس اس مخصوص و سفارشی خویش را در آن به طور زیر وارد نمائید :
1
<article id="post - < ? php the _ ID ( ) ; ? >"< ? php post _ class ( ' longform - article ' ) ; ? >>
عملگر post - class با مراقبت شرایط پیش فرض قادر است شرایط سفارشی که به آن میدهید را اجرا نماید . در شرایطیکه میخواهید از عملکردهای یکسری تایی و یکسری منظوره در نمایش گوناگون پست در وردپرس استفاده نمایید میتوانید از یکسری آرایه یاری بگیرید . نظیر زیر :
1
2
< ? php $custom _ classes = array ( ' longform - article ' , ' featured - story ' , ' interactive ' , ) ; ? >
<article id="post - < ? php the _ ID ( ) ; ? >"< ? php post _ class ( $custom _ classes ) ; ? >>
تغییرو تحول ظواهر پست های نویسند گان
این کلاس به طور پیش فرض دارنده اسم تالیف کننده نیست ولی در شرایطی که میخواهید آن را سفارشی نمائید اولیه آن را به طور the - posts یافته و آنگاه قطعه کد زیر را در آن تغییر تحول دهید .
1
2
< ? php $author=get _ the _ author _ meta ( ' user _ nicename ' ) ; ? >
<article id="post - < ? php the _ ID ( ) ; ? >"< ? php post _ class ( $author ) ; ? >>
ظواهر پست ها مبنی بر محبوبیت ایده ها
ممکن است تارنما هایی را چشم باشید که از ابزارک متن های دوست داستنی براساس نظرها یوزرها استفاده میکنید . درحال حاضر میخواهیم ببنیم چه طور میتوان این بخش را سفارشی کنیم .
برای تولید یک قسمت سفارشی حیث سنجی نیاز به اضافه کردن کد به پوشه های قالب است . در هسته ی وردپرس می توانید قطعه کد زیر را قبلی از تگ
بیشتر نمایید .
1
2
3
4
5
6
7
8
9
10
11
12
< ? php
$postid = get _ the _ ID ( ) ;
$total _ comment _ count = wp _ count _ Idea ( $postid ) ;
$my _ comment _ count = $total _ comment _ count - >approved;
if ( $my _ comment _ count <10 ) {
$my _ comment _ count = ' new ' ;
} elseif ( $my _ comment _ count >= 10 && $my _ comment _ count <20 ) {
$my _ comment _ count = ' emerging ' ;
} elseif ( $my _ comment _ count >= 20 ) {
$my _ comment _ count = ' popular ' ;
}
? >
به همین صورت میتوانید تغییراتی را در پست های خویش ساخت نمایید و در واقع آنهارا سفارشی نمائید .
معرفی مطالب جالب با لینک منبع...
ما را در سایت معرفی مطالب جالب با لینک منبع دنبال می کنید
برچسب : نویسنده : امین طیرانی rayap بازدید : 543 تاريخ : پنجشنبه 10 اسفند 1396 ساعت: 12:34