WP 6.1.1 Wie erstelle ich ein Kategorie-Dropdown-Menu?

(@znac)

Hallo in die Runde,

meine Suchen waren ergebnislos bzw. verwiesen auf „alte Verfahren“. Gibt es irgendwo eine Anleitung, wie man mit WordPress 6.x Menüs für Kategorien erstellen kann. in der jede Hauptkategorie einzeln aufgeführt ist und der Besucher per Dropdown geführt wird:

Hauptkategorie A
--- <em>Kategorie 1</em>
--- Zwischenkategorie X
------- <em>Kategorie 2</em>
------- <em>Kategorie 3</em>
--- <em>Kategorie 4</em>
Hauptkategorie B
--- <em>Kategorie 5</em>
--- Zwischenkategorie Y
------- <em>Kategorie 6</em>
--- Zwischenkategorie Z
------- <em>Kategorie 7</em>
Hauptkategorie C
--- <em>Kategorie 8</em>
--- <em>Kategorie 9</em>

Ich habe insgesamt 83 Einträge – hiervon 8 Hauptkategorien und 9 Zwischenkategorien. Wäre es überhaupt performant? Wenn nein, welche Alternative könnte ich vielleicht sonst umsetzen?

PS: Kann auch statisch sein, da sich aller Wahrscheinlichkeit nach, sich wenig an der Kategorie-Struktur ändern wird.


### wp-core ###

version: 6.1.1
site_language: de_DE
user_language: de_DE
timezone: Europe/Berlin
permalink: /%postname%/
https_status: true
multisite: false
user_registration: 0
blog_public: 1
default_comment_status: open
environment_type: production
user_count: 5
dotorg_communication: true

### wp-paths-sizes ###

wordpress_path: /indiviualPath/mySite.de
wordpress_size: 56,66 MB (59413052 bytes)
uploads_path: /indiviualPath/mySite.de/wp-content/uploads
uploads_size: 0,00 B (0 bytes)
themes_path: /indiviualPath/mySite.de/wp-content/themes
themes_size: 12,45 MB (13056989 bytes)
plugins_path: /indiviualPath/mySite.de/wp-content/plugins
plugins_size: 29,11 MB (30520236 bytes)
database_size: 1,23 MB (1286025 bytes)
total_size: 99,45 MB (104276302 bytes)

### wp-active-theme ###

name: Twenty Twenty-Three (twentytwentythree)
version: 1.0
author: WordPress-Team
author_website: https://de.wordpress.org
parent_theme: none
theme_features: core-block-patterns, post-thumbnails, responsive-embeds, editor-styles, html5, automatic-feed-links, block-templates, widgets-block-editor
theme_path: /indiviualPath/mySite.de/wp-content/themes/twentytwentythree
auto_update: Deaktiviert

### wp-themes-inactive (2) ###

Twenty Twenty-One: version: 1.7, author: WordPress-Team, Automatische Aktualisierungen deaktiviert
Twenty Twenty-Two: version: 1.3, author: WordPress-Team, Automatische Aktualisierungen deaktiviert

### wp-plugins-active (6) ###

Antispam Bee: version: 2.11.1, author: pluginkollektiv, Automatische Aktualisierungen deaktiviert
Lightbox for Gallery & Image Block: version: 1.12, author: Johannes Kinast <johannes@travel-dealz.de>, Automatische Aktualisierungen deaktiviert
TranslatePress - Multilingual: version: 2.4.2, author: Cozmoslabs, Razvan Mocanu, Madalin Ungureanu, Cristophor Hurduban, Automatische Aktualisierungen deaktiviert
WP Mail SMTP: version: 3.6.1, author: WPForms, Automatische Aktualisierungen deaktiviert
WPS Hide Login: version: 1.9.6, author: WPServeur, NicolasKulka, wpformation, Automatische Aktualisierungen deaktiviert
Yoast SEO: version: 19.11, author: Team Yoast, Automatische Aktualisierungen deaktiviert

### wp-plugins-inactive (1) ###

WP Reset: version: 1.96, author: WebFactory Ltd, Automatische Aktualisierungen deaktiviert

### wp-media ###

image_editor: WP_Image_Editor_Imagick
imagick_module_version: 1690
imagemagick_version: ImageMagick 6.9.10-23 Q16 x86_64 20190101 https://imagemagick.org
imagick_version: 3.4.4
file_uploads: File uploads is turned off
post_max_size: 200M
upload_max_filesize: 200M
max_effective_size: 200 MB
max_file_uploads: 20
imagick_limits: 
	imagick::RESOURCETYPE_AREA: 31 GB
	imagick::RESOURCETYPE_DISK: 1.84467440737E+19
	imagick::RESOURCETYPE_FILE: 786432
	imagick::RESOURCETYPE_MAP: 31 GB
	imagick::RESOURCETYPE_MEMORY: 16 GB
	imagick::RESOURCETYPE_THREAD: 8
