The Ultimate WordPress Cheat Sheet

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, plus 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 plus 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 user interface  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 plus 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. plus and 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 plus.

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 plus, 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 plus, 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 plus and 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 plus. 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.

Now, as a beginner, you may not understand that in order for the WordPress platform, themes, and plugins to work in unison, developers use a set of standardized code, at the same time collectively known as PHP tags. It is these codes that we describe in today's post, showing you how useful they are. We're going to squeeze in some examples somewhere in here just in case, so get ready to have fun on your theme building journey!

Anatomy of the subject

Un tema de WordPress no es más que varios archivos PHP vinculados entre sí. Viene con un archivo de style sheetConcepto 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 plus 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 for the anatomy of a WordPress theme. To create a WordPress theme, you will need the following files:

• 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 plus.php- This template file contains the header information, which appears within the section <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 plus> y antes de la etiqueta de apertura . Aquí agrega metadataLos 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 plus, título del sitio y linkConcepto 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 plus 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 plus.php - This is the main body template of your WordPress theme (or site). Its sole purpose is to put the other files together by including them using template tags (more on template tags in a moment).
• 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 plus, 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 plus.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 plus, widgets, enlaces, iconos sociales, etc.
• page.php - Whenever you create a page on your WordPress based site, this is the responsible template
• 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 plus.
• comments.php - The staff responsible for the comments
• 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 plus no encontrado
• search.php - Ofrece a sus lectores la oportunidad de encontrar contentsEl 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, plus on your WordPress site.
• searchform.php - You will need a search form to offer the previously mentioned functionality, right?
• archive.php - Because finding content you posted in 2008 shouldn't be a hassle
• functions.php - Put all special functions and even custom plugins here. However, for cross-theme compatibility, it is recommended to add custom code as separate plugins. You can add additional menus, activate widgets, and much more. This file gives you a lot of power to convert your WordPress site / theme the way you want.
• style.css - This is not a PHP template file as such. But it is the file where you add your CSS styles to control the aesthetics. At the same time it comes with the information header for your WordPress theme.

You can certainly create a theme with fewer templates, but we don't recommend making it a habit. After all, you only need the above 10 files to create a standard WP theme. Thirteen is not a great number, is it? Simply put, your index.php might look like this:

<?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 plus 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 plus codes
get_footer(); ?>

Moving on, let's talk about a nifty code snippet called the loop.

The loop

In some of our previous post series, like the popular WordPress Tutorial: How to Create a WordPress Theme from HTML, we have mentioned the cycle, albeit in passing. So what makes the loop the popular snippet that it is? Well, without this special code, you would have to manually code each post, along with the excerpts, in your WordPress theme. I would do this every time I post a new article.

The effort and time you would waste would turn you blue and stiff. The carbon footprint you would leave after killing your sorry self would drive a hole the size of twelve Yankees stadiums through the ozone layer. Well, I'm exaggerating the facts (or the lack of them), but you'd go crazy if you encoded each and every post on your WordPress site manually.

The loop is a lifesaver. Just put the following code snippet anywhere in your WordPress template files, and it will list all the posts you have created:

<?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 plus Content here

	endwhile;

endif; ?>

We usually use the loop in index.php to display a list of posts, but feel free to experiment; add it where you want to include your posts. At the same time, add custom HTML and PHP tags within the loop to customize your posts as you see fit. Speaking of tags, what is available in WordPress?

Include tags

Template include tags are simply PHP code that you use in any template file to include (or rather call) other template files from your WordPress theme folder. This is what we are talking about:

• - Use this in index.php to call (or include) the header.php file. It will search for header.php and display its content in index.php; that's what including a file is all about.
• - Includes sidebar.php
• - Includes the footer.php template file
• - Quick Quiz: What do you think this inclusion tag does?

Template Bloginfo Tags

There is another category of template tags that we'll just call bloginfo tags. They play a role, which is to look up information about your WordPress site from the database. This is mainly the information that you feed to your WordPress site in your admin area through the User profile and Settings -> General. Once the information is retrieved from your databases, these tags will appear the same on your site as you place them.

You can slightly modify the structure of bloginfo, so that instead of just displaying the retrieved information, you can use it (the information) elsewhere in your PHP code. How convenient? More on that in a moment. These are the most common bloginfo tags:

• - This shows the title of your WordPress blog / site
• - 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 plus de su blog.
• - This shows the description, or rather the tagline, of your blog.
• - Shows the character set used to encode your site. The default is UTF-8
• - This shows the URL of the CSS stylesheet of your active theme
• - Shows the version of WordPress you are using
• - Show WordPress language
• - Shows the URL of the RSS feed 0.92
• - Displays the URL of the RSS 2.0 feed

There are several others bloginfo tags that you can use to promote your WordPress theme. Now about that little bloginfo modification we talked about a couple of seconds ago. Until now, we have been using . Let's modify this to: . Let me break down the parameters:

• $ show – Esta es la keywordPor 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 plus 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.
• $ filter - This only enables you to filter the retrieved information. By default it is set to 'raw' which just means that the value of $ show is returned as is. Setting this to 'display' will cause the value of $ show to be passed through the wptexturize () function first. However, don't worry about this currently.

Here's an example: Suppose we want to search and display your tagline (site description) that says "Best premium WordPress themes", we would first retrieve this information using this tag ...

… That loads the description of the site in $ site_description. To display your site description on your site, use this:

This gives you: Their motto is: The best premium WordPress themes

Note: There are many other types of template labels that enable you to achieve much more with your WordPress site. They are classified into various sets, viz. general labels, author tags, post thumbnail tags, category tagsand link labels among others. You can even use them inside the loop, so yes, you should have fun.

Theme style sheet

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 headersConcepto 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 plus 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 plus://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 plus://www.gnu.org/licenses/gpl-2.0.html
Tags: gold, one-column, left-sidebar, responsive-grid, etc
Text Domain: yourthemename
*/

This information appears first (or at the top) in style.css. Other than that, make sure that:

• Follow, continue CSS encoding standards
• Use valid CSS
• Minimize CSS
• Add styles that can be printed
• Style all HTML items

Final thoughts

This cheat sheet is just a quick resource to get you started as you learn about WordPress theme development. With the tags and snippets we've shared here, you can quickly develop a standard theme and improve it without breaking a sweat. Of course, you should keep learning about WordPress theme development, and for that we recommend the WordPress Codex, tuts +, Threehouse, and ThemeShaper among other renowned resources.

Other than that, feel free to share your tips, cheats, snippets, or anything else you have in mind in the comments below. We'd love to know where or how you learn about WordPress. See you!