Untermenüs werden unterhalb der Elemente des Folgeblocks dargestsllt

  • jmbarkei

    (@jmbarkei)


    vor 3 Jahren, 10 Monaten

    Hallo,

    ich bin derzeit dabei, meine verschiedenen Websites neu aufzusetzen, weil ich ohnehin einiges ändern muss und habe mich dafür entschieden gleich das Full Site Editing zu nutzen.

    Allerdings entsteht folgendes Problem:
    meine Menü-Leiste (Navigations-Block) befindet sich nahe der Unterkante des Headers. Anschließend möchte ich einen Cover-Block für die Darstellung von Beitragstitel und Beitragsbild nutzen. Wenn ich nun auf den Seiten ein Untermenü öffne, wird das Menü (zumindest teilweise) von der Schrift des Beitragstitels, bzw. des Beitragsbildes verdeckt, sodass einige Menüpunkte nicht ausgewählt oder gelesen werden können.
    Sollte es nicht so sein, dass das Navigationsmenü *immer* über den Inhalten liegt, sodass es lesbar bleibt?
    So ist es in jedem Fall irritierend für den Besucher und unbefriedigend für mich.
    Das gilt, wie ich gerade merke, erstaunlicherweise auch für die „Overlay-Menüs“ … Trotz des Namens wird da nicht viel Over-gelayt … Die Menüs liegen eindeutig hinter dem Content der Folgeblöcke. (hab ich derzeit kein Beispiel)
    Habe ich da jetzt einen Bug im Navigations-Block gefunden? Oder ist das mein Fehler? Wie kann ich es ggf. korrigieren …?

    Die Website ist noch nicht fertig, deshalb sieht man es auch nicht auf allen Seiten. Auf der Homepage, ist alles normal, aber da gibt es auch noch keinen Content. Wichtig sind die Blog- und die Beitragsseiten, da wird es extrem deutlich.

    Vielen Dank,
    Jörg

    PS: ich verwendes das FSE-Theme „Alara“

    • Dieses Thema wurde vor 3 Jahren, 10 Monaten von jmbarkei geändert.
    • Dieses Thema wurde vor 3 Jahren, 10 Monaten von jmbarkei geändert.
    • Dieses Thema wurde vor 3 Jahren, 10 Monaten von jmbarkei geändert.

    Die Seite, für die ich Hilfe brauche: [Anmelden, um den Link zu sehen]

