Ofnoa Carousel WP Registry grade A. No security issues foundWP RegistryNo security issues foundOpen the reportA
Install
Upload it under Plugins → Add New Plugin → Upload Plugin, then activate.
Install straight from GitHub with WP-CLI:
wp plugin install https://github.com/lirish1973/ofnoa-carousel/releases/download/v1.1.0/ofnoa-carousel-1.1.0.zipקרוסלת/גריד פוסטים מקצועית ומתקדמת לוורדפרס — תצוגת פוסט בודד, סליידר או גריד, עם עשרות אפשרויות עיצוב, אפקטי Hover, ותמיכה מלאה בשורטקוד, בלוק גוטנברג, ווידג'ט קלאסי ואלמנטור.
נבנה ללא תלות בספריות חיצוניות (אין jQuery/Swiper) — מנוע קרוסלה עצמאי בג'אווהסקריפט טהור, קל משקל ומהיר.
תכונות עיקריות
- 3 תצורות תצוגה: סליידר, גריד, פוסט בודד/Hero (כולל מצב "מפוצל" תמונה/טקסט).
- 4 נקודות כניסה: שורטקוד
[ofnoa_carousel], בלוק גוטנברג דינמי, ווידג'ט קלאסי (Appearance → Widgets), וידג'ט אלמנטור מלא (כשאלמנטור פעיל). - שליטה מלאה במקור הפוסטים: סוג תוכן, קטגוריות/תגיות (כולל החרגה), IDs ספציפיים, מיון, פוסטים נעוצים, החרגת הפוסט הנוכחי.
- כרטיס פוסט הניתן לעיצוב מלא: תמונה (עם יחס גובה-רוחב), קטגוריה, כותרת, תקציר, מחבר+אווטאר, תאריך, מספר תגובות, זמן קריאה משוער, כפתור.
- מיקום תוכן: מתחת לתמונה / שכבה על התמונה / שכבה שנחשפת ב-Hover בלבד.
- 7 אפקטי Hover: ללא, הרמה (Lift), זום תמונה, שכבה כהה, חשיפת תוכן, זוהר (Glow), קו מתחת לכותרת.
- סליידר מלא: אוטופליי, לולאה אינסופית, גרירה/סוויפ (touch + mouse), 4 אפקטי מעבר (Slide / Fade / Coverflow / Cards), חצי ניווט (עיצוב ומיקום), פאג'ינציה (נקודות/שבר/פס התקדמות), ניווט מקלדת, נגישות (ARIA).
- גריד מלא: עמודות רספונסיביות (דסקטופ/טאבלט/מובייל), Masonry, סרגל סינון לפי קטגוריה, "טען עוד" בכפתור או בגלילה אינסופית (AJAX, ללא רענון עמוד).
- עיצוב עד הפרט האחרון: כל צבע, גופן, ריפוד, עיגול פינות, מסגרת, צל ומשך אנימציה נשלט דרך CSS Custom Properties לכל מופע — בלי לפגוע במופעים אחרים באותו עמוד.
- CSS מותאם אישית לכל מופע בנפרד + מחלקת CSS חופשית.
- מסך הגדרות: ברירות מחדל גלובליות לעיצוב, בונה שורטקוד ויזואלי, ומדריך שימוש מובנה.
- עדכונים דרך GitHub — מנגנון זהה לתוספי
ofnoa-cards/ofnoa-forms: בדיקה שעתית מולplugin-updates.json, עדכון ישיר מתוך מסך התוספים. - ביצועים: שאילתות
no_found_rows, טעינת CSS/JS חכמה (זיהוי שורטקוד/בלוק) עם רשת ביטחון ל-Widgets/Elementor,loading="lazy"לתמונות. - RTL מלא — נבדק ומותאם לעברית מהיסוד.
התקנה
- הורידו/שכפלו את הריפו לתוך
wp-content/plugins/ofnoa-carousel. - הפעילו את התוסף מ-תוספים בלוח הבקרה.
- עברו ל-Ofnoa Carousel בתפריט הצד להגדרת ברירות מחדל, או קפצו ישר לעורך התוכן והוסיפו את הבלוק Ofnoa Carousel.
שימוש מהיר
שורטקוד
[ofnoa_carousel layout="slider" post_type="post" posts_per_page="8" columns="3" hover_effect="lift"]
[ofnoa_carousel layout="grid" categories="news,updates" posts_per_page="9" filter_bar="true" load_more="infinite"]
[ofnoa_carousel layout="single" post_ids="123" single_style="split"]
בלוק גוטנברג
חפשו "Ofnoa Carousel" בעורך הבלוקים — כל האפשרויות (כ-60 הגדרות) זמינות בפאנל הצד, מאורגנות לפי מקור/תוכן/תצורה/עמודות/עיצוב/צבעים/מתקדם.
PHP (בתבנית)
<?php echo Ofnoa_Carousel_Render::render( array(
'layout' => 'grid',
'posts_per_page' => 6,
'columns' => 3,
'hover_effect' => 'zoom-image',
) ); ?>
מבנה הפרויקט
ofnoa-carousel/
├── ofnoa-carousel.php # בוטסטראפ ראשי
├── uninstall.php
├── includes/
│ ├── class-ofnoa-carousel.php # loader
│ ├── class-render.php # מנוע רינדור מרכזי + סכימת אטריביוטים
│ ├── class-query.php # בניית WP_Query
│ ├── class-assets.php # רישום/טעינת CSS/JS
│ ├── class-shortcode.php
│ ├── class-widget.php # ווידג'ט קלאסי
│ ├── class-block.php # רישום בלוק גוטנברג (דינמי)
│ ├── class-ajax.php # "טען עוד" / גלילה אינסופית
│ ├── class-elementor.php # אינטגרציית אלמנטור (אופציונלי)
│ ├── class-settings.php # מסך הגדרות
│ ├── class-github-updater.php # עדכונים דרך GitHub
│ └── elementor/class-elementor-widget.php
├── blocks/carousel/
│ ├── editor.js # UI עורך (ES6 טהור, ללא build step)
│ └── editor.css
├── assets/
│ ├── css/ofnoa-carousel.css # עיצוב פרונט
│ ├── css/ofnoa-carousel-admin.css
│ ├── js/ofnoa-carousel.js # מנוע קרוסלה+גריד עצמאי
│ └── js/ofnoa-carousel-admin.js
├── languages/
├── plugin-updates.json # מניפסט לעדכון אוטומטי
└── .github/workflows/build-release.yml
פיתוח
אין תלות ב-npm/build step — כל קובץ ג'אווהסקריפט הוא ES6 טהור שנטען ישירות. שינוי גרסה:
- עדכנו
Version:ב-ofnoa-carousel.php, אתOFNOA_CAROUSEL_VERSION, ואתversionב-plugin-updates.json. - פתחו PR/פוש ל-
main— ה-GitHub Action בונה ZIP אוטומטית ומצרפת אותו כ-Release, כך שאתרים קיימים מקבלים עדכון אמיתי דרך מסך התוספים.
רישיון
GPL v2 or later — ראו LICENSE.
Releases
2 releases. Each count is every asset in that release; expand a row for the breakdown.