بدائل إضافة تعليق تعليق. صقل نموذج التعليق

أسهل طريقة هي أن تأخذ هذه الوظيفة وتحررها بنفسك ، ثم تسميها كوظيفة مخصصة عن طريق كتابتها في ملف comments.php أو function.php.

بعد إدراج التعليقات ، يمكنك تغيير مظهرها من خلال أنماط CSS. يتم تكرار بعض خيارات wp_list_comments () في مشرف WP ، خيارات → علامة تبويب المناقشة ، لا سيما وجود تعليقات الشجرة ، والفرز حسب التاريخ ، وما إلى ذلك.

استمارة تقديم التعليق

لإضافة نموذج تعليق ، استخدم وظيفة comment_form (). دعنا نضيفه أسفل قائمة التعليقات:

لا توجد تعليقات حتى الآن ، ولكن يمكنك أن تكون الأول

المناقشات مغلقة لهذه الصفحة

من خلال هذه المكالمة ، سيقوم comment_form () بتحميل الكود الافتراضي من ملف WordPress comment-template.php. تأخذ الوظيفة معلمتين:

Comment_form ($ args، $ post_id)؛

• $ args - مجموعة من إعدادات إخراج النموذج
• $ post_id - معرّف المنشور الذي سيتم تطبيق الوظيفة عليه ، افتراضيًا المنشور الحالي

دعنا على سبيل المثال نقوم بالتحقق من صحة حقول نموذج HTML5 وإضافة تلميحات نصية. لنقم بإنشاء مصفوفة $ args لإدخال الإعدادات المطلوبة:

$ args = array () ؛ comment_form ($ args) ؛

في المصفوفة ، تحتاج إلى كتابة مفاتيح الإعدادات:

$ args = array ("field" => application_filters ("comment_form_default_fields"، $ الحقول))؛

نحتاج الآن إلى ملء متغير مصفوفة الحقول $ ، والذي يتضمن حقول النموذج. أسهل طريقة هي أخذ كود WordPress الافتراضي من comment-template.php وتعديله قليلاً:

"

" .__("اسم") . "". (req؟" *" : "") . "

" .__("بريد إلكتروني") . "". (req؟" *" : "") . "

" .__("موقع إلكتروني") . "" . "

هنا ، قيم المؤلف والبريد الإلكتروني ومعلمات url هي كود html لحقول الاسم والبريد وموقع الويب ، على التوالي. هذه القيم تحتاج إلى تعديل.

بالنسبة للحقول ، نحتاج إلى إضافة السمات التالية:

• مطلوب - يجعل الحقول إلزامية ، قم بإضافتها لحقلي "الاسم" و "الموقع"
• عنصر نائب - يضيف تلميحًا نصيًا إلى الحقل
• نمط = "(3،)" لحقل "الاسم" - حدد الاسم بأحرف الأبجدية اللاتينية أو الروسية وطول 3 أحرف على الأقل
• اكتب = "email" لحقل "Mail" - سيضيف هذا التحقق من صحة البريد الإلكتروني بتنسيق HTML5
• الإكمال التلقائي - يتيح الإكمال التلقائي للحقول
• اكتب = "url" لحقل "الموقع"

ضع في اعتبارك أن سمات HTML5 الجديدة لن تعمل في المتصفحات القديمة. تلك المتصفحات التي لا تفهم أنواع الحقول الجديدة ستعرضها ببساطة كنص ، أي .

بالإضافة إلى ذلك ، بالنسبة لمدونتي ، قمت بتبديل العلامات في بعض الأماكن ، وإضافة فئات للتصميم ، ونتيجة لذلك حصلت على كود مصفوفة الحقول $ التالية:

"

".__ (" الاسم "). (req $؟" *" : "") . "

".__ (" البريد الإلكتروني "). (req $؟" *" : "") . "

" .__("موقع إلكتروني") . "

