es.hideout-lastation.com
Paraíso Para Los Diseñadores Y Desarrolladores


Cómo usar Dashicons en WordPress Theme o Plugin

Junto con el renovado WP-Admin, WordPress 3.8 también trajo un conjunto de nuevos íconos llamados Dashicons. Dashicons es un ícono de fuente diseñado por Mel Choyce que se creó principalmente para acomodar la nueva interfaz de usuario de WP-Admin, desde el Editor de pantalla de contenido hasta el Menú de administración, como se puede ver en la captura de pantalla a continuación.

Como WordPress ahora lo usa para entregar iconos en WP-Admin, también debe usarlo en sus temas y complementos. Al usar un conjunto de iconos de fuentes, como Dashicons, puede personalizar fácilmente el resultado a través de CSS . Si usted es un desarrollador que desea actualizar sus complementos o temas, de acuerdo con el último diseño de WordPress, así como también con sus nuevas propiedades, este artículo es definitivamente para usted.

Dashicons en el menú de administración

Suponiendo que incorpore el tipo de mensaje personalizado en su tema o complemento, puede usar Dashicons de la siguiente manera. Custom Post Type usa menu_icon para mostrar el ícono. Antes de WordPress 3.8, puede agregar la ruta de su icono de imagen en él. En la versión 3.8, este parámetro también se puede usar para declarar el icono desde Dashicons.

Primero, visite el sitio web de Dashicons. Haga clic en uno de los iconos. Puede ver que el icono seleccionado se refleja en el encabezado y muestra el nombre del icono con opciones para copiarlo en varios formatos: CSS, HTML y Glyph.

Copie el nombre del icono y añádalo en el menu_icon de la función Tipo de mensaje personalizado, como tal. Tenga en cuenta que he eliminado el código para mantener este artículo más corto. La longitud completa del código se puede encontrar aquí.

 $ args = array ('label' => __ ('book', 'book'), 'description' => __ ('Post Type Description', 'book'), 'labels' => $ labels, 'supports' => array (), 'taxonomies' => array ('categoría', 'post_tag'), 'menu_position' => 20, 'menu_icon' => 'dashicons-book', 'tipo_capacidad' => 'post', ) ; 

En este ejemplo, he creado un tipo de publicación personalizada para publicar libros. Y como puede ver a continuación, el ícono del libro aparece al lado.

Página de menú

Los complementos también pueden usar la función add_page_menu para agregar un menú de administración. Para este caso, puede simplemente especificar el nombre del icono de Dashicons como el sexto parámetro. En el siguiente ejemplo, mostraremos el ícono "llave inglesa" en nuestra página de Opciones.

 función hkdc_custom_menu_page () {add_menu_page ('Página Opciones', 'Opciones', 'opciones_gestión', 'myplugin / option.php', '', 'dashicons-admin-tools', 81); } add_action ('admin_menu', 'hkdc_custom_menu_page'); 

Dirígete a WP-Admin, y deberías ver el ícono como se muestra.

El retroceso

Nunca asuma que todos sus usuarios se actualizarán a la última versión de WordPress. En algunos casos, no lo hacen. Es posible que hayan instalado un complemento para desactivar las actualizaciones automáticas. Por lo tanto, es necesario proporcionar una alternativa que admita la versión anterior de WordPress. Si no lo hacemos, el lado del icono aparecerá como una imagen rota (como lo que sucede en esta imagen, al lado de Libros).

Antes de continuar, asegúrese de haber colocado el ícono de la imagen en su tema o directorio de complementos. Entonces, podemos especificar el icono con una función condicional, de la siguiente manera:

Primero, establecemos el valor predeterminado, que es el uso de Dashicons.

 $ icon = 'dashicons-book-alt'; 

Y reemplazamos el valor de la variable $ icon si está en WordPress 3.7 y abajo.

 if (version_compare ($ GLOBALS ['wp_version'], '3.8', '<')) {$ icon = get_template_directory_uri (). '/extra///hideout-lastation.com/img/book-brown.png'; } 

Reemplace el parámetro de icono en Tipo de mensaje personalizado (así como también en la función add_menu_page ) con la variable $icon .

 $ args = array ('label' => __ ('book', 'book'), 'description' => __ ('Post Type Description', 'book'), 'labels' => $ labels, 'supports' => array (), 'menu_position' => 20, 'menu_icon' => $ icono, ); register_post_type ('book', $ args); 

Y hemos terminado. Utilizará Dashicons para WordPress 3.8, mientras que muestra el icono de "imagen" en versiones anteriores.

Almacene y comparta archivos en línea The Geeky Way with Transfer.sh

Almacene y comparta archivos en línea The Geeky Way with Transfer.sh

La prevalencia de plataformas gratuitas para compartir archivos como Dropbox significa que puede compartir archivos desde cualquier computadora con cualquier persona en el mundo. Las nuevas plataformas de intercambio llegan a Internet todos los años, pero Transfer.sh es bastante único.Es un sistema de intercambio de archivos gratuito que funciona únicamente a través de la línea de comandos . Uti

(Consejos de tecnología y diseño)

5 AngularJS Frameworks para obtener aplicaciones y ejecutarlas rápidamente

5 AngularJS Frameworks para obtener aplicaciones y ejecutarlas rápidamente

Ahora que ya conoce bien los conceptos básicos, es hora de comenzar a construir su propia aplicación web con AngularJS . AngularJS hizo que la creación de una aplicación basada en Javascript sea más intuitiva usando lo que se llama directivas, que funciona mano a mano con sus marcas HTML.Si la construcción de una aplicación web desde el suelo te parece abrumadora, no te preocupes. Algun

(Consejos de tecnología y diseño)