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

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

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

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

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

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

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

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

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

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

הווידג’טים הם למעשה תבניות תוכן שאנו יוצקים אל תוך עמוד האתר ובעזרתם בונים את מה שאנו רוצים. לדוגמה נוכל לחלק סקשן מסודר ל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 אלמנטים שבהם נוכל לעשות שימוש ולצקת אותם אל תבנית האתר שלנו כדי לבנות את בלוג החלומות שלנו.

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

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

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

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

פוסט חדש

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

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

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

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

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

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

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

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

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

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

מהו תפריט עליון ומה יהיה בו?

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

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

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

נתחיל מהשלב הראשון:

התחברו ללוח הבקרה של האתר שלכם ובתפריט הצדדי לחצו על “עיצוב” -> “תפריטים”. כעת תוכלו לערוך את התפריט הראשי הקיים שלכם או ללחוץ על “צור תפריט חדש”. אל תפריט זה הוסיפו את העמודים הראשיים שאתם רוצים וסדרו אותם בהתאם לצורך שלכם. שימו לב שתוכלו גם לשלב עמודים כתת קטגוריה לעמודים אחרים ובכך יצא לכם בעריכה תפריט נפתח. לאחר שבחרתם את העמודים הרצויים וסידרתם אותם בסדר שאתם רוצים – תגללו למטה וסמנו בV את האופציה main menu או primary navigation תלוי מה מופיע לכם. לבסוף לחצו על שמור. מומלץ גם לתת שם לתפריט שיצרתם כי תכף תצטרכו לבחור אותו באלמנטור ולכן כדאי לדאוג לזה כבר עכשיו.

עיצוב תפריטים

יצירת תפריט

בשלב השני:

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

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

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

בניית HEADER

מהו סיידבר ומה נרצה שיהיה בו?

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

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

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

טמפלטים

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

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

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

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

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

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

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

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

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

אלמנט השורט קוד – מהו ומתי נצטרך אותו?

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

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

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

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

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

עריכת שורקוד

שורקוד

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

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

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

יצירת FOOTER ו-HEADER באלמנטור

יצירת FOOTER ו-HEADER באלמנטור

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

איך בונים אתר בשנת 2021?

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

מהי מערכת וורדפרס ומה היתרונות שלה?

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

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

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

מהו אזור של HEADER באתר?

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

HEADER

איך נקים אזור HEADER באלמנטור?

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

בניית HEADER

טמפלטים

 

בניית HEADER

מהו אזור של FOOTER באתר?

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

פוטר

כיצד נקים אזור FOOTER באלמנטור?

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

בניית FOOTER

בניית FOOTER

איך ליצור אייקון עם אנימציה?

איך ליצור אייקון עם אנימציה?

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

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

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

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

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

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

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

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

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

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

שלב 1

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

שלב 2

חלצו את התוסף לתיקייה ייעודית. כעת תוכלו להיכנס אל הקבצים אם תרצו לראות את האייקונים וכו’. בדרך כלל כל אייקון יופיע בכמה פורמטים: PNG, JPEG, GIF ועוד. GIF יהיה הפורמט עם האנימציה.

שלב 3

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

lordicon

שלב 4

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

lordicon

שלב 5

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

lordicon

שלב 6

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

שלב 7

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

שורקוד