Lenguajes indispensables para comprender WordPress

Lenguajes indispensables para comprender WordPress

Al momento de querer aprender el desarrollo de WordPress, es común tener varias preguntas. Una de las más comunes es, no saber claramente en que lenguaje está basado WordPress. Así mismo, es importante conocer cuáles son los lenguajes indispensables para comprender WordPress.

En respuesta a lo anterior, WordPress trabaja con cuatro lenguajes de codificación, cada uno de ellos elementales. Entre los cuales, dos lenguajes declarativos, HTML y CSS; así mismo posee dos lenguajes de programación, JavaScript y PHP. En este artículo, se conocerá con detalles los lenguajes indispensables para comprender WordPress.

En qué consisten los lenguajes de WordPress

En primer lugar, se hablará del HTML, conocido como el lenguaje fundamental de la web. Este, es más un lenguaje declarativo en vez de un lenguaje de programación. Así mismo, se conoce como el lenguaje de marcado más importante en internet.

Seguidamente, se tienen a CSS otro lenguaje declarativo, el cual trabaja de la mano con HTML. Este lenguaje es una forma flexible, poderosa y repetible para aplicar estilo y mejorar la apariencia del marcado HTML.

En tercer lugar, se tiene a PHP la mejor definición para este lenguaje es, un preprocesador de hipertexto. Este lenguaje, es uno si no el lenguaje más importante para entender realmente el funcionamiento de WordPress. De igual manera, este lenguaje de programación se ejecuta en un servidor web: la computadora que almacena un sitio web.

El funcionamiento de este lenguaje, puede realizar todo tipo de acciones dinámicas, también genera HTML para enviar al navegador final. De tal forma, es el lenguaje central de WordPress, la gran mayoría de temas y complementos están escritos en PHP.

Por último, se tiene a JavaScript otro lenguaje de programación que puede ejecutarse en cualquier navegador. Gracias, a este lenguaje se logra que las páginas web sean más dinámicas e interactivas. Es preciso, tener claro que este es un lenguaje muy poderoso, pero no es necesario entenderlo para comenzar con WordPress.

Por otra parte, es de suma importancia aprender los conceptos básicos de cada lenguaje antes de continuar. Puesto que, en el presente artículo se manejaran terminologías especializadas que no cualquier persona puede comprender. A continuación, se explicaran con más detalle cada uno de los lenguajes con lo que funciona WordPress.

HTML el lenguaje universal de la Web

Antes de comenzar, hay que tener claro que cada página que se ve en Internet está marcada con HTML. Este lenguaje, no es un lenguaje de programación realmente, más que todo es un lenguaje de marcado. Las siglas de este HTML significan, H yper T ext M arkup L anguage. Así mismo, un archivo HTML es básicamente un documento de texto grande.

Además, posee un marcado integrado, para explicar específicamente el significado de los diferentes fragmentos de texto. Para comprenderlo mejor, es preciso conocer un poco la base y estructura en la que se compone HTML. A continuación, se podrá apreciar un código de este lenguaje.

El código que se apreció, es una página completa de HTML, pero bastante pequeña. Como se puede observar, en HTML, la mayor parte de los elementos están comprendidos entre dos etiquetas diferentes. Un ejemplo, claro de esto es la <p></p>, también cualquier cosa dentro <p> y </p> es parte de ese párrafo.

De igual manera, otros elementos se cierran automáticamente, por ejemplo, <meta charset… />, además las etiquetas <img />. Como significado, se tiene que no hay nada entre la apertura y el cierre, a diferencia de la <p> etiqueta. Lo cual es producto, de que las imágenes no llevan contenido de texto dentro de ellas.

Por otro lado, es bueno tener presente que a los elementos se les pueden dar atributos. En el  ejemplo anterior, el <p> elemento, obtuvo una class de lorem. Se puede usar esta class para hacer cualquier tipo de cosas. Lo más importante, es que se puede utilizar una sola regla, CSS para indicar a todos los elementos.

Mejorar la apariencia de HTML con CSS

Lo primeo que hay que tener claro, es el significado de las siglas CSS, Cascading Style Sheets. Este lenguaje, es con el que se diseñan todas las páginas web actuales, se utiliza para darle la apariencia correcta.

