Aprender WordPress comienza con un montón de preguntas clave, incluyendo esta: “¿En qué idioma está escrito WordPress?”
Bueno, como resulta, la respuesta a “¿Qué lenguaje de codificación usa WordPress?” Es en “Los Cuatro principales!” WordPress se basa en dos lenguajes declarativos, HTML y CSS;
Y en dos lenguajes de programación, JavaScript y (especialmente) PHP.
Aquí, introducimos cada uno de los idiomas técnicos de WordPress.
¿Listos?
Entender el desarrollo de WordPress
HTML (HyperText Markup Language) es el lenguaje fundamental de la web. Es un lenguaje declarativo en lugar de un lenguaje de programación, y también el lenguaje de marcado más importante de la web-básicamente, un archivo de texto con “marcado” incorporado para explicar la naturaleza específica de varios fragmentos de texto.
CSS (Cascading StyleSheets) es otro lenguaje declarativo: es una manera flexible, potente y repetible de controlar el estilo de la apariencia del marcado HTML.
PHP (PHP: Hypertext Preprocessor) es el lenguaje más importante para entender verdaderamente WordPress.
PHP es un lenguaje de programación que se ejecuta en un servidor web, la máquina que aloja un sitio web. PHP puede realizar todo tipo de operaciones dinámicas, y las salidas de HTML para enviar al navegador del cliente al final.
PHP es el lenguaje principal de WordPress: el núcleo de WordPress en sí mismo, y casi todos los temas y complementos de WordPress, están escritos principalmente en PHP, y por lo tanto, de todos los idiomas técnicos, es más exacto decir que “WordPress está escrito en PHP”.
JavaScript es un lenguaje de programación que puede ejecutarse en su navegador, ayudando a hacer páginas web más dinámicas e interactivas. Es muy potente, pero también es el único de los cuatro idiomas que realmente no necesitas entender para empezar en WordPress.
Necesitarás conocer dos tipos amplios de cosas para poder programar en WordPress: idiomas y conceptos.
Si necesitas aprender uno o más de estos idiomas, buenas noticias: ¡Estás a punto de aprender algo que, por hora gastada, es lo más útil y comercial que puedas aprender!
HTML: De qué está hecha la web
HTML es la única parte universal de la web: cada página que ves en Internet con contenido dentro de ella está marcada con alguna versión de HTML.
HTML no es realmente un lenguaje de “programación”, es un lenguaje de “marcado”.
Representa HyperText Markup Language. Un archivo HTML es esencialmente un gran documento de texto, pero con un “marcado” incorporado en él para explicar el significado específico de los diversos fragmentos de texto.
Aquí hay un poco de HTML:
<! DOCTYPE html>
<Html>
<Head>
<Meta charset = “UTF-8” />
<Title> Título de la página en los resultados de la búsqueda </ title>
</ Head>
<Body>
<H1> Título de la página en la parte superior de la página </ h1>
<P class = “lorem”> Lorem ipsum dolor sit amet … </ p>
</ Body>
</ Html>
Esta es una página HTML completa, pero muy pequeña.
Como se ve, en HTML, la mayoría de los elementos están contenidos entre dos etiquetas diferentes (las cosas dentro de los signos menor y mayor que).
La etiqueta <p> </ p> es un ejemplo: cualquier cosa dentro de <p> y </ p> forma parte de ese párrafo, que es lo que significa p.
Ciertos otros elementos son de cierre automático, como <meta charset … /> en este ejemplo. Las etiquetas de imagen, <img />, son otro ejemplo.
Esto simplemente significa que no hay nada “entre” la apertura y el cierre, la forma en que había con la etiqueta <p>, ya que las cosas como las imágenes no tienen contenido de texto dentro de ellos.
Los elementos se pueden dar atributos. En nuestro ejemplo, el elemento <p> (párrafo) recibió una clase de lorem.
Podemos usar esta clase para hacer todo tipo de cosas, probablemente lo más importante es que podemos usar una sola regla CSS para decir a todos los elementos con esa clase exactamente cómo buscar.
CSS: Haciendo que el HTML se vea bien
Idioma de programación de WordPress CSS
CSS, que significa Cascading Style Sheets, es la forma en que casi todas las páginas web modernas están diseñadas, lo que significa “dado una apariencia específica”.
En CSS diseñará elementos HTML, como <h1> s o atributos HTML, como la clase de lorem que mencionamos anteriormente. En cualquier caso, la sintaxis es bastante uniforme, y se ve así:
.lorem {
Color: # 325050;
Fondo: #fff;
Fuente-familia: ‘Libre Baskerville’, sans-serif;
Font-size: .85rem;
}
En primer lugar, especificamos qué elemento o elementos HTML el conjunto de estilo regla afecta: en este caso, nuestra regla afecta solo a los elementos que se les ha dado la clase lorem. (En CSS, las clases comienzan con un punto.)
Y luego dentro de las llaves, declaramos un conjunto de propiedades de estilo, como sigue: la propiedad, seguida de dos puntos, los detalles de esa propiedad y un punto y coma.
Las nuevas líneas después de los puntos y comas son comunes, pero no es necesario.
La parte difícil acerca de CSS es saber qué propiedades utilizar para dar a su página la apariencia que desea. Se escriben libros enteros sobre ese tema, así que seguiremos adelante.
PHP: El motor de WordPress
Lenguaje de programación de WordPress PHP
PHP es lo que ejecuta WordPress en su servidor web. No importa qué más es verdad sobre su sitio de WordPress, está utilizando PHP en el servidor para construir sus páginas y ponerlas juntas.
Por lo tanto, es el idioma más importante para entender verdaderamente WordPress.
PHP fue construido inicialmente con la intención de hacer páginas HTML más fáciles de construir. De forma predeterminada, mostrará los resultados de sus operaciones en una página HTML que el servidor mostrará a los visitantes de su sitio.
Para los temas de WordPress, la lógica básica y las estructuras de PHP son lo que es realmente importante. Aquí hay un fragmento, que luego explicaremos.
<? Php
$ Variable = 4;
$ Math = $ variable + 1;
If ($ math> $ variable) {
Echo ‘Yay. La matemática produjo ‘. $ Math.’! ‘; // La pantalla del usuario mostrará: “Yay. Math devuelto 5!”
Echo ‘La variable era’. $ Variable. ‘.’; // La pantalla del usuario mostrará: “Variable was 4.”
}
?>
<P> Soy un párrafo HTML. ¡Hola! </ P>
<? Php if (true):?>
<P> Soy HTML que renderizaré, porque estoy dentro de una declaración if verdadera. </ P>
<? Php endif; ?>
<? Php if (false):?>
<P> Soy HTML que no renderizaré, porque estoy dentro de una declaración if falsa. </ P>
<? Php endif; ?>
Hay algunas cosas importantes a saber de este ejemplo:
En primer lugar, todo lo que no está dentro de las etiquetas PHP (<? Php y?>) Es simplemente HTML.
Cuando el servidor procesa el archivo PHP, solo va a mostrar este material al visitante, exactamente igual que lo haría con una página HTML normal.
Las variables en PHP comienzan con un signo de dólar, como: $ variable. Haces matemáticas con ellos como lo haces en álgebra. Primero establecemos $ variable a 4, luego añadimos 1 a ella para hacerla 5, y la guardamos como $ math.
Dentro de un bloque de PHP, utiliza el comando echo para “imprimir las cosas” en la página HTML final.
Las dos líneas anteriores comienzan echo concatenan (unen) las cadenas regulares de texto (dentro de los ” caracteres ‘) con variables PHP. Esta concatenación se realiza utilizando la. Operador, como sigue: <? Php echo ‘Uno y’. ‘dos’; ?>.
La lógica de PHP controla cualquier HTML dentro de él. Esta es la razón por la cual el HTML dentro de la primera declaración condicional de PHP, if (true), aparecerá en la página (ya que true es true), pero el HTML dentro de la segunda sentencia, if (false), no no es verdad).
Hay mucho más que entender acerca de PHP, pero esto le da un comienzo.
JavaScript: Programación de navegadores web
JavaScript fue inventado para permitir la programación del comportamiento de las páginas HTML después de haber golpeado el navegador web del visitante.
Por ejemplo, si hace clic en algo y desaparece, cambia de color, o se desliza hacia fuera en una cosa más grande, que es más probable que JavaScript en el trabajo.
Un tema de WordPress puede funcionar perfectamente y correr muy bien sin usar JavaScript. Pero como con la mayor parte de la web, estás viendo más y más JavaScript dentro de los temas de WordPress y el núcleo de WordPress.
Esto se debe a que JavaScript permite interacciones mucho más rápidas y una sensación de que la página realmente funciona para el visitante y responde a ella.
Si estás aprendiendo WordPress, querrás principalmente familiarizarte con los otros tres idiomas, con HTML y CSS siendo en su mayoría bloques de construcción obligatorios, y PHP es donde gran parte de la elevación pesada intelectualmente interesante.
Ahora sabes qué idiomas utiliza WordPress
Obviamente, apenas hemos arañado la superficie de cómo funcionan estos cuatro idiomas y cómo usarlos eficazmente.
Pero esperamos que estés lo suficientemente claro ahora en qué idiomas está escrito WordPress en que te sientas preparado para bucear en profundidad.
Saber acerca de estos cuatro idiomas y lo que son buenos para es un gran lugar para comenzar.
¿Comenta qué te parecio esta explicación acerca de WordPress?
More from my site
