نحوه ارائه یک سبک منحصر به فرد به هر مقاله در وردپرس

آیا تابحال به وب سایتی رسیده اید که مقالات خود را به صورت متفاوتی در وبلاگ منتشر می کند؟

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

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

اما ، اگر وردپرس را هرگز نصب نکرده اید ، کشف کنید چگونه به نصب یک وبلاگ وردپرس مراحل 7 et چگونه برای پیدا کردن، نصب و فعال یک تم وردپرس در وبلاگ خود 

سپس به این دلیل که چرا ما اینجا هستیم

Remarque: این آموزش به شما نیاز دارد CSS سفارشی را در وردپرس اضافه کنید. همچنین باید از ابزار Inspect استفاده کنید. برخی از دانش CSS و HTML مورد نیاز است.

یک سبک فرد در مقالات وردپرس

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

راهنمای ما را نیز کشف کنید یکتا: چگونه به سفارشی لینک وبلاگ خود را

عملکرد اصلی WordPress به نام " post_class () برای استفاده از مضامین استفاده شده است تا به WordPress بگویید که در آن می توانید این کلاس های پیش فرض CSS را بر روی مقالات اضافه کنید.

اگر به وب سایت خود سر بزنید و از ابزار Inspect در مرورگر خود استفاده کنید ، می توانید این کلاسها را برای هر پست اضافه کنید.

در اینجا کلاسهای CSS به طور پیش فرض براساس صفحه نمایش داده شده توسط کاربر اضافه شده است.

• .post شناسه
• .poster
• .attachement
• .gluant
• .hentry
• ID .category
• .category نام
• .tag نام
• .format- {فرمت name}
• {.type- پست نوع نام}
• .has پس از ریز
• .post-رمز عبور مورد نیاز
• .protected توسط یک رمز عبور

نمونه ای از صفحه نمایش مانند این است:

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

دفعات بازدید: چگونه برای بهبود وبلاگ خود وردپرس در این آخر هفته

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