Así mismo, con CSS se puede adecuar el estilo de los elementos HTML, como <h1>s, o atributos como HTML. También, se puede trabajar como el classde lorem que se mencionó anteriormente. Al igual, que se apreció con el lenguaje anterior, a continuación se mostrara la estructura que compone el lenguaje.

En primer lugar, se detalló específicamente a qué elemento o elementos HTML afecta el conjunto del estilo aplicado. En el ejemplo, las reglas afectan únicamente a los elementos que se les ha dado la loremclase. Así mismo, se puede apreciar que con el lenguaje CSS, las clases comienzan con un punto.

Seguidamente, dentro de las llaves, se especifican un conjunto de propiedades de estilo a aplicar. Después, se le añaden dos puntos a la propiedad, los detalles de esa propiedad y un punto y coma. Se pueden observar nuevas líneas después del punto y coma, pero estas no son necesarias.

La última parte del código, es un poco compleja y consiste en saber qué propiedades usar. Las propiedades que se le den, serán las que determinen la apariencia que se desea, tenga la página.

PHP, el lenguaje base de WordPress

Para empezar, el lenguaje PHP es lo que WordPress ejecuta en su servidor web. WordPress, está utilizando PHP en su servidor para construir las páginas y posteriormente juntarlas. Por esta razón, se dice que PHP es el idioma más importante para comprender el funcionamiento de WordPress.

De tal forma, este lenguaje se creó inicialmente con la finalidad de facilitar la creación de páginas con lenguaje HTML. El funcionamiento es muy completo, muestra los resultados de las operaciones en una página de HTML. Este contenido, posteriormente se muestra a los visitantes del sitio creado.

Al igual, que con los anteriores, la mejor forma para comprender la estructura de este lenguaje es apreciando un código.

En primer lugar, cualquier cosa que este fuera de las etiquetas PHP ( <?phpy ?>) es HTML. Una vez, que el servidor procesa el archivo con PHP, dará a que el visitante observe esas cosas. Esto sería, lo que una página HTML normal.

Después, Las variables en PHP comienzan con el signo de dólar, por ejemplo, $variable, con estos se pueden hacer matemáticas. Primero, se configura $variableen 4, despues se le agrega 1 para convertirlo en 5, y luego se guarda como $math.

JavaScript, el programador de navegadores web

Este lenguaje fue creado para permitir la programación del comportamiento de las páginas HTML, una vez llegada al receptor. Para entenderlo mejor, si se hace clic en algo y luego se desvanece, cambia de color o se desliza. Esto ocurre cuando JavaScript está en funcionamiento.

Sin embargo, un tema de WordPress puede funcionar sin inconvenientes y muy bien sin usar JavaScript. Se esta está viendo cada vez más, dentro de los temas de WordPress y el propio núcleo. Esta aceptación se debe a que JavaScript ofrece interacciones que funcionan mucho más rápido. Además, se crea una percepción de que la página está funcionando adecuadamente y respondiendo al visitante.

Si se está iniciando en WordPress, es indispensable familiarizarse con los tres lenguajes anteriores. Puesto que, HTML y CSS en su mayoría son bloques de construcción y PHP es donde ocurre el trabajo pesado.

Para obtener más aprendizaje, se incluirá un fragmento de JavaScript. Este, utiliza la biblioteca jQuery la cual es extremadamente útil de JavaScript. El propósito de este código es mejorar una sección de una página web determinada, así mismo darle un mejor aspecto.




<script>
(function($) {
    // 1. Define variables
    var navMenu = '.primary-navigation';
    var pageContent = '.main-content';
    var gap = parseInt( $( 'html' ).css( 'font-size' ), 10 ) * 2;
        // 2. Define function to give min-height
    function setPageMin() {
        var height = $( navMenu ).height();
        $( pageContent ).css( 'min-height', height + gap );
    }
    $( window ).load( function() {
        // 3. Run function on first window load
        setPageMin();
        // 4. Run function every 120 MS when wind
    setTimeout( function() {
        setPageMin();
    }, 120);
    });
});
(jQuery);
</script>
251 Visitas

10 agosto, 2020 por Gersana Moncada

Gersana Moncada
Redactora, Administradora de Redes Sociales, Ing. Industrial

Deja tu comentario

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

:wink: :-| :-x :twisted: :) 8-O :( :roll: :-P :oops: :-o :mrgreen: :lol: :idea: :-D :evil: :cry: 8) :arrow: :-? :?: :!: