Agregar CSS y JavaScript con Bootstrap a un tema de Wordpress

En este oportunidad se realizaron varias pruebas para agregar los archivos externos (JS, JQuery, CSS, entre otros) al desarrollo de un tema de Wordpress, lo curioso es que realizando las distintas búsquedas como posibles respuestas que generaba el buscador no encontré alguna que me funcionará, a pesar de que existen varias funciones ya establecidas en Wordpress, por ejemplo, wp_enqueue_script, en lo personal se pudo dar el caso que no realice efectivamente las instrucciones o simplemente no se ejecuto por alguno otra razón.
Lo interesante de ello, es que llegue al punto de no seguir probando de esa forma y se encontró otra forma que resulta efectiva para estos casos.

Bootstrap CSS a Wordpress

Para agregar una hoja de CSS en tu tema de Wordpress como Bootstrap lo que se deberá de hacer es agregar un @import al archivo Style.css con la finalidad de redirigir  al archivo de Bootstrap CSS como se muestra a continuación:
importCSS
Con ello, ya puedes utilizar la plantilla de Bootstrap CSS en tu tema de Wordpress.

Bootstrap JS a Wordpress

Ahora bien, para agregar JS, JQuery u otro archivo externo, si se tiene un archivo footer.php en tu plantilla de Wordpress agrega el siguiente código:
adicionarJS
Simplemente es mencionar la dirección donde se encuentran ubicados los archivos por medio de la función de Wordpress get_template_directory_uri() + la ruta dentro del SRC,  como se muestra en el ejemplo anterior estos archivos se descargaron a la carpeta del tema para ser buscados de forma local. Con esto ya se podrás utilizar los archivos CSS, JS, JQuery o cualquier otro archivo externo.

Entradas populares de este blog

Puerta Enlace Windows 0.0.0.0 en Cmd y Entorno Gráfico 192.168

Imagen
Hace poco me sucedió algo distinto en la configuración relacionado TCP/IP de Windows, como cualquier otro equipo se quería ingresar su registro de IP, con Mascara de Red, Puerta de enlace y DNS. Lo que pareció extraño es que cuando le daba permisos al proxy para poder navegar sobre esa IP y hacer un ping a www.google.com no recibia paquetes sobre ello, en resumen busque varios artículos relacionados al acceso pero de lo que no me percate es de la configuración que tenia IPCONFIG en CMD cuando ejecute ipconfig sobre la linea de comando me encontré con lo siguiente: Tomando referencia de la imagen del siguiente articulo: blog  http://www.taringa.net/comunidades/serviciotecnico/7685393/Puerta-de-enlace-predeterminada-doble-0-0-0-0-Solucion.html Seguí los pasos relacionados al articulo sobre: ipconfig /renew ipconfig /release Pero a pesar de ello, seguía saliendo error, así que tomando la ayuda del artículo anterior y este otro: http://www.tecno-soft.com/blog/?p=85 La ...
Leer más

Etiqueta SELECT en JavaScript

Imagen
La etiqueta SELECT es gestionada en el lenguaje HTML que ayuda a tener una respuesta posible entre varias. Dentro de Javascript se maneja por medio del atributo name(html)  como en forma de arbol mediante una dirección horizontal Ejemplo. document . nombre formulario . nombre del input o select . value ó text. Para ejecutar la funcionalidad de ello se puede hacer mediante el atributo  onchange(javascript) ó onclick(javascript) , dependiendo de lo que se quiera emplear, con estos ejercicios se tendrá la idea de lo que conlleva estas etiquetas, atributos y funciones. Ejercicio No.1 Generar un presupuesto de un equipo de computación a partir de tres objetos de tipo SELECT que nos permiten seleccionar: Procesador (Pentium III - $400, Pentium IV $500). Monitor (Samsung 14' - $250, Samsung 15' - $350, Samsung 17' - $550) Disco Duro(80 Gb - $300, 240 Gb - $440, 800 Gb - $500) Para cada característica indicamos string a mostrar (Ej. Pentium III) y el val...
Leer más

OnFocus y OnBlur en JavaScript

Imagen
OnFocus : se activa cuando se posiciona en el campo. OnBlur:  se activa cuando deja de posicionar en el campo. Ejemplo: Implementar un formulario que solicite la carga del nombre y la edad de una persona. Cuando el control tome foco borrar el contenido actual, al abandonar el mismo, mostrar un mensaje de alerta si el mismo está vacío. <html> <head></head> <body> <script language="JavaScript"> function vaciar(control) {   control.value=''; } function verificarEntrada(control) {   if (control.value=='')     alert('Debe ingresar datos'); } </script> <form name="form1"> Ingrese su nombre: <input type="text" name="nombre" onFocus="vaciar(this)" onBlur="verificarEntrada(this)"><br> Ingrese su edad: <input type="text" name="edad" onFocus="vaciar(this)" onBlur="verificarEntrada(this)"...
Leer más