Jak dodać ikony dla niestandardowych typów postów w WordPress

Czy kiedykolwiek zastanawiałeś się, jak możesz dodać niestandardowe ikony dla niestandardowych typów postów w WordPress? Jeśli tak, to jesteś we właściwym miejscu. W tym artykule pokażemy, jak dodawać ikony dla niestandardowych typów postów w WordPress.

WordPress zaczął używać Czcionki Ikony o nazwie Dashicons od WordPress 3.8. Te ikony czcionek wyglądają świetnie na każdym urządzeniu lub rozmiarze ekranu. Cóż, możesz wykorzystać te ikony, aby przypisać niestandardowe ikony do typów postów.

Video Tutorial

Jeśli nie podoba Ci się film lub potrzebujesz więcej instrukcji, Kontynuuj czytanie.

Dodawanie niestandardowych ikon typu Post za pomocą wtyczki

Pierwszą rzeczą, którą musisz zrobić, to zainstalować i aktywować wtyczkę CPT Custom Icon. Po aktywacji wystarczy przejść do Ustawienia ” Ustawienia ikony CPT gdzie zobaczysz swoje niestandardowe typy postów wymienione. Następnie kliknij przycisk „Wybierz ikonę” obok niestandardowego typu postu, a następnie wybierz czcionkę z menu.

Dodawanie ikon Za pomocą wtyczki custom Post Type UI

Jeśli dopiero zaczynasz rejestrować niestandardowy typ postu, zalecamy użycie wtyczki Custom post Type UI do tworzenia niestandardowych typów postów i taksonomii oraz zarządzania nimi.

Dodanie ikony do niestandardowego typu postu utworzonego za pomocą wtyczki CPT UI jest bardzo proste. Domyślnie obsługuje Dashicons, więc najpierw musisz odwiedzić stronę Dashicons i wybrać ikonę, której chcesz użyć dla swojego typu postu.

Kliknięcie ikony na liście spowoduje wyświetlenie większej wersji ikony na górze. Obok zobaczysz klasę CSS ikony. Będzie to coś w rodzaju dashicons-groups, dashicons-calendar, dashicons-cart, itp. Musisz skopiować klasę CSS i edytować niestandardowy typ postu, który chcesz edytować w interfejsie CPT. Wszystko, co musisz zrobić, to kliknąć na Opcje Zaawansowane link i przewiń w dół do sekcji ikony Menu, a następnie wklej klasę CSS i zapisz zmiany.

Możesz również samodzielnie utworzyć ikonę obrazu i przesłać ją, klikając Media ” Dodaj Nowy. Po przesłaniu kliknij łącze Edytuj i skopiuj adres URL pliku obrazu. Teraz po prostu wklej ten adres URL w polu ikony menu w ustawieniach interfejsu CPT.

Ręczne dodawanie ikony do niestandardowego typu postu

Jeśli utworzyłeś niestandardowy typ postu, umieszczając kod w wtyczce lub funkcjach specyficznych dla witryny.plik php, następnie można ręcznie dodać ikony menu. Po raz kolejny wystarczy odwiedzić stronę Dashicons, aby wybrać ikonę i skopiować klasę CSS. Następnie dodaj go do swojego niestandardowego kodu typu post w ten sposób:

'menu_icon' = > 'dashicons-cart',

Możesz również dodać pełny adres URL pliku obrazu, który ma być wyświetlany jako ikona, w ten sposób:

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

Oto pełny fragment kodu, który tworzy niestandardowy typ postu o nazwie produkty z ikoną menu:

// Zarejestruj Niestandardowy Typ Postu
function custom_post_type () {

	$labels = array(
		'name' = > _x ('products', 'post Type General Name', 'text_domain'),
		'singular_name' = > _x ('Product',' post Type Singular Name', 'text_domain'),
		'menu_name' = > _ _ ('Products', 'text_domain'),
		'parent_item_colon' = > _ _ ('Parent Item:',' text_domain'),
		'all_items' = > _ _ ('all Items', 'text_domain'),
		'view_item' = > _ _ ('View Item', 'text_domain'),
		'add_new_item' = > _ _ ('Dodaj nowy element', 'text_domain'),
		'add_new' = > _ _ ('Dodaj nowy', 'text_domain'),
		'edit_item' = > _ _ ('Edit Item', 'text_domain'),
		'update_item' = > _ _ ('Update Item', 'text_domain'),
		'search_items' = > _ _ ('Search Item', 'text_domain'),
		'not_found' = > _ _ ('Not found',' text_domain'),
		'not_found_in_trash' = > _ _ ('Not found in Trash',' text_domain'),
	);
	$args = array(
		'label' = > _ _ ('produkty', 'text_domain'),
		'description' = > _ _ ('Opis typu Post', 'text_domain'),
		'labels' = > $ labels,
		'supports' = > array( ),
		'taxonomies' = > array ('category',' post_tag'),
		'hierarchiczny' = > 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' = > 'strona',
	);
	register_post_type ('Products', $args );

}

// Hook into the 'INIT' action
add_action ('init', 'custom_post_type', 0 );

Mamy nadzieję, że ten artykuł pomógł Ci dodać ikony dla niestandardowych typów postów w WordPress. Możesz także sprawdzić, jak używać czcionek ikon w edytorze postów WordPress.

Jeśli podoba Ci się ten artykuł, zasubskrybuj nasz kanał YouTube dla samouczków wideo WordPress. Możesz nas również znaleźć na Twitterze i Google+.