كيفية إعطاء أسلوب فريد من نوعه إلى كل عنصر على وورد

هل سبق لك أن صادفت موقع ويب ينشر مقالاته بشكل مختلف على المدونة؟

تحتوي بعض مواقع الويب على مقالات مميزة مميزة بخلفية مخصصة بينما قد يكون لدى البعض الآخر كل فئة منشور بمظهر فريد. إذا كنت تريد دائمًا معرفة كيفية تخصيص كل منشور في WordPress ، فقد وصلت إلى المكان الصحيح.

في هذا البرنامج التعليمي ، سنوضح لك كيفية تشكيل كل مقالة في WordPress بشكل مختلف.

ولكن ، إذا لم تقم بتثبيت WordPress ، فاكتشف كيفية تثبيت وورد بلوق الخطوات 7 et كيفية العثور عليها، وتثبيت وتفعيل موضوع ورد على بلوق 

ثم عد إلى سبب وجودنا هنا.

ملاحظة : هذا البرنامج التعليمي يتطلب منك إضافة CSS مخصص على WordPress. ستحتاج أيضًا إلى استخدام أداة الفحص. مطلوب بعض المعرفة CSS و HTML.

إعطاء نمط الفردية على البنود وورد

يضيف WordPress فئات CSS الافتراضية إلى عناصر مختلفة من موقع الويب الخاص بك. أ وورد موضوع يجب أن يحتوي التوافق القياسي على رمز مطلوب بواسطة WordPress لإضافة فئات CSS للجسد والمنشورات والصفحات والأدوات والقوائم والمزيد.

أيضا اكتشاف دليلنا على روابط ثابتة: كيفية تخصيص وصلات بلوق الخاص بك

من أهم وظائف ووردبريس " post_class () يتم استخدامه بواسطة السمات لإخبار WordPress بمكان إضافة فئات CSS الافتراضية هذه على المقالات.

إذا قمت بزيارة موقع الويب الخاص بك واستخدمت أداة الفحص في متصفحك ، فستتمكن من رؤية هذه الفئات المضافة لكل منشور.

فيما يلي فئات CSS المضافة افتراضيًا بناءً على الصفحة التي يعرضها المستخدم.

• .post معرف
• .poster
• .attachement
• .gluant
• .hentry
• ID .الفئة
• اسم .الفئة
• .tag اسم
• .format- {حجم اسم}
• {.type- بعد نوع اسم}
• .has بعد المصغرات
• مطلوب .post-كلمة السر
• .protected من قبل واحد في كلمة المرور

سيبدو مثال العرض على النحو التالي:

يمكنك تخصيص كل منشور WordPress بشكل مختلف باستخدام فئات CSS المعنية.

اقرأ أيضا: كيفية تحسين وورد الخاص بك بلوق في نهاية هذا الاسبوع

على سبيل المثال ، إذا كنت ترغب في تحرير منشور فردي ، يمكنك استخدام فئة ما بعد معرف في CSS المخصص الخاص بك.

