Elementor Html+js באלמנטור

[LogIn]

שלום!
ייצאתי מתוכנת אנימייט הנפשה - בפורמטים: HTML ו:JS (מצ"ב)
איך אני מעלה את הקבצים האלו באלמנטור?
תודה לעונים!

 

[אלעזר 1]

וידג'ט HTML,
אבל כדאי שתתקנו את זה:

 

[LogIn]

וידג'ט HTML,
אבל כדאי שתתקנו את זה:
צפה בקובץ המצורף 1151610

תודה על המענה!
תיקנתי את שמות הקבצים, והעליתי אותם פה מחדש ועכשיו הם נפתחים מצויין!
איך בפועל אני לוקחת את הנתונים שנמצאים בתוך כל אחד מהקבצים ושמה אותו בתוך הוידג'ט של HTML?

 

[אלעזר 1]

קיימת אפשרות להעלות את ה-JS לאתר ולקרוא לו מתוך הוידג'ט HTML, אבל יש לוורדפרס (ואלמנטור) פונקציות להכללת קבצי JS בצורה נכונה יותר.
בכל אופן אני רואה שיש כאן כאן כמות גדולה של קוד שתכביד על האתר. למה שלא תנסו לייצא את האנימציה כקובץ לוטי קל משקל?

LottieFiles for Animate

Export Lottie animations from Adobe Animate

lottiefiles.com

 

[LogIn]

ניסיתי כמובן לייצא ללוטי, אבל האנימציה משתבשת בדרך. דיברתי עם התמיכה שלהם וזה מה שהם ענו לי:
We have a known bug with our plugin and at the moment, our plugin team is working on getting this fixed. We don't have a specific time for the new update to be released but it should be out in a month or so

בכל מקרה, אם אין לי אופציה של לוטי, איך בפועל אני יכולה להעלות את הקבצים האלו?
תוכל אולי להסריט את המסך איך אתה מעלה את הקבצים האלו לאלמנטור? או להסביר את השלבים?

 

[LogIn]

מי יכול להסביר לי איך מעלים קובץ html וקובץ javascript לאלמנטור?
(הקבצים מצ"ב)
תודה לעונים!

 

[roni ravitz]

השאלה אם את רוצה את הדרך הארוכה והנכונה.
או הקצרה אבל לא נכונה

 

[LogIn]

השאלה אם את רוצה את הדרך הארוכה והנכונה.
או הקצרה אבל לא נכונה

הארוכה והנכונה

 

[roni ravitz]

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

File Manager

file manager provides you ability to edit, delete, upload, download, copy and paste files and folders.

wordpress.org

2. אחרי ההתקנה, הולכים ל- מנהל קבצי wp
שם את רוצה להעלות את הקבצים שלך (בתיקייה הראשית - public_html)


אחרי העלאת את הקבצים, הולכים לכתובת - https://website.co.il/cake-html.html
(כמובן לשנות את הדומיין), ושם אמור להופיע האנימצייה.
(אם לא יש לנו בעיה )

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

<iframe src="cake-html.html" height="200" width="300"></iframe>

וזהו

 

[אלעזר 1]

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

File Manager

file manager provides you ability to edit, delete, upload, download, copy and paste files and folders.

wordpress.org

2. אחרי ההתקנה, הולכים ל- מנהל קבצי wp
שם את רוצה להעלות את הקבצים שלך (בתיקייה הראשית - public_html)
צפה בקובץ המצורף 1153488

אחרי העלאת את הקבצים, הולכים לכתובת - https://website.co.il/cake-html.html
(כמובן לשנות את הדומיין), ושם אמור להופיע האנימצייה.
(אם לא יש לנו בעיה )

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

<iframe src="cake-html.html" height="200" width="300"></iframe>

וזהו

כבר חשבתי שתלך על הכיוון המקצועי יותר של wp_enqueue_script, אבל זה היה מצריך שינויים קטנים בקוד

 

[LogIn]

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

File Manager

file manager provides you ability to edit, delete, upload, download, copy and paste files and folders.

wordpress.org

2. אחרי ההתקנה, הולכים ל- מנהל קבצי wp
שם את רוצה להעלות את הקבצים שלך (בתיקייה הראשית - public_html)
צפה בקובץ המצורף 1153488

אחרי העלאת את הקבצים, הולכים לכתובת - https://website.co.il/cake-html.html
(כמובן לשנות את הדומיין), ושם אמור להופיע האנימצייה.
(אם לא יש לנו בעיה )

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

<iframe src="cake-html.html" height="200" width="300"></iframe>

וזהו

תודה על ההסבר המפורט (ועל התצלום מסך)
ברוך ה' זה הצליח!!!
חיפשתי מלא זמן תשובה וזה ממש עזר לי!
יישר כח! תבורך!

 

[roni ravitz]

הכיוון המקצועי יותר

אאוץ

 

[אלעזר 1]

אאוץ

אתה סבור ש-iframe הוא פתרון נקי יותר בחינת קוד?
לדעתי iframe יוצר קריאה נוספת ומיותרת לאתר