לתגובות תפקיד מכריע בבניית קהילה באינטרנט. הערות מספקות פלטפורמה לאינטראקציה עבור הקוראים שלך בה הם יכולים לשתף את מחשבותיהם, מה שלעתים קרובות גורם להם לרצות לחזור.

ישנן מספר דרכים לעודד משתמשים להשאיר תגובה בבלוג שלך. אחת מאותן דרכים היא ליצור טופס תגובה יפהפה, שמיש ונגיש.

במדריך זה אנו נראה לכם כיצד לעצב את טופס ההערות המוגדר כברירת מחדל של WordPress, ונראה לכם כיצד להוסיף פונקציונליות של תגובות באמצעות מזהי מדיה חברתית וכיצד ליצור פונקציונליות של מנויים לתגובות ועוד. יותר.

אבל לפני כן, אם מעולם לא התקנת גילוי וורדפרס כיצד להתקין צעדים 7 בלוג וורדפרס et איך למצוא, להתקין ולהפעיל WordPress נושא בבלוג שלך 

ואז חזרה למה אנחנו כאן.

כיצד לשנות את הסגנון של וורדפרס הערות

כשאנחנו מדברים על סגנון אנחנו מתכוונים ל הצד של CSS של העניין. להלן, אראה לך כיצד להתאים אישית את המראה של טופס ההערות בוורדפרס. לכל רכיב כברירת מחדל בוורדפרס יש קוד CSS, זה המקרה של רשימת התגובות, תפריטי ניווט, טופס ההערות, יישומונים ועוד.

בין הקבצים של נושאי וורדפרס, יש לנו קובץ בשם comments.php המשמש להצגת הערות וטופס הערות בפוסטים ובדפים בבלוגים. להצגת טופס ההערות של וורדפרס, " comment_form () משמש.

לגלות איך למצוא את הקישור לדף הכניסה WordPress