Ansicht von 15 Antworten – 1 bis 15 (von insgesamt 15)
  • Moderator Hans-Gerd Gerhards

    (@hage)

    vor 3 Jahren, 10 Monaten

    Hallo,
    auch wenn ich vermute, dass du ein Block Theme (z. B. Twenty Twenty Two) verwendest, fehlen uns einige Angaben:
    Wenn du dann noch die URL oben einträgst, dann können wir uns das auch ansehen und dir sicher besser helfen. Lies bitte auch noch mal: Bevor du ein neues Thema (Thread) erstellst.
    Viele Grüße
    Hans-Gerd

    Moderator Hans-Gerd Gerhards

    (@hage)

    vor 3 Jahren, 10 Monaten

    Hallo,
    ich sehe gerade, dass du die URL mittlerweile nachgetragen hast und als Theme „Alara“ verwendest.

    meine Menü-Leiste (Navigations-Block) befindet sich nahe der Unterkante des Headers. Anschließend möchte ich einen Cover-Block für die Darstellung von Beitragstitel und Beitragsbild nutzen.

    Ich kann das Problem auf deiner Website nicht nachvollziehen. Du hast offensichtlich einen Gruppen-Block mit einem Cover-Block (das ist die blaue Grafik) und dem Navigations-Block eingerichtet. Wenn ich die Startseite in Chrome aufrufe, scheint alles ok zu sein und ich kann problemlos die Menüpunkte aufrufen.

    Du hast allerdings auch zusätzlich das Plugin Gutenberg aktiviert. Dieses Plugin bietet bestimmte Funktionen an, die man als experimentell betrachten kann. Daher sollte man das Plugin nicht auf Produktivseiten einsetzen.
    Deaktiviere bitte das Plugin.

    Viele Grüße
    Hans-Gerd

    Moderator Hans-Gerd Gerhards

    (@hage)

    vor 3 Jahren, 10 Monaten

    Hallo,
    ah, jetzt habe ich gesehen, was du meinst und konnte das Problem nachvollziehen.

    Du findest unter Werkzeuge > Websitezustand > Info einen Bericht zur Website. Warte bitte einen Moment bis die Ladeanzeige ganz oben abgeschlossen ist und kopiere dann per Button den Website-Bericht in deine Zwischenablage. Über den Button „Bericht in die Zwischenablage kopieren“ kannst du den Bericht unverändert (bitte mit den Akzentzeichen am Anfang und Ende) einfügen und anschließend hier posten. Evtl. ergeben sich dann weitere Anhaltspunkte, ob und wo das Problem liegt.

    Ich werde das aber mal testen. Auf der folgenden Testinstanz von mir habe ich ebenfalls einen Cover-Block unter dem Menü. Wenn ich das richtig sehe muss ich da noch einen zusätzlichen Navigations-Block im Gruppenblock einrichten.

    Viele Grüße
    Hans-Gerd

    Thread-Starter jmbarkei

    (@jmbarkei)

    vor 3 Jahren, 10 Monaten

    Hallo,

    ich hatte bisher keine Probleme mit dem Gutenberg-Plugin und verstehe auch nicht wirklich, warum ein Plugin publiziert wird, das man dann nicht verwenden kann. Aber sei es wie dem sei, ich habe es jetzt testweise deinstalliert und die Website in Chrome aufgerufen, und habe exakt die gleichen Probleme auch dort. Mein Standard-Browser, in dem ich die Seiten anlege, ist Firefox. Beide sind in der jeweils aktuellsten Version und sollten mit WordPress keinerlei Probleme haben.

    Dennoch habe ich die gleichen Probleme. Sie dir bitte DIESE Seiten an.

    https://theblueprintbiz.jmb-web.net/autoren-coach-website-online/ (alle Menüs)
    https://theblueprintbiz.jmb-web.net/profil/impressum/ (menü service … )

    Die normalen Menüs werden angezeigt, die Untermenüs sind kaputt …

    oder bin ich blind?

    Vielen Dank,
    Jörg

    Moderator Hans-Gerd Gerhards

    (@hage)

    vor 3 Jahren, 10 Monaten

    Bevor ich das jetzt teste: das Problem scheint aber nur auf der Seite „Impressum“ zu bestehen. Bei allen anderen Seiten konnte ich das nicht nachvollziehen.
    Insofern solltest du dir diese Seite mal genauer anschauen und ggfs. ändern.

    Moderator Hans-Gerd Gerhards

    (@hage)

    vor 3 Jahren, 10 Monaten

    verstehe auch nicht wirklich, warum ein Plugin publiziert wird, das man dann nicht verwenden kann.

    … das hatte ich aber oben erläutert: Das Plugin stellt eine Art Betaversion des Block-Editors dar. Das macht durchaus Sinn, weil die Entwickler des Block-Editors über das Plugin Features wesentlich besser entwickeln und testen können.

    Thread-Starter jmbarkei

    (@jmbarkei)

    vor 3 Jahren, 10 Monaten

    sorry, aber auf beiden Seiten sind die Menüs nur teilweise sichtbar und in jedem Fall unbrauchbar, weil sie sich nur bedingt anklicken lassen.

    Ich habe das jetzt noch mal überprüft.

    Verwendet habe ich an diesen Stellen nur Standard-Blöcke aus dem Theme. Und sag jetzt nicht, dass ich dann ein anderes Theme nehmen soll …

    Dass ich da möglicherweise etwas ändern muss, ist mir klar. Wäre aber schön, wenn du mir sagen könntest, was.

    Danke

    Moderator Hans-Gerd Gerhards

    (@hage)

    vor 3 Jahren, 10 Monaten

    Wie gesagt: Wenn ich Zeit habe, werde ich mir das mal ansehen. Das Theme kenne ich nicht.

    Verwendet habe ich an diesen Stellen nur Standard-Blöcke aus dem Theme.

    Du meinst vielleicht die Block-Patterns. Standard-Blöcke werden unabhängig vom Theme angeboten.
    Und den Bericht, um den ich dich gebeten habe, hast du leider immer noch nicht gesendet.

    Thread-Starter jmbarkei

    (@jmbarkei)

    vor 3 Jahren, 10 Monaten

    Hier ist der Bericht:

    
