בינה מלאכותית – 22+ אתרים שימושיים שאתם חייבים להכיר

הבינה המלאכותית, או בשמה השני – AI, חוללה מהפכה אדירה במגוון תחומים והביאה עמה פתרונות חדשניים ויעילים לבעיות ותהליכים רבים. זה מתחיל באפשרות הפשוטה ‘לשוחח’ עם הבינה המלאכותית, וממשיך להתפתח ליצירת תמונות, תרשימים, קודים מורכבים ואפילו קטעי וידאו. כיום ניתן בעזרת הבינה המלאכותית לקדם עסקים, לזהות הונאות פיננסיות, לאבחן מחלות, לבצע אוטומציות בייצור, לפתח משחקים […]

הוספת חתימה דיגיטלית לטפסים של אלמנטור

בסרטון הבא נראה איך להוסיף חתימה דיגטלית בטפסים של אלמנטור. https://youtu.be/RxYWe78JgTw הקוד שיש להוסיף בשדה HTML. חתימה done clear הקוד שיש להוסיף בווידג’ט HTML מתחת לטופס. דוגמא לקוד בהודעת אימייל (חשוב לשנות את השורטקודים) [field id=”field_0fab4c6″] [field id=”field_039a6fc”]

איך ליצור סמן עכבר מותאם אישית באתר

מעוניינים ליצור באתר סמן עכבר מותאם אישית?הנה הדרכה על שני דרכים ליצירת סמן עכבר מותאם אישית באתר (עם וורדפרס ואלמנטור). https://youtu.be/B5TVK1SDHJI הנה הקוד לדרך הראשונה. *{ cursor: url(img.png),auto; } בדרך השנייה אנחנו משתמשים בספריית js.קודם כל יש להעתיק את הקוד שכאן ולהכניס במקום, אפשר להתאים את הסמן באתר הבא,https://mohamedfrindi.github.io/Mouse.js/ והנה הספרייה השנייה,https://magicmousejs.web.app/

איך לאפשר לגולשים להעתיק טקסט ללוח העתקות בקלות

בהדרכה הזאת, נראה איך לאפשר לגולשים להעתיק טקסט ללוח העתקות ע”י הקלקה על כפתור. העתקת טקסט פשוטה יש להוסיף לעמוד כפתור, ולתת לכפתור את הקלאס copy-btn לאחר מכן נוסיף את הקוד הבא, בתוך הקוד, יש להחליף את ה- hello בטקסט שלכם. זהו קוד JavaScript זה אומר שמכניסים את הקוד בתוך ווידג’ט מסוג HTML.(יש למקם את […]

בלאק פריידי 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; }