איך מקימים עמוד באלמנטור?

איך מקימים עמוד באלמנטור?

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

קצת רקע על בניית אתר לעסק:

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

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

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

מהו אלמנטור וכיצד הוא משדרג את העבודה שלנו בבניית אתרים?

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

אלמנטור

אז איך מקימים או עורכים עמוד באלמנטור?

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

שלב 1:

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

פתיחת עמוד

עמוד חדש

שלב 2:

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

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

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

תבניות מוכנות

תבניות מוכנות אלמנטורשלב 3:

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

תמונה

 

הגדרת alt

 

שלב 4:

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

 

רווח

 

שלב 5:

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

מפת גוגל

5 דרכים לעצב כפתורי הנעה באלמנטור

5 דרכים לעצב כפתורי הנעה באלמנטור

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

מהם כפתורי הנעה לפעולה ומדוע הם חשובים?

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

דרכים לעצב כפתורי הנעה באלמנטור:

1 – הוספת כפתור צף:

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

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

כעת הוסיפו אלמנט של אייקון לבלוק זה. חזרו לעריכת הבלוק וקבעו שרוחב העמודה תהיה ברוחב מלא ולא BOXED. כעת חזרו לעריכת האייקון ובצעו יישור של האייקון לצד ימין. כעת שנו את האייקון לאייקון של טלפון ובחרו בתצוגה להגדיר את הכפתור עם רקע. תוכלו מתחת לאופציה זו לבחור את צורת הכפתור/הרקע. באזור הקישור הוסיפו tel: ואת מספר הטלפון עמו יצרו אתכם קשר וללא רווחים. לדוגמה: tel:054-7787787

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

טמפלטים

כפתור הנעלה לפעולה

2 – כפתור 2 צבעים:

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

לאחר שנכנסתם לעריכת הכפתור שלכם באלמנטור היכנסו ללשונית ה"סגנון" סדרו תחילה את הטיפוגרפיה שאתם רוצים: סוג הפונט, מרווח בין האותיות, עובי הפונט, גודל וכו'. כעת באזור הצללת הכפתור בחרו בצבע שאתם רוצים עם הגדרת capacity חצי שקוף. התאימו את הנתונים לפי הסדר הבא: -100, 20, 0, -59

כעת באזור ה"מעבר" הגדירו צבע רקע אחר שיופיע עכבר תשימו את העכבר. שמרו והכפתור מוכן.

 

3 – כפתור מעוגל פינות:

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

 

4 – כפתור פינות מחודדות עם אייקון:

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

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

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

5 – כפתור לבן עם צל:

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

עמוד 404

6 דרכים לעצב עמודי 404 באלמנטור

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

מה קורה כשאנו מגיעים לדף שגיאה באתר וורדפרס?

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

האם לא כדאי פשוט להגדיר הפניה מדפי 404 לדף הבית באופן אוטומטי?

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

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

עיצוב עמוד 404 באמצעות אלמנטור – זה מעולם לא היה פשוט יותר + כמה טיפים מוצלחים:

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

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

מדריך מהיר לבניית עמוד 404 באמצעות אלמנטור:

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

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

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

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

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

טמפלטים

עמוד 404

6 עיצובים או מבנים של עמודי 404 שכדאי לשקול להשתמש בהם:

עיצוב 1

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

עיצוב 2

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

עיצוב 3

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

עיצוב 4

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

עיצוב 5

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

עיצוב 6

חלקו את העיצוב של העמוד ל3 חלקים בצורת סנדוויץ'. החלק העליון והתחתון יהיו בצבע רקע כלשהו שהוא לא לבד (אבל אותו הצבע בחלק העליון והתחתון של העמוד) ובאמצע יהיה רקע לבן. בחלק העליון הוסיפו את הכיתוב 404. בחלק התחתון תפריט קישורים בסגנון FOOTER ובאמצע משפט בסגנון "נראה שהלכת לאיבוד" עם משפט הנעה לפעולה ושורת חיפוש.

אינטגרציות שניתן לבצע באלמנטור

אינטגרציות שניתן לבצע באלמנטור

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

החשיבות של בניית אתר לעסק שלכם:

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

היתרונות בבניית האתר על מערכת וורדפרס:

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