### wp-core ###

version: 5.9.3
site_language: de_DE
user_language: de_DE
permalink: /%postname%/
https_status: true
user_registration: false
default_comment_status: open
multisite: true
user_count: 3
site_count: 9
network_count: 1
dotorg_communication: true

### wp-dropins (1) ###

advanced-cache.php: true

### wp-active-theme ###

name: Alara (alara)
version: 1.3.7
author: UXL Themes
author_website: https://uxlthemes.com/
parent_theme: none
theme_features: core-block-patterns, post-thumbnails, responsive-embeds, editor-styles, html5, automatic-feed-links, block-templates, widgets-block-editor, wp-block-styles, editor-style
theme_path: /www/htdocs/w012170b/new_wordpress/wp-content/themes/alara

### wp-themes-inactive (39) ###

Aino: version: 2.6.2, author: Elmastudio
Allele: version: 1.0.1, author: DesignOrbital
Armando: version: 1.2.4, author: Carolina Nymark
Avant-Garde: version: 1.0.3, author: Brian Gardner
Bai: version: 1.0.4, author: Seed Webs
Blockbase: version: 2.0.32, author: Automattic
Bricksy: version: 1.2.9, author: Anariel Design
Ceres: version: 1.1, author: UXL Themes
Cormorant: version: 0.0.12, author: Koji Kuno
Elyn: version: 1.3, author: Unison Themes
Frost: version: 0.9.1, author: WP Engine
Grigora Blocks: version: 2.01.007, author: latracal
Gutena: version: 1.0.4, author: ExpressTech
Hansen: version: 1.5.1, author: UXL Themes
Hello Gutenify: version: 1.0.2, author: Gutenify
Kemet: version: 1.2.6, author: Leap13
Livro: version: 1.0.10, author: Automattic
Mayland (Blocks): version: 2.1.25, author: Automattic
Naledi: version: 1.1.3, author: Anariel Design
Nominal Block: version: 1.0.1, author: Theme404
Ona Creative: version: 0.1, author: DeoThemes
Ona Minimal: version: 1.0.2, author: DeoThemes
Ona: version: 1.4.3, author: DeoThemes
Pria: version: 1.0, author: UXL Themes
Remote: version: 1.0.1, author: Automattic
Responsive FSE: version: 1.1.0, author: CyberChimps
Rick: version: 1.0.5, author: wpentire
Seedlet (Blocks): version: 2.1.26, author: Automattic
Tove: version: 0.5, author: Anders Norén
TT1 Blocks: version: 0.4.8, author: the WordPress team
Twenty Twenty: version: 1.9, author: WordPress-Team
Twenty Twenty-One: version: 1.5, author: WordPress-Team
Twenty Twenty-Two: version: 1.1, author: WordPress-Team
Wabi: version: 1.0.3, author: RichTabor.com
WeCodeArt: version: 5.5.4, author: Bican Marian Valeriu @wecodeart
WOWMALL: version: 0.1.8, author: Wowmall
X-T9: version: 0.4.1, author: Kurudrive
X3P0 - Reflections: version: 1.0.1, author: Justin Tadlock
Zelia: version: 1.1, author: UXL Themes

### wp-mu-plugins (1) ###

Health Check Troubleshooting Mode: author: (undefined), version: 1.7.2

### wp-plugins-active (58) ###