لقد قمنا بتغيير حقول إدخال البيانات. الآن دعنا نعدل شكل التعليق نفسه . نقوم بتغيير كود النموذج باستخدام معامل comment_field لمصفوفة $ args:</p><p> <?php "comment_field" => "<p class="comment-form-comment"><label for="comment">"._x (" تعليق "،" اسم ")."</label><textarea id="comment" name="comment" class="comment-form" cols="45" rows="8" aria-required="true" placeholder="رسالة نصية...">

هذا هو رمز WordPress القياسي ، لقد قمت بتعديله قليلاً - لقد أضفت تلميحًا نصيًا وأضفت فئة إضافية للتصميم.

إليكم ما انتهيت به مع تصميم CSS:

نموذج تعليق WordPress باستخدام سمات HTML5

حصيلة

أخيرًا ، سأتخلص من التعليقات الناتجة عن كود php:

قراء المقال ""

• كن أول من يعلق - حاول المؤلف

1. معرف = "لي تعليق-">
   "); ?> ٪س يكتب:") ، get_comment_author_link ())؟>

   comment_approved == "0"):؟>
   

   عمق $، "max_depth" => $ args ["max_depth"])))؟>
   "رد" ، "رد" => "verstaka_comment") ؛ wp_list_comments ($ args) ؛ ؟>

".__ (" الاسم "). (req $؟" *" : "") . "

".__ (" البريد الإلكتروني "). (req $؟" *" : "") . "

" .__("موقع إلكتروني") . "

"._x (" تعليق "،" اسم ")."

المناقشات مغلقة لهذه الصفحة

التعليمات على التعليقات

كيف تميز تعليقات المؤلف والمستخدم؟

في بعض الأحيان يكون من الملائم جدًا تعيين مظهر منفصل لتعليقات المؤلف ، بل إن هناك مكونات إضافية خاصة بذلك. ومع ذلك ، يمكنك الاستغناء عن أي ملحقات - فقط عن طريق كتابة أنماط لفئة .bypostauthor في ملف css. وبالمثل ، يمكنك تعيين أنماط لتعليقات المستخدم - .bypostuser:

كيف تصمم تعليقات الشجرة؟

لتمكين تعليقات الشجرة ، يجب أن تذهب إلى مسؤول WP ، الإعدادات ← المناقشة ← السماح بتعليقات الشجرة. الآن التعليقات الفرعية سيكون لها هيكل شجرة ، ويمكن إعطاؤها أنماط منفصلة ، على سبيل المثال ، مسافة بادئة. كل ما عليك فعله هو تعيين قواعد css للقائمة مع فئة .children:

قائمة التعليقات. الأطفال (المساحة المتروكة: 0 0 0 40 بكسل ؛ / * المساحة المتروكة لتعليقات الأطفال * /)

أنماط التعليقات الفردية والزوجية

يعطي WordPress افتراضيًا التعليقات الفردية class.even ، even comments.odd. من خلال هذه الفئات ، من السهل تحديد الأنماط الخاصة بك:

قائمة التعليقات حتى (/ * أنماط التعليقات الفردية * /) .commentlist .odd (/ * أنماط التعليقات الزوجية * /)

كيف تغلق التعليقات على منشور واحد؟

سهل جدًا - انتقل إلى الصفحة لكتابة منشور ، إعدادات الشاشة ← المناقشات ، تظهر مجموعة المناقشات أسفل حقل النشر ، وقم بإلغاء تحديد عنصر السماح بالتعليقات.

• عند تجميع قالب التعليقات الخاص بك ، يمكنك استخدام ملفات comments.php من قوالب WordPress القياسية والمدفوعة والمجانية الأخرى
• بديل للتعليقات القياسية هو المكونات الإضافية لنماذج التعليقات من طرف ثالث ، مثل DISQUS الشهير
• من الممكن تمامًا تعديل الكود مباشرةً في ملف comment-template.php نفسه ، ومع ذلك ، في حالة تحديث WordPress ، سيتم استبدال جميع التعليمات البرمجية - سيتعين عليك تحريرها مرة أخرى
• تذكر - لا يوجد قالب تعليق مثالي

ساعد المشروع

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

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

إليك ما سنفعله:

• التخصيص الكامل
• تصميم المظهر
• ترقيم التعليق
• عدد المشاركات لكل مستخدم
• تعيين حالة لكل مستخدم
• وأشياء صغيرة أخرى

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

تخصيص التعليقات

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

لذا ، إذا لم يقع المظهر الخاص بك في حالة نادرة وكانت هناك حاجة لعمل الإعدادات الخاصة بك ، فافتح ملف function.php وأضف الكود التالي قبل علامة؟>:

If (! function_exists ("my_comment")): function my_comments ($ comment، $ args، $ deep) (global $ commentnumber؛ $ GLOBALS ["comment"] = $ comment؛ switch ($ comment-> comment_type): case " pingback ": case" trackback ":؟>

ثم في ملف comments.php أضف وظيفة استدعاء:

"تعليقاتي"))؛ رقم التعليق بالدولار = 0 ؛ ؟>

بعد هذه التلاعبات ، سيتم إنشاء تعليقاتك وفقًا لوظيفة القالب من ملف function.php للموضوع الحالي.

عد تعليقات كل مستخدم

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

نفتح ملف functions.php المألوف لدينا بالفعل ونكتب الكود التالي في النهاية قبل العلامة؟>:

// count user posts function وظيفة bac_comment_count_per_user () (global $ wpdb؛ $ comment_count = $ wpdb-> get_var ("SELECT COUNT (comment_ID) FROM". $ wpdb-> comments. "WHERE comment_author_email ()". get_comment_author_email () ". get_comment_author_email ()) "AND comment_approved =" 1 "AND comment_type NOT IN (" pingback "،" trackback ")") ؛ if ($ comment_count == 1) (echo "1 Post"؛) else (echo "". $ comment_count. "المشاركات "؛))

يبقى الآن إضافة وظيفة الاتصال إلى المكان الذي تريده:

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

نقوم بتعيين حالة لكل مستخدم بناءً على عدد التعليقات

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

افتح ملف functions.php مرة أخرى وأضف الكود التالي قبل علامة؟>:

// وظيفة حالة المستخدم get_author_class ($ comment_author_email، $ user_id) (global $ wpdb؛ $ adminEmail = get_option ("admin_email")؛ $ author_count = count ($ wpdb-> get_results ("SELECT comment_ID as author_count FROM $ wpdb-> AdminUse_count) "؛ إذا ($ author_count> = 1 && $ author_count<50 && $comment_author_email !==$adminEmail) echo "Прохожий"; else if($author_count>= 50 && $ author_count<100 && $comment_author_email !==$adminEmail) echo "Новичок"; else if($author_count>= 100 && $ author_count<250 && $comment_author_email !==$adminEmail) echo "Знающий"; else if($author_count>= 250 && $ author_count<400 && $comment_author_email !==$adminEmail) echo "Опытный"; else if($author_count>= 400 && $ author_count<800 && $comment_author_email !==$adminEmail) echo "Бывалый"; else if($author_count>= 800 && $ author_count<1200 && $comment_author_email !==$adminEmail) echo "СуперПупер"; else if($author_count>أستاذ"؛ )

وفي المكان المطلوب نخرج وظيفة الاستدعاء:

comment_author_email، $ comment-> user_id)؟>

توضيح:الوظيفة ، مثل الوظيفة السابقة ، مرتبطة بالبريد الإلكتروني للمستخدم. هنا فقط المهمة الرئيسية ليس من السهل عد الرسائل ، ولكن الرقم من وإلى حسب الرقم المحدد. وبمجرد وصول المستخدم إليها ، يحصل على منصب معين. هناك 7 حالات إجمالاً ، بالإضافة إلى مسؤول وشارة للمشاركين المسجلين.

كود التعليق منتهي بالكامل

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

افتح ملف functions.php وفي النهاية قبل العلامة؟> أضف الكود التالي:

// count user posts function وظيفة bac_comment_count_per_user () (global $ wpdb؛ $ comment_count = $ wpdb-> get_var ("SELECT COUNT (comment_ID) FROM". $ wpdb-> comments. "WHERE comment_author_email ()". get_comment_author_email () ". get_comment_author_email ()) "AND comment_approved =" 1 "AND comment_type NOT IN (" pingback "،" trackback ")") ؛ if ($ comment_count == 1) (echo "1 Post"؛) else (echo "". $ comment_count. "المشاركات "؛)) // وظيفة حالة المستخدم get_author_class ($ comment_author_email، $ user_id) (global $ wpdb؛ $ adminEmail = get_option (" admin_email ")؛ $ author_count = count ($ wpdb-> get_results (" SELECT comment_ID as author_count FROM $ wpdb-> comments WHERE comment_author_email = "$ comment_author_email" ")) ؛ إذا كان ($ comment_author_email == $ adminEmail) صدى" Admin "؛ إذا ($ user_id! = 0 && $ comment_author_email! = $ adminEmail) صدى" UseR "؛ إذا ($ author_count> = 1 && $ author_count<50 && $comment_author_email !==$adminEmail) echo "Прохожий"; else if($author_count>= 50 && $ author_count<100 && $comment_author_email !==$adminEmail) echo "Новичок"; else if($author_count>= 100 && $ author_count<250 && $comment_author_email !==$adminEmail) echo "Знающий"; else if($author_count>= 250 && $ author_count<400 && $comment_author_email !==$adminEmail) echo "Опытный"; else if($author_count>= 400 && $ author_count<800 && $comment_author_email !==$adminEmail) echo "Бывалый"; else if($author_count>= 800 && $ author_count<1200 && $comment_author_email !==$adminEmail) echo "СуперПупер"; else if($author_count>= 1200 && $ comment_author_email! == $ adminEmail) صدى "أستاذ" ؛ ) // تخصيص التعليقات if (! function_exists ("Wordsmall_comment")): function wordsmall_comment ($ comment، $ args، $ deep) (global $ commentnumber؛ $ GLOBALS ["comment"] = $ comment؛ switch ($ comment-> comment_type): case "pingback": case "trackback":؟>

افتح الآن ملف comments.php ، ونجد وظيفة استدعاء التعليقات فيه. يشبه هذا:

غيّر إلى هذا:

"Wordsmall_comment")) ؛ ؟>

الخطوة النهائية. افتح ملف style.css وأضف الأنماط التالية في النهاية:

My_commentlist (border-top: none؛) .my_commentlist .comment (المساحة المتروكة: 0 0 15px 0؛ border: none؛) .my_commentlist .pingback (padding: 0 0 15px 0؛ border: none؛) .my_commentlist. list-style-type: none؛ padding: 0px؛ margin-left: 0px؛ / * إذا كنت بحاجة إلى حشوة لشجرة com. اضبطها على 15px * /) .my_commentlist .comment .children .comment (margin: 15px 0 0 0 ؛ border: none؛ padding: 0؛) #comments (background: #fff؛) #comments .my_commentlist (margin: 10px 0؛ padding: 0؛ list-style: none؛ background: # ebf0f3؛ padding: 5px؛) # comments .my_commentlist .comment (margin: 0؛ padding: 0 0 10px؛ background: #fff؛) #comments .my_commentlist .my_comment-author (display: inline؛ border-right: 1px solid # e0e0e0؛ width: 100px؛ float: left؛ margin: 0px 15px 10px 0؛) #comments .my_commentlist .commentmetadata (float: left؛) #comments .my_commentlist p (clear: none؛ color: # 555؛ font: 14px arial؛ line-height: 23px؛) # التعليقات .my_commentlist. comment-conte nt (الهامش الأيسر: 116 بكسل ؛ المساحة المتروكة لليمين: 10 بكسل ؛ ) #comments .my_commentlist .reply (text-align: right؛) #comments .my_commentlist .reply a (background: # f5f5f5؛ border: 1px solid rgba (0، 0، 0، 0.06)؛ border-radius: 2px؛ color : # 515456؛ العرض: inline-block؛ font-size: 13px؛ font-weight: normal؛ line-height: 30px؛ margin-right: 15px؛ min-height: 30px؛ padding: 0 12px؛ text-align: center ؛ text-decoration: none؛) .my_commentlist .avatar (border: medium no؛ border-radius: 50٪؛ float: none؛ margin: 5px auto؛ padding: 0px؛ display: table؛) .my_commentlist .comment-header ( الارتفاع: 30 بكسل ؛ الخلفية: # DEE5EB ؛ الهامش السفلي: 15 بكسل ؛) .my_commentlist cite.fn (اللون: # 444 ؛ الخط: غامق 13 بكسل / 30 بكسل ؛ المساحة اليسرى: 10 بكسل ؛). my_commentlist .com_date (اللون: # 8ca0b5 ؛ الخط: عادي 13 بكسل / 30 بكسل arial ؛ تعويم: يمين ؛ المساحة اليمنى: 15 بكسل ؛) .my_commentlist .comment-body (overflow: hidden ؛ position: نسبي؛ الخلفية: #fff ؛ ) .my_commentlist .rep-authorcom (color: # 25394e؛ font-size: 13px؛ line-height: 30px؛) .my_commentlist .edit-link a (background: none! important؛ border: none! important؛ border-radius: 0! مهم ؛ اللون: # 999! مهم ؛ العرض: inline-block ؛ حجم الخط: 11px! ؛ الحشو: 0! مهم ؛ محاذاة النص: المركز ؛ زخرفة النص: لا شيء ؛) .com_per (الحد: متوسط ​​بلا ؛ اللون: # 666 ؛ العرض: الكتلة ؛ حجم الخط: 11 بكسل ؛ محاذاة النص: المركز ؛) .vip1 ، .vip ، .vp ، .vip2 ، .vip3 ، .vip4 ، .vip5 ، .vip6 ، .vip7 (الحد: متوسط ​​بلا ؛ الخط: غامق 13 بكسل ؛ العرض: block ؛ محاذاة النص: المركز ؛ الهامش- أسفل: 5 بكسل ؛ زخرفة النص: لا شيء ؛). vp (اللون: # e82e24 ؛) .vip1 (اللون: # 348be8 ؛) .vip2 (اللون: # BE005E ؛) .vip3 (اللون: # 2e517e ؛) .vip4 ( اللون: # 658a18 ؛) .vip5 (اللون: # 00A56D ؛) .vip6 (اللون: # e35d28 ؛) .vip7 (اللون: # 99A400 ؛) .vip (اللون: # 4c5176 ؛ حجم الخط: 11 بكسل ؛ الهامش: 0 ؛)

تعمل الشفرة بشكل كامل ولا تسبب أخطاء ، ولكن قد يلزم إجراء تغييرات طفيفة في أنماط CSS.

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

في هذه المقالة سوف أتطرق إلى الأسئلة التالية:

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

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

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

حسنًا ، دعنا الآن نعود إلى الموضوع!

لنبدأ بكيفية تأثير تعليقات WordPress على تصنيفات المدونات في محركات البحث ؟! الجواب واضح - هذا هو تأثير PF ، أي العوامل السلوكية!

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

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

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

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

كفى نظرية ، دعنا ننتقل إلى الجزء العملي!

كيفية تخصيص نموذج تعليق WordPress

في الواقع ، يعد إعداد وحدة التعليقات أمرًا بسيطًا للغاية ولن يستغرق الكثير من الوقت. كل ما عليك فعله هو تحديد المربعات حيث فعلت! اتبع التعليمات وسوف تنجح بأفضل طريقة ممكنة!

كيفية تصميم نموذج التعليق بشكل جميل

في هذه المرحلة ، ستحتاج على الأقل إلى معرفة أساسية بـ css و html. إذا لم يكن لديك ، فافعل ذلك على مسؤوليتك الخاصة ولا تنس حفظ الكود الأصلي قبل التحرير.

لتغيير تصميم التعليقات ، تحتاج إلى العثور عليها في الإعدادات ، المظهر - المحرر - ورقة الأنماط (style.css) ، شيء مثل هذا الرمز:

التعليق

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

كيفية إبراز تعليقات المؤلف بدون إضافة

لماذا هذا مطلوب ؟! حسنًا ، أولاً وقبل كل شيء ، يعطي الزائر فكرة عن مؤلف المدونة ، من بين المعلقين الآخرين! سيسهل أيضًا على مؤلف المدونة التنقل!

سيساعد المكون الإضافي في حل هذه المشكلة - تمييز تعليقات المؤلف ، لكنني لست مؤيدًا للمكونات الإضافية ، نظرًا لأن عددًا كبيرًا منها يؤثر سلبًا على المدونة! لذلك ، كلما أمكن ، أحاول أن أفعل كل شيء في الكود ، وهو ما أنصحك به!

لتنفيذ هذه الميزة مع رمز بدون مكون إضافي ، تحتاج إلى إضافة فئة نمط جديدة مع تسجيل دخول مسؤول المدونة في الإعدادات: المظهر - المحرر - ورقة الأنماط (style.css).

في حالتي ، يبدو الرمز كما يلي:

قائمة التعليقات div.comment-author- تسجيل الدخول الخاص بك عند مدخل لوحة الإدارة(background-color: # f5f5e1!

وتغيير التصميم يختلف عن التعليقات الأخرى! كل شيء بسيط!

لمنع أي مهاجم من معرفة معلومات تسجيل الدخول الحقيقية الخاصة بك ، اكتب الكود في function.php

الوظيفة del_login_css ($ css) (
foreach ($ css كـ $ key => $ class) (
إذا (strstr ($ class، "تسجيل دخولك الحقيقي")) (
$ css [$ key] = "تعال بخيال"؛ ))
إرجاع $ css؛
}
add_filter ("comment_class"، "del_login_css") ؛

كيف تصنع Gravatar بنفسك (الصورة في التعليقات)

إذا كنت تريد عرض صورتك عند التعليق على مدوناتك الخاصة أو مدونات أخرى ، وليس صورة فارغة ، فأنت بحاجة إلى القيام بما يلي. سجل على https://ru.gravatar.com

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

الإضافات الهامة للتعليق في ووردبريس

سأدرج المكونات الإضافية الثلاثة الرئيسية للتعليق الموجودة في مدونتي. أوصي بتثبيتها!

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

المشاعر في شكل تعليق وورد

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

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

مع خالص التقدير ، فلاديمير سافيليف

دروس متميزة من webformyself club

أكثر

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

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


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

لذلك دعونا نجري تغييرًا قريبًا! ؛)
نذهب إلى مجلد موقعنا ونجد ملف wp-include / comment-template.php فيه. نحن نبحث عن السطر 1522 فيه ، نعم ، نعم ، بالضبط. كيف وجدتها بنفسي هي قصة كاملة ، سأخبرك عنها بعد قليل :)
لذا ، افتح الملف للتحرير وانتقل إلى السطر 1522. الآن هي وما يليها (حتى 1529) شيء من هذا القبيل:

$ الحقول = مجموعة ("المؤلف" => "

" . "" .__("اسم") . "". (req؟" *" : "") . "

" .__("بريد إلكتروني") . "". (req؟" *" : "") . "

" .__("موقع إلكتروني") . "" . "

كم هو بسيط وواضح كل شيء. يكفي فقط قطع كل شيء غير ضروري وإضافة القليل. سيتم إلحاق المعلمة

عنصر نائب = "(! LANG: نص تلميح" !}

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

"

دعنا نحذف الأسطر:

"

" . "" .__("اسم") . "". (req؟" *" : "") "

" .__("بريد إلكتروني") . "". (req؟" *" : "") "

" .__("موقع إلكتروني") . ""

هم مسؤولون عن عرض التسميات التوضيحية فوق الحقول.
نتيجة لكل هذه التلاعبات ، حصلنا على ما يلي:

$ الحقول = مجموعة ("المؤلف" => "

يبقى فقط لإزالة التلميح الغبي "لن يتم نشر بريدك الإلكتروني. الحقول المطلوبة مشار إليها بعلامة * ". للقيام بذلك ، احذف الخط (حوالي 1537):

"comment_notes_before" => "

".__ (" لن يتم نشر عنوان بريدك الإلكتروني. "). (req؟ $ required_text:" ")."

يبدو أن هذا كل شيء ، الآن أصبح شكلنا أكثر جاذبية. آمل أن تكون هذه المعلومات مفيدة لشخص ما :)

اشترك ، تعليق ، سأكون سعيدًا بأي تعليقات مناسبة. ربما لا أعرف شيئًا بنفسي ويمكنك فعل ذلك بشكل مختلف ، مشاركة أفكارك.

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

الخطوة 1. فهم الوظيفة comment_form وحججها

ضع في اعتبارك وظيفة comment_form في WordPress. وهي مسؤولة عن عرض نموذج التعليق المعروض على الصفحة أو المنشور. يمكن العثور على الاستدعاء لهذه الوظيفة بشكل أساسي في الملف التعليقاتفي مجلد الموضوع. يتم تضمين هذا الملف في أماكن مختلفة ، على سبيل المثال ، في الملفات مفرد. phpو page.php، مباشرة أو من خلال استدعاء للدالة comments_template.

يمكن العثور على وصف للميزة في مجلد ملفات WordPress.

إذا كنت تستخدم وظيفة comment_form لعرض نموذج ، فسيتم تقديمه باستخدام المعلمات الافتراضية وسيحتوي على حقول مثل الاسم والبريد الإلكتروني (كلا الحقلين مطلوبان) وموقع الويب ومحتوى التعليق. في نسق Twenty Eleven الافتراضي ، سيبدو النموذج هكذا.

بعض الحجج المهمة لوظيفة comment_form:

• الحقول - بمساعدتها ، يمكنك التحكم في إخراج الحقول في نموذج التعليق.
• يتم استخدام comment_notes_before و comment_notes_after لعرض المعلومات قبل النموذج وبعده.
• title_reply - تُستخدم لتغيير عنوان الرد ، والذي يتم تعيينه افتراضيًا على "اترك ردًا".
• label_submit - تُستخدم لتغيير النص الموجود على زر إرسال التعليق.

الخطوة 2. تخصيص نموذج التعليق باستخدام الوظيفةتعليق_شكل

لنقم الآن بتخصيص نموذج التعليق الخاص بنا عن طريق تمرير الوسائط إلى الوظيفة comment_form.

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