שימוש באלמנטור לצורה בנייה ועיצוב האתר בוורדפרס:

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

אלמנטור

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

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

כלי דיוור

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

אינטגרציה לתוספי שיווק שונים

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

חיבור למערכות CRM

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

תוספי וורדפרס

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

רשתות חברתיות

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

קישור לרשתות חברתיות

תוספים נוספים: כמו font awesome, google fonts, ספריות אייקונים למיניהם, תוסף CAPTCHA ועוד.

לסיכום; אחד היתרונות הגדולים ביותר בוורדפרס הוא השימוש בתוסף האלמנטור כדי לבנות את האתר שלנו. תוסף זה מאפשר לנו שליטה מלאה על מה שקורה באתר, על המבנה שלו, המרווחים בין האלמנטים, התאמה מלאה לגלישה במובייל ועוד. אחד היתרונות הגדולים של וורדפרס היא היכולת להתקין תוספים חיצוניים ולחבר אליו כלים שונים. כאשר בונים אתר עם אלמנטור חשוב שתהיינה האפשרות לבצע התממשקות בין הכלים הללו לאלמנטור. לשמחתנו עבור הכלים המובילים בתעשייה כמו גם המערכות המובילות לניהול לקוחות, רשימות תפוצה ואחרות – מאפשרות התממשקות לאלמנטור. בין הכלים השונים יהיו: מערכות תפוצה, מערכות CRM, כלי אנליטיקס, כלי SEO, כלים לבדיקת קישורים, תוספים ואפליקציות נוספות לאלמנטור, כלי פונטים וטיפוגרפיה, רשתות חברתיות ועוד.

ווידג'טים באלמנטור

ווידג'טים באלמנטור

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

איך בונים אתר במערכת וורדפרס?

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

דגשים חשובים לעיצוב האתר:

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

מהו אלמנטור וכיצד הוא עוזר לנו?

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

מהם ווידג'טים באלמנטור?

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

הווידגט'ים הבסיסיים:

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

אלמנטור

דוגמאות לווידג'טים מתקדמים מגרסת הפרו של התוסף:

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

אלמנטור

ווידג'טים לערכות עיצוב:

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

ווידג'טים לחנות אלקטרונית:

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

ווידג'טים נוספים לשדרוג השימוש באלמנטור:

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

פורמטים שמורים באלמנטור

פורמטים שמורים באלמנטור

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

בניית אתרי וורדפרס באמצעות אלמנטור:

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

עיצוב האתר על ידי פורמטים שמורים כדי לחסוך בזמן ובמאמץ:

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

שימוש בתבניות מוכנות של אלמנטור פרו לעמודים פנימיים:

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

כל שאתם צריכים לעשות הוא להיכנס לעריכת עמוד מסוים באתר ובאייקון התיקייה שיופיע מולכם – לחיצה עליו תוביל לחלון קופץ בו תוכלו לחפש עמודים בהתאם לסוגם או לדפדף בקטלוג המופיע מולכם למציאת סוג העמוד שאתם צריכים. לדוגמה תוכלו לרשום בתיבת החיפוש: צור קשר או contact באנגלית ולמצוא עמודים מעוצבים המתאימים להיות עמודי יצירת קשר באתר. בחרו מה שמוצא חן בעיניכם ופשוט שנו את הטקסט והצבעים בהתאם לצרכים שלכם. רוצים להוסיף/להסיר אלמנטים? אתם יכולים בהחלט! בחלון הקופץ שיפתח לכם תוכלו גם למצוא בלוקים מוכנים של תוכן לחלקים שונים בעמוד – כלומר לא בהכרח למצוא שבלונה לעמוד שלם אלא רק לבלוק אחד מתוך העמוד. כמו כן תוכלו למצוא בחלון זה גם לשונית של בחירה מהתבניות שלכם אותם תוכלו ליצור בעצמכם ולשמור לשימוש עתידי.

תבניות מוכנות

תבניות מוכנות אלמנטור

בניית תבניות לשימוש עתידי:

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

טמפלטים

שימוש בעיצובים מוכנים של פופאפים:

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

פופאפים

איך מקימים גלריה באלמנטור?

איך מקימים גלריה באלמנטור?

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

