יוני 12, 2017

תוספים שחייבים בכל אתר - השלב החמישי

❗ איך מתקינים תוספים

♦ בתפריט העריכה נכנסים ל- תוספים לאחר מכן נכנסים ל- תוסף חדש אחרי שראינו את התוסף שאנחנו מעוניינים לוחצים על התקן עכשיו ובסוף לא לשכח ללחוץ על הפעל

❣ יש לשים לב ולא לשכח לעדכן את התוספים כשיש עדכון.

🌹 תוספים שחייבים בכל אתר 



👈 התוסף - "יוסט SEO"


יו כמה יש לדבר על התוסף הזה... על איך שהוא עובד, איך לעבוד איתו וכו'.

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

✅ עמוד התוסף
הוא חינמי ויש לו גם גירסת פרמיום, אבל גם החינמי עושה עבודה מצויינת. (כאן נדבר על הגירסה החינמית)

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

✅ להיות טובים יותר עם התוסף
בכל עמוד, פוסט, קטגוריה וכ' יש אינדיקציה לפי עיגולים
🚦 עיגול ירוק - "כל הכבוד" עשית עבודה טובה ואתה מצויין.
🚦 עיגול כתום - יש עוד במה להשתפר ומציין במה כדאי להשתפר.
🚦 עיגול אדום - טעון שיפור ומציין במה ניתן להשתפר.

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

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

🔴 עריכת מבנה קישורים של האתר (פירורי לחם) מאפשר ליצור ניווט קל לטובת הגולשים ולמנועי החיפוש.
ניתן לעשות זאת בשני דרכים:
  1. לכל עמוד, פוסט, קטגוריה וכ' בנפרד. שם בכל עריכה יש למטה את האפשרות לשנות והאפשרות של מחרוזת משנה את הקישור.
  2. לשנות בצורה כללית - בתפריט שבצד "הגדרות" ⬅ "מבנה קישורים"

❗ זה על קצה המזלג.




👈 תוסף אבטחה - wordfence


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

📍 ניקח תוסף אבטחה שחזק בתחום הזה והוא התוסף wordfence

📍 עמוד התוסף ברשימת התוספים

📍 קישור של הגדרות איך להגדיר נכון את התוסף הזה

במידה ותרצו עוד דוגמאות לתוספי אבטחה תגידו.





👈 תוסף צור קשר - טפסי צרו קשר 7

☎ ישנם כמה וכמה תוספים של צור קשר, אנחנו נתמקד בתוסף אחד

📍 ניקח תוסף צור קשר שחזק בתחום והוא התוסף טפסי צרו קשר 7

📍 עמוד התוסף ברשימת התוספים

📍 נפתחת לנו אפשרות בסרגל ניהול בצד של צור קשר (רוב התוסף בעברית והוא בשאיפה להגיע לעברית מלאה)

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

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


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

🔘 נסביר מה אומר הקוד – הקוד של השדה מופיע בצורה כזו:
<label>  השם שלך (חובה)
[text* your-name] </label>

♦ נפתח לנו שורה מעל השדה על ידי תגית <label> ליד כתוב את שם השדה, כך שאנחנו בטופס נראה רק את שם השדה 
♦ לאחר מכן השדה הוא נכתב לנו בצורה כזו   [text* your-name]
[ ] - הסוגריים המרובעות אומרים שאנחנו מגדירים שדה
Text – מה יהיה אפשר להזין בשדה הזה
- במקרה שלנו זה טקסט
* - שדה חובה – בכל שדה שנשים כוכבית אחרי המילה הראשונה של הגדרת השדה יהיה שדה חובה
your-name – מה יכיל השדה ואיך נקרא לשדה כשנרצה להכניס אותו שיופיע לנו במייל
♦ ולסיום <label/> סגירת התגית - כל תגיד שפותחים צריך לסגור אותה

הוספת שדה - כשנמצאים בהוספת טופס או כשעורכים טופס, מיתחת למילה טופס ישנם לחצנים כגון: טקסט, אימייל, כתובת url, טלפון וכ' שמכניסים שדות לטופס.
ניקח דוגמא את הלחצן טקסט, נלחץ עליו, נפתח לנו תיבה, שם מגדירים אם השדה חובה ומה יהיה ברירת מחדל של השדה ואם אנחנו יודעים קוד, נוכל להוסיף שם ID ואפילו class (למטה נוכל לראות את כל הקוד של השדה שאנחנו מכניסים)
התאמת השדה לנתון - חשוב להתאים את השדה שאתם רוצים לנתון שאתם רוצים לקבל ממלא הטופס כדי להוסיף חווית משתמש טובה יותר.
לדוגמא: בשדה מספר יהיה שדה שאפשר להזין בו רק מספרים וכך דרך הנייד לממלא הטופס נפתחת לו ישירות המקלדת של המספרים.
כותרת לשדה -השדה נוסף ללא הכותרת לכן, או נכניס את שם השדה בברירת מחדל בהגדרת השדה, כך ששם השדה יופיע לנו בתוך השדה או שנוסיף את התג <label> בשורה לפני השדה, נוסיף את שם השדה, נוסיף את השדה ולסיום נסגור את התגית <label/> בכלל מומלץ להכניס כל שדה בתג זה.
מחיקת שדה - על מנת למחוק שדה שאנחנו לא רוצים בו, נבחר את אותו הקוד של אותו שדה ונמחוק אותו.
♦ לא נשכח לעשות שמירה בסוף.