Aino Blocks - Creative Block Collection: version: 1.8.2, author: Elma Studio
All In One WP Security: version: 4.4.11, author: Tips and Tricks HQ, Peter Petreski, Ruhul, Ivy
Antispam Bee: version: 2.11.0, author: pluginkollektiv
AntiVirus: version: 1.4.3, author: pluginkollektiv
Autoptimize: version: 2.9.5.1, author: Frank Goossens (futtta)
BackWPup: version: 3.10.0, author: Inpsyde GmbH
Better Image Credits: version: 2.0.3, author: Claude Vedovini
Block Editor Colors: version: 1.2.3, author: MotoPress
Block Visibility: version: 2.3.1, author: Nick Diego
Blog2Social: Social Media Auto Post & Scheduler: version: 6.9.4, author: Blog2Social, Adenion
Cachify: version: 2.3.2, author: pluginkollektiv
Categories to Tags Converter Importer: version: 0.5, author: wordpressdotorg
Category Archives Block: version: 0.1.1, author: TipTopPress
CoBlocks: version: 2.22.9, author: GoDaddy
Complianz | GDPR/CCPA Cookie Consent: version: 6.1.2, author: Really Simple Plugins
Contact Form 7: version: 5.5.6, author: Takayuki Miyoshi
Contact Form 7 Image Captcha: version: 3.2.5, author: KC Computing
Current Year and Copyright Shortcodes: version: 1.0.2, author: David Gewirtz
EditorsKit: version: 1.33.5, author: Munir Kamal
Email Encoder - Protect Email Addresses: version: 2.1.3, author: Ironikus
EWWW Image Optimizer: version: 6.4.2, author: Exactly WWW
Folders: version: 2.7.5, author: Premio
Fonts Plugin | Google Fonts Typography: version: 3.0.16, author: Fonts Plugin
Footnotes Made Easy: version: 1.0.2, author: David Artiss
Getwid: version: 1.7.9, author: MotoPress
Gutenberg: version: 12.9.0, author: Gutenberg Team
Health Check & Troubleshooting: version: 1.4.5, author: The WordPress.org community
Honeypot for Contact Form 7: version: 2.1, author: Nocean
Individual Multisite Author: version: 1.3.1, author: Thomas Maier
Kadence Blocks – Gutenberg Blocks for Page Builder Features: version: 2.3.0, author: Kadence WP
Modern Footnotes: version: 1.4.11, author: Prism Tech Studios
Multisite Enhancements: version: 1.6.1, author: Frank Bültge
Newsletter: version: 7.4.2, author: Stefano Lissa & The Newsletter Team
Optimize Database after Deleting Revisions: version: 5.0.110, author: CAGE Web Design | Rolf van Gelder, Eindhoven, The Netherlands
Pages with category and tag: version: 0.9.0, author: YAHMAN
Plugins Garbage Collector (Database Cleanup) Old!: version: 0.14, author: Vladimir Garagulya
Popup Maker: version: 1.16.7, author: Popup Maker
Post Types Order: version: 1.9.8, author: Nsp Code
Rank Math SEO: version: 1.0.85.1, author: Rank Math
RPS Blog Info: version: 1.0.6, author: Red Pixel Studios
RPS Include Content: version: 1.1.10, author: Red Pixel Studios
Self-Hosted Google Fonts: version: 1.0.1, author: asadkn
Shariff Wrapper: version: 4.6.7, author: Jan-Peter Lambeck & 3UU
Shortcodes Ultimate: version: 5.12.0, author: Vladimir Anokhin
Simple Author Box: version: 2.45, author: WebFactory Ltd
Simple Custom CSS and JS: version: 3.39, author: SilkyPress.com
Smart User Slug Hider: version: 4.0.1, author: Peter Raschendorfer
Statify: version: 1.8.3, author: pluginkollektiv
Sticky Block: version: 1.1, author: Senff
TaxoPress: version: 3.6.0, author: TaxoPress
Template Library and Redux Framework: version: 4.3.12, author: Extendify
The Icon Block: version: 1.1.2, author: Nick Diego
Trending/Popular Post Slider and Widget: version: 1.5.5, author: WP OnlineSupport, Essential Plugin
WordPress Importer: version: 0.7, author: wordpressdotorg
WordPress Popular Posts: version: 5.5.1, author: Hector Cabrera
WP-Matomo Integration: version: 1.0.27, author: André Bräkling
WP Maintenance Mode & Coming Soon: version: 2.4.4, author: Themeisle
WP Super Cache: version: 1.7.7, author: Automattic

### wp-plugins-inactive (47) ###

