La última hoja de trucos de WordPress

WordPressWordPress es el software de blogs líder en el mundo, y es concretamente fácil de utilizar y adaptable. Con WordPress, es factible crear con éxito sitios web con la ayuda de funciones ya predefinidas, sin mucho esfuerzo, y para proporcionar contenido como texto, imagen y vídeo. No se requiere conocimiento de HTML. WordPress además facilita la gestión y el mantenimiento de contenidos extensos. Al mismo tiempo de su fácil manejo, más se está convirtiendo rápidamente en un nombre familiar si aún no lo es. Está en todas partes, esta belleza benigna, promoviendo algunos de los mejores sitios web y apps web que el mundo haya visto. Es una plataforma de blogs y CMSConcepto de CMS¿Qué es un CMS o Sistema de Administración de Contenido?Un CMS, siglas de Content Management System, es un tipo de software que se elabora con la finalidad de ofrecer una plataforma con la que facilitar la gestión y la administración de contenidos de cualquier web. Son herramientas pensadas para que cualquier persona, sin tener conocimiento alguno de informática, pueda publicar contenidos en una página sin ningún tipo de más de primer nivel que no solo es increíblemente versátil, sino al mismo tiempo increíblemente fácil de aprender y usar. ¿Por qué otra razón aumentaría la popularidad de WordPress cada día que pasa?

Pero lo que ve en la superficie cuando configura y ejecuta WordPress es solo una pequeña fracción de lo que sucede detrás de escena. De hecho, la hermosa interfaz de usuario  Una interfaz de usuario es un medio por medio de del cual una persona puede controlar un software o hardware específico. Lo ideal es que las interfaces de usuario sean fáciles de utilizar para que la interacción sea lo más instintiva e intuitiva factible. En el caso de los programas informáticos, esto se denomina interfaz gráfica de usuario. Desarrollo y tipos de interfaces de usuario A diferencia de la más que todos amamos no es nada comparada con el caos de la actividad detrás del escenario. Lo que quiero decir es que WordPress se ejecuta en dos tecnologías web algo complicadas reconocidas como PHPEl PHP es un lenguaje de scripting de código abierto, del lado del servidor, con programación HTML integrada que se usa para crear páginas web dinámicas. Las ventajas de PHP son su flexibilidad y su alta compatibilidad con otras bases de datos. Al mismo tiempo, PHP es considerado como un lenguaje fácil de aprender. Funciones de PHP Las funciones de PHP se relacionan con los scripts del lado del servidor. más y MySQLConcepto de MySQL¿Qué es el programa MySQL?MySQL es un sistema de administración de bases de datos que tiene una doble licencia. Por una parte es de código abierto, pero por otra, tiene una versión comercial gestionada por la compañía Oracle. En este momento, es la base de datos de código abierto más famosa y utilizada en el mundo entero.Como él, podemos hallar otras como la propia Oracle o Microsoft SQL más.

Otras tecnologías que juegan un papel incluyen JavaScriptJavaScript es un lenguaje de programación que funciona en el lado del cliente y con el que las webs pueden ser más funcionales. Incorporación en código HTML El código JavaScript puede ser incrustado en las páginas HTML, para que adquieran funcionalidad. Existen varias opciones. Puede estar entre las etiquetas <SCRIPT> y </SCRIPT>, puede estar contenido en un archivo externo, puede ser un parámetro de las etiquetas HTML, y puede estar más, su primo cercano jQueryConcepto de jQuery¿Qué es el jQuery?JQuery es una librería perteneciente al lenguaje de programación JavaScript, uno de los más usados en materia de desarrollo web, de código abierto y con la capacidad de mejorar la interactividad de una página web sin tener nociones de programación o un profundo conocimiento de este lenguaje. Es algo que facilita enormemente la tarea de desarrollo y diseño de páginas web.Muchos de los plugins que más, CSSConcepto de CSS¿Qué es el CSS?CSS es un lenguaje de programación que se usa para definir el estilo y el aspecto de un documento que se ha escrito mediante de un lenguaje de etiquetas, como HTML. Conocido además como hojas de estilo en cascada, es el que se emplea para dar colores, indicar tipos de letra o inclusive resaltar aspectos como el espacio entre items para dotar de estilo a más y HTMLHTML (Hypertext Markup Language) se usa para estructurar el contenido de texto de un documento web. No sólo se marca el contenido, sino además la meta-información que describe este contenido. Las páginas HTML se almacenan normalmente en el directorio raíz del servidor. Cómo se creó En la era digital, a los usuarios les resulta difícil hallar su camino en las webs y hacer un seguimiento de las estructuras de las más. Los temas de WordPress (e incluso los complementos) están escritos principalmente en PHP y dependen de las bases de datos MySQL para ejecutarse. Al mismo tiempo dependen de las tecnologías web antes mencionadas. Todas estas tecnologías deben trabajar juntas.

