WordPress

Lenguajes de programación en WordPress

WordPress es un sistema de gestión de contenidos (CMS) de código abierto con licencia GPLv2 (cualquier persona puede modificar mediante lenguajes de programación (LP) el software de WordPress) que funciona para crear cualquier tipo de sitio web. 

En WordPress se pueden añadir aspectos a las entradas y a los temas insertando o modificando fragmento de código empleando los diferentes lenguajes de programación, estos LP son: PHP, HTML, CSS y JavaScript

Por esta razón se describe brevemente el concepto y se expone una pequeña metodología de implementación: 

HTML (HyperText Markup Language)

Es un lenguaje para el desarrollo y creación de sitios webs, este consiste en una estructura de etiquetas que brindan significado a determinadas partes del texto, HTML es un estándar que cualquier navegador puede interpretar cualquier sitio web.

¿Cómo editar HTML en WordPress? 

Para modificar un  fragmento puntual, se debe seleccionar el texto que desea modificar y dentro del menú de opciones que se despliega debe ubicar la opción denominada “Edit as HTML” y podrá acceder al editor de código.

Jiménez. D. (2021). Paso 1, Insertar HTML. Elaboración propia.

CSS (Cascading StyleSheets)

Se denomina lenguaje de hojas de estilo en cascada y se usa para estilizar elementos escritos en HTML. (B., 2019)

¿Cómo aplicar CSS en WordPress?

Inicialmente, para añadir CSS a WordPress una manera fácil de implementarlo es a través de plugins, como por ejemplo: Simple Custom CSS, WP Add Custom CSS, Site Origin CSS o Simple Custom CSS and JS.

Otra forma de agregar CSS para la personalización de temas es empleado una de las herramientas dentro de WordPress “personalizador de plantillas” Apariencia>Personalizar>CSS Adicional

JavaScript

JavaScript es un robusto lenguaje de programación que permite crear contenido de actualización dinámica, controlar multimedia, animar imágenes y prácticamente todo lo demás y se puede aplicar a un documento HTML. 

¿Cómo añadir JavaScript en WordPress?

Usar el plugin “Script n Styles” permite añadir JavaScript global personalizado a todas las páginas del sitio web, sin embargo, si se quiere agregar Java Script a un fragmento se debe seleccionar la opción denominada “Hoops”.

Otro podría ser WordPress ofrece una opción para agregar código JavaScrip atendiendo a la siguiente rutaApariencia>Editor de temas>functions.php

PHP (Hypertext Preprocessor)

En WordPress se usa PHP para construir cada una de las páginas teniendo como base el contenido definido en el área de administración, es un lenguaje de código abierto adecuado para el desarrollo web y puede ser implementado en HTML.

<!DOCTYPE html>
<html>
    <head>
       <title>Ejemplo</title>
   </head>
    <body>
        <?php
            echo “¡Hola, soy un script de PHP!”;
    </body>
</html>

¿Cómo insertar PHP en WordPress? 

En el tablero dentro de WordPress se debe seleccionar la entrada y luego se resalta el fragmento de texto para añadir el código y luego digite shortcode [insert_php] y [/insert_php] o bien <?php ?> y dentro de estas agrega la “funcionalidad”, por ejemplo:

<?php
$num1 = 100;
$num2 = 50;
$resultado = $num1 + $num2;
echo “El resultado es: ” . $resultado;
?>

 Por consiguiente, es importante resaltar que poseer conocimientos en los diferentes lenguajes de programación permite personalizar la página web insertando funciones propias y así implementar elementos a la medida del sitio. 

Autor: Dana Patricia Jiménez Briñez
Editor: Carlos Iván Pinzón
Código: UCPQ – 81
Universidad: Universidad Central

Fuentes

Kinsta. (2021, 1 junio). Qué es WordPress - Explicación para Principiantes. https://kinsta.com/es/base-de-conocimiento/que-es-wordpress/#:%7E:text=En%20un%20nivel%20un%20poco,de%20WordPress%20de%20forma%20gratuita
López, B. (2021, 6 mayo). ¿Qué necesitas aprender para programar en WordPress? Hosting a Tope. https://www.hostingatope.com/como-programar-wordpress/#1_PHP_El_lenguaje_de_programacion_No1_de_la_web
Kinsta. (2019, 7 agosto). Cómo Editar el Código de WordPress – HTML, CSS, PHP (Guía Sencilla). https://kinsta.com/es/base-de-conocimiento/editar-codigo-wordpress/
B., G. (2019, 13 mayo). ¿Qué es CSS? Tutoriales Hostinger. https://www.hostinger.co/tutoriales/que-es-css
B., G. (2020, 9 julio). Cómo añadir CSS personalizado a WordPress. Tutoriales Hostinger. https://www.hostinger.co/tutoriales/anadir-css-personalizado-wordpress
Developer Mozilla org. (2021, 31 agosto). ¿Qué es JavaScript? - Aprende sobre desarrollo web | MDN. https://developer.mozilla.org/es/docs/Learn/JavaScript/First_steps/What_is_JavaScript
Guzmán, J. M. (2018, 30 agosto). Insertar javascript en WordPress de forma correcta. DecodeCMS. https://decodecms.com/insertar-javascript-en-wordpress-de-forma-correcta/
D. (2016, 14 abril). Como incluir tus propios javascript y css en WordPress. Daniel Castañera Garrido Full Stack Developer. https://danielcastanera.com/incluir-tus-propios-javascript-css-wordpress/
Colectiva, N. (2020, 25 agosto). Como Añadir Código JavaScript Personalizado en WordPress 5.5 (Forma correcta según WordPress). Blog Nube Colectiva. https://blog.nubecolectiva.com/como-anadir-codigo-javascript-personalizado-en-wordpress-5-5-forma-correcta-segun-wordpress/
PHP: ¿Qué es PHP? - Manual. (s. f.). PHP.net. Recuperado 1 de septiembre de 2021, de https://www.php.net/manual/es/intro-whatis.php
Sánchez, D. (2021, 9 agosto). Insertar código PHP en entradas, páginas o widgets de WordPress. Gestionatuweb. https://www.gestionatuweb.net/insertar-codigo-php-en-entradas-paginas-o-widgets-de-wordpress/
Lipido’s Lab. (2013, 7 mayo). Interfaces de usuario HTML/CSS/Javascript ¿nuevo estándar? | Lipido’s Lab. https://www.sing-group.org/~lipido/blog/2013/05/07/interfaces-de-usuario-htmlcssjavascript-nuevo-estandar/

Deja una respuesta