404page - your smart custom 404 error page: version: 11.3.1, author: Peter Raschendorfer
Advanced Custom Fields: version: 5.12.2, author: Delicious Brains
Akismet Anti-Spam: version: 4.2.2, author: Automattic
BlockMeister: version: 3.0.5, author: BlockMeister
Blocks Animation: CSS Animations for Gutenberg Blocks: version: 2.0.1, author: ThemeIsle
Broken Link Checker: version: 1.11.16, author: WPMU DEV
Child Themes Helper: version: 2.2.4, author: Paul A. Swarthout
Conditional Fields for Contact Form 7: version: 2.1.2, author: Jules Colle
Easy Google Fonts: version: 2.0.4, author: Titanium Themes
Easy Table of Contents: version: 2.0.18, author: Magazine3
Email Address Encoder: version: 1.0.22, author: Till Krüss
Essential Blocks: version: 3.3.0, author: WPDeveloper
Events Made Easy: version: 2.2.69, author: Franky Van Liedekerke
Find My Blocks!: version: 3.5.4, author: Eddy Sims
Forminator: version: 1.15.12, author: WPMU DEV
Global Styles Mods: version: 1.0.0, author: WebMan Design, Oliver Juhas
GutenBee: version: 2.13.0, author: The CSSIgniter Team
Gutentor - Gutenberg Blocks - Page Builder for Gutenberg Editor: version: 3.2.0, author: Gutentor
Ivory Search: version: 5.4.5, author: Ivory Search
Jetpack: version: 10.8, author: Automattic
Layout Grid: version: 1.8.1, author: Automattic
Molongui Authorship: version: 4.5.4, author: Molongui
OSM: version: 5.9.4, author: MiKa
Out of the Block: OpenStreetMap: version: 1.3.5, author: gsarig
Polylang: version: 3.1.4, author: WP SYNTEX
PostX - Gutenberg Post Grid Blocks: version: 2.5.1, author: wpxpo
Premium Blocks for Gutenberg: version: 1.9.5, author: Leap13
PublishPress Blocks: version: 2.12.0, author: PublishPress
Qubely - Advanced Gutenberg Blocks: version: 1.7.9, author: Themeum
Quick Featured Images: version: 13.6.0, author: Kybernetik Services
Salt Shaker: version: 1.3.0, author: Nagdy
Simple Lightbox: version: 2.8.1, author: Archetyped
SimpleTOC - Table of Contents Block: version: 5.0.8, author: Marc Tönsing
Stackable - Gutenberg Blocks: version: 3.2.0, author: Gambit Technologies, Inc
StockPack – Stock images in WordPress: version: 3.3.2, author: Derikon Development
Sub Categories Widget: version: 1.5.2, author: BrokenCrust
The Plus Addons for Block Editor: version: 1.2.4.1, author: POSIMYTH
Tip Jar WP: version: 2.0.0, author: Tip Jar WP
Twentig: version: 1.4.1, author: Twentig.com
Ultimate Addons for Contact Form 7: version: 2.0.0, author: Themefic
Ultimate Addons for Gutenberg: version: 1.25.4, author: Brainstorm Force
Ultimate Blocks: version: 2.4.15, author: Ultimate Blocks
WP Consent API: version: 1.0.6, author: RogierLankhorst
WP Dark Mode: version: 2.2.9, author: WPPOOL
wpDiscuz: version: 7.3.17, author: gVectors Team
WP Forms Puzzle Captcha: version: 4.1, author: Nitin Rathod
WP Mail SMTP: version: 3.3.0, author: WPForms

### wp-media ###

image_editor: EWWWIO_Imagick_Editor
imagick_module_version: 1687
imagemagick_version: ImageMagick 6.9.7-4 Q16 x86_64 20170114 http://www.imagemagick.org
gd_version: 2.2.5
ghostscript_version: 9.26

### wp-server ###

server_architecture: Linux 4.15.0-175-generic x86_64
httpd_software: Apache
php_version: 7.4.28 64bit
php_sapi: fpm-fcgi
max_input_variables: 10000
time_limit: 30
memory_limit: 256M
max_input_time: 60
upload_max_size: 200M
php_post_max_size: 200M
curl_version: 7.58.0 OpenSSL/1.1.1
suhosin: false
imagick_availability: true
server-headers: 
	date: Wed, 06 Apr 2022 17:54:42 GMT
	server: Apache
	vary: Accept-Encoding,Cookie,User-Agent
	expires: Wed, 11 Jan 1984 05:00:00 GMT
	cache-control: no-cache, must-revalidate, max-age=0
	x-frame-options: SAMEORIGIN
	link: <https://theblueprintbiz.jmb-web.net/wp-json/>; rel="https://api.w.org/"
	upgrade: h2,h2c
	content-encoding: gzip
	content-type: text/html; charset=UTF-8