.post-412 {لون الخلفية: #FF0303. اللون: # FFFFFF. }

تذكر تغيير معرّف النشر ليطابق معرّف المنشور.

دعنا نلقي نظرة على مثال آخر.

هذه المرة ، سوف نغطي جميع المقالات المنشورة في فئة محددة تسمى "الأخبار".

اكتشف دليلنا على كيفية إضافة CSS مخصصة إلى مدونة WordPress الخاصة بك

يمكننا القيام بذلك عن طريق إضافة CSS المخصص التالي إلى موضوعنا.

.الفئة الأخبار {FONT-SIZE: 18px. على غرار الخط: مائل. }

سيؤثر هذا CSS على جميع العناصر في الفئة " موضوعية ".

وظيفة post_class ()

يستخدم مطورو السمات الوظيفة post_class () لإخبار WordPress بمكان إضافة فئات النشر. عادة ما يكون في علامة "المقالة".

وظيفة post_class () لا يقوم فقط بتحميل فئات CSS التي تم إنشاؤها بواسطة WordPress افتراضيًا ، ولكنه يسمح لك أيضًا بإضافة الفئات الخاصة بك.

اكتشف كيفية حماية جهاز بلوق كاشطات المحتوى

استنادا إلى وورد موضوع، ستجد وظيفة post_class () في ملف single.php الخاص بك أو في ملفات القالب. عادة سيبدو الرمز كما يلي:

" >

يمكنك إضافة فئة CSS المخصصة الخاصة بك بسمة مثل هذه:

" >

ستقوم فئة post_class بطباعة فئات CSS الافتراضية المناسبة مع فئة CSS المخصصة الخاصة بك.

إذا كنت ترغب في إضافة فئات CSS متعددة ، يمكنك تعريفها كصفيف واستخدامها في وظيفة post-class ().

" >

عرض المقالات بأسلوب مختلف وفقًا للمؤلفين

لا تتضمن فئات CSS الافتراضية التي تم إنشاؤها بواسطة وظيفة posts_class اسم المؤلف كفئة CSS.

إذا كنت ترغب في تخصيص نمط كل منشور بناءً على المؤلف ، فأنت بحاجة إلى إضافة اسم المؤلف كفئة CSS أولاً.

لقراءة أيضا: كيفية إضافة الرسوم المتحركة CSS ورد

يمكنك القيام بذلك باستخدام المقتطف التالي:

" >

سيضيف هذا الرمز اسم المستخدم كفئة CSS. اسم المستخدم هو اسم متوافق مع عنوان URL الذي يستخدمه WordPress. لا تحتوي على مسافات وجميع الأحرف صغيرة ، مما يجعلها مثالية للاستخدام كفئة CSS.

انظر أيضا دليلنا على كيفية إضافة CSS مخصصة إلى مدونة WordPress الخاصة بك

من المحتمل أن يظهر الرمز أعلاه مثل هذا:

الآن يمكنك استخدام ".peter" في CSS المخصص الخاص بك لتعديل جميع مشاركات هذا المؤلف المعين بحيث تظهر بشكل مختلف.

.peter {لون الخلفية: #EEE. الحدود: الصلبة 1px #CCC. }

تخصيص نشر المقالات بناءً على التعليقات

ربما تكون قد شاهدت مواقع ويب تحتوي على أدوات تحتوي على مقالات شائعة يتم تصنيفها أحيانًا بناءً على التعليقات. في هذا المثال ، سنوضح لك كيفية إنشاء نمط مختلف باستخدام عدد التعليقات.

اكتشاف لدينا 10 مكونات ووردبريس متميزة لإدارة تعليقاتك

أولاً ، نحتاج إلى الحصول على عدد التعليقات وربط الفصل.

للحصول على عدد التعليقات تحتاج إلى إضافة الكود التالي في ملفاتك وورد موضوع. ينتقل هذا الرمز إلى حلقة WordPress، ويمكنك إضافته قبل العلامة مباشرةً .

وافق؛ إذا (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 = 'popular'؛ }؟>

يتحقق هذا الرمز من عدد تعليقات المنشور المنشور ويعين لهم قيمة بناءً على الحساب. على سبيل المثال ، تحصل الرسائل التي تحتوي على أقل من تعليقات 10 على فئة تسمى " جديد تسمى أقل من 20 الناشئة "، وكل ما يهم أكثر من تعليقات 20 هو" شعبي ".

ثم تحتاج إلى إضافة فئة CSS إلى وظيفة post_class.

" >

سيؤدي هذا إلى إضافة فئات CSS الجديدة والناشئة والشعبية إلى جميع المقالات بناءً على عدد التعليقات في كل منشور.

ندعوك أيضا لقراءة مقالتنا على 6 WordPress plugins لتوقيع المستندات عبر الإنترنت

يمكنك أيضًا إضافة CSS مخصص لمنشورات النمط بناءً على الشعبية:

. جديد {الحدود: الصلبة 1px #FFFF00؛} {.emerging الحدود: متقطع 1px #FF9933؛} {.popular الحدود: متقطع 1px #CC0000؛}

نضيف الحدود فقط ، ولكن يمكنك إضافة أي قواعد CSS تريدها.

اكتشف أيضًا بعض الإضافات المتميزة لبرنامج WordPress  

يمكنك استخدام ملفات أخرى الإضافات وورد لإضفاء مظهر عصري ولتحسين الاتصال بمدونتك أو موقع الويب الخاص بك.

نحن نقدم لك هنا بعض الإضافات WordPress المتميزة التي سوف تساعدك على القيام بذلك.

1. العضوية في نهاية المطاف برو

Ultimate Membership Pro هي لعبة رائعة وورد البرنامج المساعد قسط الاشتراك وتقييد المحتوى. يسمح للمستخدمين بالإدارة وفقًا لحزمتهم (مجانية أو مدفوعة) من خلال إنشاء مستويات وصول حصرية.

وبالتالي سيكون من الممكن ل حماية جميع محتويات موقع الويب الخاص بك، أو مجرد جزء منه. سيكون على سبيل المثال دورة ، درس ، صفحة ، منتج ، فئة ، صورة ، إلخ ...

اقرأ أيضا مقالتنا على 4 الإضافات ووردبريس قسط لإنشاء الصور المصغرة

تشمل ميزاته الرئيسية: حماية المحتوى ، ومستويات متعددة من الوصول ، ودعم بوابات الدفع المتعددة - PayPal، Authorize.net ، شريط، 2CheckOut ، حوالة مصرفية- ، الحماية الجزئية للمحتوى، وأكثر من ذلك بكثير…

تحميل | عرض | استضافة المواقع 

2. كيف المنزلق ل فيسبوك

كيف شريط التمرير ل فيسبوك هو وورد البرنامج المساعد قسط يوفر للزائرين خيار ترك التعليقات على موقع الويب الخاص بك. مع هذا المربع الحديث وغير التدخلي ، هذا وورد البرنامج المساعد يوفر ميزة Like Box و Fan Page Wall التي ستعمل على توسيع تكامل موقع الويب الخاص بك مع شبكة Facebook الاجتماعية.

يوفر المكوّن الإضافي أيضًا وظائف متنوعة لتوسيع قدرات موقع الويب الخاص بك: على سبيل المثال قسم الإعجاب (“Like Box”) أو صفحة مخصصة للمعجبين (“Fan Page Wall).

اكتشف ايضا كيفية تحميل تدريجيا الفيسبوك و Disqus التعليقات

لست بحاجة إلى تضمين أزرار "أعجبني" و "مشاركة" في المنشورات أو الصفحات ، لأن شريط تعليق التعليقات على Facebook يحتوي عليها بالفعل ويمكن أن تظهر في أي منشور أو صفحة. سيجد الزوار الزر "أعجبني" ، زر "مشاركة" ومربع تعليقات شريط التمرير في Facebook. من الواضح أنهم سيستخدمون حساباتهم على Facebook.

إلى جانب ذلك ، يمكنك تشغيل وإيقاف وضبط وقت تأثير الاهتزاز.

تحميل | عرض | استضافة المواقع

3. تسجيل الدخول النينجا

يتيح لك المكون الإضافي WordPress المميز هذا تخصيص صفحة تسجيل الدخول الخاصة بك. إنه أكثر من مجرد تخصيص نموذج تسجيل الدخول الخاص بك. يمكنك تخصيص الصفحة بأكملها عن طريق تغيير لون الصفحة وإضافة صورة خلفية وإضافة شعار والمزيد.

ميزاته الأخرى هي: حماية نماذج تسجيل الدخول والتسجيل باستخدام الكابتشا، والحظر التلقائي واليدوي لعناوين IP التي تهاجمك بالقوة الغاشمة ، وسجل مفصل لجميع أنشطة الاتصال ، وإعادة توجيه المستخدم بناءً على الأدوار وأسماء المستخدمين ، تلقي إخطارات البريد الإلكتروني لجميع أحداث الاتصال ، واجهة رسومية سهلة الاستخدام ، وثائق تفصيلية والمزيد.

تحميل | عرض | استضافة المواقع

الموارد الموصى بها

تعرف على الموارد الأخرى الموصى بها لمساعدتك في بناء وإدارة موقع الويب الخاص بك.

• ملحقات 9 WordPress لإدارة مدفوعات PayPal على مدونته
• 10 إضافات WordPress أساسية لتثبيتها على مدونتك
• 10 مكونات ووردبريس تستخدم لإدارة الإعلانات
• الإضافات 10 WordPress لإنشاء سمات لمنتجاتك المتغيرة

وفي الختام

ها هو! هذا كل شيء في هذا البرنامج التعليمي ، آمل أن يسمح لك بتخصيص عرض المقالات على مدونة WordPress الخاصة بك. إذا كان لديك أي مخاوف أو اقتراحات في هذا المجال ، فلنجد أنفسنا فيها قسم التعليقات للمناقشة.

ومع ذلك ، ستتمكن أيضًا من الرجوع إلى موقعنا RESSOURCES، إذا كنت بحاجة إلى مزيد من العناصر لتنفيذ مشاريعك الخاصة بإنشاء مواقع الإنترنت ، من خلال الرجوع إلى دليلنا على وورد خلق بلوق أو واحد على ديفي: أفضل موضوع وورد في كل العصور.

ولكن في هذه الأثناء ، شارك هذا المقال على الشبكات الاجتماعية المختلفة.

...