כברירת מחדל, פונקציה זו מייצרת את טופס ההערה שלך עם שלושה שדות טקסט (שם, דוא"ל ואתר), תיבת טקסט גדולה, עבור תוכן ההערה ולחצן ההגשה.

אתה יכול לשנות בקלות כל אחד מהאלמנטים האלה רק על ידי מניפולציה על מחלקות ומזהי CSS המוגדרים כברירת מחדל. הנה רשימה של שיעורי CSS המוגדרים כברירת מחדל ש- WordPress מוסיף על כל טופס תגובה.

#respond {#} תשובה-הכותרת {#} לבטל-how-תשובה-link {} {} #commentform #author #email {} {} {} #URL #comment #submit .comment הערות {} {} .required .how-טופס-המחבר {} .comment-טופס-מייל} {.how-טופס-url} {.how-טופס-איך {}-מותר .form-התגיות {} .form-להגיש

פשוט על ידי התאמת שיעורי CSS אלה, תוכל לשנות לחלוטין את מראה טופס ההערות. בואו ננסה לשנות משהו כדי לתת לך מושג מה אנחנו יכולים לעשות.

לגלות כיצד להחליף קישורי תמונות לאחר התקנת SSL ב- WordPress

ראשית, נתחיל בהדגשת השדה הפעיל בטופס. על ידי הדגשת השדות הפעילים, המשתמשים יכולים לראות בקלות מה הם משנים וזה נותן צד דינמי קטן באתר שלך.

#respond {background: #ececec; ריפוד: 0 5 0px 5px; } / * הדגשת בשדה הטקסט פעיל * / קלט #respond [type = text] textarea {-המעבר -webkit: כל 0.30s קלה פנימה-החוצה; -moz-מעבר: כל 0.30s קלה פנימה-החוצה; -MS-מעבר: כל 0.30s קלה פנימה-החוצה; -O-מעבר: כל 0.30s קלה פנימה-החוצה; מתאר: none; ריפוד: 3px 0px 3px 3px; שולי: 5px 1px 3px 0px; הגבול: #dddddd 1px מוצק; } #respond קלט [type = text]: פוקוס, textarea: מוקד {תיבת-צל: RGBA 0 0 5px (81, 203, 238, 1); שולי: 5px 1px 3px 0px; הגבול: RGBA 1px מוצק (81, 203, 238, 1); }

הנה איך תיראה טופס התגובה שלך עם Twenty Twelve.

בעזרת המחלקות הללו תוכלו לשנות את אופן הופעת הטקסט בתוך שדות. זה מה שנעשה בדוגמה הבאה.

#author {font-family: לובסטר "לובסטר 1.4", "Sans דרואיד", Arial; Font-size: 16px; צבע: #1d1d1d; letter-spacing: .1em; #URL} {צבע: #21759b; font-family: "מסוף Luicida", "Courier New", "שליח", מיניוואן; } 

הנה התוצאה שהקוד הקודם יניב.

ניתן גם לשנות את הסגנון של כפתור טופס ההערה. בדוגמה הבאה, נעניק לו רקע שיפוע.

#submit {font-family: Arial; צבע: # FFFFFF; Font-size: 20px; ריפוד: 10px; Text-decoration: none; תיבת-צל: 0px 1px 3px #666666; -webkit-box-shadow: 0px 1px 3px #666666; -moz-box-shadow: 0px 1px 3px #666666; text-shadow: 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)}

הנה התוצאה שתוצג.

כיצד להוסיף אינטראקציה חברתית בתגובות

נתחיל בהוספת כניסות חברתיות לטופס ההערות של וורדפרס. הדבר הראשון שעליך לעשות הוא להתקין ולהפעיל את התוסף כניסה חברתית

לגלות כיצד להתקין פלאגין וורדפרס כדי להפעיל תוסף זה עליך ליצור חשבון חינם על ידי מעבר לכתובת הבאה: https://app.oneall.com

לאחר שתסיים, לא תצטרך להגדיר ממשק API לכל רשת בה תרצה להשתמש כדי לאפשר למשתמשים להתחבר דרכם.

למרות שממשקי ה- API של הרשתות החברתיות השונות משתנים ללא הרף, לא תצטרכו לעשות דבר, מפתחי התוסף הזה יעדכנו עבורכם את ה- API שלהם. כל שעליך לעשות הוא להיכנס לממשק ה- API של OneAll.

כך יוצגו הטפסים שלך.

גלה גם כמה תוספי וורדפרס מובחרים  

אתה יכול להשתמש באחר תוספים וורדפרס לתת מראה מודרני ולייעל את הטיפול בבלוג או באתר שלך.

אנו מציעים לכם כאן כמה תוספי וורדפרס מובחרים שיעזרו לכם לעשות זאת.

1. חיפוש מיידי של WP והצעה אוטומטית

התוסף "WP Instant Search & Auto Suggest" מאפשר לך לקבל הצעות מיידיות למאמרים, דפים וסוגי פוסטים מותאמים אישית בעת חיפוש בבלוג הוורדפרס שלך. זה עובד עם WPBakery et אבן פינה.

תכונותיו כוללות: rחפש במצב מסך מלא, ה- rחיפוש מיידי אחר סוגים מותאמים אישית של פרסומים, תאימות עם מלחין חזותיt,שלושה סגנונות עיצוב משולבים, תוכניות צבע 5 לבחירה, ה- pמקלדת ועכבר תמיכה, הניתן להתאמה אישית מלאה באמצעות פרמטרים וכו '.

הורד | הדגים | אירוח אתרים

2. דף שגיאה של 404 הפניה לדף הבית או לדף מותאם אישית

הנה אחת הדרכים הטובות ביותר להוסיף בקלות דף שגיאה 404 שיפנה את המבקר לדף הבית או לדף המותאם אישית, לאחר הפעלת זה התוסף וורדפרס.

כל דפי השגיאה 404 יופנו לדף הבית או לכתובת אתר מותאמת אישית. על ידי שימוש זה התוסף וורדפרס, תאפשר לגוגל להפחית את דירוג הדף של האתר שלך אם יש בו דפי שגיאה רבים של 404.

Ce התוסף וורדפרס לא רק עושה ניתוב מחדש אלא זה יכול גם להיות פתרון מתאים לשיפור הדירוג של האתר שלך בתוצאות של מנועי החיפוש.

הורד | הדגים | אירוח אתרים

3. הודעות קשורות Pro 

Posts Related Pro מספק פתרון פשוט אך עוצמתי לכל סוג של תוכן דומה בוורדפרס. הוא תומך בסוגי פוסטים מותאמים אישית, רב אתרים, קטגוריות, תוכן מעורב, תוכן מותאם אישית ועוד ...

כתכונות שהיא מציעה בין היתר: 3 סוגים שונים של פריסות, תבניות 65 שהוגדרו מראש לכל פריסה, אלא יהיה צורך בקידוד, התמיכה של tגלישה והפעלה אוטומטית, תאימות עם סוגי הפוסטים המותאמים אישית המשמשים תוספים WooCommerce, WP מסחר אלקטרוני, נושא קרינה וכו '..., א סרגל חיפוש עם פילטר, דתיעוד מאוד תיאורי והרבה יותר.

הורד | הדגים | אירוח אתרים

משאבים מומלצים

גלה על משאבים מומלצים אחרים שיעזרו לך לבנות ולנהל את האתר שלך.

• כיצד להציג את התיאור של קטגוריות על וורדפרס
• כיצד לבצע אופטימיזציה של קובץ ה- WordPress Robots.txt עבור SEO מושלם
• כיצד ליצור שוק עם וורדפרס
• כיצד להוסיף יישומון לכותרת של הבלוג שלך WordPress

סיכום

פה ! זהו זה עבור הדרכה זו. אנו מקווים שמאמר זה עזר לך להפוך את טפסי המשוב שלך למרתקים יותר. אל תהססו להציע לנו גם את הטיפים שלכם להתאמה אישית של וורדפרס, ובמיוחד שתף מאמר זה עם חבריך ברשתות החברתיות המועדפות עליך. 

עם זאת, תוכל גם להיות מסוגל להתייעץ שלנו ressources, אם אתה זקוק ליותר אלמנטים לביצוע הפרויקטים שלך ליצירת אתרי אינטרנט, עיין במדריך שלנו בנושא יצירת בלוג של וורדפרס.

אם יש לך הצעות או הערות, השאר אותן בקטע שלנו commentaires.

...