carousel-slider: Images werden vertikal angeordnet
-
Hallo zusammen,
ich möchte die Logos der Sponsoren als horizontales Karousel anzeigen, d.h. es sollen zeitglich mehrere Logos angezeigt werden, die dann langsam nach links rauswandern. Dazu habe ich das Plugin carousel-slider installiert und als Widget im Footerbereich angelegt. Wie ihr aber sehen könnt, werden die Logos untereinander, d.h. vertikal angeordnet. Ausserdem wandert da auch nichts. 🙁
Was mache ich falsch?
Danke herzlichst!
Die Seite, für die ich Hilfe brauche: [Anmelden, um den Link zu sehen]
-
Inzwischen habe ich das Plugin Carousel Slider in einer Testinstallation mit dem Theme Astra installiert und komme zum gleichen Ergebnis: wenn der Slider in einem Widget platziert wird, werden nur die Bilder hintereinander ausgegeben, ohne den gewünschten Slider-Effekt.
Ein vom Plugin-Entwickler genannter Workaround ist, diesen Code z.B. in der
functions.phpeines Child-Themes oder mit dem Plugin Code Snippets hinzuzufügen:add_filter('carousel_slider_load_scripts', 'carousel_slider_load_scripts'); function carousel_slider_load_scripts( $load_scripts ) { return true; }Damit klappt es dann. Allerdings würde ich eher ein aktuelleres Plugin installieren, dass auch ohne zusätzlichen Code auskommt.
wp-core version: 6.5.3 site_language: de_DE user_language: de_DE timezone: +00:00 permalink: /%postname%/ https_status: true multisite: false user_registration: 0 blog_public: 1 default_comment_status: open environment_type: production user_count: 3 dotorg_communication: true wp-paths-sizes wordpress_path: /homepages/6/d4298316386/htdocs/wordpress wordpress_size: 131,85 MB (138253453 bytes) uploads_path: /homepages/6/d4298316386/htdocs/wordpress/wp-content/uploads uploads_size: 3,70 MB (3883413 bytes) themes_path: /homepages/6/d4298316386/htdocs/wordpress/wp-content/themes themes_size: 24,39 MB (25573960 bytes) plugins_path: /homepages/6/d4298316386/htdocs/wordpress/wp-content/plugins plugins_size: 75,65 MB (79321696 bytes) database_size: 21,91 MB (22970368 bytes) total_size: 257,49 MB (270002890 bytes) wp-active-theme name: Astra Child (astra-child) version: 1.0.0 author: Brainstorm Force author_website: http://wpastra.com/about/ parent_theme: Astra (astra) theme_features: core-block-patterns, astra_hooks, widgets-block-editor, align-wide, automatic-feed-links, title-tag, post-thumbnails, starter-content, html5, post-formats, custom-logo, customize-selective-refresh-widgets, editor-style, woocommerce, rank-math-breadcrumbs, amp, editor-color-palette, widgets, menus theme_path: /homepages/6/d4298316386/htdocs/wordpress/wp-content/themes/astra-child auto_update: Aktiviert wp-parent-theme name: Astra (astra) version: 4.6.16 author: Brainstorm Force author_website: https://wpastra.com/about/?utm_source=theme_preview&utm_medium=author_link&utm_campaign=astra_theme theme_path: /homepages/6/d4298316386/htdocs/wordpress/wp-content/themes/astra auto_update: Aktiviert wp-themes-inactive (1) Vantage: version: 1.20.21, author: SiteOrigin, Automatische Aktualisierungen aktiviert wp-mu-plugins (2) IONOS Marketplace: version: 1.1.6, author: IONOS WordPress automation by Installatron: author: (undefined), version: (undefined) wp-plugins-active (1) Carousel Slider Block: author: (undefined), version: 1.0.14, Automatische Aktualisierungen aktiviert wp-plugins-inactive (13) Code Snippets: version: 3.6.5.1, author: Code Snippets Pro, Automatische Aktualisierungen aktiviert Complianz | GDPR/CCPA Cookie Consent: version: 7.1.0, author: Really Simple Plugins, Automatische Aktualisierungen aktiviert Custom Fonts: version: 2.1.5, author: Brainstorm Force, Automatische Aktualisierungen aktiviert IONOS Assistant: version: 8.5.10, author: IONOS, Automatische Aktualisierungen aktiviert IONOS Help: version: 2.2.1, author: IONOS, Automatische Aktualisierungen aktiviert IONOS Journey: version: 2.1.1, author: IONOS, Automatische Aktualisierungen aktiviert IONOS Login: version: 2.2.1, author: IONOS, Automatische Aktualisierungen aktiviert IONOS Navigation: version: 1.0.7, author: IONOS, Automatische Aktualisierungen aktiviert IONOS Performance: version: 2.0.3, author: IONOS, Automatische Aktualisierungen aktiviert IONOS Security: version: 1.1.0, author: IONOS, Automatische Aktualisierungen aktiviert Limit Login Attempts Reloaded: version: 2.26.9, author: Limit Login Attempts Reloaded, Automatische Aktualisierungen aktiviert The Events Calendar: version: 6.5.0, author: The Events Calendar, Automatische Aktualisierungen aktiviert WordPress Importer: version: 0.8.2, author: wordpressdotorg, Automatische Aktualisierungen aktiviert wp-media image_editor: WP_Image_Editor_GD imagick_module_version: Nicht verfügbar imagemagick_version: Nicht verfügbar imagick_version: Nicht verfügbar file_uploads: 1 post_max_size: 64M upload_max_filesize: 64M max_effective_size: 64 MB max_file_uploads: 20 gd_version: 2.3.0 gd_formats: GIF, JPEG, PNG, WebP, BMP, XPM ghostscript_version: 9.53.3 wp-server server_architecture: Linux 4.4.400-icpu-099 x86_64 httpd_software: Apache php_version: 8.1.28 64bit php_sapi: cgi-fcgi max_input_variables: 5000 time_limit: 50000 memory_limit: -1 max_input_time: -1 upload_max_filesize: 64M php_post_max_size: 64M curl_version: 7.74.0 OpenSSL/1.1.1w suhosin: false imagick_availability: false pretty_permalinks: true htaccess_extra_rules: true current: 2024-05-30T08:43:19+00:00 utc-time: Thursday, 30-May-24 08:43:19 UTC server-time: 2024-05-30T08:43:18+00:00 wp-database extension: mysqli server_version: 10.6.15-MariaDB-log client_version: mysqlnd 8.1.28 max_allowed_packet: 67108864 max_connections: 3000 wp-constants WP_HOME: undefined WP_SITEURL: undefined WP_CONTENT_DIR: /homepages/6/d4298316386/htdocs/wordpress/wp-content WP_PLUGIN_DIR: /homepages/6/d4298316386/htdocs/wordpress/wp-content/plugins WP_MEMORY_LIMIT: 40M WP_MAX_MEMORY_LIMIT: -1 WP_DEBUG: false WP_DEBUG_DISPLAY: true WP_DEBUG_LOG: false SCRIPT_DEBUG: false WP_CACHE: false CONCATENATE_SCRIPTS: undefined COMPRESS_SCRIPTS: undefined COMPRESS_CSS: undefined WP_ENVIRONMENT_TYPE: Nicht definiert WP_DEVELOPMENT_MODE: undefined DB_CHARSET: utf8 DB_COLLATE: undefined wp-filesystem wordpress: writable wp-content: writable uploads: writable plugins: writable themes: writable mu-plugins: writableGuten Morgen.
Ich habe nun alle Plugins bis auf den „Carousel Slider Block“ deaktiviert. Das Problem ist immer das gleiche: Es wird nur ein Bild angezeigt obwohl mehrere eingestellt sind und man sieht beim Abspielen, dass die Bilder vom rechten Rand reinbewegt werden, d.h. der Container nicht berücksichtigt wird.
Ich habe nun zunächst in einer Test-Installation das Theme Astra installiert und im Customizer das Layout der Blog-Seite so geändert, dass rechts eine Sidebar mit Widgets angezeigt wird.
Danach habe ich das zuerst genannte Plugin carousel-slider installiert und einen neuen Bilder-Slider „Test-Slider“ angelegt. Dabei habe ich im Tab General Settings etwas weiter unten bei Slides per View den Wert für alle Displayarten auf 1 geändert.
Wie bereits beschrieben, habe ich als Code Snippet folgenden Code hinzugefügt:
add_filter('carousel_slider_load_scripts', 'carousel_slider_load_scripts'); function carousel_slider_load_scripts( $load_scripts ) { return true; }Im Customizer habe ich dann unter Widgets in der Haupt-Seitenleiste den Block Carousel Slider eingefügt und dabei den vorher erstellten Bilder-Slider „Test-Slider“ ausgewählt.
Im Frontend wird in der Sidebar jeweils ein Bild angezeigt. In rascher Abfolge werden weitere Bilder eingeblendet. Der Slider arbeitet also wie erwartet.
—
Das Plugin habe ich anschließend wieder gelöscht und das von Hans-Gerd vorgeschlagene Carousel Slider Block for Gutenberg installiert.
Unter Design > Widgets habe ich den nach Löschung des ersten Plugins das nicht mehr funktionierende Widget entfernt. Danach habe ich einen Block Carousel Slider eingefügt, darun drei Bild-Blöcke eingefügt und diesen jeweils ein Bild aus der Mediathek zugewiesen.
In der Sidebar habe ich eingestellt, das nur jeweils ein Bild gezeigt werden soll. Die Wiedergabe soll in einem „Infinite Loop“ (Endlosschleife) automatisch wiedergegeben werden:
Auch hier wieder das gewünschte Ergebnis:
Im Frontend wird in der Sidebar jeweils ein Bild angezeigt. In rascher Abfolge werden weitere Bilder eingeblendet. Der Slider arbeitet also wie erwartet.
Da deine Website keine anderen Plugins verwendet, kann ich mir eine abweichende Darstellung nur durch entweder einen Bedienungsfehler oder aber durch einen Fehler im Child-Theme erklären. Ob das Child-Theme die Ursache ist, kannst du durch einen Wechsel in das Parent Theme prüfen, wobei du das Widget dann neu anlegen musst (die Speicherung erfolgt getrennt für jedes Theme einzeln). Du kannst danach jederzeit wieder zu deinem Child-Theme zurück wechseln.
Ich hatte das Carousel so verstanden, dass man mehrere Bilder nebeneinander anzeigen kann …
Welches Plugin jetzt? Carousel Slider Block for Gutenberg? Alles nur noch eine Frage der Einstellungen. So sieht die Sidebar in Astra jetzt aus:
- Du musst angemeldet sein, um auf dieses Thema zu antworten.