בלאק פריידי 2023 – כל המבצעים השווים (מתעדכן)
סוף סוף הבלאק פריידי הגיע ואיתו כל המבצעים הגדולים, בשונה מתחומים אחרים, בכל מה שקשור לוורדפרס, המבצעים בדר”כ אמתיים ושווים. אני לא יביא כאן סתם רשימה של כל המבצעים, מביא כאן מבצעים רק למוצרים (שלדעתי) שימושיים. אני אשתדל שיהיה מעודכן אבל אתם יודעים.. אחסון אתרים תוספים לאלמנטור תוספים לווקומרס תוספים נוספים כלים שימושיים אחסון אתרים […]
כפתור קרא עוד עם אלמנטור
במידה ויש לכם טקסט ארוך באתר, מקובל להסתיר חלק מהטקסט ולהוסיף כפתור (או סתם טקסט) של קרא עוד, אז הנה איך לעשות את זה עם אלמנטור. קודם כל נכניס את הטקסט הקצר (שתמיד מופיע), ואז נכניס עוד ווידג’ט של עורך טקסט שם נכניס את הטקסט הנוסף, וניתן לווידג’ט את הקלאס more-text עכשיו נוסיף כפתור (מקובל […]
הוספת אנימציית חלקיקים (particles) לרקע
הוספת אנימציית חלקיקים (particles) לרקע. יש לתת לאזור שבו רוצים את האנימצייה את הקלאס my-particle ואז להוסיף את הקוד הבא את הקוד מכניסים בלוח הבקרה – אלמנטור – ניהול קודים.במיקום יש לבחור “סוף body” בתוך הקוד אפשר לשנות את הצבע מהירות ועוד פרמטרים. ככה זה נראה
לימודי בניית אתרים – מה לומדים, איפה, וכמה מרוויחים בתחום
מתעניינים בלימודי בניית אתרים? במדריך המפורט הזה נסביר, מה לומדים, למי זה מתאים, איפה כדאי ללמוד, ועד כמה התחום הזה ריווחי ב- 2023 תוכן עניינים מה לומדים בלימודי בניית אתרים? זו נקודה חשובה, בגלל שיש בתחום הזה בלבול גדול. למעשה יש שני סוגים שונים של בניית אתרים, בניית אתרים באמצעות קוד, כלומר תכנות, ובניית אתרים […]
הטית תלת מימד של אלמנטים במעבר עכבר
בהדרכה הזאת נראה איך ליצור הטית תלת מימד של אלמנטים במעבר עכבר.למרות שיש כבר אפשרות כזאת באלמנטור (פרו), הבעיה באלמנטור שההטיה קורה במעבר עכבר בכל המסך, לעומת זאת אנחנו מעוניינים שזה יהיה רק במעבר עכבר על האלמנט המסוים. אז פשוט נוסיף אלמנט לעמוד, זה יכול להיות קונטיינור או כפתור וכד’, ניתן לו את הקלאס my-tilt […]
כפתור בסגנון ניאומורפיזם
ניאומורפיזם, זה סגנון עיצוב טרנדי, שבאמצעות הצללות מקבל מראה של תלת מימד, הרעיון העיקרי זה לתת שני הצללות, אחת כהה והשנייה בהירה, מכיוון שבאלמנטור אפשר לתת רק הצללה אחת, נצטרך להשתמש מעט בקוד. קודם כל חשוב לתת לכפתור צבע כמו הצבע רקע של האזור, וגם כדאי שזה יהיה כמו אפור בהיר (ולא לבן ממש). ואז […]
פריפיק: אתר מדהים להורדת תמונות וגרפיקה בחינם
מחפשים אתר להורדת תמונות, איורים, וקבצי גרפיקה? הכירו את פריפיק, גן העדן של המעצבים. מה זה אתר פריפיק? פריפיק הוא אתר מדהים, עם מיליוני תמונות להורדה באיכות גבוהה, אמנם להורדת תמונות תמונות בחינם יש עוד אתרים מעולים כמו PixaBay ו Unsplash, אבל מה שמייחד את פריפיק זה שמלבד תמונות יש גם כמות עצומה של קבצי […]
אפקט טקסט זז טרנדי עם אלמנטור
בסרטון הזה נראה איך ליצור אפקט של טקסט זז טרנדי עם אלמנטור, https://youtu.be/JxmPzt4W9Zw הנה הקודים שהוזכרו בסרטון, הקוד עבור שימוש בקרוסלת המלצות, .swiper-wrapper { transition-timing-function: linear; } הקוד לטקסט זז (ללא שימוש בקרוסלה) .my-text{ animation-name: r-text; animation-duration: 7.5s; animation-iteration-count: infinite; animation-timing-function: linear; } @keyframes r-text{ 0%{ transform: translatex(0%); } 100%{ transform: translatex(100%); } } בשביל […]
איך ליצור תפריט צד עם אלמנטור
בסרטון הזה נראה איך ליצור תפריט צד עם אלמנטור (בצורה הנכונה), כולל אפקטים מקסימים. הקודים שבסרטון, בשביל אפקט ההובר, בשביל פתיחה בלחיצה על האייקון תפריט,
מחיקת פריטים בעמוד התשלום בווקומרס
אם אתם מעוניינים לאפשר לגולשים להסיר פריטים מהעגלה גם בעמוד התשלום (שימושי לאתרי קורסים וכד’), הנה קוד עבור זה, שימו לב בתוך הקוד שניתן לשנות צבע גודל ומרווחים. add_filter(‘woocommerce_cart_item_name’, ‘custom_filter_wc_cart_item_remove_link’, 10, 3); function custom_filter_wc_cart_item_remove_link($product_name, $cart_item, $cart_item_key) { if (is_checkout()) { $product_name .= apply_filters(‘woocommerce_cart_item_remove_link’, sprintf( ‘×’, esc_url(WC_Cart::get_remove_url($cart_item_key)), __(‘Remove this item’, ‘woocommerce’), esc_attr($cart_item[‘product_id’]), esc_attr($cart_item[‘data’]->get_sku()) ), $cart_item_key); return […]
הקונטינור גריד החדש של אלמנטור – מדריך מעמיק
בסרטון הזה נכיר את הקונטיינר גריד החדש של אלמנטור, ונלמד איך להשתמש בו. אנחנו נראה איך הוא יכול לבוא לידי שימוש בפריסות מורכבות יותר, ובאמצעות הוספת מעט קוד. https://youtu.be/VcIbZEJlawM הקודים שבסרטון, selector{ grid-column: span 1; grid-row: span 1; }
איורים וקטוריים ואילוסטרציות להורדה בחינם – אתרים מומלצים
אם אתה מעצבים גרפיים או מתעסקים בעיצוב אתרים, אתם יודעים כמה חשיבות יש לתמונות וקטוריות באיכות גבוהה. גרפיקה וקטורית היא חלק חיוני בכל פרויקט עיצוב, החל מסמלים ואייקונים ועד לאיורים ואנימציות. למרבה המזל, יש הרבה אתרים שמציעים מבחר עצום של גרפיקה וקטורית ואילוסטרציות בחינם ובתשלום. במאמר הזה, נסקור כמה מאתרי הווקטור ואילוסטרציות הטובים ביותר, בהם […]
איך ליצור גלילה רוחבית באתר עם אלמנטור
בסרטון הזה נראה איך ליצור אפקט מאוד יפה של גלילה לרוחב העמוד באמצעות אלמנטור. https://youtu.be/XWpbwjLqhlc הנה קישור לתוסף פרימיום אדונס, הקודים שבסרטון .my-hs{ width: 400% !important; max-width: 400% !important; transition: 0s !important; } html, body { overflow-x: hidden; }
אנימציית רקע מקסימה במעבר עכבר
בסרטון הבא נראה אך ליצור אנימצייה יפה של תמונות רקע שונות בעת מעבר עכבר על הכרטיסים, גם אפשר להשתמש בטכניכה הזאת לאפשרויות רבות. הקוד שבסרטון: וככה זה נראה: כותרת אלמנט לורם איפסום דולור סיט אמט, קונסקטורר אדיפיסינג אלית לפרומי בלוף קינץ תתיח לרעח. כותרת אלמנט לורם איפסום דולור סיט אמט, קונסקטורר אדיפיסינג אלית לפרומי […]
עיצוב לוגו חינם – אתרים מדהימים ליצירת לוגו בחינם לגמרי (2023)
מחפשים ליצור לוגו לעסק שלכם, אבל לא רוצים להוציא הרבה כסף על מעצב מקצועי? הנה רשימה של האתרים הטובים ביותר לעיצוב לוגו בחינם, בכל האתרים יש ממשק פשוט ונוח. אתרים מומלצים לעיצוב לוגו בחינם יש לא מעט אתרים לעיצוב לוגו בחינם, הנה לדעתי האתרים המומלצים ביותר: Canva קאנבה, הוא אחד מאתרי הגרפיקה הפופולרים בעולם, אפשר […]