تلعب التعليقات دورًا مهمًا في بناء مجتمع على الإنترنت. توفر التعليقات منصة للتفاعل لقرائك حيث يمكنهم مشاركة أفكارهم مما يجعلهم في كثير من الأحيان يرغبون في العودة.

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

في هذا البرنامج التعليمي ، سنوضح لك كيفية تصميم نموذج تعليقات WordPress الافتراضي ، كما سنوضح لك كيفية إضافة وظيفة التعليقات عبر معرّفات الوسائط الاجتماعية وكيفية إنشاء وظيفة الاشتراك في التعليقات وغير ذلك الكثير. أكثر.

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

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

كيفية تغيير نمط من التعليقات وورد

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

من بين ملفات وورد المواضيع، لدينا ملف اسمه comments.php والتي تُستخدم لعرض التعليقات ونموذج التعليق على منشورات وصفحات المدونة. لعرض نموذج تعليقات WordPress ، comment_form () يستخدم.

اكتشف كيفية العثور على وصلة إلى صفحة تسجيل الدخول وورد

بشكل افتراضي ، تنشئ هذه الوظيفة نموذج التعليق الخاص بك بثلاثة حقول نصية (الاسم والبريد الإلكتروني وموقع الويب) ، ومربع نص كبير ، لمحتوى التعليق وزر الإرسال.

يمكنك بسهولة تعديل كل عنصر من هذه العناصر فقط من خلال معالجة فئات ومعرفات CSS الافتراضية. فيما يلي قائمة بفئات CSS الافتراضية التي يضيفها WordPress في كل نموذج تعليق.

#respond {#} الرد-لقب {#} إلغاء الفنية الرد الارتباط {} {} #commentform #author #email {} {} {} #URL #comment #submit .comment ملاحظات {} {} .required . كيف شكل مؤلف {} .comment شكل البريد الإلكتروني} {. كيف-شكل رابط} {. كيف شكل الفنية {}، يسمح .form-علامات {} .form-تقديم

من خلال ضبط فئات CSS هذه ، يمكنك تغيير مظهر نموذج التعليقات تمامًا. دعنا نحاول تغيير شيء ما لإعطائك فكرة عما يمكننا فعله.

اكتشف كيفية استبدال روابط الصورة بعد تثبيت SSL على وورد

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

#respond {خلفية: #ececec. الحشو: 0 5 0px 5px. } / * تسليط الضوء على حقل النص نشط * / الإدخال #respond [نوع = النص] جزء النص {-webkit الانتقالية: كل 0.30s سهولة في الخروج. -moz الانتقالية: كل 0.30s سهولة في الخروج. -ms الانتقالية: كل 0.30s سهولة في الخروج. -o الانتقالية: كل 0.30s سهولة في الخروج. توضيح: لا شيء؛ الحشو: 3px 0px 3px 3px. هامش: 5px 1px 3px 0px. الحدود: الصلبة 1px #DDDDDD. } #respond المدخلات [نوع = النص]: التركيز، جزء النص: التركيز {مربع الظل: 0 0 5px رغبا (81، 203، 238، 1)؛ هامش: 5px 1px 3px 0px. الحدود: الصلبة 1px رغبا (81، 203، 238، 1)؛ }

إليك الشكل الذي سيبدو عليه شكل تعليقك مع Twenty Twelve.

باستخدام هذه الفئات ، يمكنك تغيير طريقة ظهور النص داخل الحقول. هذا ما سنفعله في المثال التالي.

#author {الخط بين أفراد الأسرة: جراد البحر "جراد البحر 1.4"، "بلا الروبوت"، ارييل؛ FONT-SIZE: 16px. اللون: #1d1d1d. الرسالة تباعد: .1em. #URL} {اللون: #21759b. الخط بين أفراد الأسرة: "Luicida وحدة التحكم"، "ساعي الجديد"، "الساعي"، صغيرة؛ } 

هذه هي النتيجة التي ستنتجها الشفرة السابقة.

يمكنك أيضًا تغيير نمط زر نموذج التعليق. في المثال التالي ، سنعطيه خلفية متدرجة.

#submit {الخط بين أفراد الأسرة: ارييل؛ اللون: # FFFFFF. FONT-SIZE: 20px. الحشو: 10px. النص الديكور: لا شيء؛ مربع الظل: 0px 1px 3px #666666. -webkit مربع الظل: 0px 1px 3px #666666. -moz مربع الظل: 0px 1px 3px #666666. النص الظل: 1px 1px 3px #666666. خلفية: -webkit-الانحدار (خطي، 0 0، 0 100٪، من (#006ad4) إلى (#003366))؛ خلفية: -moz الخطية التدرج (أعلى، #006ad4، #003366)؛ } #submit: تحوم {خلفية: -webkit-الانحدار (خطي، 0 0، 0 100٪، من (#003366) إلى (#006ad4))؛ خلفية: -moz الخطية التدرج (أعلى، #003366، #006ad4)}

هنا هي النتيجة التي سيتم عرضها.

كيفية إضافة التفاعل الاجتماعي في التعليقات

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

اكتشف كيفية تثبيت البرنامج المساعد في وورد لتنشيط هذا المكون الإضافي ، يجب عليك إنشاء حساب مجاني بالانتقال إلى العنوان التالي: https://app.oneall.com

بمجرد القيام بذلك ، لن تضطر إلى تكوين واجهة برمجة تطبيقات لكل شبكة تريد استخدامها للسماح للمستخدمين بالاتصال من خلالها.

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

هذه هي الطريقة التي ستظهر بها النماذج الخاصة بك.

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

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

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

1. WP Instant Search & Auto Suggest

يسمح لك المكون الإضافي "WP Instant Search & Auto Suggest" بالحصول على اقتراحات على الفور للمقالات والصفحات وأنواع المنشورات المخصصة عند البحث في مدونة WordPress الخاصة بك. يعمل مع ملفات WPBakery et حجر الزاوية.

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

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

2. صفحة خطأ 404 إعادة التوجيه إلى الصفحة الرئيسية أو الصفحة المخصصة

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

ستتم إعادة توجيه جميع صفحات الخطأ 404 إلى الصفحة الرئيسية أو عنوان URL مخصص. باستخدام هذا وورد البرنامج المساعد، ستسمح لـ Google بتقليل الصفحة الرئيسية لموقع الويب الخاص بك إذا كان يحتوي على العديد من صفحات الخطأ 404.

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

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

3. الوظائف ذات الصلة برو 

يوفر Related Posts Pro حلاً بسيطًا ولكنه قوي لجميع أنواع المحتوى المتشابه على WordPress. وهو يدعم أنواع المنشورات المخصصة والمواقع المتعددة والفئات والمحتوى المختلط والمحتوى المخصص والمزيد ...

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

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

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

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

• كيفية عرض وصف الفئات على وورد
• كيفية تحسين ملف WordPress Robots.txt لكبار المسئولين الاقتصاديين المثالي
• كيفية إنشاء السوق مع وورد
• كيفية إضافة أداة إلى رأس وورد الخاص بك بلوق

وفي الختام

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

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

إذا كانت لديك اقتراحات أو ملاحظات ، فاتركها في قسمنا تعليقات.

...