Cómo resaltar la página actual en el menú de navegación de WordPress

Cómo agregar íconos para el tipo de publicación personalizada en WordPress

Ultima actualización en por Debjit Saha

Extractos de IsItWP

¿Desea agregar iconos para el tipo de publicación personalizada en WordPress para nuevas páginas de publicaciones y editarlas? Es fácil con nuestro fragmento de código. Echaremos un vistazo.

Instrucciones:

Agregue este fragmento a functions.php o un complemento específico del sitio. Recuerde cambiar la URL de la línea 9 donde su icono es de 24px a 24px.


add_action( 'admin_head-post.php', 'post_type_icon');
add_action( 'admin_head-post-new.php', 'post_type_icon');
function post_type_icon() {
        global $post_type;
	?>
	<style>
	<?php if($post_type == 'products'){ ?>
	#icon-edit { 
                background: url('<?php echo 'http://example.com/wp-content/themes/theme_name/i/icon_24x24.png';?>') no-repeat; }
	<?php } ?>
        </style>
        <?php
}

También puede utilizar este código. Este fragmento crea un tipo de publicación personalizada (llamado “productos” en la línea 9) y establece el icono de menú para ese tipo de publicación personalizada. Agregue este fragmento a functions.php o un complemento específico del sitio. En la línea 10 de este extracto, definimos el menu_icon URL de la ubicación de la imagen del icono de 16 px por 16 px para mostrar en el menú de administración.


$args = array(
        'label' => __('Products'),
        'singular_label' => __('Product'),
        'public' => true,
        'show_ui' => true,
        'capability_type' => 'page',
        'hierarchical' => false,
        'rewrite' => true,
        'query_var' => 'products',
    'menu_icon' => 'http://site.com/wp-content/themes/theme_name/i/icon_16x16.png',
        'supports' => array('title','editor','comments','thumbnail')
);
register_post_type( 'product' , $args );

Notar: Si es la primera vez que agrega fragmentos en WordPress, consulte nuestra guía sobre cómo copiar / pegar fragmentos correctamente en WordPress, para que no rompa accidentalmente su sitio.

Si le gustó este fragmento de código, consulte nuestros otros artículos en el sitio, como: Los mejores creadores de páginas de WordPress (comparados).

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Ir arriba