📍 על מנת לראות את הטופס נעתיק את השורקוד לפוסט או עמוד ושם בתצוגה יהיה אפשר לראות את הטופס

איך הפרטים של הטופס יגיעו אלינו במייל?

♦ יש לנו עוד כרטסיה נוספת כשאנחנו עורכים או מוסיפים טופס שנקראת אימייל - שם יש לנו את השדות

אל - לאיזה מייל אנחנו רוצים שתגיע ההודעה (בדרך כלל המייל שלנו או של בעל האתר)

מאת - ממי אנחנו רוצים לראות שקיבלנו את ההודעה
לדוגמא: אם אנחנו רוצים לקבל את המייל בשם ממלא הטופס עם המייל שלו נרשום את השדה של ממלא הטופס ואת השדה של המייל מהטופס, רק יש לשים לב שאנחנו עוטפים את המייל בסוגריים משולשים <> לדוגמא: 
 [your-name] <[your-email]>
כך יופיע לנו שם ממלא הטופס עם המייל שלו

נושא - אם נרצה ששדה מסויים מהטופס יהיה הנושא שנקבל במייל פשוט נכניס את השם של השדה
לדוגמא: השדה שלנו [text text-795]
במייל נכתוב [text-795]

מידע נוסף - אם לדוגמא נרצה להשיב לממלא הטופס בלחיצת השב נמלא בשדה הזה [reply-to: [your-email

תוכן ההודעה - שם נכניס את כל השדות שאנחנו רוצים וגם מלל שאנחנו רוצים 
לדוגמא: יש לנו שדה טלפון ואנחנו רוצים לדעת שזה מספר טלפון נכתוב כך: טלפון: [tel-763]
אפשר לראות למעלה את כל השדות שמופיעים לנו בטופס ולסדר איך בדיוק נקבל את הטופס

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

מייל 2

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

♦ בכרטסיה אימייל - יש למטה מייל (2) כשנסמן שם v יפתחו לנו אותם שדות שיש לנו באימייל

אל - לאיזה מייל אנחנו רוצים שתגיע ההודעה לדוגמא: אנחנו רוצים שההודעה תגיע לממלא הטופס נכתוב שם [your-email]

מאת - ממי אנחנו רוצים שהמשתמש יראה שהוא קיבל את ההודעה
לדוגמא: אם אנחנו רוצים שהוא יראה שהוא קיבל מהאתר, נשאיר את ברירת המחדל, אבל אם נרצה שיראה שקיבל מהמייל שלנו - בתוך הסוגריים האלה <> נשנה את הכתובת למייל שלנו.

נושא - אנחנו יכולים לכתוב איזה נושא שאנחנו רוצים

מידע נוסף - אם לדוגמא נרצה שממלא הטופס יוכל אחר כך גם לשלוח לנו מייל בלחיצת על השב נמלא בשדה הזה 
reply-to: ונכתוב את הכתובת מייל שלנו

תוכן ההודעה - אפשר לכתוב שם כל מה שרק נרצה, אם נרצה להכניס את השדה של תוכן ההודעה שהמשתמש שלח לנו שיהיה לו העתק, נכניס את שם השדה של ההודעה לדוגמא: [your-message] 
אם נרצה לכתוב הפרטים נקלטו במערכת אנו נשוב אליך בהקדם 
נכניס את הטקסט הזה או כל טקסט אחר כמו שהוא

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

♦ אחרי הכרטסיה של טופס, אימייל ישנה עוד כרטיסיה שנקראת "הודעות" שם מופיע לנו המצבים ובכל מצב יש לנו שדה של ההודעה שתופיע למשתמש באותו מצב, שם אנחנו יכולים לשנות את ההודעה לפי מה שאנחנו חושבים.

לדוגמא: 
מצב - ההודעה נשלחה בהצלחה
תוצג ההודעה - ההודעה נשלחה
מצב - שליחת ההודעה נכשלה
תוצג ההודעה - ארעה שגיאה בשליחת ההודעה

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

💐 בהצלחה לכולם, שבוע נהדר והמשך עשיה פוריה

אין תגובות:

הוסף רשומת תגובה

אם יש לכם מה לומר, אשמח שתשתפו אותי