EEDEERRE

EJEMPLOS DE WORDPRESS, HTML Y JAVASCRIPT


Ejemplos
Wordpress
Javascript
HTML & CSS
JQuery
PHP

Experimentos
Javascript
ThreeJS

Snippets
Wordpress
Javascript
HTML & CSS
JQuery
PHP
Wordpress

Customizar paleta de colores predeterminados en Colour Picker de ACF

Pegando este código en nuestro functions.php podemos editar los colores predeterminados que salen en el colour picker del plugin Advanced Custom Fields. Los colores los podemos definir en la variable $palette....

ACF

Advanced Custom Fields

functions.php

PHP

Acortar una url utilizando la API de bit.ly

Este código sirve para acortar una url con bitly. Para utilizar la API hay que registrarse como desarrollador y conseguir un token. El snippet sería este: [crayon-68517ee20f5db054368736/]  

bit.ly

Wordpress

Eliminar de versión de WordPress del header y los RSS

Por seguridad, es conveniente ocultar a los bots y usuarios la versión de WordPress que tiene nuestro blog. Para hacerlo, basta con añadir estas lineas a nuestro functions.php: [crayon-68517ee210162465469320/]  

add_filter

functions.php

the_generator

Wordpress

Limitar el número de revisiones de posts guardadas

Cada vez que hacemos una modificación en el título, autor, contenido o excerpt de un post, WordPress guarda una copia completa del post en la tabla de posts. Para limitar el...

WP_POST_REVISIONS

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-68517ee22aa41385464759/]  

get_userdata

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-68517ee22b590916995774/] 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

Actionscript3.0, Flash

Guardar una imagen con la función save() de FileReference

Una de las novedades de Flash Player 10 fue la función save() de FileReference. Esta clase permite guardar un archivo directamente en el ordenador del usuario, si necesidad de pasar...

encode()

FileReference

JPGEncoder

save()

Actionscript3.0, Flash

Deseleccionar un grupo de radioButtons en Actionscript 3.0

En este nuevo capítulo sobre las trampas de Flash/Actionscript vamos a ver como deseleccionar un grupo de radioButtons. Si tenemos varios radioButtons en el escenario, antes de interactuar con ellos...

group

RadioButton

RadioButtonGroup

Actionscript3.0, Flash

Clase para hacer precargas en Actionscript 3.0

Esta es una clase que estoy utilizando bastante en mis últimos trabajos. Es bastante sencilla, pero se puede modificar fácilmente para añadir otros comportamientos. La clase tiene las siguientes function...

Loader

MovieClip

URLRequest

Actionscript3.0, Flash

Embeber fuentes de biblioteca en AS3

