מאמר אורח: יאיר אמסלם (סטודיו יאיריקס לבניית אתרים)
מבוא
ביום חמישי האחרון היה לי הכבוד להתארח בקבוצה המדהימה של עדי "פשוט לבנות אתר wix" בוובינר לייב מיוחד ולחלוק מהידע שצברתי לאורך השנים על הדרך הנכונה והמהירה לבניית אתרים ולניהול לקוחות.
כמו שהבטחתי מספר פעמים במהלך הוובינר אני מציין במאמר הזה את כל הכלים והתוספים (+לינקים) עליהם דיברתי, בכדי להקל עליכם כמה שאפשר.
בהזדמנות זו אני רוצה להודות שוב לעדי, לקארין ולדני, על ההזמנה, האירוח, והקבוצה!
אם לא ראיתם את הוובינר, אתם מוזמנים בחום לעשות זאת כעת, אני משוכנע שתפיקו ממנו ערך!
במידה וכבר צפיתם, גללו מטה לרשימת הלינקים שהובטחה :)
לבנות נכון. לבנות מהר. (וידאו)
תוכן עניינים
סימניות (בסרטון: דקה 5:50)
קבוצת כרטיסיות (בסרטון: דקה 7:20)
תוספים לדפדפן (בסרטון: דקה 11:00)
צ'ק ליסט וניהול משימות (בסרטון: דקה 19:00)
אדיטור (בסרטון: דקה 40:00)
במאמר הבא אני לא מסכם את כל הנושאים שעלו בוובינר, במידה ולא ראיתם את הוובינר, אתם יכולים לצפות בו כעת.
אוקי, אז בלי הקדמה נוספת בואו נסכם את הנושא הראשון:
סימניות:
(בסרטון: דקה 5:50)
בוובינר דיברנו על עבודה נכונה עם 'סימניות'.
סימניות הם כלי עוצמתי בדפדפנים שעוזרים לנו באספקטים הבאים:
1. קיצור דרך ליעד שלנו.
2. דילוג מעל באגים (אם יש) בדשבורד של וויקס.
3. מזכיר לנו אתרים רלוונטים ששכחנו (למשל אתרי מדיה).
לי יש רשימה ענקית של קיצורים שאני משתמש בה (מוזמנים לצפות בסרטון).
הנה למשל תמונה שממחישה כיצד אני מיישם את הרעיון הזה על אתרים של לקוחות:
אגב, בלינק הבא תוכלו למצוא המון לינקים שימושיים שווה להכניס לסרגל הסימניות שלכם:
קבוצת כרטיסיות:
(בסרטון: דקה 7:20)
קבוצת כרטיסיות מאפשרת לנו לעבוד על המון פרוייקטים במקביל בלי לאבד את הראש ולהתחיל לנחש מה יש בכל כרטיסייה בדפדפן שלנו. פשוט זורקים את הכרטיסייה לקבוצה הרלוונטית ומקלים עלינו את החיים!
הדגמה:
מה שמגניב הוא שאם עובדים נכון עם סימניות אפשר לשלב את שני הטיפים הללו יחד:
מרחפים עם הסמן מעל תיקייה הרלוונטית> קליק ימני > פתיחת כל הכתובת בקבוצה חדשה.
הדגמה:
תוספים לדפדפן (כרום):
(בסרטון: דקה 11:00)
תוספים הם בעצם "הרחבות" שמאפשרות לנו להכניס לדפדפן שלנו יכולות עוצמתיות חדשות!
(כמו הmarketpalce של וויקס או ה AppStore של האייפון).
בוובינר הצגתי כעשרה תוספים שיעזרו לכם מאד!
שמות התוספים שהצגתי:
Wappalyzer
תוסף שמזהה טכנולוגיות באתר
SEO META in 1 CLICK
SEO Tools
שני תוספים טובים ששולפים מידע הקשור לSEO באתר
Tag Assistant legacy
מספר לנו האם יש גוגל-טאג באתר
Facebook Pixel Halper
מספר לנו האם יש פייסבוק-פיקסל באתר והאם הוא פעיל
Color by Fardos
עוזר לנו לדגום צבע מהאתר
MP3 Downloader
מזהה קבצי אודיו ומאפשר לנו להוריד אותם
Video Downloader
מזהה קבצי וידאו ועוזר להוריד אותם
SVG Grabber
מזהה וקטורים עיצוביים באתר ומאפשר להוריד
Whatfont
מזהה איזה פונט יש בכל חלק באתר
בסרטון הבטחתי להראות דרך לשליפת פונט מאתר והתפספס.. אז הנה: מדריך לשליפת פונט מאתר
*שימו לב לזכויות יוצרים
איך מוסיפים בפועל תוסף לדפדפן?
מקליקים על שלוש הנקודות שלמעלה > כלים נוספים > תוספים > פתיחת חנות האינטרט של כרום > חיפוש התוסף בשדה החיפוש > הוספת תוסף.
או: לינק ישיר לחנות
צ'ק ליסט וניהול משימות:
(דקה 19:00 בסרטון)
כל אתר צריך להיבנות על פי צ'ק ליסט. צ'ק ליסט עושה לכם סדר, הוא עושה ללקוח סדר, הוא מאפשר לכם ללמוד ככל שעובר הזמן על הדרך הנכונה עבורכם לבניית אתר, ועוד ועוד!
בסרטון הראיתי חלק משמעותי מהצ'ק ליסט שלי, הנה טעימה ממנו:
אני ממליץ מאד לנהל את הצ'ק ליסט והמשימות שלכם באמצעות מערכת לניהול משימות. אני אישית עובד עם מאנדיי.
מאנדיי מאפשרת לי לייצר משימות, תתי משימות, להוסיף לכל משימה קבצים והתכתבות עליה, לסמן באופן ברור ויפה מה סטטוס המשימה (בוצע, ממתין, תקועו וכ'ו..) להיות במעקב האם קיבלתי תשלום, כמה זמן לקח לי לבצע אותה ועוד ועוד!
בנוסף דיברתי על תוסף למאנדיי בשם quickley שמאפשר לחבר את הווצאפ ביזנס שלכם למאנדיי וללקוח... (מדוע לעשות זאת?? כנסו לסרטון!)
לינקים:
מאנדיי (כלי ניהול משימות)
קוויקלי ( תוסף למאנדיי)
אדיטור:
(בסרטון: דקה 40:00)
בחלק של האדיטור הקפתי נושאים רבים, אני אגע במרכזיים מבחינתי:
מיניטול:
כאשר אנו צריכים שהמון אלמנטים יקבלו גודל ספציפי כמו של אלמנט אחר, יש לנו אפשרות לסמן את האלמנט הראשון, להקליק על הרוחב של במיניטול ואז על האלמנט החדש. האלמנט החדש יקבל את הגדרות הרוחב של האלמנט הישן באופן מיידי. זה נכון גם לגדול (אורך רוחב) גם לזווית וגם למיקום (ציר Y וציר X).
כצריכים לעבוד וליישר המון אלמנטים אחר אחרי השני - זה שימושי מאד!
ככה זה נראה:
קיצורי מקשים בוויקס:
יש המון קיצורי מקשים בוויקס. שווה להשקיע כמה שעות ולתרגל אותם! קצב העבודה שלכם יזנק בקטע אחר!
הנה חלק מהקיצורים:
עבודה עם פאנל Site Theme
חשוב להגדיר בsite theme את פלטת הצבעים והגדרות העיצוב לטקסט ולאחר מכן לקשור כל אלמנט לפלטה (בצבע או בטקסט). מעבר לחשיבות האסתטית, זה גם יעזור לכם מאד בעתיד כאשר תרצו לבצע שינויים רוחביים באתר שבמקום לקחת לכם 3 ימים, יקחו 2 דקות!
עבודה עם סל מחזור
טוב לשמור באתר 'אזור מנהלה' שבו אנחנו יכולים לזרוק את כל העיצובים והטקסטים שעדיין לא מוכנים.
זה שימושי מאד מסיבות רבות. אמנה שתיים מהן:
למנוע תצוגה של 'חצי עבודה'
באתרים שכמה אנשי צוות עובדים עליהם במקביל ומישהו עלול בטעות 'לפבלש' את האתר כאשר העריכה שלנו עדיין לא מוכנה.. עבודה על אלמנטים שכאלה בדף נפרד (אני אישית קורא לו סל מחזור - כי אני זורק שם אלמנטים שמבחינתי יצאו משימוש אבל אולי עוד יחזרו בעתיד)
לנצל את מכסת הטפסים של וויקס
כאשר אנו מוחקים טופס מהאתר, וויקס לא מחזירים לנו אותו למכסת הטפסים.. ולכן כאשר טופס מתייתר ואנו רוצים למחוק אותו פשוט לזרוק אותו בסל מחזור כדי שכשנרצה טופס בעתיד פשוט ניקח אותו משם ונתאים אותו לצורך המעודכן..
הערה חשובה:
לא לגזור ולהעתיק את הטופס (פעולת הגזירה משמעה מחיקה, ואז ההדבקה תחשב כטופס חדש..) אלא לגרור לפוטר ואז החוצה לסל מחזור.
הערה נוספת וחשובה מאד.
כדי להימנע ממצב שבו הסל מחזור שלכם מופיע בגוגל, הגבילו את הגישה אליו באמצעות סיסמא / הרשאות / סמנו את הדף כNo index
אני מקווה שהסרטון והמאמר היו לכם לעזר והפקתם מהם ערך!
אם יש לכם שאלות או הארות אתם מוזמנים להגיב כאן למטה!
בהצלחה :)
נ.ב.
גם לי יש בלוג :) אני מזמין אתכם לבקר אצלי באתר מידי פעם
להתראות!