¿Alguna vez se preguntó cómo podría agregar iconos personalizados para sus tipos de publicaciones personalizadas en WordPress? Si es así, entonces estás en el lugar correcto. En este artículo, le mostraremos cómo agregar iconos para tipos de publicaciones personalizadas en WordPress.
WordPress comenzó a usar una fuente de icono llamada Dashicons desde WordPress 3.8. Estos iconos de fuentes se ven geniales en cualquier dispositivo o tamaño de pantalla. Bueno, puede aprovechar estos iconos para asignar iconos personalizados a sus tipos de publicaciones.
Agregar íconos de tipo de mensaje personalizado usando un complemento
Lo primero que debe hacer es instalar y activar el complemento CPT Custom Icon. Después de la activación, simplemente ve a Configuración »Configuración del icono personalizado CPT donde verá sus tipos de publicaciones personalizadas en la lista. A continuación, haga clic en el botón «Elegir icono» al lado de un tipo de publicación personalizado y luego seleccione una fuente del menú.
Agregar iconos usando el complemento de interfaz de usuario de tipo de entrada personalizado
Si no está familiarizado con el registro de un tipo de publicación personalizado, le recomendamos que use el complemento de IU de tipo de entrada personalizado para crear y administrar tipos de publicaciones y taxonomías personalizadas.
Agregar un icono a un tipo de publicación personalizado creado con el complemento CPT UI es muy simple. Es compatible con Dashicons de forma predeterminada, por lo que primero debe visitar el sitio web de Dashicons y seleccionar el icono que desea usar para su tipo de publicación.
Al hacer clic en un ícono en la lista, se mostrará una versión más grande del ícono en la parte superior. Junto a él, verá la clase de CSS del icono. Será algo así como dashicons-groups, dashicons-calendar, dashicons-cart, etc. Necesita copiar la clase CSS y editar el tipo de publicación personalizada que desea editar en la IU de CPT. Todo lo que tiene que hacer es hacer clic en Opciones avanzadas enlace y desplácese hacia abajo a la sección del icono del menú, luego pegue la clase CSS y guarde los cambios.
También puede crear un ícono de imagen usted mismo y cargarlo haciendo clic Medios »Agregar nuevo . Después de la carga, haga clic en el enlace Editar y copie la URL del archivo de imagen. Ahora simplemente pegue esta URL en el campo de icono de menú en la configuración de la IU de CPT.
Agregar icono manualmente a un tipo de mensaje personalizado
Si creó un tipo de publicación personalizado colocando un código en el plugin específico de su sitio o en el archivo functions.php, puede agregar iconos de menú manualmente. Una vez más, simplemente visite el sitio web de Dashicons para seleccionar un icono y copiar la clase CSS. Después de esto, agréguelo a su código de tipo de publicación personalizado como este:
'menu_icon' => 'dashicons-cart',
También puede agregar la URL completa de un archivo de imagen que desea visualizar como icono, como este:
'menu_icon' => 'http://www.example.com/wp-content/uploads/2014/11/your-cpt-icon.png',
Aquí hay un fragmento de código completo que crea un tipo de publicación personalizada llamada productos con un ícono de menú:
// Registrar el tipo de mensaje personalizado
function custom_post_type () {
$ labels = array (
'name' => _x ('productos', 'Nombre general del tipo de publicación', 'text_domain'),
'singular_name' => _x ('Producto', 'Nombre Singular de Tipo de Publicación', 'text_domain'),
'menu_name' => __ ('Productos', 'text_domain'),
'parent_item_colon' => __ ('Artículo principal:', 'text_domain'),
'all_items' => __ ('Todos los elementos', 'text_domain'),
'view_item' => __ ('Ver elemento', 'text_domain'),
'add_new_item' => __ ('Agregar nuevo elemento', 'text_domain'),
'add_new' => __ ('Agregar nuevo', 'text_domain'),
'edit_item' => __ ('Editar elemento', 'text_domain'),
'update_item' => __ ('Actualizar elemento', 'text_domain'),
'search_items' => __ ('Elemento de búsqueda', 'text_domain'),
'not_found' => __ ('No encontrado', 'text_domain'),
'not_found_in_trash' => __ ('No encontrado en la Papelera', 'text_domain'),
);
$ args = array (
'label' => __ ('Productos', 'text_domain'),
'description' => __ ('Post Type Description', 'text_domain'),
'labels' => $ labels,
'supports' => array (),
'taxonomies' => array ('categoría', 'post_tag'),
'hierarchical' => falso,
'public' => verdadero,
'show_ui' => verdadero,
'show_in_menu' => true,
'show_in_nav_menus' => true,
'show_in_admin_bar' => true,
'menu_position' => 5,
'menu_icon' => 'dashicons-cart',
'can_export' => verdadero,
'has_archive' => verdadero,
'exclude_from_search' => falso,
'publicly_queryable' => verdadero,
'capability_type' => 'página',
);
register_post_type ('Productos', $ args);
}
// Enganche en la acción 'init'
add_action ('init', 'custom_post_type', 0);
Esperamos que este artículo lo ayude a agregar iconos para sus tipos de publicaciones personalizadas en WordPress. Es posible que también desee ver cómo usar las fuentes de los iconos en el editor de publicaciones de WordPress.