Este es el código necesario para embeber una fuente de la biblioteca con AS3. Además del código es necesario tener vinculada la fuente en la biblioteca (en este caso con...

defaultTextFormat

embedFonts

font

selectable

size

TextField

TextFormat

Javascript, JQuery

Detectar soporte de SVG y sustituir por imagen como fallback

Esta función comprueba el soporte del navegador para SVGs, y sustituye los srcs de nuestras imágenes con svgs por otra imagen (jpg, gif, png) soportada por el navegador. La función...

fallback

svg

Wordpress

Desactivar carga de Emojis en WordPress 4.2.2

Con la actualización de WordPress a la versión 4.2.2 se ha añadido el soporte para emojis. Esto hace que por defecto se cargue un archivo Javascript externo con cada carga...

functions.php

remove_action

Wordpress

Guardar y mostrar el último acceso de un usuario en WordPress

Añadiendo esta función a nuestro functions.php guardamos la fecha de último acceso de un usuario en un meta llamado «last_login»: [crayon-68517ee2103b0700907408/] En nuestro front podemos mostrar este valor así: [crayon-68517ee2103b4786973911/]...

add_action

get_userdatabylogin

get_user_meta

update_usermeta

wp_login

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

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

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...

Actionscript3.0, Flash

StageFocusRect: quitar el rectángulo amarillo que aparece al tabular

Otra linea que se me olvida siempre. Si queremos que no aparezca (en Actionscript 3.0) el rectángulo amarillo que aparece al pulsar la tecla de tabulación, tenemos que poner la...

stageFocusRect

Actionscript3.0, Flash

Abrir una nueva ventana pasando parámetros por POST con navigateToURL

Este es un snippet para abrir un ventana con navigateToURL en Actionscript 3.0, pasando variables por «POST»:

navigateToURL

URLRequest

URLRequestMethod

URLVariables

Actionscript3.0, Flash

Actionscript 3.0: memoria utilizada

Podemos comprobar cantidad de memoria utilizada por Flash Player mediante la propiedad System.totalMemory, que devuelve el valor en bytes. Por ejemplo, si queremos ver el valor en KBs de la...

System

totalMemory

Actionscript3.0, Flash

Actionscript 3.0: Detectar tecla pulsada con KeyboardEvent

El siguiente código muestra como detectar la tecla pulsada durante la ejecución de una película Flash. Para ello hay que añadir al escenario un listener del tipo KeyboardEvent, y recoger...

charCode

KeyboardEvent.KEY_DOWN

keyCode

Actionscript3.0, Flash

Actionscript 3.0: utilizar imágenes de la biblioteca

Este ejemplo muestra como añadir al esenario imágenes de la biblioteca con Actionscript 3. Para ello hay que tenerlas vinculadas con un nombre de clase (en este caso material1), que...

Bitmap

Bitmapdata

Javascript

Reiniciar un formulario con Javascript

Este código vale para reiniciar todos los campos de un formulario. Seria el equivalente a pulsar un botón reset en el formulario. [crayon-68517ee20f383611425082/] Si estamos utilizando JQuery también podemos utilizar:...

formularios

reset

Wordpress

Restringir acceso al admin de WordPress a usuarios no administradores

Pegando estas lineas en nuestro functions.php permitimos el acceso al administrador de WordPress solo a usuarios administradores (con el permiso manage_options). Cualquier otro usuario que intente acceder al admin será...

add_action

admin_init

functions.php

wp_redirect

Wordpress

Incluir el «Display name» en las búsquedas de usuarios

Añadiendo estas lineas al functions.php incluimos el display_name del usuario en las búsquedas que hagamos con WP_User_Query. [crayon-68517ee2106a5291235237/]  

add_filter

user_search_columns

WP_User_Query

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

Javascript

Función para obtener variables de la url con Javascript

[crayon-68517ee22b195130487448/] 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-68517ee22b199710731136/]    

replace

window.location.href

Javascript

Función para validar Email

[crayon-68517ee22bb9d397965071/]

Expresiones regulares

Actionscript3.0, Flash

Habilitar suavizado en el componente FLVPlayback

Esta linea sirve para habilitar el suavizado (smoothing) en un componente FLVPlayback. Aunque el rendimiento se resiente bastante, puede ser útil si tenemos que reescalar el vídeo o este es...

FLVPlayback

Actionscript3.0, Flash

Actionscript 3.0: Poner el foco sobre un campo de texto.

La manera de poner el foco sobre un campo de texto en Actionscript 3.0 es incluso más sencilla que en Actionscript 2.0. Basta con utilizar la propiedad stage.focus para poner...

focus

Actionscript3.0, Flash

Clase para vaciar clips en AS3

La siguiente clase permite eliminar todos los elementos de un clip, recorriendo todas las profundidades «ocupadas» y eliminando los elementos que están en ellas. [crayon-68517ee22c0d7291202688/]

getInstanceAtDepth

numChildren

removeChildAt

Actionscript3.0, Flash

Actionscript 3.0: Restringir valores en campos de texto

Los campos de texto en Flash cuentan con una propiedad (en AS2 y AS3) llamada restrict, que permite restringir el conjunto de carácteres admitidos por el campo. La sintaxis es...

restrict

Actionscript 2.0, Flash

Controlar teclas pulsadas en AS2

El siguiente código controla los eventos de teclado «pulsar» (onKeyDown) y «soltar» (onKeyUp), devolviendo el código de la tecla con la que se ha interactuado. [crayon-68517ee22d482636216731/]

addListener

Key.getCode

Object

onKeyDown

onKeyUp