imagemagick_file_formats: 3FR, 3G2, 3GP, AAI, AI, ART, ARW, AVI, AVS, BGR, BGRA, BGRO, BIE, BMP, BMP2, BMP3, BRF, CAL, CALS, CANVAS, CAPTION, CIN, CIP, CLIP, CMYK, CMYKA, CR2, CRW, CUR, CUT, DATA, DCM, DCR, DCX, DDS, DFONT, DJVU, DNG, DOT, DPX, DXT1, DXT5, EPDF, EPI, EPS, EPS2, EPS3, EPSF, EPSI, EPT, EPT2, EPT3, ERF, EXR, FAX, FILE, FITS, FRACTAL, FTP, FTS, G3, G4, GIF, GIF87, GRADIENT, GRAY, GRAYA, GROUP4, GV, H, HALD, HDR, HISTOGRAM, HRZ, HTM, HTML, HTTP, HTTPS, ICB, ICO, ICON, IIQ, INFO, INLINE, IPL, ISOBRL, ISOBRL6, JBG, JBIG, JNG, JNX, JPE, JPEG, JPG, JPS, JSON, K25, KDC, LABEL, M2V, M4V, MAC, MAGICK, MAP, MASK, MAT, MATTE, MEF, MIFF, MKV, MNG, MONO, MOV, MP4, MPC, MPEG, MPG, MRW, MSL, MSVG, MTV, MVG, NEF, NRW, NULL, ORF, OTB, OTF, PAL, PALM, PAM, PANGO, PATTERN, PBM, PCD, PCDS, PCL, PCT, PCX, PDB, PDF, PDFA, PEF, PES, PFA, PFB, PFM, PGM, PGX, PICON, PICT, PIX, PJPEG, PLASMA, PNG, PNG00, PNG24, PNG32, PNG48, PNG64, PNG8, PNM, PPM, PREVIEW, PS, PS2, PS3, PSB, PSD, PTIF, PWP, RADIAL-GRADIENT, RAF, RAS, RAW, RGB, RGBA, RGBO, RGF, RLA, RLE, RMF, RW2, SCR, SCT, SFW, SGI, SHTML, SIX, SIXEL, SPARSE-COLOR, SR2, SRF, STEGANO, SUN, SVG, SVGZ, TEXT, TGA, THUMBNAIL, TIFF, TIFF64, TILE, TIM, TTC, TTF, TXT, UBRL, UBRL6, UIL, UYVY, VDA, VICAR, VID, VIFF, VIPS, VST, WBMP, WEBP, WMF, WMV, WMZ, WPG, X, X3F, XBM, XC, XCF, XPM, XPS, XV, XWD, YCbCr, YCbCrA, YUV
gd_version: 2.2.5
gd_formats: GIF, JPEG, PNG, WebP, BMP, XPM
ghostscript_version: 9.50

### wp-server ###

server_architecture: Linux 5.4.0-131-generic x86_64
httpd_software: Apache
php_version: 7.4.30 64bit
php_sapi: fpm-fcgi
max_input_variables: 10000
time_limit: 30
memory_limit: 256M
max_input_time: 60
upload_max_filesize: 200M
php_post_max_size: 200M
curl_version: 7.68.0 OpenSSL/1.1.1f
suhosin: false
imagick_availability: true
pretty_permalinks: true
htaccess_extra_rules: false

### wp-database ###

extension: mysqli
server_version: 10.5.16-MariaDB-1:10.5.16+maria~focal-log
client_version: mysqlnd 7.4.30
max_allowed_packet: 67108864
max_connections: 500

### wp-constants ###

WP_HOME: undefined
WP_SITEURL: undefined
WP_CONTENT_DIR: /indiviualPath/mySite.de/wp-content
WP_PLUGIN_DIR: /indiviualPath/mySite.de/wp-content/plugins
WP_MEMORY_LIMIT: 256M
WP_MAX_MEMORY_LIMIT: 256M
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
DB_CHARSET: utf8
DB_COLLATE: undefined

### wp-filesystem ###

wordpress: writable
wp-content: writable
uploads: writable
plugins: writable
themes: writable

### wp_mail_smtp ###

version: 3.6.1
license_key_type: lite
debug: Keine Debug-Hinweise gefunden.
lite_install_date: Nov 2, 2022 @ 4:02pm

Ansicht von 8 Antworten - 1 bis 8 (von insgesamt 8)

Moderator Bego Mario Garde
(@pixolin)