htaccess_extra_rules: true

### wp-database ###

extension: mysqli
server_version: 5.7.37-nmm1-log
client_version: mysqlnd 7.4.28

### wp-constants ###

WP_HOME: undefined
WP_SITEURL: undefined
WP_CONTENT_DIR: /www/htdocs/w012170b/new_wordpress/wp-content
WP_PLUGIN_DIR: /www/htdocs/w012170b/new_wordpress/wp-content/plugins
WP_MAX_MEMORY_LIMIT: 256M
WP_DEBUG: false
WP_DEBUG_DISPLAY: true
WP_DEBUG_LOG: false
SCRIPT_DEBUG: false
WP_CACHE: true
CONCATENATE_SCRIPTS: undefined
COMPRESS_SCRIPTS: undefined
COMPRESS_CSS: undefined
WP_LOCAL_DEV: undefined

### wp-filesystem ###

wordpress: writable
wp-content: writable
uploads: writable
plugins: writable
themes: writable
mu-plugins: writable
0: Writable

### redux-framework ###

version: 4.3.12
installation: plugin
data directory: /www/htdocs/w012170b/new_wordpress/wp-content/plugins/redux-framework/redux-core/
browser: 
	Agent: Mozilla/5.0 (X11; Linux x86_64; rv:98.0) Gecko/20100101 Firefox/98.0
	Browser: Firefox
	Version: 98.0
	Platform: Linux
    Moderator Hans-Gerd Gerhards

    (@hage)

    vor 3 Jahren, 10 Monaten

    Zunächst einige Anmerkungen:

    • Du hast 58 aktive Plugins im Einsatz. Das kann dann schon zu einigen Konflikten führen. Deaktiviere und lösche doch bitte die nicht genutzten Plugins
    • Inaktive Themes sollten schon aus Sicherheitsgründen gelöscht werden.

    Bezogen auf die Usability halte ich die Nutzung von zwei Menüs (oben und im Cover-Block) für nicht besonders günstig. Aber ok: das ist deine Entscheidung.

    Du hast ja bereits das Plugin Health Check & Troubleshooting aktiviert. Klicke doch mal unter Werkzeuge > Website Zustand unter Problembehandlung auf den Button „Problembehandlungsmodus aktivieren“. Dann werden alle Plugins deaktiviert und als Standardtheme z. B. Twenty Twenty-One aktiviert. Dann kannst du sehen, ob die beschriebenen Probleme noch weiterhin auftauchen. Aktiviere dann zunächst das Theme von dir und danach Plugin für Plugin im Problembehandlungsmodus und schaue jeweils nach Aktivierung, ob das Problem noch besteht. Auf diese Weise kannst du möglicherweise herausfinden, ob das Problem durch das Theme und/oder ein Plugin verursacht wird. Vorteil dabei ist, dass der Leser deines Blogs die Seite weiter mit allen Infos und Plugins sieht, während nur für dich alle Plugins deaktiviert sind.
    Lies dir dazu bitte auch mal die Informationen in dem Beitrag zu Health Check durch.

    Wenn das Problem dabei nicht behoben wird, versuche ich das Problem nachzustellen, wenn ich Zeit habe.

    Moderator Hans-Gerd Gerhards

    (@hage)

    vor 3 Jahren, 10 Monaten

    hier jetzt eine kleine Präsentation mit zwei Menüs beim Block Theme Alara:

    Zwei Menüs beim Block Theme Alara

    Wie man erkennen kann, gibt es dabei keinerlei Probleme.

    Moderator Bego Mario Garde

    (@pixolin)

    Moderator (nicht mehr aktiv)

    vor 3 Jahren, 10 Monaten

    58 Plugins ist tatsächlich etwas happig und es überrascht mich, dass das so bei einem zugewiesenen Memory-Limit von 256MB überhaupt ohne Fehlermeldungen klappt.

    Auf der Seite Impressum mit dem Darstellungsproblem sind zwei Widgets des Plugins „Sticky-Block“ in der Sidebar – ich könnte mir vorstellen, dass die den Fehler verursachen. Das kannst du leicht prüfen, indem du das Plugin deaktivierst.

    Die Website ist mit dunkelblauer Schrift auf schwarzem Hintergrund für mich sehr schwer lesbar, das Layout nicht gerade representativ, aber das ist glücklicherweise nicht unser Thema hier.

    Viele Links funktionieren noch nicht, aber die Website scheint sowieso noch im Aufbau zu sein.

    Nicht verwendete Themes und Plugins sollten aus Sicherheitsgründen gelöscht werden. Du kannst sie jederzeit wieder neu installieren.

    Das Gutenberg-Plugin ist ein Feature Plugin. Feature Plugins werden entwickelt, um einer breiten Zahl von Anwendern ein künftiges Feature vorab vorstellen zu können. Sinn ist, die Funktionalität zu prüfen, mögliche Verbesserungen zu diskutieren und dann eine modifizierte Version nach reichlicher Abwägung in den Core zu übernehmen. Das ist offensichtlich vielen nicht bekannt und hat dazu geführt, dass sich Nutzer in oft aggressiver Form in den Plugin-Bewertungen über Unzulänglichkeiten ausgelassen haben, statt produktiv an der Weiterentwicklung mitzuwirken. Nicht jeder versteht den Sinn von OpenSource und den Gedanken, dass eine Software durch gemeinsame Arbeit der Nutzer weiterentwickelt wird. Bei vielen kommt nur „is‘ kostenlos“ an. Wie auch immer … In einer produktiven Website hat das Plugin nichts verloren.

    Moderator Bego Mario Garde

    (@pixolin)

    Moderator (nicht mehr aktiv)

    vor 3 Jahren, 10 Monaten

    Mit einer zusätzlichen CSS-Regel 

    header {
  z-index: 99;
  position: relative;
}

    funktioniert’s.

    Um die einzubinden, kannst du ein kleines Plugin schreiben. Dazu erstellst du auf deinem PC ein Verzeichnis alara-style. In diesem Verzeichnis erstellst du mit einem Programmiereditor (z.B. VS Code) eine Datei alara-style.php mit folgendem Inhalt:

    <?php
