קורס בניית אתרים בחינם יוסי מזרחי - שיעור 9 פיתוח עמוד הבית 🔥

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

קישור לאחסון של יופרס
https://www.upress.co.il/
הקוד קופון ליופרס שיעניק לכם 5% הנחה - UP05YOSSIH

קישור לרכישת אלמנטור פרו
https://be.elementor.com/visit/?bta=61849&nci=5383


1:03 איך מוחקים את הכותרת שמגיעה עם התבנית בכל העמודים
1:40 פיתוח האזור הראשון בעמוד הראשי
5:05 אנימציית מעבר לכפתור
8:02 התאמת האזור הראשון לנייד
8:26 הוספת וידגט נתיב טקסט הCSS יחכה לכם כאן למטה 👇

selector svg{
animation: rotate 20s linear infinite;
}

@-webkit-keyframes rotate {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
@keyframes rotate {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}

12:37 פיתוח האזור השני של העמוד
24:00 פיתוח האזור השלישי של עמוד הבית
32:50 פיתוח האזור הרביעי לעמוד הבית
40:00 יצירת אזור לגלריית הלוגאים מצרף לכם גם את הCSS למעבר הצבע על הלוגו ונסיעה חלקה של הגלרייה 👇

selector .swiper-wrapper {
transition-timing-function: linear;
}






.elementor-image-carousel .swiper-slide img {
filter: grayscale(100%);
transition: filter 0.3s ease;
}

.elementor-image-carousel .swiper-slide:hover img {
filter: grayscale(0%);
}


43:20 פיתוח אזור חמישי בעמוד הראשי
47:00 יצירת אזור שישי ואחרון לעמוד הבית
49:20 סיכום פיתוח עמוד הבית - כן זה בהחלט מרגש :)




להצטרפות לקבוצת הWhatsApp
https://chat.whatsapp.com/JdxXczvSHGf57IWOOBgzje

#wordpress #elementor