.post-412 {background-color: #FF0303؛ رنگ: #FFFFFF؛ }

به یاد داشته باشید که شناسه پست را برای مطابقت با شناسه پست خود تغییر دهید.

بیایید نگاهی به مثالی دیگر بیندازیم.

این بار کلیه مقالات ارسال شده در یک دسته خاص به نام "اخبار" را پوشش خواهیم داد.

راهنمای ما را کشف کنید نحوه اضافه کردن CSS سفارشی به وبلاگ وردپرس خود

ما می توانیم این کار را با اضافه کردن CSS سفارشی زیر به موضوع خود انجام دهیم.

.category-actualites {font-size: 18px؛ فونت سبک: ایتالیایی؛ }

این CSS روی همه موارد موجود در دسته " حالت مناسب '.

function post_class ()

توسعه دهندگان موضوع از این عملکرد استفاده می کنند post_class () به وردپرس بگویید که کلاسهای ارسال را از کجا اضافه کنید. معمولاً در برچسب "مقاله" است.

کارکرد post_class () نه تنها کلاسهای CSS تولید شده توسط وردپرس را به طور پیش فرض بارگیری می کند ، بلکه به شما امکان می دهد کلاسهای خود را نیز اضافه کنید.

کشف کنید چگونه برای محافظت از وبلاگ زداینده مطالب خود را

با توجه به شما تم وردپرس، تابع post_class() را در فایل single.php خود یا در فایل های قالب پیدا خواهید کرد. به طور معمول کد به شکل زیر خواهد بود:

" >

می توانید کلاس CSS دلخواه خود را با یک ویژگی مانند این اضافه کنید:

" >

کلاس post_class کلاسهای CSS پیش فرض مربوطه را با کلاس CSS سفارشی شما چاپ می کند.

اگر می خواهید چندین کلاس CSS اضافه کنید ، می توانید آنها را به عنوان یک آرایه تعریف کنید و از آنها در عملکرد () کلاس () استفاده کنید.

" >

با توجه به نویسندگان ، مقالات با سبکی متفاوت نمایش دهید

کلاسهای پیش فرض CSS تولید شده توسط تابع posts_class نام نویسنده را به عنوان کلاس CSS در بر نمی گیرد.

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

همچنین بخوانید: نحوه اضافه کردن انیمیشن CSS در وردپرس

با استفاده از قطعه زیر می توانید این کار را انجام دهید:

" >

این کد نام کاربری را به عنوان کلاس CSS اضافه می کند. نام کاربری نامی است که با URL مورد استفاده وردپرس سازگار است. فاقد فاصله است و همه نویسه ها با حروف کوچک هستند و همین امر آن را برای استفاده به عنوان کلاس CSS عالی می کند.

همچنین به راهنمای ما مراجعه کنید نحوه اضافه کردن CSS سفارشی به وبلاگ وردپرس خود

کد فوق احتمالاً مانند این نمایش داده می شود:

اکنون می توانید از ".peter" در CSS سفارشی خود برای اصلاح همه پست های آن نویسنده خاص استفاده کنید تا متفاوت به نظر برسند.

.peter {background-color: #EEE؛ مرز: 1px جامد #CCC؛ }

ارسال مقالات بر اساس نظرات سفارشی سازی کنید

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

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

ابتدا باید تعداد نظرات را بدست آوریم و یک کلاس را مرتبط کنیم.

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

تایید شده؛ if ($ my_comment_count <10) {$ my_comment_count = 'new'؛ } elseif ($ my_comment_count> = 10 && $ my_comment_count <20) {$ my_comment_count = 'ermerging'؛ } elseif ($ my_comment_count> = 20) {$ my_comment_count = 'محبوب'؛ }؟>

این کد تعداد نظرات مربوط به انتشار ارسال شده را بررسی می کند و براساس حساب یک مقدار به آنها اختصاص می دهد. به عنوان مثال ، پیام هایی با کمتر از نظرات 10 کلاس دریافت می کنند به نام " جدید کمتر از 20 نامیده می شود سنگ سنباده "، و تمام آنچه بیش از نظرات 20 نگران است" است " محبوب '.

سپس باید کلاس CSS را به عملکرد post_class اضافه کنید.

" >

این کلاسهای جدید ، در حال ظهور و محبوب CSS را بر اساس تعداد نظرات در هر پست به تمام مقالات اضافه می کند.

ما همچنین از شما دعوت می کنیم مقاله ما را مطالعه کنید افزونه های 6 وردپرس برای امضای اسناد آنلاین

همچنین می توانید CSS سفارشی را بر اساس محبوبیت به انتشارات سبک اضافه کنید:

.New می {مرز: جامد 1px #FFFF00؛} .emerging {مرز: نقش برآب 1px #FF9933؛} .popular {مرز: نقش برآب 1px #CC0000؛}

ما فقط مرزها را اضافه می کنیم ، اما شما می توانید هر قانون CSS مورد نظر خود را اضافه کنید.

همچنین برخی از افزونه های برتر WordPress را کشف کنید  

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

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

1. نهایی عضویت در نرم افزار

Ultimate Membership Pro عالی است پلاگین وردپرس حق بیمه اشتراک و محدودیت محتوا. این امکان را به کاربران می دهد تا با ایجاد سطوح دسترسی انحصاری بر اساس بسته خود (رایگان یا پولی) مدیریت شوند.

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

مقاله ما را نیز بخوانید افزونه های WordPress Premium 4 برای ایجاد ریز عکسها

توابع اصلی آن از جمله موارد دیگر است: محافظت از محتوا ، سطح دسترسی چندگانه ، پشتیبانی از چندین درگاه پرداخت - پی پال، Authorize.net ، خط خطی، 2CheckOut ، انتقال بانکی- ، حمایت جزئی از محتوا، و خیلی بیشتر…

دانلود | نسخه ی نمایشی | میزبانی وب 

2. چگونه کشویی برای فیس بوک

چگونه کشویی برای فیس بوک است پلاگین وردپرس حق بیمه ای که به بازدیدکنندگان این امکان را می دهد که در وب سایت شما نظر بگذارند. با این جعبه نظرات مدرن و غیر سرزده، این پلاگین وردپرس قابلیت Like Box و Fan Page Wall را ارائه می دهد که ادغام وب سایت شما را با شبکه اجتماعی فیس بوک گسترش می دهد.

این افزونه همچنین قابلیت های مختلفی را برای گسترش ظرفیت وب سایت شما ارائه می دهد: به عنوان مثال دارای این ویژگی است بخش لایک ("مانند جعبه") یا صفحه ای اختصاص داده شده به طرفداران ("دیوار صفحه فن").

کشف کنید چگونه به تدریج نظرات فیس بوک و Disqus را بارگیری کنیم

نیازی نیست که دکمه های "پسندیدن" و "اشتراک گذاری" را روی پست ها یا صفحات تعبیه کنید ، زیرا Facebook Comment Slider از قبل آنها را دارد و می تواند در هر پست یا صفحه ای نشان داده شود. بازدید کنندگان دکمه "پسندیدن" را پیدا می کنند ، دکمه "اشتراک" را لمس کنید و جعبه نظرات کشویی فیس بوک. آنها بدیهی است که از حساب های فیس بوک خود استفاده خواهند کرد.

علاوه بر این ، می توانید زمان اثر لرزش را روشن ، خاموش و تنظیم کنید.

دانلود | نسخه ی نمایشی | میزبانی وب

3. ورود نینجا

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

ویژگی های دیگر آن عبارتند از: محافظت از فرم های ورود و ثبت نام با captcha، ممنوعیت خودکار و دستی IP هایی که با خشونت به شما حمله می کنند ، ثبت دقیق کلیه فعالیت های مرتبط با اتصال ، تغییر مسیر کاربر براساس نقش ها و نام های کاربری ، دریافت اعلان های ایمیل برای همه رویدادهای ارتباطی ، یک رابط گرافیکی با کاربرد آسان ، اسناد دقیق و موارد دیگر.

دانلود | نسخه ی نمایشی | میزبانی وب

منابع پیشنهادی

درباره سایر منابع پیشنهادی برای کمک به شما در ساخت و مدیریت وب سایت خود اطلاعات کسب کنید.

• افزونه های 9 وردپرس برای مدیریت پرداخت PayPal در وبلاگ خود
• 10 افزونه ضروری وردپرس برای نصب در وبلاگ خود
• 10 افزونه WordPress برای استفاده برای مدیریت تبلیغات
• افزونههای 10 وردپرس برای ایجاد ویژگی برای محصولات متغیر شما

نتیجه

اینجاست! این همه برای این آموزش است ، امیدوارم این امکان را برای شما فراهم کند که نمایش مقالات را در وبلاگ وردپرس خود تنظیم کنید. اگر در این زمینه نگرانی یا پیشنهادی دارید ، بیایید خودمان را پیدا کنیم بخش نظرات برای بحث.

با این حال، شما همچنین می توانید با ما مشورت کنید ressourcesاگر برای اجرای پروژه های ایجاد سایت های اینترنتی به عناصر بیشتری احتیاج دارید ، با مشورت راهنمای ما در مورد ایجاد وبلاگ وردپرس یا یکی در Divi: بهترین تم وردپرس در همه زمان ها.

اما در عین حال، این مقاله را در شبکه های اجتماعی مختلف خود به اشتراک بگذارید.

...