כיצד להוסיף אקורדיון תמונה לעמוד אלמנטור

האם תרצה להוסיף אקורדיון תמונות לדף Elementor ?

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

אם אתה באמת רוצה להוסיף אקורדיון תמונה, אתה יכול להתקין תוסף או תוסף שמגיע עם ווידג'ט של אקורדיון תמונה. אחת התוספות שאתה יכול להתקין היא JetTabs.

JetTabs הוא תוסף Elementor בן משפחה JetPlugins, סט של תוספות Elementor שפותחו על ידי Crocoblock. JetTabs מגיע עם ארבעה ווידג'טים: Swicther, Tabs, Image Accordion ואקורדיון קלאסי.

כיצד להוסיף את אקורדיון התמונה ב-Elementor עם JetTabs

לפני שתתחיל, ודא שהתקנת והפעלת את התוסף JetTabs. אתה יכול לקבל את התוסף הזה רק ב-$23 לשנה. לחלופין, אתה יכול גם לקבל JetTabs עם אפשרות רכישה חד פעמית דרך חבילת הנושא Jupiter X או Monstroid2.

קראו גם: כיצד ליצור תפריט ניווט בעמוד אחד באלמנטור

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

בעורך Elementor, גרור את הווידג'ט Image Accordion מלוח הווידג'טים לאזור העריכה.

לאחר הוספת הווידג'ט Image Accordion, עבור לחלונית השמאלית כדי להתאים אותו. כברירת מחדל, האקורדיון מורכב משלושה אלמנטים. כדי להוסיף תמונה לכל אלמנט, פשוט פתח אלמנט מתחת לבלוק האלמנטים ולחץ על בורר התמונות. אתה יכול גם להגדיר את הכותרת, התיאור והקישור לחצן של הפריט.

חזור על השלבים לעיל עבור שאר הפריטים. כדי להוסיף אלמנט חדש לאקורדיון, פשוט לחץ על הכפתור הוסף פריט.

פתח את החסימה הגדרות תחת הכרטיסייה תוכן כדי להגדיר את הכיוון (אנכי או אופקי), גודל הרכיב הפעיל, משך ההנפשה וסגנון אפקט ההקלה.

סטייליזציה של אקורדיון

כדי לסגנן את האקורדיון שלך, אתה יכול לגשת ללשונית סִגְנוֹן בלוח השמאלי. יש 7 בלוקים שאתה יכול לפתוח כדי לסגנן את האקורדיון. בבלוק הראשון (Container block) ניתן להגדיר את גובה האקורדיון, צבע הרקע, רדיוס הגבול וצללית.

בגוש פריט, תוכל להגדיר את הרווח בין הפריטים, צבע הרקע של הפריט, רדיוס גבול הפריט וצל תיבת הפריט.

אתה יכול לשחק עם 5 הבלוקים האחרים כדי ליצור אפשרויות סטיילינג אחרות. כשתסיים, לחץ על הכפתור לפרסם/עדכן את הדף שלך.

וואלה.

קבל את Elementor Pro עכשיו!!!

סיכום

פה ! זה המאמר הזה שמראה לך איך הוסף אקורדיון תמונה לעמוד Elementor. אם יש לך חששות לגבי איך להגיע לשם, ספר לנו בפנים commentaires.

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

אבל בינתיים, שתף מאמר זה ברשתות החברתיות השונות שלך.

...