$ الحقول = مجموعة ("المؤلف" => "

" . "" .__("اسم") . "". (req؟" *" : "") . "

" .__("بريد إلكتروني") . "". (req؟" *" : "") . "

" .__("موقع إلكتروني") . "" . "

إذا احتجنا إلى إزالة حقل ، على سبيل المثال موقع الويب ، فنحن نحتاج فقط إلى استبعاده من المصفوفة وتمرير المصفوفة إلى وظيفة comment_form.

$ commenter = wp_get_current_commenter () ؛ req = get_option ("required_name_email") ؛ $ aria_req = ($ req؟ "aria-required =" true ":" ")؛ $ الحقول = مجموعة ("المؤلف" => "

" . "" .__("اسم") . "". (req؟" *" : "") . "

" .__("بريد إلكتروني") . "". (req؟" *" : "") . "

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

لإكمال المهمة ، نقوم بتمرير الوسيطات التالية إلى وظيفة comment_form:

$ commenter = wp_get_current_commenter () ؛ req = get_option ("required_name_email") ؛ $ aria_req = ($ req؟ "aria-required =" true ":" ")؛ $ الحقول = مجموعة ("المؤلف" => "

" . "" .__("اسم") . "". (req؟" *" : "") . "

" .__("بريد إلكتروني") . "". (req؟" *" : "") . "

سيبدو نموذج التعليق الآن كما يلي:

الخطوه 3 إزالة الحقول من نموذج باستخدام خطاف

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

دعنا نزيل حقل عنوان URL باستخدام عامل تصفية. يمكن استخدام الكود أعلاه في ملحق أو في ملف وظائف. phpموضوع نشط.

الوظيفة remove_comment_fields (حقول $) (unset (حقول $ ["url"]) ؛ إرجاع حقول $ ؛) add_filter ("comment_form_default_fields"، "remove_comment_fields") ؛

الخطوة 4: إضافة البيانات إلى نموذج التعليق باستخدام خطاف

يمكننا إضافة حقول إلى النموذج باستخدام مرشح "comment_form_default_fields". دعنا نضيف حقل عمر المؤلف باستخدام مرشح ونحفظ هذا الحقل ببيانات إضافية ونعرضه في التعليقات.

أضف حقلاً مثل هذا:

الوظيفة add_comment_fields (الحقول $) ($ الحقول ["age"] = "

" .__("عمر") . "" . "

#r response .comment-form-author label ، #Respondment.com-form-email label ، #r response .comment-form-url label ، #respond.comment-form-age label ، #respond .comment-form-comment label ( الخلفية: #eee ؛ -webkit-box-shadow: 1px 2px 2px rgba (204،204،204،0.8) ؛ -moz-box-shadow: 1px 2px 2px rgba (204،204،204،0.8) ؛ box-shadow: 1px 2px 2px rgba (204،204،204، 0.8) ؛ اللون: # 555 ؛ العرض: كتلة مضمنة ؛ حجم الخط: 13 بكسل ؛ يسار: 4 بكسل ؛ الحد الأدنى للعرض: 60 بكسل ؛ الحشو: 4 بكسل 10 بكسل ؛ الموضع: نسبي ؛ أعلى: 40 بكسل ؛ مؤشر z: 1 ؛)

سيبدو نموذج التعليق الآن كما يلي:

يتم تخزين العمر الآن كمعلومات إضافية. تحتاج إلى استخدام خطاف في "comment_post":

الوظيفة add_comment_meta_values ​​($ comment_id) (if (isset ($ _ POST ["age"])) ($ age = wp_filter_nohtml_kses ($ _ POST ["age"]) ؛ add_comment_meta ($ comment_id، "age"، $ age، false) ؛ )) add_action ("comment_post"، "add_comment_meta_values"، 1)؛

بمجرد حفظ البيانات ، يمكن عرضها في تعليق مثل هذا:

comment_ID، "العمر" ، صحيح) ؛ ؟>

الخطوة الخامسة إعداد التعليقات لأنواع منشورات معينة

في بعض الأحيان تريد استخدام الحقول في التعليقات لأنواع معينة فقط من المشاركات. دعنا نغير الكود لعرض حقل العمر لكتاب نوع السجل فقط:

الوظيفة add_comment_fields (حقول $) (if (is_singular ("books")) ($ الحقول ["age"] = "

" .__("عمر") . "" . "

الخطوة 6. قم بإنشاء وظيفة إرجاع لعرض التعليقات

تُستخدم الوظيفة wp_list_comments لعرض التعليقات في المنشورات. يصف كودكس WordPress الميزة بالتفصيل.

يحتوي wp_list_comments على وسيطة "callback" والتي يمكن استخدامها لتحديد وظيفة يتم استدعاؤها عند عرض تعليق.

في نسق Twenty Eleven في الملف التعليقاتيمكنك العثور على الخط:

wp_list_comments (array ("callback" => "teneleven_comment")) ؛

دعنا نغيره إلى:

wp_list_comments (array ("callback" => "my_comments_callback")) ؛

سيتم استدعاء وظيفة my_comments_callback لكل منشور.

الخطوة 7 تصفيف التعليقات

الآن سنقوم بتغيير أسلوب التعليق قليلاً. سنعرض ببساطة محتوى المنشور والحقل العمري الذي أضفناه سابقًا. سنقوم أيضًا بتغيير لون الخلفية للتعليقات.

رمز الوظيفة "my_comments_callback":

الوظيفة my_comments_callback (تعليق $ ، $ args ، $ عمق) ($ GLOBALS ["comment"] = $ comment؛؟>