פרסומת
בפעם האחרונה הראיתי לך איך לעשות זאת צור רשימת אירועים פשוטה כיצד להכין פרטי אירועים משלך באמצעות סוגי פוסטים מותאמים אישית בוורדפרסוורדפרס מאפשרת לך להשתמש בסוגים של פוסטים מותאמים אישית כדי להרחיב את הפונקציונליות המובנית. כך תוכלו לעשות זאת ללא תוספים. קרא עוד באמצעות אולי התכונה החזקה ביותר של WordPress 3.0 - סוגי פוסטים מותאמים אישית. לאחר כמה בקשות לפתח זאת עוד יותר, אנו ניצור בסיס נתונים לביקורת מוצרים, שיחבר את כל מה שלמדנו עד כה.
תוכל לשמור רשימה נפרדת של מוצרים באמצעות סוגי פוסטים מותאמים אישית, לכל אחד מהם תמונה משויכת, כמו גם חלק מהם מטא-מידע כגון מחיר, דירוג, מפרטים - ואנחנו נסיים את הכל עם דרך להציג אותם בווידג'ט של סרגל הצד ובנוסף עמוד אינדקס. נשמע טוב? תמשיך לקרוא.
דרישות:
תזדקק להתקנה עצמית של WordPress 3.0 + המתארחת בעצמך, וזה יעשה שימוש בקידוד PHP נרחב. אני אתן לך את הקוד, אבל תצטרך להיות יחסית נוח עם PHP ו- XHTML כדי להתאים שמות משתנים לצרכים שלך או לשנות את הסגנון. אם אתה זקוק לקורס מתחילים מהיר בנושא CSS ו- XHTML, האם אוכל להציע בחינם הנהדר שלנו מדריך למתחיל למד לדבר "אינטרנט": המדריך שלך ל- xHTML ברוך הבא לעולם XHTML - שפת סימון היפר-טקסט הרחבה - שפת סימון המאפשרת לכל אחד לבנות דפי אינטרנט עם פונקציות רבות ושונות. זו השפה העיקרית של האינטרנט. קרא עוד להוריד. אני גם מציע לך להשתמש ב- בקידוד נקי אבל בסיסי נושא - ברירת המחדל עשרים עשר או עשרים ואחת עשרה הנושא הוא למעשה די מסובך לעריכה, אז נסה את זה קודם על משהו פשוט יותר לפני שתנסה להשתלב עם זה.
אם קראת הדרכה בשבועות האחרונים, עליך להכיר מעט את יצירת סוג ההודעה המותאם אישית בוורדפרס. העתקה והדבקה קוד בסיס זה לתוסף חדש, הפעל אותו והתחל להוסיף כמה מוצרים חדשים כך שיהיה לנו מערך נתונים לעבוד איתו. (הערה: אם אתה מעדיף פשוט להוריד את הקוד המלא והמלא עכשיו בלי לנסות להוסיף דברים בדרך, השתמשו במקום הקוד המוגמר הזה. אתה עדיין יכול לעקוב אחר ההדרכה ולהתאים אותה אישית במהלך הלימוד)
חכם גם להחליט כעת איזה סוג של מטא-מידע ברצונך לשייך לכל מוצר. לדוגמה, מסד נתונים של מצלמות דיגיטליות עשוי להזדקק:
- מחיר קמעונאי
- פתרון הבעיה
- וידאו HD
- קישור לרכישה
- דירוג
במקום להוסיף מידע זה ישירות לתיאור המוצר ('פרסום התוכן'), אנו ניצור שדות מותאמים אישית כדי להחזיק מידע זה. במסך הוסף מוצר, וודא שהפעלת שדות מותאמים אישית, ואז צור שדה חדש עבור כל מערך מידע. תצטרך ליצור שדות חדשים רק פעם אחת - את המוצר הבא שתוסיף תוכל לבחור את שם השדה המותאם אישית מהתיבה הנפתחת. אל תשכח להוסיף תמונה מוצגת, כמו כן השתמש בזה כדי להציג לצד מוצר המידע בהמשך.
תבנית מוצר יחידה
אם תנסה להציג את אחד המוצרים שלך כעת, סביר להניח שתקבל 404 לא נמצא שגיאה. כדי לתקן זאת, היכנס אל ה- הגדרות permalinks של וורדפרס ופשוט הכה שמור הגדרות פעם אחת. כעת כשאתה צופה באחד מהערכים החדשים שלך למוצר, בהתאם לנושא שלך, אתה עשוי לראות משהו קצת רגיל. הכותרת וטקסט התיאור ישנם, אך מה עם כל המידע המטא המותאם אישית והתמונה?
כדי להתאים אישית את תצוגות המוצר הבודדות, עלינו להתאים אישית קובץ תבנית חדש בשם מוצרים בודדים. php - עשה זאת על ידי שכפול של הקיים שלך single.php אז יש לנו את הקרקע במקום ואנחנו לא מתחילים מהתחלה.
בשלב זה אני הולך לבצע שינוי קטן מאוד בשורה שמציגה "נכתב על ידי (מחבר) בתאריך (תאריך)", אז במקום זאת זה פשוט קורא"נוסף למסד הנתונים בתאריך (תאריך)”. זה רק כך שאני יכול להיות בטוח שהתבנית עובדת, ורענון עמוד המוצר היחיד אמור להציג את השינוי הזה באופן מיידי.
כעת, כדי להוסיף את תמונת הפוסט המוצגת שצירפנו למוצר, שורה אחת זו צריכה לעשות זאת (כללתי גם מידע על סגנון, למקרה שתזדקקו לו). פרסמתי את הקוד המלא ל- single-products.php שלי כאן, אך זכרו שזה ייחודי לנושא שלי, כך שפשוט העתקה לתיקיית העיצוב שלכם עשויה להביא לתוצאות בלתי צפויות.
הדרך הפשוטה ביותר להוסיף את מידע המטא בכל מקום היא להשתמש:
... אבל זה רק ייתן לנו רשימת פלט בסיסית מאוד של זוגות ערכי מפתח. כדי לעשות משהו מורכב יותר עם הערכים המוחזרים (כגון הצגת גרפיקה בדירוג כוכבים), אתה צריך לתפוס את כל הערכים ואז לחזור עליהם. [צפו בקוד כאן]:
בדוגמה שלמעלה, אני בודק כל שם שדה מותאם אישית (ה- מפתח $) כדי לראות אם זה נקרא 'רמה’. אם זה הוא שנקרא רמה, במקום רק להדהד את ערך השדה בחזרה, אני מציג אלמנט גרפי אחר המבוסס על התוכן. בכל שדות מותאמים אישית אחרים, אני מהדהד את הערך כפי שהוא, יחד עם שם השדה (וזה בדיוק מה the_meta () עושה). עכשיו דף המוצר הבודד שלי נראה כך:
אני הולך להשאיר אותו שם לצפיות במוצר יחיד, מכיוון שזה באמת תלוי בנושא שלך ובמה שאתה רוצה להשיג איתו. בינתיים, נעבור אל ווידג'ט של סרגל הצד כדי להציג... את 3 המוצרים המדורגים הגבוהים ביותר בבסיס הנתונים?
יישומון
לשם כך, שיניתי מעט את הקוד שנתתי לך קודם בפוסט כיצד לכתוב יישומון וורדפרס בסיסי כיצד ליצור יישומונים וורדפרס בסיסיים משלךבלוגרים רבים יחפשו את הווידג'ט המושלם של וורדפרס שיעשה בדיוק מה שהם רוצים, אך עם מעט חוויית תכנות יתכן שיהיה לכם קל יותר לכתוב את הווידג'ט המותאם אישית שלכם. השבוע הייתי ... קרא עוד , אך במקום להציג פוסט אקראי יחיד, התאמתי אותו באמצעות [צפו בקוד המלא כאן]:
זה ייתן לי 3 פוסטים שנקבעו בדומה לתמונת המסך לדוגמא למטה. אם אינך רואה אף אחד מהמוצרים שלך מוצג, בדוק בזהירות את החלק האומר & meta_key = דירוג כדי לוודא שבאמת יש לך מטא מפתח בשם זה. שימו לב כיצד בחרתי להציג גם את המטא-מידע המשויך למוצר זה יחד עם התמונה הממוזערת המוצגת, אך תוכלו לערוך את גוש הקוד המסוים הזה כדי להציג את כל העולה על רוחכם.
ארכיוני מוצר או רישום
לבסוף, רציתי גם ליצור דף אינדקס / ארכיונים, כך שביקור http://yourdomain.com/products/ יציג רשימה פשוטה של כל המוצרים, בדומה לאינדקס בלוג. הסגנון הבסיסי של הקטע + תמונות ממוזערות שהצגתי בפניך כיצד להכין בסגנון כיצד להוסיף תמונות ממוזערות לנושא שלך הגדר את הבלוג שלך באמצעות WordPress: המדריך האולטימטיבירוצה לפתוח בלוג משלך אבל לא יודע איך? הביטו ל- WordPress, פלטפורמת הבלוגים החזקה ביותר שקיימת כיום. קרא עוד המאמר הספיק ברובו, אך כדי להתאים אותו, שכפלתי את המאמר archive.php קובץ בערכת העיצוב שלי ושנה את שמו archive-products.php.
אם אין לך דף ארכיונים, פשוט כפל index.php ולשנות אותו לזה archive-products.php. שוב, על ידי התאמת שורת המטא-מידע של המאמר והוספת שיחה ל- the_meta () איפשהו, קיבלתי את זה:
ברור שזה נראה קצת מטופש גם בארכיונים וגם בסרגל הצד וזה יכול לעשות עם קצת יותר התאמת סגנון, אבל אני אשאיר את זה לך!
זה ממני היום. אתה יכול להציג את השלם קוד מלא באופן מקוון כאן - פשוט העתק והדבק או הורד את כל העסק לקובץ שנקרא products.php, והנח אותו בספריית התוספים שלך. אתה אמור להיות מסוגל להרחיב את הבלוג שלך ב- WordPress למסד נתונים של כל דבר עכשיו! קשה לענות על בעיות פרטניות שיש לך, אך אל תפרסם בתגובות אם תרצה עזרה או תרצה הראה את הערכתך - ציוץ או פייסבוק כמו היו מאוד מוערכים, או אפילו אזכור בבלוג שלך אם תחליט ליישם זה. תודה שקראת, ואל תשכח את כל האחרים הדרכות וורדפרס יש לנו!
ג'יימס הוא בעל תואר ראשון בבינה מלאכותית, והוא מוסמך CompTIA A + ו- Network +. הוא המפתח הראשי של MakeUseOf, ומבלה את זמנו הפנוי במשחקי פיינטבול VR ומשחקי לוח. הוא בנה מחשבים אישיים מאז שהיה ילד.