Cómo insertar iconos personalizados para tipos de publicaciones personalizadas en WordPress










  • ¿Está buscando una forma de insertar iconos personalizados para tipos de publicaciones personalizadas en WordPress? Los tipos de publicaciones personalizadas le permiten expandir los tipos de publicaciones predeterminados limitados que están disponibles en WordPress. Es una excelente manera de ayudar a su personal a comprender exactamente dónde se encuentra una determinada pieza de contenido en el ciclo de desarrollo.

    Un pequeño problema que tienen algunos sitios web con los tipos de publicaciones personalizadas es que no tienen Dashicons. Los Dashicons son íconos de fuentes que funcionan bien en cualquier tamaño de pantalla y brindan una representación visual del tipo de publicación personalizada. Hoy, demostraré cómo insertar íconos personalizados para tipos de publicaciones personalizadas en WordPress usando el complemento de interfaz de usuario de tipo de publicación personalizado.

    ¿Por qué agregar iconos personalizados en WordPress?

    Probablemente se esté preguntando por qué exactamente querría agregar íconos personalizados en WordPress. La respuesta es bastante simple, mejor representación visual. Si bien definitivamente puede argumentar que un tipo de publicación personalizada como «imágenes en espera» es bastante clara por sí sola, cuando tiene más de 20 piezas de contenido en la misma página, las palabras pueden parecerse. Otra forma de navegar por tus contenidos que están en proceso de edición es identificándolos por los iconos que tienen.

    Esto puede ayudar a su personal a evitar errores al tener tanto el tipo de publicación personalizada real como la imagen asociada para ayudar a identificar el contenido correcto. Incluso si no le preocupan los errores, puede ayudar a que su proceso de edición se vea mejor, lo que definitivamente es una ventaja.

    Cómo insertar iconos personalizados para tipos de publicaciones personalizadas en WordPress

    Hoy, demostraré cómo insertar íconos personalizados para tipos de publicaciones personalizadas en WordPress usando el complemento de interfaz de usuario de tipo de publicación personalizado. Este complemento le permite agregar y asignar cualquier Dashicon a cualquier tipo de publicación personalizada en WordPress. Los Dashicons ya están creados, por lo que todo lo que tendrá que hacer es seleccionar los que desea usar. Gracias a esto, casi no se requiere trabajo para agregar los íconos en WordPress.

    Instalación de la interfaz de usuario de tipo de publicación personalizada

    Comience haciendo clic en Complementos y seleccionando la opción Agregar nuevo en el panel de administración de la izquierda.

    Agregar nuevo

     

    Busque la interfaz de usuario de tipo de publicación personalizada en el cuadro de búsqueda disponible. Esto abrirá complementos adicionales que pueden resultarle útiles.

    Busque la interfaz de usuario de tipo de publicación personalizada en el cuadro de búsqueda disponible.

    Desplácese hacia abajo hasta que encuentre el complemento de interfaz de usuario de tipo de publicación personalizado y haga clic en el botón «Instalar ahora» y active el complemento para su uso.

    Haga clic en el botón "Instalar ahora".

    En el panel de administración de la izquierda, haga clic en CPT UI y seleccione la opción Agregar/Editar tipos de publicaciones. Esto abrirá la página de configuración del tipo de publicación personalizada.

    Haga clic en la interfaz de usuario de CPT y seleccione la opción Agregar/Editar tipos de publicaciones.

    Elegir una imagen de icono

    Si bien puede crear sus propios íconos usando un software de edición de fotos como Photoshop y cargarlos para que sean su ícono, es mucho más fácil usar Dashicons. ¿Por qué? Porque ya están creados y funcionan bien en una pantalla de cualquier tamaño, un monitor estándar, un monitor extra ancho, una tableta o un dispositivo móvil. No importa, se verán iguales y se escalarán en consecuencia. Si elige usar su propia imagen, pase a la siguiente sección.

    Encontrar Dashicons es extremadamente fácil. Visite la página de Dashicons y seleccione el Dashicon que desee. Cuando haga clic en un Dashicon, se ampliará y aparecerá en la parte superior de la página. La clase CSS de Dashicons aparecerá junto a ella.

    La clase CSS de Dashicons aparecerá junto a ella.

    Necesitará esta clase de CSS para configurar su icono en un tipo de publicación personalizada específica. Copie la clase CSS para el siguiente paso.

    Uso de la interfaz de usuario de tipo de publicación personalizada

    Antes de agregar un ícono personalizado a un tipo de publicación personalizada, debe tener un tipo de publicación personalizada. Puede crear uno fácilmente con el complemento si no lo hace. Si no ve la pestaña Editar tipos de publicaciones, entonces no tiene un tipo de publicación personalizada para editar.

    Haga clic en la pestaña Editar tipos de publicaciones.

    Haga clic en la pestaña Editar tipos de publicaciones.

    Aquí puede editar cualquiera de sus tipos de publicaciones personalizadas. Desplácese hacia abajo hasta la opción Icono de menú. Está hacia la parte inferior de la página.

    Desplácese hacia abajo hasta la opción Icono de menú.

    Aquí puede insertar cualquier clase CSS de Dashicon o cargar su imagen de icono personalizada. Si está utilizando un Dashicon, pegue la clase CSS que copió en la última sección. Si elige usar un ícono personalizado, haga clic en el botón «Elegir ícono de imagen» y cargue la imagen que desea como ícono.

    Elija el método que desea utilizar.

    Haga clic en el botón «Guardar tipo de publicación».

    Haga clic en el botón "Guardar tipo de publicación".

    Ahora puede ver su tipo de publicación personalizada con la imagen que seleccionó en el panel de administración.

    Puede ver los cambios en su sitio web.

    Felicitaciones, ha agregado con éxito un ícono personalizado a su tipo de publicación personalizada en WordPress. Puede repetir estos pasos para agregar un ícono personalizado para cada tipo de publicación personalizada que agregue en WordPress.

    Haga que su contenido personalizado se vea bien

    Agregar íconos a sus tipos de publicaciones personalizadas no solo ayuda a separarlos visualmente, sino que también los hace lucir más profesionales . Si bien la mayoría de los sitios web se centran en lo que experimenta un visitante en su sitio web, también es importante mejorar la experiencia de su personal.

    Esto definitivamente no se limita a solo agregar íconos. Puede limpiar el desorden en su panel de administración o hacer que su sitio web sea más amigable para varios autores. Recuerde siempre que puede cambiar el backend de su sitio web para satisfacer sus necesidades.

    ¿Por qué quieres añadir iconos personalizados en WordPress? ¿Ha utilizado un Dashicon o un icono personalizado?