{"id":12511,"date":"2021-09-02T01:47:07","date_gmt":"2021-09-02T06:47:07","guid":{"rendered":"https:\/\/niixer.com\/?p=12511"},"modified":"2021-09-04T17:16:59","modified_gmt":"2021-09-04T22:16:59","slug":"lenguajes-de-programacion-wordpress","status":"publish","type":"post","link":"https:\/\/niixer.com\/index.php\/2021\/09\/02\/lenguajes-de-programacion-wordpress\/","title":{"rendered":"Lenguajes de programaci\u00f3n en WordPress"},"content":{"rendered":"\n

WordPress es un sistema de gesti\u00f3n de contenidos (CMS) de c\u00f3digo abierto con licencia GPLv2 (cualquier persona puede modificar mediante lenguajes de programaci\u00f3n (LP) el software de WordPress<\/a>) que funciona para crear cualquier tipo de sitio web. <\/p>\n\n\n\n

En WordPress se pueden a\u00f1adir aspectos a las entradas y a los temas insertando o modificando fragmento de c\u00f3digo empleando los diferentes lenguajes de programaci\u00f3n, estos LP son: PHP, HTML, CSS y JavaScript<\/p>\n\n\n\n

Por esta raz\u00f3n se describe brevemente el concepto y se expone una peque\u00f1a metodolog\u00eda de implementaci\u00f3n: <\/p>\n\n\n\n

<\/p>\n\n\n\n

HTML (HyperText Markup Language)<\/strong><\/h3>\n\n\n\n

Es un lenguaje para el desarrollo y creaci\u00f3n de sitios webs, este consiste en una estructura de etiquetas que brindan significado a determinadas partes del texto, HTML es un est\u00e1ndar que cualquier navegador puede interpretar cualquier sitio web. <\/p>\n\n\n\n

\u00bfC\u00f3mo editar HTML en WordPress? <\/strong><\/p>\n\n\n\n

Para modificar un  fragmento puntual, se debe seleccionar el texto que desea modificar y dentro del men\u00fa de opciones que se despliega debe ubicar la opci\u00f3n denominada \u201cEdit as HTML\u201d y podr\u00e1 acceder al editor de c\u00f3digo.<\/p>\n\n\n\n

\"\"
Jim\u00e9nez. D. (2021). Paso 1, Insertar HTML. Elaboraci\u00f3n propia. <\/figcaption><\/figure>\n\n\n\n

CSS (Cascading StyleSheets)<\/strong><\/h3>\n\n\n\n

Se denomina lenguaje de hojas de estilo en cascada y se usa para estilizar elementos escritos en HTML. (B., 2019)<\/p>\n\n\n\n

\u00bfC\u00f3mo aplicar CSS en WordPress?<\/strong><\/p>\n\n\n\n

Inicialmente, para a\u00f1adir CSS a WordPress una manera f\u00e1cil de implementarlo es a trav\u00e9s de plugins, como por ejemplo: Simple Custom CSS, WP Add Custom CSS, Site Origin CSS o Simple Custom CSS and JS.<\/p>\n\n\n\n

Otra forma de agregar CSS para la personalizaci\u00f3n de temas es empleado una de las herramientas dentro de WordPress \u201cpersonalizador de plantillas\u201d Apariencia>Personalizar>CSS Adicional<\/p>\n\n\n\n

JavaScript<\/strong><\/h3>\n\n\n\n

JavaScript es un robusto lenguaje de programaci\u00f3n que permite crear contenido de actualizaci\u00f3n din\u00e1mica, controlar multimedia, animar im\u00e1genes y pr\u00e1cticamente todo lo dem\u00e1s y se puede aplicar a un documento HTML. <\/p>\n\n\n\n

\u00bfC\u00f3mo a\u00f1adir JavaScript en WordPress?<\/strong><\/p>\n\n\n\n

Usar el plugin \u201cScript n Styles\u201d permite a\u00f1adir JavaScript global personalizado a todas las p\u00e1ginas del sitio web, sin embargo, si se quiere agregar Java Script a un fragmento se debe seleccionar la opci\u00f3n denominada \u201cHoops\u201d. <\/p>\n\n\n\n

Otro podr\u00eda ser WordPress ofrece una opci\u00f3n para agregar c\u00f3digo JavaScrip atendiendo a la siguiente rutaApariencia>Editor de temas>functions.php<\/p>\n\n\n\n

<\/p>\n\n\n\n

PHP (Hypertext Preprocessor)<\/strong><\/h3>\n\n\n\n

En WordPress se usa PHP para construir cada una de las p\u00e1ginas teniendo como base el contenido definido en el \u00e1rea de administraci\u00f3n, es un lenguaje de c\u00f3digo abierto adecuado para el desarrollo web y puede ser implementado en HTML.<\/p>\n\n\n\n

<!DOCTYPE html>
<html>
    <head>
       <title>Ejemplo<\/title>
   <\/head>
    <body>
        <?php
            echo “\u00a1Hola, soy un script de PHP!”;
    <\/body>
<\/html><\/p>\n\n\n\n

\u00bfC\u00f3mo insertar PHP en WordPress? <\/strong><\/p>\n\n\n\n

En el tablero dentro de WordPress se debe seleccionar la entrada y luego se resalta el fragmento de texto para a\u00f1adir el c\u00f3digo y luego digite shortcode [insert_php] y [\/insert_php] o bien <?php ?> y dentro de estas agrega la \u201cfuncionalidad\u201d, por ejemplo:<\/p>\n\n\n\n

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

 Por consiguiente, es importante resaltar que poseer conocimientos en los diferentes lenguajes de programaci\u00f3n permite personalizar la p\u00e1gina web insertando funciones propias y as\u00ed implementar elementos a la medida del sitio. <\/p>\n\n\n\n

<\/p>\n\n\n\n

Autor: Dana Patricia Jim\u00e9nez Bri\u00f1ez<\/a>
Editor: Carlos Iv\u00e1n Pinz\u00f3n
C\u00f3digo: UCPQ – 81
Universidad: Universidad Central<\/a><\/p>\n\n\n\n

<\/p>\n\n\n\n

Fuentes<\/strong><\/h3>\n\n\n\n
Kinsta. (2021, 1 junio). Qu\u00e9 es WordPress - Explicaci\u00f3n para Principiantes. https:\/\/kinsta.com\/es\/base-de-conocimiento\/que-es-wordpress\/#:%7E:text=En%20un%20nivel%20un%20poco,de%20WordPress%20de%20forma%20gratuita<\/a>. <\/pre>\n\n\n\n
L\u00f3pez, B. (2021, 6 mayo). \u00bfQu\u00e9 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<\/pre>\n\n\n\n
Kinsta. (2019, 7 agosto). C\u00f3mo Editar el C\u00f3digo de WordPress \u2013 HTML, CSS, PHP (Gu\u00eda Sencilla). https:\/\/kinsta.com\/es\/base-de-conocimiento\/editar-codigo-wordpress\/<\/pre>\n\n\n\n
B., G. (2019, 13 mayo). \u00bfQu\u00e9 es CSS? Tutoriales Hostinger. https:\/\/www.hostinger.co\/tutoriales\/que-es-css<\/pre>\n\n\n\n
B., G. (2020, 9 julio). C\u00f3mo a\u00f1adir CSS personalizado a WordPress. Tutoriales Hostinger. https:\/\/www.hostinger.co\/tutoriales\/anadir-css-personalizado-wordpress<\/pre>\n\n\n\n
Developer Mozilla org. (2021, 31 agosto). \u00bfQu\u00e9 es JavaScript? - Aprende sobre desarrollo web | MDN. https:\/\/developer.mozilla.org\/es\/docs\/Learn\/JavaScript\/First_steps\/What_is_JavaScript<\/pre>\n\n\n\n
Guzm\u00e1n, J. M. (2018, 30 agosto). Insertar javascript en WordPress de forma correcta. DecodeCMS. https:\/\/decodecms.com\/insertar-javascript-en-wordpress-de-forma-correcta\/<\/pre>\n\n\n\n
D. (2016, 14 abril). Como incluir tus propios javascript y css en WordPress. Daniel Casta\u00f1era Garrido Full Stack Developer. https:\/\/danielcastanera.com\/incluir-tus-propios-javascript-css-wordpress\/<\/pre>\n\n\n\n
Colectiva, N. (2020, 25 agosto). Como A\u00f1adir C\u00f3digo JavaScript Personalizado en WordPress 5.5 (Forma correcta seg\u00fan WordPress). Blog Nube Colectiva. https:\/\/blog.nubecolectiva.com\/como-anadir-codigo-javascript-personalizado-en-wordpress-5-5-forma-correcta-segun-wordpress\/<\/pre>\n\n\n\n
PHP: \u00bfQu\u00e9 es PHP? - Manual. (s. f.). PHP.net. Recuperado 1 de septiembre de 2021, de https:\/\/www.php.net\/manual\/es\/intro-whatis.php<\/pre>\n\n\n\n
S\u00e1nchez, D. (2021, 9 agosto). Insertar c\u00f3digo PHP en entradas, p\u00e1ginas o widgets de WordPress. Gestionatuweb. https:\/\/www.gestionatuweb.net\/insertar-codigo-php-en-entradas-paginas-o-widgets-de-wordpress\/<\/pre>\n\n\n\n
Lipido\u2019s Lab. (2013, 7 mayo). Interfaces de usuario HTML\/CSS\/Javascript \u00bfnuevo est\u00e1ndar? | Lipido\u2019s Lab. https:\/\/www.sing-group.org\/~lipido\/blog\/2013\/05\/07\/interfaces-de-usuario-htmlcssjavascript-nuevo-estandar\/<\/pre>\n","protected":false},"excerpt":{"rendered":"
WordPress es un sistema de gesti\u00f3n de contenidos (CMS) de c\u00f3digo abierto con licencia GPLv2 (cualquier persona puede modificar mediante lenguajes de programaci\u00f3n (LP) el software de WordPress) que funciona para crear cualquier tipo de sitio web.  En WordPress se pueden a\u00f1adir aspectos a las entradas y a los temasSeguir Leyendo<\/p>\n","protected":false},"author":264,"featured_media":12567,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"colormag_page_container_layout":"default_layout","colormag_page_sidebar_layout":"default_layout","footnotes":""},"categories":[1492],"tags":[688,198,31],"class_list":["post-12511","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-wordpress","tag-lenguaje-de-programacion","tag-paginas-web","tag-tecnologia"],"yoast_head":"\nLenguajes de programaci\u00f3n en WordPress – WordPress P\u00e1ginas web<\/title>\n<meta name=\"description\" content=\"WordPress permite a\u00f1adir aspectos a los temas insertando fragmentos de c\u00f3digo en lenguajes de programaci\u00f3n como PHP, HTML, CSS y JavaScript.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/niixer.com\/index.php\/2021\/09\/02\/lenguajes-de-programacion-wordpress\/\" \/>\n<meta property=\"og:locale\" content=\"es_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Lenguajes de programaci\u00f3n en WordPress – WordPress P\u00e1ginas web\" \/>\n<meta property=\"og:description\" content=\"WordPress permite a\u00f1adir aspectos a los temas insertando fragmentos de c\u00f3digo en lenguajes de programaci\u00f3n como PHP, HTML, CSS y JavaScript.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/niixer.com\/index.php\/2021\/09\/02\/lenguajes-de-programacion-wordpress\/\" \/>\n<meta property=\"og:site_name\" content=\"Portal de noticias de tecnolog\u00eda, Realidad Virtual, Aumentada y Mixta, Videojuegos\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/niixer\/\" \/>\n<meta property=\"article:published_time\" content=\"2021-09-02T06:47:07+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2021-09-04T22:16:59+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/niixer.com\/wp-content\/uploads\/2021\/09\/image-5.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1400\" \/>\n\t<meta property=\"og:image:height\" content=\"700\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"DANA PATRICIA JIMENEZ BRI\u00d1EZ\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Escrito por\" \/>\n\t<meta name=\"twitter:data1\" content=\"DANA PATRICIA JIMENEZ BRI\u00d1EZ\" \/>\n\t<meta name=\"twitter:label2\" content=\"Tiempo de lectura\" \/>\n\t<meta name=\"twitter:data2\" content=\"4 minutos\" \/>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Lenguajes de programaci\u00f3n en WordPress – WordPress P\u00e1ginas web","description":"WordPress permite a\u00f1adir aspectos a los temas insertando fragmentos de c\u00f3digo en lenguajes de programaci\u00f3n como PHP, HTML, CSS y JavaScript.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/niixer.com\/index.php\/2021\/09\/02\/lenguajes-de-programacion-wordpress\/","og_locale":"es_ES","og_type":"article","og_title":"Lenguajes de programaci\u00f3n en WordPress – WordPress P\u00e1ginas web","og_description":"WordPress permite a\u00f1adir aspectos a los temas insertando fragmentos de c\u00f3digo en lenguajes de programaci\u00f3n como PHP, HTML, CSS y JavaScript.","og_url":"https:\/\/niixer.com\/index.php\/2021\/09\/02\/lenguajes-de-programacion-wordpress\/","og_site_name":"Portal de noticias de tecnolog\u00eda, Realidad Virtual, Aumentada y Mixta, Videojuegos","article_publisher":"https:\/\/www.facebook.com\/niixer\/","article_published_time":"2021-09-02T06:47:07+00:00","article_modified_time":"2021-09-04T22:16:59+00:00","og_image":[{"width":1400,"height":700,"url":"https:\/\/niixer.com\/wp-content\/uploads\/2021\/09\/image-5.png","type":"image\/png"}],"author":"DANA PATRICIA JIMENEZ BRI\u00d1EZ","twitter_card":"summary_large_image","twitter_misc":{"Escrito por":"DANA PATRICIA JIMENEZ BRI\u00d1EZ","Tiempo de lectura":"4 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/niixer.com\/index.php\/2021\/09\/02\/lenguajes-de-programacion-wordpress\/#article","isPartOf":{"@id":"https:\/\/niixer.com\/index.php\/2021\/09\/02\/lenguajes-de-programacion-wordpress\/"},"author":{"name":"DANA PATRICIA JIMENEZ BRI\u00d1EZ","@id":"https:\/\/niixer.com\/#\/schema\/person\/72e7345701c70457d762e93489d3a0d0"},"headline":"Lenguajes de programaci\u00f3n en WordPress","datePublished":"2021-09-02T06:47:07+00:00","dateModified":"2021-09-04T22:16:59+00:00","mainEntityOfPage":{"@id":"https:\/\/niixer.com\/index.php\/2021\/09\/02\/lenguajes-de-programacion-wordpress\/"},"wordCount":660,"commentCount":0,"publisher":{"@id":"https:\/\/niixer.com\/#organization"},"image":{"@id":"https:\/\/niixer.com\/index.php\/2021\/09\/02\/lenguajes-de-programacion-wordpress\/#primaryimage"},"thumbnailUrl":"https:\/\/niixer.com\/wp-content\/uploads\/2021\/09\/image-5.png","keywords":["Lenguaje de programaci\u00f3n","P\u00e1ginas web","tecnolog\u00eda"],"articleSection":["WordPress"],"inLanguage":"es","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/niixer.com\/index.php\/2021\/09\/02\/lenguajes-de-programacion-wordpress\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/niixer.com\/index.php\/2021\/09\/02\/lenguajes-de-programacion-wordpress\/","url":"https:\/\/niixer.com\/index.php\/2021\/09\/02\/lenguajes-de-programacion-wordpress\/","name":"Lenguajes de programaci\u00f3n en WordPress – WordPress P\u00e1ginas web","isPartOf":{"@id":"https:\/\/niixer.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/niixer.com\/index.php\/2021\/09\/02\/lenguajes-de-programacion-wordpress\/#primaryimage"},"image":{"@id":"https:\/\/niixer.com\/index.php\/2021\/09\/02\/lenguajes-de-programacion-wordpress\/#primaryimage"},"thumbnailUrl":"https:\/\/niixer.com\/wp-content\/uploads\/2021\/09\/image-5.png","datePublished":"2021-09-02T06:47:07+00:00","dateModified":"2021-09-04T22:16:59+00:00","description":"WordPress permite a\u00f1adir aspectos a los temas insertando fragmentos de c\u00f3digo en lenguajes de programaci\u00f3n como PHP, HTML, CSS y JavaScript.","breadcrumb":{"@id":"https:\/\/niixer.com\/index.php\/2021\/09\/02\/lenguajes-de-programacion-wordpress\/#breadcrumb"},"inLanguage":"es","potentialAction":[{"@type":"ReadAction","target":["https:\/\/niixer.com\/index.php\/2021\/09\/02\/lenguajes-de-programacion-wordpress\/"]}]},{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/niixer.com\/index.php\/2021\/09\/02\/lenguajes-de-programacion-wordpress\/#primaryimage","url":"https:\/\/niixer.com\/wp-content\/uploads\/2021\/09\/image-5.png","contentUrl":"https:\/\/niixer.com\/wp-content\/uploads\/2021\/09\/image-5.png","width":1400,"height":700,"caption":"lenguajes de programacion, css, javascript"},{"@type":"BreadcrumbList","@id":"https:\/\/niixer.com\/index.php\/2021\/09\/02\/lenguajes-de-programacion-wordpress\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Portada","item":"https:\/\/niixer.com\/"},{"@type":"ListItem","position":2,"name":"Lenguajes de programaci\u00f3n en WordPress"}]},{"@type":"WebSite","@id":"https:\/\/niixer.com\/#website","url":"https:\/\/niixer.com\/","name":"Portal de noticias de tecnolog\u00eda, ciencia, Android, iOS, Realidad Virtual, Aumentada y Mixta, Videojuegos, computadores, todo lo mas reciente en tecnolog\u00eda","description":"Portal de noticias de tecnolog\u00eda","publisher":{"@id":"https:\/\/niixer.com\/#organization"},"alternateName":"Niixer","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/niixer.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"es"},{"@type":"Organization","@id":"https:\/\/niixer.com\/#organization","name":"Niixer","alternateName":"Niixer.com","url":"https:\/\/niixer.com\/","logo":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/niixer.com\/#\/schema\/logo\/image\/","url":"https:\/\/niixer.com\/wp-content\/uploads\/2022\/08\/logo-niixer-sin-fondo-1.png","contentUrl":"https:\/\/niixer.com\/wp-content\/uploads\/2022\/08\/logo-niixer-sin-fondo-1.png","width":140,"height":140,"caption":"Niixer"},"image":{"@id":"https:\/\/niixer.com\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/niixer\/","https:\/\/www.instagram.com\/niixer.tecnologia\/"]},{"@type":"Person","@id":"https:\/\/niixer.com\/#\/schema\/person\/72e7345701c70457d762e93489d3a0d0","name":"DANA PATRICIA JIMENEZ BRI\u00d1EZ","image":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/secure.gravatar.com\/avatar\/f5a76627703ac58769345126cef2c1085f9624499dd0296ffde2c9082684de44?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/f5a76627703ac58769345126cef2c1085f9624499dd0296ffde2c9082684de44?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/f5a76627703ac58769345126cef2c1085f9624499dd0296ffde2c9082684de44?s=96&d=mm&r=g","caption":"DANA PATRICIA JIMENEZ BRI\u00d1EZ"},"sameAs":["http:\/\/www.niixer.com"],"url":"https:\/\/niixer.com\/index.php\/author\/djimenezb4\/"}]}},"jetpack_featured_media_url":"https:\/\/niixer.com\/wp-content\/uploads\/2021\/09\/image-5.png","_links":{"self":[{"href":"https:\/\/niixer.com\/index.php\/wp-json\/wp\/v2\/posts\/12511","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/niixer.com\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/niixer.com\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/niixer.com\/index.php\/wp-json\/wp\/v2\/users\/264"}],"replies":[{"embeddable":true,"href":"https:\/\/niixer.com\/index.php\/wp-json\/wp\/v2\/comments?post=12511"}],"version-history":[{"count":4,"href":"https:\/\/niixer.com\/index.php\/wp-json\/wp\/v2\/posts\/12511\/revisions"}],"predecessor-version":[{"id":13067,"href":"https:\/\/niixer.com\/index.php\/wp-json\/wp\/v2\/posts\/12511\/revisions\/13067"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/niixer.com\/index.php\/wp-json\/wp\/v2\/media\/12567"}],"wp:attachment":[{"href":"https:\/\/niixer.com\/index.php\/wp-json\/wp\/v2\/media?parent=12511"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/niixer.com\/index.php\/wp-json\/wp\/v2\/categories?post=12511"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/niixer.com\/index.php\/wp-json\/wp\/v2\/tags?post=12511"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}