Cómo agregar iconos para tipos de publicaciones personalizadas en WordPress

¿Alguna vez te has preguntado cómo puedes agregar íconos personalizados para tus 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 íconos para tipos de publicaciones personalizadas en WordPress.

WordPress comenzó a usar una fuente de iconos llamada Dashicons desde WordPress 3.8. Estos iconos de fuente se ven muy bien en cualquier dispositivo o tamaño de pantalla. Bueno, puedes aprovechar estos íconos para asignar íconos personalizados a tus tipos de publicaciones..

Video Tutorial

Si no te gusta el video o necesitas más instrucciones, continúa leyendo.

Agregar iconos de tipo de publicación personalizados mediante un complemento

Lo primero que debe hacer es instalar y activar el complemento Icono personalizado de CPT. Tras la activación, simplemente vaya a Configuraciones »Configuraciones de iconos personalizados CPT donde verá sus tipos de correos personalizados enumerados. A continuación, haga clic en el botón 'Elegir icono' al lado de un tipo de publicación personalizada y luego seleccione una fuente en el menú.

Agregar iconos usando el tipo de entrada personalizado UI Plugin

Si no está familiarizado con el registro de un tipo de publicación personalizada, le recomendamos que utilice el complemento UI de tipo de publicación personalizada para crear y administrar taxonomías y tipos de publicación personalizados..

Agregar un ícono a un tipo de publicación personalizado creado con el plugin 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 icono de la lista, se mostrará una versión más grande del icono en la parte superior. Junto a él, verá la clase CSS del icono. Será algo así como dashicons-groups, dashicons-calendar, dashicons-cart, etc. Es necesario que copie la clase CSS y edite el tipo de publicación personalizada que desea editar en la IU de CPT. Todo lo que necesitas hacer es hacer clic en el Opciones avanzadas enlace y desplácese hasta la sección Icono de menú, luego pegue la clase CSS y guarde los cambios.

También puede crear un icono de imagen usted mismo y subirlo haciendo clic en Medios »Añadir 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 del icono del menú en la configuración de la interfaz de usuario de CPT.

Agregar manualmente el icono a un tipo de publicación personalizada

Si creó un tipo de publicación personalizada al colocar un código en su complemento específico del sitio o en el archivo functions.php, entonces 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 mostrar como icono, de esta manera:

 '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 personalizado llamado productos con un ícono de menú:

 // Registrar la función de tipo de publicación personalizada custom_post_type () $ labels = array ('name' => _x ('products', 'Post Type General Name', 'text_domain'), 'singular_name' => _x ('Product', 'Nombre singular del tipo de publicación', 'dominio_de_tipos'), 'nombre_de_menú' => __ ('Productos', 'dominio_de_tipo'), 'parent_item_colon' => __ ('Elemento principal:', 'dominio_de_trabajo'), 'all_items' = > __ ('Todos los elementos', 'text_domain'), 'view_item' => __ ('View Item', 'text_domain'), 'add_new_item' => __ ('Add New Item', 'text_domain'), 'add_new '=> __ (' Add New ',' 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' => __ ('Products', 'text_domain'), 'description' => __ ('Post Type Description', 'text_domain'), 'labels' => $ labels, 'support' => array (), 'taxonomies' => array ('category', 'post_tag'), 'hierarchical' => 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' = > falso, 'publicly_queryable' => true, 'capacity_type' => 'page',); register_post_type ('Productos', $ args);  // Enganche en la acción 'init' add_action ('init', 'custom_post_type', 0); 

Esperamos que este artículo te haya ayudado a agregar íconos para tus tipos de publicaciones personalizadas en WordPress. También puede consultar cómo utilizar las fuentes de iconos en el editor de publicaciones de WordPress.

Si le ha gustado este artículo, suscríbase a nuestros tutoriales en video del Canal de YouTube para WordPress. También puedes encontrarnos en Twitter y Google.+.