So fügen Sie Symbole für benutzerdefinierte Beitragstypen in WordPress hinzu

Haben Sie sich jemals gefragt, wie Sie benutzerdefinierte Symbole für Ihre benutzerdefinierten Beitragstypen in WordPress hinzufügen können? Dann sind Sie bei uns richtig. In diesem Artikel zeigen wir Ihnen, wie Sie in WordPress Symbole für benutzerdefinierte Beitragstypen hinzufügen.

WordPress begann seit WordPress 3.8 mit der Symbol-Schriftart Dashicons. Diese Zeichensymbole sehen auf jedem Gerät oder jeder Bildschirmgröße gut aus. Nun, Sie können diese Symbole nutzen, um Ihren Beitragstypen benutzerdefinierte Symbole zuzuweisen.

Videoanleitung

Wenn Ihnen das Video nicht gefällt oder Sie weitere Anweisungen benötigen, lesen Sie weiter.

Hinzufügen von benutzerdefinierten Posttyp-Symbolen mithilfe eines Plugins

Zuerst müssen Sie das CPT Custom Icon-Plugin installieren und aktivieren. Gehen Sie nach der Aktivierung einfach zu Einstellungen »Benutzerdefinierte CPT-Symboleinstellungen Dort werden Ihre benutzerdefinierten Beitragstypen aufgelistet. Klicken Sie anschließend auf die Schaltfläche "Symbol auswählen" neben einem benutzerdefinierten Beitragstyp und wählen Sie dann eine Schriftart aus dem Menü aus.

Hinzufügen von Symbolen mit dem Plug-In für benutzerdefiniertes Beitragstyp

Wenn Sie einen benutzerdefinierten Beitragstyp noch nicht registriert haben, empfehlen wir Ihnen, das Plug-In für das benutzerdefinierten Beitragstyp-Interface zu verwenden, um benutzerdefinierte Beitragstypen und Taxonomien zu erstellen und zu verwalten.

Das Hinzufügen eines Symbols zu einem benutzerdefinierten Beitragstyp, der mit dem CPT-UI-Plugin erstellt wurde, ist sehr einfach. Dashicons wird standardmäßig unterstützt. Sie müssen daher zunächst die Dashicons-Website besuchen und das Symbol auswählen, das Sie für Ihren Beitragstyp verwenden möchten.

Wenn Sie auf ein Symbol in der Liste klicken, wird oben eine größere Version des Symbols angezeigt. Daneben sehen Sie die CSS-Klasse des Symbols. Es wird so etwas wie Dashicons-Gruppen, Dashicons-Kalender, Dashicons-Cart usw. sein. Sie müssen die CSS-Klasse kopieren und den benutzerdefinierten Beitragstyp bearbeiten, den Sie in der CPT-Benutzeroberfläche bearbeiten möchten. Sie müssen nur auf das Symbol klicken Erweiterte Optionen Klicken Sie auf den Link, und scrollen Sie zum Abschnitt Menüsymbol, fügen Sie die CSS-Klasse ein und speichern Sie die Änderungen.

Sie können ein Bildsymbol auch selbst erstellen und durch Klicken hochladen Medien »Neu hinzufügen. Klicken Sie nach dem Hochladen auf den Link Bearbeiten und kopieren Sie die URL der Bilddatei. Fügen Sie diese URL einfach in das Menüsymbolfeld in den Einstellungen der CPT-Benutzeroberfläche ein.

Manuelles Hinzufügen eines Symbols zu einem benutzerdefinierten Beitragstyp

Wenn Sie einen benutzerdefinierten Beitragstyp erstellt haben, indem Sie einen Code in Ihre Site-spezifische Plugin- oder Functions.php-Datei einfügen, können Sie Menüsymbole manuell hinzufügen. Besuchen Sie noch einmal die Dashicons-Website, um ein Symbol auszuwählen und die CSS-Klasse zu kopieren. Danach fügen Sie es wie folgt zu Ihrem benutzerdefinierten Posttyp-Code hinzu:

 'menu_icon' => 'dashicons-cart', 

Sie können auch die vollständige URL einer Bilddatei hinzufügen, die Sie als Symbol anzeigen möchten, wie folgt:

 'menu_icon' => 'http://www.example.com/wp-content/uploads/2014/11/ihr-cpt-icon.png', 

Hier ist ein vollständiger Codeausschnitt, der einen benutzerdefinierten Beitragstyp namens Produkte mit einem Menüsymbol erstellt:

 // Benutzerdefinierten Beitragstyp für die Funktion registrieren custom_post_type () $ labels = array ('name' => _x ('products', 'post type' allgemeiner Name '', 'text_domain')) 'singular_name' => _x ('Product', 'Post Type Singular Name', 'text_domain'), 'menu_name' => __ ('Produkte', 'text_domain'), 'parent_item_colon' => __ ('Parent Item:', 'text_domain'), 'all_items' = > __ ('Alle Elemente', 'text_domain'), 'view_item' => __ ('Objekt anzeigen', 'text_domain'), 'add_new_item' => __ ('Neues Element hinzufügen'), 'text_domain'), 'add_new '=> __ (' Neu hinzufügen ',' text_domain '),' edit_item '=> __ (' Element bearbeiten ',' text_domain '),' update_item '=> __ (' Element aktualisieren ',' text_domain '),' search_items '=> __ (' Artikel suchen ',' text_domain '),' not_found '=> __ (' Nicht gefunden ',' text_domain '),' not_found_in_trash '=> __ (' Nicht gefunden im Papierkorb ',' text_domain ' ),); $ args = array ('label' => __ ('Products', 'text_domain'), 'description' => __ ('Post Type Description', 'text_domain'), 'labels' => $ labels, unterstützt ' => array (), 'taxonomies' => array ('category', 'post_tag'), 'hierarchisch' => false, 'public' => true, 'show_ui' => true, 'show_in_menu' => true, 'show_in_nav_menus' => true, 'show_in_admin_bar' => true, 'menu_position' => 5, 'menu_icon' => 'dashicons-cart', 'can_export' => true, 'has_archive' => true, 'exclude_from_search' = > false, 'publicly_queryable' => true, 'Capability_type' => 'Seite',); register_post_type ('Products', $ args);  // Einhängen in die 'init'-Aktion add_action (' init ',' custom_post_type ', 0); 

Wir hoffen, dass Ihnen dieser Artikel beim Hinzufügen von Symbolen für Ihre benutzerdefinierten Beitragstypen in WordPress geholfen hat. Sie können auch herausfinden, wie Symbol-Schriftarten im PostPress-Editor von WordPress verwendet werden.

Wenn Ihnen dieser Artikel gefallen hat, abonnieren Sie bitte unsere Video-Tutorials für unseren YouTube-Kanal für WordPress. Sie finden uns auch auf Twitter und Google+.