כיצד להטמיע את גלריית התמונות שלך באתר
הציגו את תמונות האירוע שלכם ישירות בכל אתר, בלוג או עמוד WordPress. Fotify מייצרת קוד הטמעה שאותו מדביקים ב-HTML שלכם, והגלריה מופיעה עם שינוי גודל אוטומטי, אפשרויות עיצוב ושני מצבי פריסה: רשת וקרוסלה.
שלב 1: יצירת קוד ההטמעה
- עברו אל Photos בסרגל הצד
- לחצו על "Share Album" באזור Actions
- הפעילו את "Public Album Access" אם הוא עדיין לא מופעל
- גללו למטה והפעילו את "Embed on Website"
- מחולל קוד ההטמעה יופיע
תחילה עליכם לשתף את האלבום לפני שתוכלו ליצור קודי הטמעה.
שלב 2: התאמת ההטמעה
לפני העתקת הקוד, הגדירו את האפשרויות הבאות:
Theme
בחרו מתוך 10 ערכות נושא חזותיות כדי להתאים לאתר שלכם:
- Classic — רקע לבן נקי עם צללים עדינים
- Dark — רקע כהה אלגנטי עם הדגשות זוהרות
- Minimal — ללא מסגרת וללא כותרת — רק התמונות שלכם
- Elegant — טיפוגרפיית סריף עם גוונים חמים ומעודנים
- Modern — כרטיסים מעוגלים ובולטים עם כותרת גרדיאנט
- Polaroid — מסגרות תמונה נוסטלגיות עם גבולות לבנים
- Glass — זכוכית חלבית עם שקיפות וטשטוש
- Neon — זוהר חי עם הדגשות חשמליות
- Magazine — פריסת מערכת עם רשת א-סימטרית
- Sunset — גרדיאנט חם עם אווירת שעת זהב
Layout
- Grid — תמונות מוצגות ברשת רספונסיבית (ברירת מחדל). ניתן לבחור בין 2–5 עמודות.
- Carousel — מצגת שמתקדמת אוטומטית כל 4 שניות עם חיצי ניווט ומדדי נקודות. תומכת במקשי החצים במקלדת.
Max Photos
הגבילו כמה תמונות יוצגו בהטמעה. בחרו "All" לגלילה אינסופית (מצב רשת) או לכל הסט המלא (מצב קרוסלה).
שלב 3: הדבקת הקוד
- לחצו על "Copy" כדי להעתיק את קוד ההטמעה
- הדביקו אותו בעורך ה-HTML של האתר שלכם
הקוד כולל <iframe> וסקריפט קטן שמשנה אוטומטית את גודל המסגרת כך שתתאים לתוכן — ללא צורך בהגדרות נוספות.
WordPress
בעורך של WordPress, הוסיפו בלוק Custom HTML והדביקו את קוד ההטמעה.
Squarespace
השתמשו ב-Code Block או Embed Block והדביקו את הקוד.
Wix
השתמשו ברכיב HTML iframe (תחת "Embed") והדביקו את הקוד.
Any HTML Page
הדביקו את הקוד בכל מקום בתוך תגית <body>. הגלריה מתאימה את עצמה לרוחב המכל באופן אוטומטי.
כיצד זה עובד
- ההטמעה טוענת את האלבום הציבורי שלכם בתוך iframe
- התמונות נמשכות בזמן אמת — העלאות חדשות מופיעות באופן אוטומטי
- ה-iframe משנה את גודלו אוטומטית כך שיתאים לגובה התוכן, כדי שלא יהיה שטח ריק
- לחיצה על כל תמונה פותחת את האלבום המלא בלשונית חדשה
- ההטמעה מכבדת את הגדרות האישור של האלבום — מוצגות רק תמונות שאושרו
שאלות נפוצות
ש: האם אני צריך/ה לעדכן את קוד ההטמעה כשאני מוסיף/ה תמונות חדשות? ת: לא. ההטמעה טוענת תמונות בזמן אמת מהאלבום שלכם. תמונות חדשות שאושרו מופיעות באופן אוטומטי.
ש: האם ניתן להטמיע אלבום ספציפי מתוך האירוע שלי? ת: כן, קוד ההטמעה כולל מזהה ייחודי של האלבום. אם יש לכם כמה אלבומים, לכל אחד יהיה קוד הטמעה משלו.
ש: האם ההטמעה עובדת במובייל? ת: כן, הגלריה רספונסיבית לחלוטין. עמודות הרשת מותאמות אוטומטית במסכים קטנים, והקרוסלה עובדת עם החלקה במגע.
ש: האם מבקרים יכולים להעלות תמונות דרך ההטמעה? ת: לא, ההטמעה מיועדת לצפייה בלבד. כדי לאפשר למבקרים להעלות תמונות, שתפו את קוד ה-QR או את קישור ההעלאה.
ש: האם ההטמעה מאטה את האתר שלי?
ת: לא. ההטמעה משתמשת ב-loading="lazy" כך שהיא נטענת רק כשהמבקר גולל אליה. התמונות מוגשות דרך CDN לצורך טעינה מהירה.
ש: האם ניתן לשנות את ערכת הנושא לאחר ההטמעה?
ת: כן. ערכת הנושא מוגדרת באמצעות פרמטר ב-URL. תוכלו ליצור מחדש את קוד ההטמעה עם ערכת נושא אחרת, או לשנות ידנית את הערך theme= ב-URL של ה-iframe.
ש: מה קורה אם אני משבית/ה גישה ציבורית לאלבום? ת: ההטמעה תציג מצב שגיאה. הפעילו מחדש גישה ציבורית כדי לשחזר אותה.
ש: האם יש סימן מים "Powered by Fotify"? ת: ברוב ערכות הנושא מופיעה כותרת תחתונה קטנה "Powered by Fotify". ערכת הנושא minimal הופכת אותה לפחות בולטת.
האם מאמר זה היה מועיל?