/**
 * Plugin Name: Alara Style
 * Description: Eigenes CSS für das Theme Alara
 * License:     GPL v2 or later
 */

add_action( 'wp_head', 'alara_style' );

/**
 * Alara Style function to add CSS in document header
 *
 * @return void
 */
function alara_style() {
  // check if theme Alara is active
  if ( ! defined( 'ALARA_VERSION' ) ) {
    return;
  }
  ?>
<style>
header {
  z-index: 99;
  position: relative;
}
</style>
  <?php
}

    Danach komprimierst du das Verzeichnis alara-style als zip-Datei und installierst die zip-Datei als neues Plugin in einer Website.

    Thread-Starter jmbarkei

    (@jmbarkei)

    vor 3 Jahren, 10 Monaten

    Hallo,

    sorry, für die späte Antwort, aber gestern war zu viel los für einen Test.
    Und vielen Dank und Kudos an Bego Mario Garde für den Lösungsvorschlag, das hat tatsächlich funktioniert! Nur als Rückfrage: der <style<-Befehl ändert lediglich die Darstellungsebene der Menüs; oder habe ich das falsch verstanden? Ich bin leider kein Experte, wenn’s um CSS geht …

    Kleine Ergänzung: Offenbar interagiert das Plugin mit Rankmath, sodass dessen Übersicht auf dem Dashboard nur noch die Codierung anzeigte (manchmal ist es echt irre!). Ich hab den CSS-Part ab „function“ jetzt in einen Block im Plugin „Individuelles CSS und JS“ übertragen, da läuft es jetzt auch. Vorteil: ein Plugin weniger 😉 und wieder Ergebnisse bei Rankmath.

    Noch ein paar Anmerkungen:
    Mir ist klar, dass das ein paar Plugins zu viel sind, aber ich versuche, mir im Zuge der Neugestaltung auch den neuen WordPress Editor zu erarbeiten. Die meisten der Plugins sind Block-Plugins oder helfen bei der Gestaltung. Ich muss erst mal sehen, welche ich wirklich brauche, und wo ein anderes Plugin bessere oder flexiblere Blöcke anbietet. Und einige Funktionen sind derzeit nur in Einzel-Plugins verfügbar (z.B. Sticky-Block). Vielleicht kann ich das später mal überarbeiten, aber das ist dann Detailarbeit an einzelnen Template-Parts.
    Wenn alles fertig ist, will ich nur noch die zwingend erforderlichen Plugins und Templates nutzen.
    Insgesamt bildet die Gestaltung dieser Website NOCH deren ehemalige Gestaltung nach, vielleicht überarbeite ich das später, aber für einen ersten Versuch scheint mir die Orientierung an etwas bestehendem hilfreich. Alles auf einmal ist oft keine gute Idee. Und was die Gestaltung insgesamt betrifft: Ich muss mich da auch an der Ausrichtung und der Zielgruppe orientieren.

    Und letztens: Vieles, was an der Gestaltung noch merkwürdig erscheint, hat auch mit den eingeschränkten Möglichkeiten in Gutenberg zu tun. Die Möglichkeiten, Fonts und Farben für verschiedene Elemente festzulegen, sind immer noch GROB unzureichend. Zumal man zu vielen Einstellungen, die möglich sind, keinen direkten Zugang hat, wenn man sich nicht gerade direkt mit CSS auseinandersetzen will. Das führt dann dazu, dass diese Einstellungen mit zusätzlichen Plugins durchgeführt werden müssen, was -wie ihr ja selbst feststellt, keine optimale Lösung ist.
    Hinzu kommt: einige Blöcke und Widgets ignorieren selbst solche Einstellungen, was dann dazu führt, dass sie zusätzlich gruppiert werden müssen, um Zugriff auf Typographie-Kontrollen zu bekommen, was nicht nur die Gesamtgestaltung z. T. durch weitere EInstellungen erheblich komplexer macht. Das KANN in der Summe nicht gut sein – weder für das CMS noch für die fertig Website. Vielleicht kann das ja einer von Euch an passender Stelle mal anbringen.

    Ansonsten erst mal vielen Dank – Euch beiden.
    Und hoffentlich hab ich nicht zu bald wieder ein solches Problem … 😉

    Danke, Jörg

    Moderator Bego Mario Garde

    (@pixolin)

    Moderator (nicht mehr aktiv)

    vor 3 Jahren, 10 Monaten

    der <style>-Befehl ändert lediglich die Darstellungsebene der Menüs

    Korrekt. Ich hab aber noch einen Test eingebaut, ob das Theme überhaupt aktiviert ist.

    Ich hab den CSS-Part ab „function“ jetzt in einen Block im Plugin „Individuelles CSS und JS“ übertragen, da läuft es jetzt auch.

    Wenn du ein Eingabefeld für eigene CSS-Regeln hast, reicht es völlig, wenn du nur das hier einträgst:

    header {
  z-index: 99;
  position: relative;
}

    Die Möglichkeiten, Fonts und Farben für verschiedene Elemente festzulegen, sind immer noch GROB unzureichend.

    Deshalb steht am Editor auch ein Hinweis „Beta“.

    Mit eigenen CSS-Regeln lässt sich aber vieles anpassen. Und die Grundfarben gibst du im Theme-Editor vor.

    Zumal man zu vielen Einstellungen, die möglich sind, keinen direkten Zugang hat, wenn man sich nicht gerade direkt mit CSS auseinandersetzen will.

    Hier wird sicher in künftigen Versionen nachgebessert.

    Vielleicht kann das ja einer von Euch an passender Stelle mal anbringen.

    Im Moment gibt es zum Block-Editor 4.034 Fehlermeldungen. Alles in Arbeit.

Ansicht von 15 Antworten – 1 bis 15 (von insgesamt 15)

Das Thema „Untermenüs werden unterhalb der Elemente des Folgeblocks dargestsllt“ ist für neue Antworten geschlossen.