מדריך תוסף כרום שפיתחתי עבור בוני אתרים

roni ravitz · 15/9/24

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

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

אז איך מתקינים את התוסף?
1. מורידים את התוסף בקישור הבא (קובץ זיפ)
2. מחלצים את הקובץ זיפ
3. בדפדפן (כרום), לוחצים על 3 נקודות (למעלה משמאל) - תוספים - ניהול תוספים
4. מפעילים מצב פיתוח
4. לוחצים על הכפתור "‏טעינת פריט Unpacked"

5. בוחרים את הקובץ של התוסף (לא את הזיפ אלא הקובץ המחולץ)
6. העלאתם את התוסף, כל הכבוד

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

וזהו זה

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