Componentes de Gutenberg

El elemento de ejemplo en GitHub demuestra cómo configurar un elemento, ampliar su funcionalidad y hacer uso de los diferentes tipos de campo. Simplemente descargue y descomprima el elemento. La forma más rápida de probarlo es utilizando un child-theme.

El element.json define el nombre del elemento, los iconos, los campos y el aspecto de la interfaz de edición dentro del constructor. Asegúrese de establecer un nombre de elemento único, por ejemplo mi_elemento, que no sea tomado por un elemento existente. El siguiente ejemplo muestra una configuración de elemento simple sin ningún campo.

Opcionalmente, el tipo de objeto fieldset puede establecerse como pestañas, lo que define diferentes pestañas en las que se muestran los campos. El siguiente ejemplo tiene dos pestañas: Contenido y Configuración. La pestaña Contenido incluye el campo de contenido, y la Configuración incluye los dos campos de opción.

Los campos pueden establecerse con un valor por defecto cuando el elemento se añade al constructor de páginas. Simplemente establezca la clave del campo al valor por defecto en el objeto defaults en el archivo element.json. En el siguiente ejemplo el contenido del campo de texto se rellenará con algún valor por defecto..

Interfaz de WordPress

Cada sitio de WordPress contiene un conjunto estandarizado de componentes; estos elementos son los que conforman los bloques básicos de un sitio de WordPress. Una vez que aprenda lo que hace cada uno, el uso de la plataforma se vuelve fácil y gratificante.

A medida que utilice WordPress, se familiarizará con el panel de administración. Esta es la interfaz que utilizas para gestionar casi todos los aspectos de tu sitio, desde la creación de contenidos hasta la modificación de la apariencia de tus páginas y la adición de nuevas funcionalidades.

La primera vez que inicies sesión, verás la pestaña Dashboard, que proporciona un acceso fácil a las áreas clave de la interfaz de administración. Por ejemplo, puedes usarla para ver las noticias relacionadas con WordPress o para crear rápidamente un borrador de una entrada.

El panel de control está dividido en varias páginas, cada una de ellas dedicada a un aspecto importante de su sitio. Puedes navegar entre ellas utilizando el menú de la izquierda. Algunas opciones también tienen subpáginas adicionales, que aparecerán cuando pases el ratón por encima de ese elemento.

Muchas pantallas también cuentan con opciones adicionales que están ocultas por defecto. Para verlas, puedes utilizar el menú de opciones de pantalla situado en la esquina superior derecha. Al hacer clic en él, se desplegará una sección que contiene opciones que puedes activar o desactivar.

Ejemplos de elementos de WordPress

Este paquete asume que su código se ejecutará en un entorno ES2015+. Si utilizas un entorno que tiene un soporte limitado o nulo para estas características y APIs del lenguaje, deberías incluir en tu código el polyfill que se incluye en @wordpress/babel-preset-default.

A riesgo de provocar el debate en torno a un único “mejor” marco de trabajo para el front-end, la elección de utilizar cualquier herramienta debe estar motivada específicamente para servir a los requisitos del sistema. Al modelar el concepto de bloque, observamos los siguientes requisitos técnicos:

En su forma más básica, React proporciona un mecanismo simple de entrada/salida. Dado un conjunto de entradas (“props”), un desarrollador describe la salida que se mostrará en la página. Esto se observa con mayor elegancia en sus componentes de función. React cumple la función de conciliar la salida deseada con el estado actual de la página.

Las ofertas de cualquier marco de trabajo se vuelven necesariamente más complejas a medida que aumentan estos requisitos; muchos marcos de trabajo frontales prescriben ideas en torno al enrutamiento de la página, la recuperación y la actualización de datos, y la gestión del diseño. React no es inmune a esto, pero la complejidad introducida rara vez es causada por React en sí mismo, sino por la gestión de un conjunto de herramientas de apoyo. Al mover estas preocupaciones fuera de la vista a los internos del sistema (código del núcleo de WordPress), podemos minimizar las responsabilidades de los autores de plugins a un pequeño y claro conjunto de puntos de contacto.

Importancia de wordpress

El elemento Posts permite mostrar posts de tipo Blog o Portfolio. También ofrece muchas características como un diseño, filtro por categorías, estilos de paginación, etc. Puedes cambiar el tamaño de la imagen destacada, establecer la longitud del extracto y cambiar el texto del botón “Leer más” y otros ajustes.

Nota: Si estableces una página con el elemento Publicaciones como página de blog predeterminada desde Configuración > Lectura, ninguno de los estilos y opciones relacionados con el elemento Publicaciones se aplicarán a esa página.  Por lo tanto, la opción de la página Mensajes en Configuración > Lectura debe estar en blanco.

Puedes elegir tener diferentes configuraciones en diferentes tamaños de pantalla para algunas de las opciones del elemento Publicaciones. Siempre que veas este icono, significa que puedes elegir un tamaño de pantalla diferente y cambiar libremente las opciones para tu resolución específica.

Debido a la alta demanda, hemos extendido nuestra venta de verano, lo que significa que el tema Jupiter X WP sigue siendo sólo $29. Pero actúa rápido, ya que esta venta podría terminar en cualquier momento – ¡dirígete a la tienda de Envato ahora para reclamar tus ahorros!