Ahora, como principiante, es viable que no comprenda que para que la plataforma de WordPress, los temas y los complementos funcionen al unísono, los desarrolladores usan un conjunto de códigos estandarizados, al mismo tiempo conocidos colectivamente como etiquetas PHP. Son estos códigos los que describimos en la publicación de hoy, mostrándote lo útiles que son. Vamos a exprimir algunos ejemplos en algún lugar de aquí por si acaso, ¡por ende prepárate para divertirte en tu viaje de construcción de temas!

Anatomía del tema

Un tema de WordPress no es más que varios archivos PHP vinculados entre sí. Viene con un archivo de hoja de estiloConcepto de Hoja de estilo¿Qué es una Hoja de estilo?Una Hoja de estilo es un archivo que suele acompañar al fichero principal de cualquier página web, con la amplitud css, y que se encarga de definir distintos aspectos relacionados con el formato y el diseño de la web, estableciendo los parámetros que definen las etiquetas utilizadas en el código fuente de la misma.Este fichero es donde se almacena información del más CSS que es responsable de cómo se ve su tema (y sitio). Sin embargo, volviendo a lo básico, un tema de WordPress es simplemente un par de archivos PHP. Arriba hay una instantánea de un gran tuts + cheatsheet para la anatomía de un tema de WordPress. Para crear un tema de WordPress, necesitará los siguientes archivos:

