גרפיקה
11 בדצמבר 2021
הערה: יש תמיד לשמור את הלוגו בפורמטים השונים בפוטושופ, אף פעם לא ישירות מ-Illustrator. פורמטים נדרשים של הלוגו לאתר חדש: לוגו ראשי מותאם לאתר, פורמט PNG […]
11 בדצמבר 2021
בדרך כלל הפוטר הוא כהה, על מנת לשבץ אייקון של Waze יש להשתמש בווידג'ט מסוג טקסט, ואז להוסיף מדיה. מצורף להורדה: התאמה אפשר לבצע עם הקוד […]
11 בדצמבר 2021
כדי לייצר סכימה דינמית, מה שמוביל אותנו זה קודם כל הגרפיקה. כיוון שאת הצד הדינמי אנחנו נממש באמצעות CSS, חשוב מאוד להכין את הגרפיקה היטב. אם […]
11 בדצמבר 2021
כדי להוסיף מסגרת צבע חלקית לתמונה או לאלמנט באתר, אנחנו נשתמש בהצללה ללא פיזור (צל שטוח) ב-CSS, כך: .frameacc1 .image_wrapper { box-shadow: -20px 20px #3c8dbe; } […]
17 בספטמבר 2022
כדי לייצר תמונת רקע עם מסיכת שקיפות, למשל מעבר מחוספס בין אזור אחד לשני, יש להשתמש בקוד CSS ייחודי, ותמונת המסיכה מופרדת. ברמת העיקרון, האפקט יכול […]
18 בפברואר 2023
כאשר יש פונט חסר ואנחנו רוצים לשבץ קובץ PDF (או לשלוף ממנו את הלוגו) – יש לפעול לפי השלבים הבאים: לפתוח קובץ חדש ב-Adobe Illustrator לשבץ […]
30 במרץ 2023
כדי להפוך תמונה צבעונית לשחור-לבן, יש להפעיל את קוד ה-CSS הבא: img.sig { filter: url(~"data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'> <feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 […]
27 באפריל 2023
כדי לעצב את משבצת ההנחה למוצרים, יש להכין קובץ PNG בגודל של 240X240 פיקסלים, ולהשתמש בקוד ה-CSS הבא לסגנון: .woocommerce ul.products li.product .onsale { font-size:18px; padding-top:34px; […]
9 במאי 2023
על מנת לייצר אפקט של תמונה דהוייה, למשל למוצר שאינו זמין, לקטגוריה בפיתוח, למוצר שאזל במלאי וכו', יש להשתמש בקוד ה-CSS הבא: .deactivate img { opacity: […]
29 במאי 2023
כדי להוסיף כיתוב אלכסוני, למשל "בשיווק" או "מבצע" על משבצת TB (משבצת Trailer Box) – או כל קופסה אחרת, ניתן לבצע בשלבים הבאים: יש לוודא שהקופסאות […]
21 באפריל 2024
כדי להוסיף צל לתמונת PNG שקופה ע"י CSS, לא ניתן להשתמש ב-box-shadow, ויש להשתמש בקוד CSS הבא: .page-id-1091 .icon_box img { -webkit-filter: drop-shadow(5px 5px 5px #ccc); […]