בניית אתרי וורדפרס באמצעות אלמנטור:

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

שימוש באלמנטים כדי לעצב את האתר בהתאמה אישית:

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

מהי גלריה, למה היא חשובה ומתי נשתמש בה?

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

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

 

איך ניצור גלריה באמצעות אלמנטור?

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

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

 

גלריית תמונות

גלרית תמונות

גלריות מעוצבות ומתקדמות בעזרת תוספים חיצוניים:

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

איך ליצור טופס ליצירת קשר באלמנטור?

איך ליצור טופס ליצירת קשר באלמנטור?

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

אפשרויות שונות ליצירת קשר באתר שלנו:

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

מדריך ליצירת טופס יצירת קשר באלמנטור:

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

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

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

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

טופס יצירת קשר

 

אזור עריכה – כפתורים:

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

אזור עריכה – פעולות אחרי שליחה + אימייל:

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

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

מייל צור קשר

אזור עריכה – סגנון:

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

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

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

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

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

 

עריכת סגנון צור קשר

 

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

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

איך מקימים עמוד פוסט באלמנטור

איך מקימים עמוד פוסט באלמנטור?

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

אילו סוגי אתרים ניתן לבנות על מערכת וורדפרס?

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

  • אתרי תדמית לאדם או עסק.
  • אתרי חנות אלקטרונית.
  • בלוגים ומגזינים
  • גלריות ופורטפוליו.
  • רשתות חברתיות.
  • פורומים.
  • ועוד…

מהו אלמנטור ואיך אנו יכולים להיעזר בו לעיצוב האתר שלנו?

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

אזור הפוסטים באתר שלנו:

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

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

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

פוסט חדש

הקמת פוסט חדש

איך לעשות שימוש בתבנית קיימת?

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

טיפים חשובים לבניית עמוד פוסט מוצלח באתר שלכם:

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

טמפלטים

אלמנטור

מה זה אלמנטור?

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

החשיבות של בניית אתר לעסק:

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

בנייה ועיצוב של אתר לעסק:

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

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

אז מה זה אלמנטור?

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

אלמנטור

הכנת מבנה העמוד ושימוש בתבניות:

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

סרגל האלמנטים והתקנת תוספים נוספים:

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

גרסת הפרו של אלמנטור שכדאי להכיר:

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

אלמנטור

אז לסיום – מדוע כדאי להשתמש באלמנטור?

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

אלמנטור פרו בוורדפרס

אלמנטור פרו

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

אפשרויות שונות לבניית אתר אינטרנט:

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

שימוש באלמנטור לבניית אתרים:

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

החשיבות של בניית אתר רספונסיבי ואיך אלמנטור יכול לעזור לנו?

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

אתר רנספונסבי

גרסת האלמנטור פרו ומדוע היא הרבה יותר שימושית ופופולרית:

גרסת האלמנטור החינמית הינה שימושית מאוד אולם אנשי מקצוע בתחום בניית האתרים עושים שימוש בגרסת אלמנטור פרו של התוסף. הסיבה לכך היא כמובן מקצועית. גרסת הפרו כוללת הרבה יותר ווידג'טים, פיצ'רים, תבניות אלמנטור מעוצבות מוכנות מראש לעמודים פנימיים שניתן לעשות בהם שימוש, אפשרות לבנות חנות מקוונת בקלות ובמכירה, עדכונים ותוספים חדשים לאורך הזמן, תמיכה טכנית מלאה לשימוש בתוסף ועוד. עבור משתמש שיש לו אתר אחד יוכל לעשות שימוש בתוסף במחיר של 49 דולר לשנה עבור האתר שלו. משתמש המעוניין לעשות שימוש בתוסף ל3 אתרים שלו ישלם 99 דולר לשנה. עבור חברות פרסום ובניית אתרים או יזמים שלהם כמות גדולה יותר של אתרים – יכולים להשתמש בתוסף עד 1,000 אתרים במחיר של 199 דולר לשנה.

אלמנטור פרו

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

