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


WordPress 4.4: 10 nuevas características más interesantes que debes saber

WordPress 4.4 acaba de ser lanzado hoy y jugamos con esta última nueva oferta para ver qué nuevas características brillantes pudimos encontrar. Esta nueva versión se envía con bastantes mejoras que se establecen para hacer que los desarrolladores de WordPress se vuelvan locos. Incluso puede eventualmente dar forma al futuro de WordPress en la era centrada en JavaScript.

En este post veremos 10 nuevas características de WordPress 4.4 que debería estar revisando.

1. Insertar publicaciones en cualquier lugar

Durante años, puede insertar contenido en su sitio web, como un video de YouTube o un tweet mediante el uso de una función llamada oEmbed. Bueno, la buena noticia es que WordPress ha adoptado esta característica en 4.4 y ahora puedes insertar fácilmente contenido en cualquier parte de tu sitio simplemente tomando la URL de una publicación y pegándola en el editor de contenido. En la página aparecerá una vista previa de la publicación que incrustó, algo como esto:

Si por alguna razón, siente que no desea usar esta función, puede desactivarla instalando el complemento disable embeds.

2. Trabajar con imágenes receptivas

A medida que los dispositivos y sus pantallas crecen, los diseñadores también deben trabajar con imágenes más grandes. La mala noticia es que esto contribuye a tiempos de carga de página más lentos. Probablemente es un buen momento para que WordPress ahora admita imágenes receptivas en su tema.

En esta actualización, WordPress ha agregado dos atributos más a sus imágenes en la parte superior de los atributos de clase para la alineación (izquierda, centro o derecha): srcset y sizes . Estos atributos permiten que las imágenes en miniaturas de publicaciones, galerías de fotos y otras imágenes se entreguen en el tamaño adecuado según la ventana gráfica.

Por lo tanto, en cada imagen verá el código fuente de salida así:

3. Nuevo tema: Veinte dieciseis

Twenty Sixteen es un nuevo tema predeterminado para WordPress 4.4. Está diseñado para asumir el formato tradicional de blogging.

Twenty Sixteen funciona perfectamente para blogs o sitios web, con barras laterales opcionales, opciones de color personalizadas con hermosos esquemas de color predeterminados, cuadrícula fluida armoniosa, desbordamiento que muestra imágenes grandes, capacidad de agregar introducción a la publicación mediante extractos personalizados y otras características pulidas.

4. Introducción a la API REST

WordPress 4.4 trae la infraestructura REST API al núcleo. Esta API maneja el enrutamiento, el manejo de argumentos, la serialización de JSON, los códigos de estado, así como las funciones para crear puntos finales de REST API personalizados. Estas son noticias fantásticas para los desarrolladores. Con esta infraestructura, los desarrolladores finalmente pueden construir sus propias API para sus temas, complementos, incluso aplicaciones móviles o de escritorio .

Diríjase a esta página, Agregar puntos finales personalizados, para aprender cómo registrar un punto final API personalizado.

5. Taxonomía personalizada a término Meta

En versiones anteriores de WordPress podemos agregar un campo personalizado a la publicación y las páginas a través del término meta. Ahora WordPress ha agregado esta característica a los objetos de taxonomía.

Por ejemplo, en la taxonomía de categorías, es posible que deseemos agregar un campo personalizado, a saber, una category image para mostrar la imagen destacada de la publicación en cada categoría. En esta versión podemos hacer esto haciendo uso de las siguientes funciones: add_term_meta(), update_term_meta(), delete_term_meta() y get_term_meta() .

6. Archivo de plantilla de publicación individual

En esta versión, WordPress incluyó un nuevo archivo de plantilla en la jerarquía de temas para ser utilizado como publicación única o tipo de publicación personalizada. Esta característica es útil cuando se dirige a una publicación específica, para darle estilos 'especiales' a esa página, por lo que se verá diferente a otras páginas. Tendrás un archivo de plantilla con un nombre como el siguiente:

 single- {post_type} - {post_name} .php 

Por ejemplo, aquí tengo un tipo de publicación personalizado llamado book que quiero arreglar para una publicación de "libro superventas". Así que creo single-book-bestseller.php luego modifico el estilo que se aplicará a esta página solamente. Por último, cambio la publicación posterior a yoursite.com/book/bestseller para aplicar la página especial.

7. Comentarios mejorados

WordPress ha realizado reordenamientos en el formulario de comentarios, donde el campo de comentarios se muestra primero, luego los campos de nombre y correo electrónico a continuación. Esta mejora fue la respuesta al problema de que el comportamiento de comentario es diferente para el usuario que inició sesión y el que está desconectado.

En el back-end, el comentario ahora está representado por el objeto WP_Comment . Esto le permite generar comentarios de una manera más orientada a objetos (OOP) con consultas de comentarios más potentes.

8. Jerarquía de encabezado

WordPress está mejorando la jerarquía de encabezado en la pantalla del tablero con el objetivo de ayudar a los usuarios con tecnologías de asistencia, como lectores de pantalla. Esto es importante porque las tecnologías de asistencia usan estos títulos para buscar información y el teclado para navegar hacia el contenido relevante.

Supongamos que usan la tecla 1 para saltar a la primera h1 luego presionan 2 para saltar a h2 . Con la jerarquía de encabezado correcta, no habrá niveles de rumbo perdidos.

Con esta actualización, una página como wp-admin/edit.php ahora tendrá wp-admin/edit.php como h1, y "Filtrar la lista de publicaciones" y "Lista de publicaciones" como h2, que se ocultan visualmente con la clase de CSS .screen-reader-text .

Cuando el lector de pantalla está activado, se leerá el h2 oculto.

9. Multisite: Agregar WP_Network

WordPress introdujo un nuevo objeto WP_Network para facilitar la interacción en una red de varios sitios. Esta clase se usa durante la carga para rellenar la variable global $current_site y configurar la red actual.

Hay otras funciones nuevas que llegan a la versión 4.4 para poblar las opciones de red; son add_network_option(), update_network_option(), get_network_option() y delete_network_option() .

10. Tiempo de carga del personalizador más rápido

En WordPress 4.4 hay mejoras que cargan las opciones del personalizador mucho más rápido. Algunas de estas mejoras incluyen la reducción del uso máximo de la memoria del Personalizador y el aplazamiento de la incrustación de los controles del widget del Personalizador hasta que se amplíe el área del widget y se muestren realmente los controles del widget al usuario. Esto ofrece un tiempo de carga 10 veces más rápido. Otra mejora en JavaScript inline docs para ayudar a los desarrolladores a saber cómo funciona.

Pruebe la facilidad de uso móvil de su sitio web con esta herramienta de Google

Pruebe la facilidad de uso móvil de su sitio web con esta herramienta de Google

El año 2016 hizo historia cuando el uso de Internet móvil superó al escritorio por primera vez. Debería estar muy claro que el diseño web receptivo no puede ser ignorado .Pero solo porque crees un diseño receptivo no significa que la experiencia del usuario será excelente. Siempre debe considerar la usabilidad en diferentes dispositivos y el tiempo total de carga de la página .Google

(Consejos de tecnología y diseño)

¿Inactividad de Instagram al subir fotos?  He aquí cómo puedes solucionarlo

¿Inactividad de Instagram al subir fotos? He aquí cómo puedes solucionarlo

Si eres un usuario pesado de Instagram, es posible que estés al tanto de un error que se puede encontrar en la aplicación Android y iOS del servicio que causa su bloqueo cada vez que intentas cargar fotos o historias en el servicio.Este error en particular está ocurriendo en la aplicación de Instagram versión 10.4.0

(Consejos de tecnología y diseño)