EEDEERRE

EJEMPLOS DE WORDPRESS, HTML Y JAVASCRIPT


Ejemplos
Wordpress
Javascript
HTML & CSS
JQuery
PHP

Experimentos
Javascript
ThreeJS

Snippets
Wordpress
Javascript
HTML & CSS
JQuery
PHP
PHP

Calcular tiempo transcurrido entre una fecha y la actual

Esta función recibe como parámetro una fecha UNIX y devuelve el tiempo transcurrido desde esa fecha en una sola unidad de tiempo. Es decir, si han pasago 465 días desde...

time

Javascript, JQuery

Como hacer una galería de fotos con JQuery

En este ejemplo vamos a hacer una galería de imágenes con JQuery. El objetivo es intentar explicar la lógica y la estructura de una galería de este tipo, hay cosas...

addClass

animate

removeClass

Javascript

Función para obtener variables de la url con Javascript

[crayon-681d9df2d52e0397569192/] Esta función devuelve un objeto con todas las variables pasadas por GET en la url. Por ejemplo, si tenemos la url: http://midominio.com/?orderby=fecha&tipo=pintura Nos devolverá un objeto: [crayon-681d9df2d52e8168606909/]    

replace

window.location.href

Javascript, JQuery

Función para reescalar vídeos de Youtube / Vimeo

Esta es la función que utilizo para reescalar vídeos  de youtube / vimeo manteniendo el aspect ratio. La saqué de este artículo sobre «Fluid Video» de CSS-Tricks.  Este es el...

Wordpress

Detectar cambio de role de usuario en WordPress

Al cambiar el role de un usuario en wordpress se dispara un evento llamado set_user_role. Con la función add_action podemos asociar en nuestro functions.php una función a este evento. Esta función recibirá...

add_action

get_userdata

set_user_role

wp_mail

Wordpress

Registro de usuarios personalizado en WordPress

Este código recibe valores por POST, comprueba si el nombre de usuario existe con la función username_exists, si el email está registrado con la función email_exists y genera un nuevo usuario de WordPress...

add_user_meta

email_exists

username_exists

wp_create_user

wp_insert_user

GoogleMaps, Javascript
Mapa de Google con colores personalizados

Mapas personalizados con Google Maps (API v3)

Las versión 3 de la API de Google Maps permite personalizar los estilos de presentación de los mapas. Para ello podemos modificar la propiedad .styles del objeto MapOptions del mapa o...

Google Maps

mapTypes

StyledMapType

Javascript

Función para validar Email

[crayon-681d9df2d62fe203134781/]

Expresiones regulares

Wordpress

Función para saber si un usuario tiene un rol determinado en WordPress

Esta función recibe como parámetros un nombre de rol y un id de usuario y devuelve true/false en función de si ese usuario tiene ese rol. [crayon-681d9df2d41b5539945883/]  

get_userdata

Wordpress

Comprobación de valores de login en WordPress

Este script comprueba los valores de usuario y contraseña para un usuario de WordPress. Recoje las variables user/pass por POST y comprueba mediante la función wp_signon si es login es...

wp_signon

HTML & CSS

Centrar verticalmente con CSS

Este es el código css que utilizo para centrar verticalmente en su parent elementos con alto variable: [crayon-681d9df2d5be6889672183/] Con este CSS basta con añadir al padre la clase «son-centered» y...

pseudoelementos before

HTML & CSS

Micro Clearfix Hack

El siguiente código sirve para hacer que un contenedor HTML que tiene dentro elementos con float, coja el alto de sus hijos (como si estos no tuvieran float). Es bastante...

clearfix

hack

1 2 3 4 5 6 7 8 9 10 11