- Crear una carpeta dentro de la actual plantilla activa de wordpress. En mi caso utilizó plantillas hijo para no tener problemas con las actualizaciones de la plantilla general. Se debe tener acceso a los archivos.
En este caso vamos a crear las carpetas usando cpanel. Buscamos el administrador de archivo y encontramos las carpetas donde está la plantilla activa para nuestro caso estamos usando la plantilla - Creamos una carpeta llamada wpsl-templates dentro de la carpeta de nuestra plantilla activa de wordpress
- Dentro de esta carpeta creamos un archivo custom.php.
- Copiamos dentro de este archivo el mismo código que encontramos en wp-content/plugins/wp-store-locator/frontend/templates/default.php e iniciamos desde aquí a personalizar el código.
- Para activar nuestra plantilla debemos adicionar el siguiente código en el archivo functios.php de nuestra plantilla activa.
- El código anterior habilita la plantilla custom, para ser usada en nuestros sitio, ahora desde el administrador de wordpress en:
martes, 9 de enero de 2018
Plantillas para WP Store Locator
He instalado el plugin WP Store Locator pero su plantilla original no se ve muy bien. lo mejor es crear nuestras propias plantillas para esto seguimos estos pasos:
jueves, 28 de diciembre de 2017
Cómo crear borde multicolores con CSS puro
Para lograr el efecto borde multicolor con CSS seguimos el siguiente código.
En este código realmente vamos a utilizar el selectro AFTER al cual le aplicaremos un BACKGROUND linear-gradient, primero vamos a ir a un CSS Gradient Generator y construimos los colores según lo necesitemos.
Luego usamos el código en nuestro CSS aquí les dejo el código completo
sábado, 16 de diciembre de 2017
Contact Form 7 Formularios Dinamicos
Un cliente me ha solicitado crear un formulario que según la selección de persona natural o persona jurídica me muestres diferentes opciones. Uso wordpress y para formularios tengo instalado el plugin contact form 7, me di a la tarea de investigar y efectivamente existe la forma de agrupar opciones que según una selección muestre uno u otro campo.
lunes, 25 de enero de 2016
No puedo agregar otra cuenta a mi correo en Gmail
Añadir otra dirección de correo tuya | |||
|
¿Si está frente a este problema y no sabe que hacer?
Primero debe ingresar por la cuenta administrador del dominio. Sabemos que la cuenta es la administradora del dominio, si entrando por gmail ingresando en el icono de configuración encontramos administrar este dominio.
Una vez dentro del administrador de Dominio, Ingresamos por Aplicaciones
Luego Google APP
Vamos hasta configuraciones avanzadas
Asegúrese de tener chequeada la opción Permitir pasarelas de salida por usuario Esto soluciona el problema en la mayoría de los casos
viernes, 18 de septiembre de 2015
Traducción con CSS en wordpress
Si se desea realizar una traducción sencilla en un sitio web desarrollado bajo wordpress y no se encuentra una mejor forma de hacerlo (como en mi caso que siempre uso loco-translate, pero me tope con una plantilla que no tenía toda la traducción bien configurada ) algunas palabras me quedaban en inglés. Busque está solución que les comparto y que funciona bien para palabras.
Para este ejemplo vamos a usar un boton.
Para este ejemplo vamos a usar un boton.
.social-share { text-indent: -9999px; line-height: 0; /* colapso la línea origina */ } .social-share:after { content: "Compartir:"; text-indent: 0; display: block; line-height: initial; /* El nuevo contenido toma el lugar de la linea original */ }
martes, 14 de abril de 2015
HTML5 Manejo del Atributo 'required' usando JQuery
El atributo "required" de HTML5 es una mejora importante, que reduce el tiempo de validación en formularios, mejorando la experiencia de usuarios.
Es necesario tener en cuenta todos los navegadores por esto adicionamos la siguiente función de javascript que remplaza los valores de "required" por una clase, y genera un código adicional de validación, para los navegadores que no soportan esta característica.
Aquí un ejemplo de como realizar un manejo de esto, y su respectiva función javascript para valir en caso de que el navegador no soporte está característica.
En el HTML:Los valores del atributo "required" son validados automaticamente por JQuery, pero esto depende del navegador, en navegadores muy antiguos esto no está soportado. Si el navegador lo soporta, la respuesta debe ser algo como esto:
Es necesario tener en cuenta todos los navegadores por esto adicionamos la siguiente función de javascript que remplaza los valores de "required" por una clase, y genera un código adicional de validación, para los navegadores que no soportan esta característica.
Aquí un ejemplo de como realizar un manejo de esto, y su respectiva función javascript para valir en caso de que el navegador no soporte está característica.
See the Pen HTML5 Manejo del Atributo 'required' usando JQuery by Lili López Gutiérrez (@creandoweb) on CodePen.
jueves, 9 de abril de 2015
Incluir Font Awesome en input de un Formulario con CSS
Me tope con la necesidad de decorar un poco un formulario, existen muchos resultados en la web para lo que necesitaba pero decidí hacer uno propio utilizando Font Awesome y este fue el resultado.
Suscribirse a:
Entradas (Atom)
Plantillas para WP Store Locator
He instalado el plugin WP Store Locator pero su plantilla original no se ve muy bien. lo mejor es crear nuestras propias plantillas para es...

-
En algunas ocasiones nos encontramos con la dificultad de cargar nuestros contactos a nuestro cliente de correo eléctr...
-
Descargar el archivo ! Desde hace algún tiempo he buscado un diseño aceptable y profesional para enviar las cuentas de cobro a mis...
-
Aplicando el siguiente código html , ponemos el pie de página al final de la web, aún si el contenido de nuestro sitio es menor, pero no qu...
