0

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

מה יכלול אתר הנדל"ן הרב-לשוני שלנו

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

real-estate-home-600

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

custom-search-houses-600

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

single-house-600

לכן אם אתה עומד לבנות אתר כזה בעצמך, כדאי:

  • ליצור את סוגי הפוסטים המותאמים אישית ואת השדות והטקסונומיות שלהם
  • לגלות כיצד לממש חיפוש מותאם אישית (חלק גדול של הפרויקט)
  • לגלות כיצד להציג פרטים על מפת Google
  • לתכנן כיצד הכל יוצג

כיצד לבנות אתר נדל"ן רב-לשוני באמצעות Toolset

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

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

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

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

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

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

שדות מותאמים אישית לדירות
שדות מותאמים אישית לדירות

תכנון ממשק הקצה של האתר באמצעות Toolset

מרכז העיצוב לממשק הקצה באמצעות Toolset הוא התוסף Layouts. Layouts מאפשר את עיצוב ה'מסגרת' של האתר באמצעות עורך עם גרירה ושחרור. לאחר מכן בונים את הפרטים של הבלוקים באמצעות התוסף Views.

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

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

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

פריסת ארכיון הבתים (המסגרת עבור רשימת הבתים)
פריסת ארכיון הבתים (המסגרת עבור רשימת הבתים)

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

בניית תצוגה כוללת שלושה שלבים:

  1. בחירת מטרת התצוגה (רשימה פשוטה, חיפוש מותאם אישית, רשימה מחולקת לדפים, מחוון)
  2. בחירת אפשרויות נוספות בהתאם לסוג התצוגה
  3. עיצוב הפלט באמצעות HTML ו-CSS

הגדרת תצוגה - 1. בחירת התוכן להצגה
הגדרת תצוגה – 1. בחירת התוכן להצגה

הגדרת תצוגה - 2. בחירת אפשרויות עבור סוג תצוגה זה
הגדרת תצוגה – 2. בחירת אפשרויות עבור סוג תצוגה זה

הגדרת תצוגה - 3. עיצוב הפלט באמצעות HTML
הגדרת תצוגה – 3. עיצוב הפלט באמצעות HTML

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

הכנסת שדה
הכנסת שדה

כך תוכל ליצור פריסות מותאמות אישית ובתוכם לבנות את רכיבי האתר שלהם אתה זקוק. אם אתה יכול לכתוב HTML ו-CSS, תוכל לעשות הכל באמצעות Toolset, מבלי לכתוב PHP.

כיצד לתרגם

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

Toolset רושם את כל המחרוזות לתרגום באופן אוטומטי.

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

תרגום המחרוזות בתצוגה
תרגום המחרוזות בתצוגה

תרגום פריסות עוד יותר קל. עבור אל WPML->ניהול התרגום ותראה פריסות המופיעות בלוח הבקרה של התרגום.

פריסות לתרגום
פריסות לתרגום

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

התחלה מאפס או מאתר עובד לדוגמה

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