מדריך אלמנטור למתחילים
-
ברוך הבא למדריך אלמנטור למתחילים, במדריך זה נלמד שלב אחר שלב, כיצד להתחיל לעבוד עם אלמנטור, לאחר שתסיים את המדריך תוכל להתחיל לבנות את האתר שלך באמצעות אלמנטור בקלות ובמהירות.
תוכלו גם לראות הדרכות מתקדמות יותר על וורדפרס ועל תוספים.
1. אלמנטור מה זה בכלל?
אלמנטור הוא תוסף פייג' בילדר לוורדפרס, מה שאומר שניתן להשתמש באלמנטור רק לאחר שכבר התקנת את WordPress באתר שלך.מאז שיצא אי שם בשנת 2016, אלמנטור הפך לבונה העמודים הפופולרי ביותר עבור וורדפרס, עם קהילת משתמשים ענקית, וכבר פותחו אינספור תוספים עבור אלמנטור.
אז מה זה בעצם פייג' בילדר?
בשונה מתבניות בוורדפרס שאחראיות רק על עיצוב ההידר פוטר (תפריט עליון ותחתון), באמצעות הפייג' בילדר ניתן למעשה לבנות את גוף העמודים באתר, מה שבעצם אומר שרוב הבנייה ובעיקר עיצוב האתר נעשה על ידי אלמנטור.יש לציין כי בגרסת ה- Pro של אלמנטור ניתן גם לעצב את הידר והפוטר עם אלמנטור.
2. התחלת העבודה עם אלמנטור.
ראשית עליך להתקין את אלמנטור באתר, לעבור לתוספים - תוסף חדש, ולחפש את Elementor (או פשוט לחפש אותו בלשונית הפופולריים).לאחר ההתקנה וההפעלה נפתח דף חדש, (לוח הבקרה - עמודים - דף חדש), אנו כותבים כותרת לדף, ואז במאפייני הדף ניתן לבחור אלמנט ברירת מחדל או רוחב מלא או אלמנט בד, לרוב רוחב מלא נבחר אלמנט ואז לחץ על ערוך באמצעות Elementor.
מה שאנחנו רואים עכשיו הוא בצד ימין של פאנל ,של אלמנטור שם יהיו כל הווידג'טים השונים שניתן להוסיף לאתר ומשמאל הדף שאנו בונים (שימו לב שאם הוורדפרס שלכם באנגלית הפאנל יהיה משמאל וכו '),
בשביל לבנות את העמוד, פשוט נגרר מהחלונית את סוג האלמנט הרצוי לנו (למשל כותרת, תמונה וכו ') לדף.
3. הווידג'טים (אלמנטים)
כאמור כדי להוסיף ווידג'ט חדש אתה פשוט צריך לגרור את הווידג'ט הרצוי לדף, ברגע שנגרור את הווידג'ט, החלונית של אלמנטור תהפוך לעריכת הווידג'ט, כאשר הוא מחולק לשלוש כרטיסיות, תוכן, סגנון ומתקדם.לשונית התוכן אחראית על תוכן הווידג'ט, למשל בווידג'ט הכותרת, בלשונית התוכן נכתוב את הכותרת, נוכל להכניס קישור וגם ליישר לצד, בלשונית הסגנון נוכל לבחור בטיפוגרפיה צבעונית והצללה, ולכרטיסייה המתקדמת יש כל מיני אפשרויות מתקדמות יותר.
4. שטחים ועמודים
בנוסף לווידג'טים, ישנם גם אזורים ועמודות, כאשר בעצם לפני הוספת יישומון עליך לפתוח תחילה אזור חדש ולקבוע את מספר העמודות באזור זה,הוספת אזור חדש נעשית על ידי לחיצה על סמל הפלוס, ואז תבחרו את מספר העמודות לאזור זה - כאשר אנו בוחרים מספר עמודות אם ברצוננו לשים יישומונים אחד ליד השני ולא למטה,
אתה תמיד יכול להוסיף או למחוק עמודה על ידי לחיצה ימנית,
גם באזור וגם בעמודה תוכלו לבחור רקע לכל האזור או העמודה, זה יכול להיות רקע של צבע או תמונה וגם וידאו.
הסימן של אזור זה הוא נקודות, של עמוד הוא סמל של עמודות ושל יישומון הוא סמל של עט.5. טמפלטים
במקום להתחיל מאפס, אתה יכול להוריד תבנית מוכנה ופשוט לשנות את התוכן,
לשם כך לחץ על סימון התיקייה (ליד הפלוס), כאשר אתה יכול לבחור להוסיף דף שלם או לחלופין בלוק, כלומר אזור, אתה יכול לחפש בלוקים לפי קטגוריות.
לאחר שהוספנו את התבנית נוכל לערוך אותה, כל יישומון (או אזור ועמודה) שתרצו לערוך, נעבור עליו עם העכבר ונלחץ על סמל היישומון והוא ייפתח בחלונית של אלמנט עריכה של היישומון.
יש לציין שאם וורדפרס בעברית התבנית יוצאת קצת מבולגנת.6. תחתית הפאנל
בתחתית החלונית של אלנמטור יש כפתור עדכון, בסוף כל שינוי עליכם ללחוץ על העדכון כדי לשמור את השינוי,ליד העדכון יש סמל של עין, לחיצה עליו תפתח חלון חדש בו תראה את הדף שאתה עורך עם השינויים שביצעת,
לפי סמל המחשב תוכלו לראות כיצד נראה הדף בטאבלט ובנייד, ולבצע בהם שינויים, ועל ידי סמל החץ העגול תוכל לראות את היסטוריית העריכה שלך וגם לחזור לאחד מהמצבים הקודמים שתבחרו .7. רספוסיביות
ההתאמה הניידת באלמנטור קלה במיוחד, להתאים את האתר למובייל ולטאבלט, לחצו על סמל המחשב בתחתית הפאנל, ובחרו מכשיר אחר (טאבלט או נייד), לאחר הבחירה נראה כיצד נראה הדף כמו בנייד (או בטאבלט). אנו יכולים לבחור גודל גופן שונה, ליישר את הכיתוב לאמצע או לצד השני של המחשב. למעשה, בכל מקום שבאלמנטור יש שדה עם סמל מחשב, תוכלו ללחוץ על הסמל וטאבלט ומובייל יתווספו כאשר תוכלו להגדיר פרמטר אחר.
מלבד זאת בכל ווידג'ט עמודה ואזור, בכרטיסיה מתקדם - רספונסיביות, ניתן להסתיר את האלמנט במכשירים השונים, בעריכת האזור יש גם אפשרות להפוך עמודות במובייל.8. אנימציות כניסה
לכל אזור ווידג'ט או עמודה, תוכלו להוסיף אנימציית כניסה, תוכלו למצוא אותה בכרטיסייה - מתקדם - אפקטים של תנועה, תוכלו לבחור באטיות או במהירות וגם לעכב אנימציה לאחר זמן מה,9. אפקט הובר (מעבר עכבר)
בחלק מהווידג'טים, כמו גם בעמודות, ניתן להוסיף אפקט הובר - כלומר להחליק על העכבר, כלומר כאשר עכבר מחליק על הווידג'ט או העמודה יתווסף צל או מסגרת וכן אפשרויות אנימציה המגדילות את הווידג'ט ועוד, כל מקום שמופיע אפשרותמעבר, בלחיצה על האפשרות אפשר לקבוע את האנימצייה למעבר.10. מפרידון צורה
בעריכת אזור, בלשונית העיצוב, ישנה אפשרות להפריד בין צורה, כלומר תוכלו לבחור בתחתית או בתחילת האזור ליצור צורה בצבע אחר, תוכלו לבחור ממגוון צורות כמו הרים וגלים ועוד הרבה יותר. בכל אחת מהצורות תוכלו לבחור את הגובה, הרוחב ועוד.11. העתק והדבק
אחת האפשרויות המאוד שימושיות באלמנטור היא האפשרות להעתיק ולהדביק, בכל עמודת יישומון או אזור תוכלו ללחוץ לחיצה ימנית ואז לבחור העתק.
לאחר מכן אפשר להדביק אותו בכל מקום אחר כמו גם אפשרות של הדבק עיצוב, שזה בעצם מאפשר להדביק עיצוב מווידג'ט אחד לאחר (כאשר מדובר כמובן באותו סוג של ווידג'ט).12. עיצוב הידר (תפריט עליון) עם אלמנטור
אם אין לך אלמנטור פרו, זה כנראה מה שהכי יחסר לך, האפשרות לעצב את ההידר (התפריט העליון), ואת הפוטר (התפריט התחתון) של האתר עם אלמנט, בדיוק כמו גוף העמוד.לשם כך, אנו עוברים ללוח הבקרה - תבניות - תמונות תבנית (תמונות נושא), ושם אנו בוחרים כותרת עליונה (או פוטר) ואז תוכלו פשוט לערוך באמצעות אלמנטור.
לסיום, אני מקווה שהחכמתם מהמדריך הזה, צריך לומר שהאפשרויות באלמנטור הן אינסופיות, ואתה צריך לצבור ניסיון רב כדי לשלוט בתוכנה.
-
-
-
-
-
@לוי-יצחק אמר במדריך אלמנטור למתחילים:
אני חושב שאם תתקין אלמנטור בגרסה רגילה ובעברית,
ואח"כ תתקין את האלמנטור הפרוץ, אז האלמנטור הפרוץ יהיה בעברית ומועדכן.
(אני לא בטוח)ההתקנה של האלמנטור הפרוץ זה לא כמו כל תוסף שמעלים כקובץ zip אלא צריך להעתיק את התיקיה שם לתוך התיקיה של אלמנטור במחשב.
אתה יודע איפה נמצא הקובץ של העברית? -
פוסט זה נמחק!
![חיפוש גוגל בפורום](javascript:{bootbox.prompt({title:'<div style="text-align: center;"><img src="/assets/uploads/files/1625950269825-mt-google.png" width="400"></div>',placeholder:'כתוב מילים לחיפוש ב Google',buttons:{confirm:{label:'חיפוש'},cancel:{label:'ביטול'}},backdrop:true,callback:function(result){if(result!=null&&result!=''){var a=document.createElement('a');a.href='https://www.google.co.il/search?q=site:mitmachim.top '+encodeURIComponent(result.trim());a.target='_blank';a.click();}}})();};){kind=link}