vor 1 Jahr, 4 Monaten
Zum einen besteht natürlich die Möglichkeit, jede Kategorien als eigenständigen Link dem Navigationsmenü hinzuzufügen, was einen aber bei 83 Kategorien in den Wahnsinn treibt (oder zumindest unnötig Zeit bindet).

Schöner ist eine Automatisierung mit einem kleinen Skript, dass du wahlweise in die functions.php eines Child-Themes, ein eigenes Plugin oder als Code Snippet einfügst, sinngemäß etwas wie:
```
add_filter( 'wp_nav_menu_items', 'categories_to_nav_menu', 10, 2 );
function categories_to_nav_menu( $items, $args ) {
  $myargs = array(
    'echo' => 0,
    'orderby' => 'name',
    'title_li' => '',
  );
  $items .= wp_list_categories( $myargs );

  return $items;
}

add_filter( 'category_css_class', 'add_category_class', 10, 4);

function add_category_class( $css_classes, $category, $depth, $args ) {
  $css_classes[] = 'menu-item';
  if( $depth == 0 ) {
    $css_classes[] = 'menu-item-has-children';
  }    

  return $css_classes;
}
```
Bei Fragen zur Programmierung bist du allerdings bei WordPress Stackexchange besser aufgehoben. Hier bieten wir vor allem Anwendungs-Support.
- Diese Antwort wurde geändert vor 1 Jahr, 4 Monaten von Bego Mario Garde.
- Diese Antwort wurde geändert vor 1 Jahr, 4 Monaten von Bego Mario Garde.
- Diese Antwort wurde geändert vor 1 Jahr, 4 Monaten von Bego Mario Garde.
- Diese Antwort wurde geändert vor 1 Jahr, 4 Monaten von Bego Mario Garde.
Thread-Starter ZNMAC
(@znac)

vor 1 Jahr, 4 Monaten
@pixolin vielen Dank für Deine Antwort.

Schade, dass es ohne Programmierung keine Möglichkeit gibt, ein Kategorie-Menu zu erstellen. Werde mich einlesen, vielen Dank für die Infos.

PS: Habe den Status auf „keine Supportfrage“ gestellt.
- Diese Antwort wurde geändert vor 1 Jahr, 4 Monaten von ZNMAC.
Moderator Bego Mario Garde
(@pixolin)

vor 1 Jahr, 4 Monaten

Schade, dass es ohne Programmierung keine Möglichkeit gibt, ein Kategorie-Menu zu erstellen.

Wieso? Gibt es doch. Du kannst die Kategorien manuell zum Menü hinzufügen. Ist nur eben bei so vielen Kategorien mit etwas mehr Arbeit verbunden, weil du die Untermenüeinträge zusortieren musst (per Maus einrücken).

Design > Menüs (1) > Kategorien (2) > im Tab „Alle“ das Kästchen „Alle auswählen“ ankklicken (3) und hinzufügen (4):

(zum Vergrößern anklicken)
Thread-Starter ZNMAC
(@znac)

vor 1 Jahr, 4 Monaten
Guten Morgen @pixolin,
der Eintrag
Design > Menüs
ist bei mir nicht vorhanden. Ist das eine Einstellungssache?

Ich habe unter dem Menü „Design“ nur
- Themes
- Editor
- Customizer
Moderator Bego Mario Garde
(@pixolin)

vor 1 Jahr, 4 Monaten

Welches Theme verwendest du denn?

Bei den blockbasierten Themes erstellst du das Navigationsmenü im Editor.

Hast du mal geschaut, ob du im Customizer Menüs anlegen kannst?

Thread-Starter ZNMAC
(@znac)

vor 1 Jahr, 4 Monaten

@pixolin, ich verwende Twenty Twenty-Three und ja, im Desing-Editor kann man neue Menus anlegen (das Vorgehen ist jedoch eine andere). Hierzu habe ich neben Deinem Tipp für die manuelle Erfassung der Kategorien in einem Menu noch folgende Anleitung gefunden: https://wordpress.org/support/article/categories-block/#display-as-dropdown.

Vielen Dank für Deine Unterstützung.

Moderator Bego Mario Garde
(@pixolin)

vor 1 Jahr, 4 Monaten

Der Kategorien-Block gibt die Kategorien an beliebiger Stelle (auch als Dropdown) aus, hat aber nichts mit dem Navigationsmenü zu tun.

Thread-Starter ZNMAC
(@znac)

vor 1 Jahr, 4 Monaten

@pixolin

Hast du mal geschaut, ob du im Customizer Menüs anlegen kannst?

Ist leider nicht möglich.

Ansicht von 8 Antworten - 1 bis 8 (von insgesamt 8)

Das Thema „WP 6.1.1 Wie erstelle ich ein Kategorie-Dropdown-Menu?“ ist für neue Antworten geschlossen.

Ansichten