• headerConcepto de Header¿Qué es el Header?El Header, encabezado en español, es una definición que se usa en el terreno del diseño y la programación web para referirse a la parte de arriba de una página. Se trata del primer punto a ver por cualquier usuario que entra en un portal web, por lo que cuenta con una responsabilidad enorme y ha de contener la carga informativa esencial para mostrar la más.php– Este archivo de plantilla contiene la información del encabezado, que aparece dentro de la sección <headCada archivo HTML consta de tres partes: la definición del tipo de documento, la cabecera (o header) y el cuerpo (o body). Mientras que el cuerpo contiene todo lo que el navegador debe mostrar, los "datos de cabecera", es decir, la meta-información sobre el documento, se encuentran en la cabecera. Describen el contenido del cuerpo, lo resumen y hacen referencia a otras fuentes o relaciones con otros documentos. Items importantes más> y antes de la etiqueta de apertura . Aquí agrega metadatosLos metadatos son datos estructurados que contienen información sobre una fuente como, por ejemplo, un libro o un documento web. Gracias a los metadatos resulta mucho más fácil hallar la fuente de información dado que contienen datos sobre el título, el autor, la fecha de publicación, la descripción, etc. Se utilizan en librerías pero además para la estadística y la ingeniería de software. Metadatos en WWW Los metadatos se utilizan más, título del sitio y enlaceConcepto de Dominio¿Qué es un Enlace?En Internet, un link, además conocido como enlace o hipervínculo, es cualquier texto o imagen que se encuentra en una página web y en la que el usuario puede pulsar o clicar para ser dirigido a otro contenido distinto. Es el principal medio de “desplazamiento” en la red, puesto que se encuentra presente en prácticamente cualquier portal que visites a día de hoy, inclusive en más a su hoja de estilo CSS, entre otros.
• indexUn index o índice es generalmente un directorio en un orden específico que se usa con fines de orientación. En términos de motores de búsqueda, un índice es la lista de páginas web que es emitido por el motor de búsqueda en respuesta a una solicitud de búsqueda del usuario. Información general La lista que se muestra posteriormente de introducir una solicitud de búsqueda específica se llama SERPs (Search Engine más.php – Esta es la plantilla del cuerpo principal de su tema (o sitio) de WordPress. Su único propósito es juntar los otros archivos incluyéndolos usando etiquetas de plantilla (más sobre etiquetas de plantilla en un momento).
• sidebar.php – Esta es la sección de tu barra lateral. Puede colocar widgetsConcepto de Widgets¿Qué son los Widgets?Los Widgets son una serie de pequeños programas que se usan para añadir funciones, simplificar o automatizar aquellas acciones que se lleven a cabo a menudo dentro de una web. Son herramientas adicionales, añadidos que se elaboran con la finalidad de hacer más fácil las labores de mantenimiento o inclusive de generación de contenidos dentro de cualquier sitio de Internet y que no han hecho más, categorías, menús adicionales, formulario de búsqueda y cualquier otra cosa que desee
• footerUn footer o pie de página es una línea o bloque de texto que aparece en la parte inferior de una página o documento separado del texto principal. Los footers incluyen notas en el título de la página, o navegación dentro del documento. En los sitios web, los pies de página son además un área especial que está separada del cuerpo principal y el encabezado. Por lo general, contienen información más.php – Esta es la sección de pie de página. Agregue su información de derechos de autor, enlaces RSSConcepto de RSS¿Qué es el RSS?RSS es una definición que responde a las siglas de Really Simple Syndication. Es un formato de archivo realizado en lenguaje XML que codifica la información de forma que cualquier servicio online, programa o aplicación pueda mostrarla como considere adecuado. Es decir, consiste en una forma de empaquetar un contenido para facilitar su difusión y reproducción en otros lugares.Quienes usan WordPress o cualquier otro gestor más, widgets, enlaces, iconos sociales, etc.
• page.php – Siempre que crea una página en su sitio basado en WordPress, esta es la plantilla responsable
• single.php – Este archivo de plantilla lleva una sola publicación de blogEl término blog se usa para describir un diario virtual en Internet. El autor de un blogger puede publicar posts sobre cualquier tema. Los posts suelen estar presente de forma cronológica. El estilo de redacción de un blog suele ser informal y se escribe en primera persona. No obstante, además son posibles otros estilos, por ejemplo en el caso de los periódicos online, en los que la atención se centra más.
• comments.php – La plantilla responsable de los comentarios
• 404.php – La plantilla que se muestra cuando su lector encuentra el infame error 404Concepto de Error 404¿Qué es un Error 404?El Error 404 es uno de los más frecuentes y que más complicaciones trae a todos aquellos que trabajan con una página web. Consiste en un código de estado HTTP que está ligado al error que tiene lugar cuando se intenta entrar a una página y esta no se encuentra. Es el fallo por excelencia de Internet y, probablemente, el más común tanto más no encontrado
• search.php – Ofrece a sus lectores la oportunidad de encontrar contenidoEl contenido puede ser muy difícil de definir con precisión. Es una definición que se refiere a las declaraciones contenidas en un documento o publicación de cualquier tipo y puede incluir las tecnologías de la información y la comunicación. Esto cubre todos los tipos de medios como imágenes y texto. A parte de esto, en el campo de la optimización de motores de búsqueda, los términos duplicar contenido, contenido único, más en su sitio de WordPress.
• searchform.php – Necesitará un formulario de búsqueda para ofrecer la funcionalidad mencionada previamente, ¿no es así?
• archive.php – Debido a que encontrar contenido que publicaste en 2008 no debería ser una molestia
• functions.php – Coloque aquí todas las funciones especiales e incluso los complementos personalizados. Sin embargo, para la compatibilidad entre temas, se recomienda agregar código personalizado como complementos independientes. Puede agregar menús adicionales, activar widgets y mucho más. Este archivo le da mucho poder para convertir su sitio / tema de WordPress de la forma que desee.
• style.css – Este no es un archivo de plantilla PHP como tal. Pero es el archivo donde agregas tus estilos CSS para controlar la estética. Al mismo tiempo viene con el encabezado de información para su tema de WordPress.

Sin ninguna duda, puede crear un tema con menos plantillas, pero no recomendamos convertirlo en un hábito. Luego de todo, solo necesita los 10 archivos anteriores para crear un tema WP estándar. Trece no es una gran cifra, ¿verdad? En pocas palabras, su index.php podría verse así:

<?php
// Every page will need the contents of the header.php
get_header(); ?>

// Insert main content here, include the loop

<?php
// Include your sidebar
get_sidebar(); ?>

<?php
// The footer hook is used by themes and plugins to load scriptsConcepto de Scripts¿Qué son los Scripts?Los Scripts son fragmentos de código que se usan para dar forma a herramientas tanto en Internet como en el sector de la informática en general. Son una parte crucial del software, puesto que se trata exactamente del código que conforma a una aplicación en su totalidad o a una de sus funciones, como además el que puedes hallar explorando cómo está hecha una web.Desde más and trackingEn el marketing online, el tracking o seguimiento se refiere al registro y análisis del comportamiento del usuario en Internet. Los movimientos de un visitante a una web pueden ser rastreados por medio de de encabezados HTTP, JavaScript o cookies. Los operadores web pueden averiguar, por ejemplo, desde dónde acceden los usuarios a una web, qué páginas visitan a menudo, cuánto tiempo permanecen en cada página, por medio de de más codes
get_footer(); ?>

Continuando, hablemos de un ingenioso fragmento de código llamado el lazo.

El lazo

En algunas de nuestras series de publicaciones anteriores, como el popular Tutorial de WordPress: Cómo crear un tema de WordPress a partir de HTML, hemos mencionado el ciclo, aunque de pasada. Entonces, ¿qué hace que el bucle sea el fragmento popular que es? Bueno, sin este código especial, tendría que codificar manualmente cada publicación, junto con los extractos, en su tema de WordPress. Haría esto cada vez que publique un nuevo artículo.

El esfuerzo y el tiempo que perderías te volverían azul y rígido. La huella de carbono que dejarías, posteriormente de haber matado a tu lamentable yo, abriría un agujero del tamaño de doce estadios de los Yankees a través de de la capa de ozono. Bueno, estoy exagerando los hechos (o la falta de ellos), pero te volverías loco si codificaras todas y cada una de las publicaciones en tu sitio de WordPress manualmente.

El bucle es un salvavidas. Simplemente coloque el siguiente fragmento de código en cualquier lugar de sus archivos de plantilla de WordPress, y enumerará todas las publicaciones que haya creado:

<?php
if ( have_posts() ) :

	while ( have_posts() ) :

		the_post();

		// PostConcepto de Post¿Qué es un Post?Un Post es todo aquel contenido, sea post, opinión, noticia u otro género, que un autor publica en un blog. Este puede ser de carácter corporativo o meramente ocioso; pero siempre tiene como meta arrojar información o reflejar una idea, al mismo tiempo de facilitar que los usuarios encuentren la web donde se recoge por medio de de buscadores y demás plataformas online.Generalmente, se han más Content here

	endwhile;

endif; ?>

Usualmente usamos el ciclo en index.php para mostrar una lista de publicaciones, pero siéntase libre de experimentar; agréguelo donde desee incluir sus publicaciones. A la vez, agregue etiquetas HTML y PHP personalizadas dentro del ciclo para personalizar sus publicaciones como mejor le parezca. Hablando de etiquetas, ¿qué hay disponible en WordPress?

Incluir etiquetas

Las etiquetas de inclusión de plantillas son simplemente códigos PHP que usa en cualquier archivo de plantilla para incluir (o más bien llamar) otros archivos de plantilla de su carpeta de temas de WordPress. Esto es de lo que estamos hablando:

• – Use esto en index.php para llamar (o incluir) el archivo header.php. Buscará header.php y mostrará su contenido en index.php; de eso se trata la inclusión de un archivo.
• – Incluye sidebar.php
• – Incluye el archivo de plantilla footer.php
• – Prueba rápida: ¿Qué crees que hace esta etiqueta de inclusión?

Etiquetas de Bloginfo de plantilla

Hay otra categoría de etiquetas de plantillas que simplemente llamaremos etiquetas bloginfo. Desempeñan un papel, que es buscar información sobre su sitio de WordPress de la base de datos. Esta es principalmente la información que alimenta a su sitio de WordPress en su área de administración a través de del Perfil del usuario y Configuración -> General. Una vez que se recupera la información de sus bases de datos, estas etiquetas se mostrarán igual en su sitio a medida que las coloque.

Puede modificar ligeramente la estructura de bloginfo, de modo que en lugar de simplemente mostrar la información recuperada, pueda usarla (la información) en otra parte de su código PHP. ¿Que conveniente? Más sobre eso en un momento. Estas son las etiquetas de bloginfo más comunes:

• – Esto muestra el título de su blog / sitio de WordPress
• – Esta etiqueta de plantilla muestra la URLEl URL (Localizador Uniforme de Recursos), es una dirección definida que apunta a la posición de un archivo en un servidor y lo recupera. Las URL se introducen en un navegador web para ingresar a documentos en la web o se incrustan como hipervínculos dentro de un documento. Se puede usar un Permalink para que una URL esté disponible de forma permanente. Componentes de una URL • prefijo de protocolo más de su blog.
• – Esto muestra la descripción, o más bien el eslogan, de su blog.
• – Muestra el juego de caracteres utilizado para codificar su sitio. El valor predeterminado es UTF-8
• – Esto muestra la URL de la hoja de estilo CSS de su tema activo
• – Muestra la versión de WordPress que estás usando
• – Muestra el idioma de WordPress
• – Muestra la URL de la fuente RSS 0.92
• – Muestra la URL de la fuente RSS 2.0

Hay varios otros etiquetas de bloginfo que puede utilizar para promover su tema de WordPress. Ahora sobre esa pequeña modificación de bloginfo de la que hablamos hace un par de segundos. Hasta ahora, hemos estado usando . Modifiquemos esto para: . Permítame desglosar los parámetros:

• $ mostrar – Esta es la palabra clavePor definición, una palabra clave, (keyword en inglés), es una palabra informativa utilizada en un sistema de recuperación de información para indicar el contenido de un documento con la expectativa de un resultado de búsqueda coincidente. Herramientas de palabras clave La búsqueda de palabras clave para proyectos web individuales se ve enormemente facilitada por útiles herramientas. Al mismo tiempo, las herramientas de palabras clave ayudan mucho en la optimización del más que usa para nombrar la información que desea recuperar de la base de datos. Los ejemplos incluyen ‘nombre’, ‘URL’, ‘descripción’, ‘admin_email’, etc.
• $ filtro – Esto solo le posibilita filtrar la información recuperada. De forma predeterminada, está configurado en ‘raw’, lo que solo significa que el valor de $ show se devuelve como está. Establecer esto en ‘display’ hará que el valor de $ show se pase primero a través de de la función wptexturize (). Sin embargo, no se preocupe por esto actualmente.

Aquí hay un ejemplo: supongamos que queremos buscar y mostrar su lema (descripción del sitio) que dice «Mejores temas premium de WordPress», primero recuperaríamos esta información usando esta etiqueta …

<?php $site_description = get_bloginfo( 'description' ); ?>

… Que carga la descripción del sitio en $ descripción_del_sitio. Para mostrar la descripción de su sitio en su sitio, use esto:

<?php echo 'Your tagline is: '. esc_html( $site_description ); ?>

Esto te da: Su lema es: Los mejores temas premium de WordPress

Nota: Hay muchos otros tipos de etiquetas de plantilla que le posibilitan alcanzar mucho más con su sitio de WordPress. Están clasificados en varios conjuntos, a saber etiquetas generales, etiquetas de autor, publicar etiquetas en miniatura, etiquetas de categoríay enlace etiquetas entre otros. Incluso puedes usarlos dentro del bucle, por ende sí, deberías divertirte.

Hoja de estilo del tema

Mencionamos style.css previamente. Nuevamente, ¿por qué es importante el archivo style.css? En primer lugar, proporciona detalles sobre su tema. Esta información va al encabezado de la hoja de estilo, lo que ayuda a identificar el tema durante la selección en el área de administración. Como tal, dos temas no deben tener los mismos detalles en los encabezadosConcepto de Encabezados¿Qué son los Encabezados?Los Encabezados, además conocidos como headers en inglés, son una parte fundamental del diseño de cualquier web, dado que consiste en la parte principal que se ve de esta al acceder, la parte de arriba de cualquier página. El lugar más visible y al que todos los usuarios que visitan un lugar de Internet acceden cuando entran en él, pudiendo tener así una imagen rápida más de sus hojas de estilo. A continuación, se muestra un ejemplo de un encabezado de hoja de estilo:

/*
Theme Name: Your Theme Name
Theme URI: httpsHTTPS (protocolo de Transferencia de Hiper-Texto) es un protocolo que permite determinar una conexión segura entre el servidor y el cliente, que no puede ser interceptada por personas no autorizadas. En resumidas cuentas, es la versión segura de el http (Hyper Text Transfer Protocol) Cómo funciona Una conexión HTTP estándar en Internet puede ser fácilmente secuestrada por partes no autorizadas. El propósito de una conexión HTTPS es evitar esto: encriptar más://www.yoursite.com/yourtheme
Author: Your Name
Author URI: https://www.yoursite.com/
Description: This WordPress theme is 100% responsive blah blah...
Version: 1.0
License: GNU General Public License V2 or later
License URI: httpEl HTTP (Hyper Text Transfer Protocol) es un protocolo que se usa para transmitir datos en redes. HTTP es un estándar técnico generalmente aceptado que establece cómo un cliente web se comunica con un servidor para que los datos solicitados por el cliente puedan ser cargados y mostrados. Información general Junto con el URL y el HTML, HTTP es uno de los conceptos más importantes de Internet (www). Fue desarrollado más://www.gnu.org/licenses/gpl-2.0.html
Tags: gold, one-column, left-sidebar, responsive-grid, etc
Text Domain: yourthemename
*/

Esta información aparece primero (o en la parte de arriba) en style.css. Aparte de eso, asegúrese de que:

• Seguir Estándares de codificación CSS
• Usa CSS válido
• Minimizar CSS
• Agrega estilos que se pueden imprimir
• Aplicar estilo a todos los items HTML

Pensamientos finales

Esta hoja de trucos es solo un recurso rápido que lo ayudará a comenzar a medida que aprende sobre el desarrollo de temas de WordPress. Con las etiquetas y los fragmentos que hemos compartido aquí, puede desarrollar rápidamente un tema estándar y mejorarlo sin sudar. Desde luego, debe seguir aprendiendo sobre el desarrollo de temas de WordPress, y para eso recomendamos el Códice de WordPress, tuts +, Threehouse, y ThemeShaper entre otros recursos de renombre.

Aparte de eso, no dude en compartir sus consejos, trampas, fragmentos o cualquier otra cosa que tenga en mente en los comentarios a continuación. Nos encantaría saber dónde o cómo aprende sobre WordPress. ¡Nos vemos!