גרסת הפרו מציעה מגוון רחב יותר של פיצ'רים ואפשרויות מהגרסה החינמית מן הסתם. בין היתר פיצ'ר live css בהתאמה אישית, עיצוב דפי 404, תוספים חדשים מיוחדים, עיצוב תפריטים, מאות תבניות PRO מוכנות לשימוש לעמודים פנימיים, טבלאות ורשימות של מחירים, קרוסלות וגלריות נוספות, אלמנטים דביקים, פונטים מיוחדים בהתאמה אישית, חיבורים לרשתות החברתיות, תמיכה 24/7 לבעלי גרסת הפרו ועוד. מוזמנים לעיין במחירון של אלמנטור פרו>>

שאלות נפוצות על אלמנטור פרו:

האם כדאי לרכוש מנוי לגרסת האלמנטור פרו?

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

אם בניתי כבר את האתר בגרסה החינמית ואז שדרגתי לגרסת אלמנטור פרו– מה יקרה לעמודים הקיימים באתר?

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

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

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

תבניות אלמנטור

תבניות אלמנטור

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

בניית אתרי וורדפרס לעסקים עם תבניות אלמנטור:

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

היתרונות בשימוש בוורדפרס לבניית אתר העסק שלכם:

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

עיצוב אתרים בוורדפרס באמצעות תוסף האלמנטור:

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

כיצד עובד האלמנטור?

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

מהן תבניות באלמנטור?

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

כיצד לבנות תבנית באלמנטור ולהשתמש בה בלחיצת כפתור?

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

טמפלטים

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

בונה תבנית

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

20 תוספים לאלמנטור שחייבים להכיר

20 תוספים לאלמנטור שחייבים להכיר

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

איך אנו בונים אתרים מקצועיים לעסקים בכל סדר גודל?

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

שימוש באלמנטור לעיצוב ובניית האתר:

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

20 תוספים לאלמנטור שכדאי להכיר:

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

תוסף 1 – POPBOX לאלמנטור:

תוסף המאפשר לנו להוסיף חלונות קופצים לאתר שלנו דרך אלמנטור.

POPBOX

 

תוסף 2 – contact form 7  לאלמנטור –

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

contact form

 

תוסף 3 –Envato Elements –

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

Envato Elements

 

תוסף 4 – ESSENTIAL ADDONS לאלמנטור –

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

ESSENTIAL ADDONS

 

תוסף 5 – Happy ADDONS –

גם כן תוסף מומלץ עם מגוון אופציות שאולי תרצו להשתמש בהם – שווה לבדוק.

Happy ADDONS

תוסף 6 – Element Pack –

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

Element Pack

 

תוסף 7 – ThePack –

תוסף דומה לקודם שעולה 19 דולר ומכיל מגוון רחב של אפשרויות.

תוסף 8 – Sticky Header Effecets –

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

Sticky Header Effecets

תוסף 9 – אלמנטור – HEADER, FOOTER AND BLOCKS –

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

HEADER, FOOTER AND BLOCKS

תוסף 10 – Master Addons –

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

Master Addons

תוסף 11 – the Plus Addons –

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

the Plus Addons

תוסף 12 – Dynamic Content –

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

Dynamic Content

תוסף 13 –Jet Elements Addon –

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

 

תוסף 14 – Ultimate Addons –

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

Ultimate Addons

תוסף 15 – Elementor Power Pack –

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

תוסף 16 – Jet Tricks Addons –

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

תוסף 17 – all in one widgets לאלמנטור –

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

all in one widgets

תוסף 18 – אלמנטס קיט ADDONS לייט –

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

ADDONS

תוסף 19 – ooohboi steroids לאלמנטור –

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

ooohboi steroids

תוסף 20 – sina extension –

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

sina extension

איך להקים בלוג באלמנטור

איך להקים בלוג באלמנטור?

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

היתרונות והשימושים בבניית בלוג ולאילו נושאים זה מתאים?

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

על איזו מערכת נרצה לבנות את הבלוג שלנו?

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

אפיון הבלוג שלנו ומה אנו רוצים שיהיה בו?

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

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

עיצוב ובנייה של הבלוג באמצעות אלמנטור – שלבים חשובים:

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

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

נתחיל מהבסיס – מבנה האתר:

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

בשלב הבא – בניית עמוד פוסט באתר שלכם:

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

פוסט חדש

יצירת עמוד ארכיון:

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

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