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

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

טיפ 1 – מתחילים עבודה עם מצב ״קאנבאס״ 🖼️

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

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

טיפ 2 – סביבת וורדפרס מוכנה עם כל התוספים וההגדרות

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

בסביבת וורדפרס הזאת יש לי:

• וורדפרס (אובייסלי 🙂 עם כל ההגדרות שאני רוצה – במקרה שלי: אי אינדוקס בגוגל, מגדיר מבנה קישורים, הגדרות דיון וכו׳. הכל לפי ההעדפות שלי וכמובן אפשר תמיד להתאים לאותו פרויקט במקרה הצורך.
• אלמנטור + אלמנטור פרו
• יוסט SEO
• WP Rocket (כבוי, יופעל בסוף הפיתוח)
• תבנית הלו + תבנית בת

כמובן אתם יכולים להוסיף ולהתאים לכם את הסביבת שכפול הזאת בהתאם לצרכים שלכם.

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

טיפ 3 – מתחילים מהגדרות כלליות

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

כמה דברים שאני מציע להגדיר:

1. טיפוגרפיה ופונטים גלובליים
2. צבעים גלובליים – להכניס את כל הפלטת צבעים שאיתה נעבוד בפרויקט.
3. עיצוב כפתורים – צבע, צבע מעבר עכבר, טיפוגרפיה, עיגול פינות.
4. עיצוב טפסים 
5. פריסת עמוד – כאן נגדיר את הגריד שלנו.

אחרי שהגדרנו והשתמשנו בהגדרות הכלליות אנחנו מרוויחים כמה דברים:

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

טיפ 4 – מרבה אזורים מרבה דאגות 😅

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

טיפ 5 – ככלל אני נגד תבניות, אבל לפעמים מותר.

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

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

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

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

בהצלחה!