TagCSS

Imágenes en listas con viñetas

Una de las personalizaciones más habituales es cambiar el estilo de los iconos utilizados en las listas desordenadas, o con viñetas. A nadie se le ocurre cambiar las ordenadas, que a fin de cuentas son números, pero si puedes hacer algo más bonitas tus listas desordenadas, o al menos más a tu gusto. Hacerlo, además, es muy fácil, solo conlleva dos pasos, estos: Sube el icono elegido a la carpeta images de tu tema o tema hijo (o como se llame la carpeta). Añade el CSS necesario a la hoja de estilos (normalmente style.css), o sustituye el actual como en … Sigue leyendo que hay más → [...]

Añadir bordes a imágenes desde WordPress 3.9

Hasta WordPress 3.9 había una opción en los ajustes avanzados de las imágenes que insertábamos en las entradas que permitía definir bordes y espacios a las imágenes solo con indicar un número, pero esa opción desapareció. Y a muchos usuarios esto les ha hecho la pascua, porque era algo que usaban mucho, aunque como he dicho por activa y por pasiva no es el modo correcto de hacerlo, pues los bordes de las imágenes deben ser una constante en el diseño de un sitio, y no algo que se añade para unas si y para otras no, al menos en … Sigue leyendo que hay más → [...]

Cómo destacar y enterrar comentarios

Seguramente habrás visto muchos sistemas de comentarios, especialmente en diarios digitales, donde los usuarios pueden destacar, o justo lo contrario, enterrar, los comentarios de otros visitantes. El efecto es que cuando un comentario se destaca normalmente suele aparecer con un color de fondo, u otro detalle estético, que lo distingue de los demás y, por el contrario, cuando se rebaja la puntuación de un comentario este llega un punto en que casi no se ve. Pues bien, es bastante fácil de hacer. Lo primero es instalar el plugin Featured comments. Una vez activo permite desde la lista de comentarios destacar … Sigue leyendo que hay más → [...]

Ocultar menús según el tipo de usuario

Quizás una de las cuestiones más demandadas en sitios web profesionales que quieren ofrecer una experiencia diferente a los usuarios registrados es poder ocultar o mostrar menús según el perfil de usuario. Afortunadamente esto es muy fácil de lograr, y tenemos varios plugins que hacen de esta tarea algo realmente trivial, además de muy útil. Nave menu roles: Permite decidir qué perfiles de usuario verán o no verán cada uno de los elementos de los menús que añadas. if menu: Otro gran plugin, y también muy fácil de utilizar, para ocultar menús a los perfiles de usuario que definas en … Sigue leyendo que hay más → [...]

Ocultar menús según el tipo de usuario

Quizás una de las cuestiones más demandadas en sitios web profesionales que quieren ofrecer una experiencia diferente a los usuarios registrados es poder ocultar o mostrar menús según el perfil de usuario. Afortunadamente esto es muy fácil de lograr, y tenemos varios plugins que hacen de esta tarea algo realmente trivial, además de muy útil. Nave menu roles: Permite decidir qué perfiles de usuario verán o no verán cada uno de los elementos de los menús que añadas. if menu: Otro gran plugin, y también muy fácil de utilizar, para ocultar menús a los perfiles de usuario que definas en … Sigue leyendo que hay más → [...]

Destacar comentarios de los usuarios registrados

Seguro que has visto por ahí un montón de webs que animan a los visitantes a registrarse y, de este modo, obtener ventajas adicionales, de las cuales una de las más visuales es el resaltado de algún modo de sus comentarios. Esto es muy fácil de hacer en WordPress pues solo tienes que crear una clase CSS que utilice la clase de WordPress byuser, que identifica a los usuarios registrados. Gracias a ello, solo tienes que añadir a la hoja de estilos de tu tema (o mejor del tema hijo) una clase que aplique un estilo distinto a los comentarios … Sigue leyendo que hay más → [...]

WordPress va lento ¿qué hago?

La velocidad de respuesta de una web es un elemento vital, y no solo para el posicionamiento en buscadores, que también. Ya sabrás que Google penaliza las webs lentas, y no es que tenga un capricho especial con tus lectores sino que si te gastas un buen dinerito en hacer tu web rápida menos recursos … … Sigue leyendo → [...]

Un “loop” diferente

El loop es la matrix de WordPress, pero son muy pocas las páginas las cuales hacen un uso más exigente de este modulo, hoy les mostrare como realizar un loop algo diferente. La imagen que ven a continuación hace parte de una de las páginas que administro y el loop está dividido en 2, a … … Sigue leyendo → [...]

BuddyPress 1.8 incorpora grandes mejoras de integración

Acaba de salir a la luz la versión 1.8 de BuddyPress, el plugin que convierte WordPress automáticamente en una red social completa, y aunque no hace mucho tiempo desde la versión 1.7 se han incorporado importantes mejoras. Una de las mejoras más relevantes y que agradeceremos los administradores y usuarios es la integración con los temas WordPress que, aunque ha mejorado últimamente, no es perfecta aún. En las primeras pruebas que he hecho aún no hay manera de que se integre bien con los maravillosos diseños de Elegant Themes pero algo ha mejorado. He probado varios temas en los que … Sigue leyendo que hay más → [...]

Guía para crear el perfecto tema WordPress

En ThemeShaper han creado una guía para cualquier desarrollador que quiera crear un tema WordPress que atienda a todos los estándares, de manera que ofrezca la mejor experiencia puramente WordPress. La guía está pensada para desarrolladores de temas para WordPress.com pero es igualmente útil para cualquier entorno WordPress. Y cómo creo que es de un tremendo interés aquí lo tienes en español … Escapes Todos los datos dinámicos deben tener escape con esc_attr() antes de entregarse como atributo HTML Todas las urls dinámicas deben tener escape con esc_url(). Si los datos dinámicos se entregan cómo el atributo de un elemento script HTML deben tener … Sigue leyendo que hay más → [...]

Cambiar el color de fondo al seleccionar texto en WordPress

Pues si, la diferencia está en los detalles, y si nos ponemos a personalizar nuestra web nunca hay límites a la hora de ofrecer una experiencia de diseño uniforme a nuestros visitantes. Para rizar el rizo de la personalización y el diseño consistente, Brian Gardner nos anima a “tunear” el color de fondo con el que se decora un texto al seleccionarlo cuando visiten nuestro WordPress. La idea es que, mediante CSS, ese color esté dentro de la paleta de nuestro diseño, y no el color por defecto del sistema del visitante. ¿Cómo se hace?, pues bien sencillo, sólo tienes … Sigue leyendo que hay más → [...]