תוֹכֶן
- 01. התקן עותק חדש של WordPress
- 02. הסר תוספי ברירת מחדל
- 03. הוסף סוג פוסט מותאם אישית
- 04. הוסף / ערוך ממשק מסוג הודעה מותאם אישית
- 05. צור שבלול שכתוב מותאם אישית
- 06. הוסף תמיכה בשדות מותאמים אישית
- 07. הוסף שדות מותאמים אישית
- 08. הגדר את השדות
- 09. צור את קובץ התבנית של וורדפרס
- 10. צור פריסת פוסט יחיד ברוחב מלא
- 11. התחל את הלולאה וצר את התוכן
- 12. השתמש ב- PHP כדי לקרוא ערכים דינמיים
- 13. הפוך לקוח בדיקה עם כמה נתוני דמה
- 14. טפל בשגיאות בכל נתונים חסרים
- 15. סדר את הממשק
- 16. אל תכלול אותו ממפת האתר
תחום המאפשר למשתמשים להתחבר ולהוריד או להציג מסמכים הפך להיות צפוי על ידי הצרכנים, החל מחוזים טלפוניים וכלים בתוכנות שירות.
כאשר מעצבים עובדים עם לקוחותיהם, עם זאת, הכל יכול להתפרק במהירות לבלבול של הודעות דוא"ל, קישורים לדגמים וקבצים מצורפים.
מדריך וורדפרס זה יראה כיצד להרחיב את וורדפרס (שירותי אחסון אתרים אחרים זמינים) לפורטל לקוחות המסוגל לאחסן מסמכים, סרטונים וציורים, כך שלקוח יוכל לגשת לכולם במקום אחד. הפורטל ישרת לכל לקוח קישור ייחודי ומוגן בסיסמה שלא מופיע בניווט הרגיל.
סוגי פוסטים ושדות מותאמים אישית ישמשו לאחסון הנתונים, ואלה יתווספו באמצעות תוספים, כדי למנוע אובדן נתונים אם הנושא ישתנה. הנושא ישונה מעט.
קיום פורטל לקוחות מעניק ללקוחות את הנוחות לגשת לקבצים שלהם באותו מקום, בכל פעם שהם זקוקים להם, ממש כמו בעת שימוש באחסון ענן. יש לו מגוון יתרונות עסקיים, כולל הצגת מכירות זמינות, או שניתן להשתמש בהם בכדי לתת סקירה על תהליך העבודה מההתחלה על ידי מתאר חזותית את המוצרים.
הורד את הקבצים להדרכה זו.
- כיצד להפוך את וורדפרס לבונה חזותי
01. התקן עותק חדש של WordPress
עותק חדש של וורדפרס מותקן על שרת הפיתוח, והנושא "understrap" נבחר לתת בסיס לדף על מנת להתחיל במהירות לעבוד. ייעשה שימוש בתוסף ממשק המשתמש של סוג ההודעה המותאם אישית כך שסוגי ההודעות המותאמים אישית שלנו אינם תלויים בנושא.
02. הסר תוספי ברירת מחדל
אם כל תוספי ברירת המחדל הגיעו עם העותק של וורדפרס, מחק אותם. התוספים הדרושים להדרכה זו הם "שדות מתקדמים בהתאמה אישית" ו- "ממשק משתמש מסוג הודעה מותאמת אישית". הותקן גם "עורך קלאסי".
03. הוסף סוג פוסט מותאם אישית
באמצעות ממשק ממשק המשתמש של סוג ההודעה המותאם אישית, הוסף סוג פוסט חדש בשם "לקוח". כשנכנסים ל"קובץ סוג ההודעה "השתמשו בקו תחתון במקום ברווחים וכתבו בצורה יחידה, מכיוון שהדבר יקל על יצירת תבניות בהמשך. הקידומת tu_ נוספה כדי להפחית את הסיכוי לסכסוך.
04. הוסף / ערוך ממשק מסוג הודעה מותאם אישית
הוסף ריבוי שכותרתו "לקוחות" ויחיד "לקוח", שכן זה יופיע בתפריט הניהול של וורדפרס. מקובל באותיות רישיות בשדות אלה, מה שיהפוך את תפריט הוורדפרס למסודר יותר.
05. צור שבלול שכתוב מותאם אישית
שימוש בקידומת עבור סוג הקובץ פירושו שלקוחות שנוספו לפורטל ייווצרו עם קישור שנראה כמו "/ tu_customer / example-company". זה לא נראה מסודר, והקליע לשכתוב המותאם אישית משמש לשיפור זה. הגדרת שבלול השכתוב ל"לקוחות "מאפשרת לסוג ההודעה המותאם אישית להופיע בתור / לקוחות / דוגמה-חברה.
06. הוסף תמיכה בשדות מותאמים אישית
האפשרות האחרונה שמופעלת לסוג ההודעה המותאמת אישית היא "תומך> שדה מותאם אישית" שנמצא בסמוך לתחתית הדף. סמן זאת ולאחר מכן "הוסף סוג פוסט" בתחתית הדף. זה מגיש את השינויים ורושם את סוג ההודעה.
07. הוסף שדות מותאמים אישית
כעת יש להוסיף שדות מותאמים אישית ולהקצותם לסוג הפוסט שנוצר זה עתה. הוספת קבוצת שדות בשם "פורטל לקוחות" היא הצעד הראשון, ואחריו הוספת שדות מותאמים אישית אליו באמצעות כפתור הוספת השדה. השדה הראשון "קצר" יוגדר כסוג השדה "קובץ", המאפשר למנהל להעלות קובץ במיקום זה. הגדר את ערך ההחזרה ל- "url file".
08. הגדר את השדות
השדה הבא שיתווסף הוא "שאלון מותג". זה יורכב מקישור לטופס google אותו הלקוח צריך למלא. סוג השדה המתאים ביותר לכך הוא "URL". ניתן להשתמש באותה שיטה בכל השדות שיקשרו לשירות חיצוני. בסיום גלול מטה לתיבה "מיקום" והשתמש בהיגיון "הצג אם סוג הודעה" = "לקוח". ואז פרסם את קבוצת השדה.
09. צור את קובץ התבנית של וורדפרס
וורדפרס צריכה לדעת כיצד להציג לוח מחוונים של לקוחות. לשם כך, ההיררכיה של תבניות וורדפרס מתבצעת כדי ליצור קובץ תבנית עבור סוג פוסט ספציפי זה. צור קובץ בשם single-tu_customer.php בספריית נושא השורש.
10. צור פריסת פוסט יחיד ברוחב מלא
פתח את הקובץ single-tu_customer.php והוסף את פונקציות הוורדפרס get_header ו- get_footer. בין פונקציות אלה, צור פריסה ברוחב מלא כדי להחזיק את התוכן שעובד עם ערכת הנושא שלך.
? php get_header ();?> div id = "single-wrapper"> div id = "content" tabindex = "- 1"> div> div id = "primary"> id id = "main"> -! תוכן -> / main> / div> / div>! - .row -> / div>! - #content -> / div>! - # single-wrap ->? Php get_footer () ;?>
11. התחל את הלולאה וצר את התוכן
בתוך האלמנט הראשי>, התקשר ל-_post וצור את אלמנטים המיכלים כדי להחזיק מידע. השתמש במידע של מציין מיקום על מנת לקבל מושג על הפריסה, והתחל לעצב את האלמנטים. רכיבי הכרטיס יהיו כרטיסי bootstrap עם כותרת, תיאור וקישור.
main id = "main">? php while (have_posts ()): the_post (); ?> var13 -> div> div> div> Content / div> div> Content / div> div> Content / div> / div> / div>? php endwhile; // סוף הלולאה. ?> var13 -> / main>! - #main ->
12. השתמש ב- PHP כדי לקרוא ערכים דינמיים
באמצעות הפונקציה "the_field", פונקציה שמגיעה עם תוסף השדות המותאמים אישית המתקדמים, התוכן הדינמי מהשדות המותאמים אישית נכנס לתבנית הלקוח. 'שם_שדה' הוא הערך שהוזן בשלב 3.
div> div> h5> תמצית / h5> p> זהו המסמך הקצר המקורי שלך / p> a href = "? php the_field ('brief');?> var13 ->" target = "none"> פתח / a > / div> / div>
13. הפוך לקוח בדיקה עם כמה נתוני דמה
גישה לדשבורד של וורדפרס, ניתן להוסיף לקוח חדש מהסרגל השמאלי. לקוחות> הוסף לקוח חדש. תצוגת הפוסט תהיה מוכרת, אך גלילה למטה תחשוף את כל השדות המותאמים אישית החדשים. הזן כמה נתוני בדיקה כדי לוודא שהכל עובד כהלכה.
14. טפל בשגיאות בכל נתונים חסרים
אם מסמך נשכח, או שהוא פשוט מוקדם מדי בכדי שהמסמך הזה יהיה זמין, זה עלול לבלבל עבור לקוח כאשר הכפתור לא עובד. הוספת בדיקה שקיים ערך לפני הצגתו נותנת הזדמנות להציג וריאציה של "שדה חסר" של הכרטיס. הוספת מחלקה "מושבתת" לכרטיס כאשר הערך חסר תאפשר לנו לעצב כרטיסים שאינם זמינים.
? php if (get_field ('field_name')):?> var13 -> מוצג כאשר לשדה השדה יש ערך? php אחר: // field_name הוחזר false?> var13 -> מוצג כאשר השדה אינו קיים? php endif ; // סוף אם לוגיקת שם שדה?> var13 ->
15. סדר את הממשק
כעת, כאשר מבנה הממשק מסתיים, ניתן לעצב אותו כראוי. באמצעות CSS ניתן לשפר את מראה הקלפים והצבעים בעמוד. צבע הניווט שונה לכחול בהיר יותר וכיוון המשתמש שופר על ידי הוספת טקסט מבוא.
16. אל תכלול אותו ממפת האתר
אין למצוא את סוגי הפוסטים המותאמים אישית בתוצאות מנועי החיפוש. יש לא לכלול את סוג הפוסט מפת האתר של האתר, באמצעות תוסף SEO, או באופן ידני באמצעות מטא תג ו- robots.txt.
meta name = "robots" content = "noindex, nofollow" /> User-agent: * Disallow: / clients /
רוצים לעצב אתר חדש? השתמש בבונה אתרים מבריק כדי להפוך את התהליך לסופר פשוט.
