Viktor H. Morales

Diseñador gráfico y Web. WordPress. Emprendedor. Viajero.

WordPress ShortCodes: javascript en páginas o entradas

Quizás se les habrá planteado más de una vez poder utilizar códigos javascript en sus páginas y/o entradas de WordPress pero nunca pudieron y huyeron buscando otra solución. Ésto me pasó hace poco y en lugar de esquivar éste problema, como lo hice en veces anteriores, se me dio por buscar una solución y me volví a topar con la magia de los shortcodes.

Para lograr agregar códigos javascripts en las páginas o entradas:

  1. Agregar el siguiente código en el archivo functions.php
    [php]
    function vhm_sc_html( $atts, $content = null ) {
    $str1 = array("<", ">", ‘&’, ‘'’, ‘"’,’<’, ‘>’, "”", "″");
    $str2 = array("<", ">",’&’,”’,’"’,'<‘,’>’, ‘"’, ‘"’);
    $content = str_replace($str1, $str2, $content); return $content;
    }
    add_shortcode( ‘html’, ‘vhm_sc_html’ );[/php]
  2. Ahora en las páginas o entradas, y donde queramos que haya código javascript, hay que encerrar el mismo en las etiquetas “[ html ] [ / html ]” (sin espacios)

Ahí la solución, sean creativos.

2 comentarios

  1. jacobo

    oye pero donde esta el archivo fuctions?? perdon pero soy nuevo en esto gracias

    1. viktormorales

      En todo theme siempre hay un archivo “functions.php” que sirve para agrupar funciones útiles para la plantilla. Si no lo tienes, te recomiendo que lo crees dentro de la carpeta raíz de la plantilla.

Deja tus comentarios!