Como comenté anteriormente, el sidebar es muy personalizable ya que podemos agregar el contenido que queramos. En esta ocasión hablaré de cómo mostrar los posts recientes empezando del método más fácil al más difícil. Widget La manera más sencilla de mostrar los comentarios es usar el widget que viene por …
jQuery proporciona varias funciones para manipular elementos y contenido de una página: Simplemente remplazando HTML, posicionar nuevo HTML en relación de un contenido seleccionado, remover completamente etiquetas y contenido de la página. Este post comienza una serie sobre como manipular el contenido mediante las funciones de jQuery. Comenzaré hablando de la …
En CSS existen 3 formas de posicionar elementos que permiten tener el control de la disposición de la página: normal flow, float y positioning. Este es el comienzo de una serie donde se irá abordando cada uno de los métodos. Este post explicará el primero, el normal flow o flujo …
Uno de los elementos más destacados de una página web es el sidebar con el se puede realizar múltiples personalizaciones. Comenzaré mostrando los comentarios recientes. Hay 3 posibilidades para realizarlo, iré de lo más a lo más difícil Widget Si el sidebar admite widgets, simplemente arrastra el widget de comentarios …
Es probable que en una página quieras meter una imagen y que esta tenga un pie de foto. En HTML5 hay 2 elementos que permiten esto, figure y figcaption. Tanto la ilustración como el figcaption están dentro del elemento figure. En mi caso uso una imagen de unos 400px.
|
1 2 3 4 |
<figure> <img src="post-its.jpg" alt="Monton de post-its" /> <figcaption>Esta es una foto con todos los post-it de tareas pendientes.</figcaption> </figure> |
…
Cuando usamos 2 hojas de estilo y una de las reglas coinciden, seguramente queremos que una tenga prioridad sobre otra para que se aplique. Para eso se usa la regla important. Esta regla es de mucha utilidad cuando estas desarrollando hojas de estilo de manera modular y quieres asegurarte de que …
jQuery tiene la característica de poder encadenar funciones en una selección de elementos permitiendo un mejor desempeño. Un ejemplo que puede ser muy común, es modificar el ancho y el alto de un <div> (que tenga el ID alerta).
|
1 |
<div id="alerta" style="background-color:#00F;"></div> |
|
1 2 3 |
$(document).ready(function(){ $('#alerta').width(500).height(300); }); |
Si estuviésemos usando javaScript tendríamos que emplear 2 líneas …
Un problema que puede surgirte es que estás escribiendo un texto y en un momento usas un acrónimo o abrevación y buscas una forma de proporcionar al usuario una forma más llamativa para mostrarle la definición. Para salir de dicho aprieto puedes usar el elemento abbr.
En post anteriores hablé de como personalizar el Loop de WordPress con query_posts y WP_Query. Este post aborda el método más sencillo y seguro para crear multiples bucles, get_posts(). Para crear un loop con este método se realiza de la siguiente manera
|
1 2 3 4 5 6 7 8 9 |
<?php global $post; $args = array('category' => -5); // Excluir categoria 5 $custom_posts = get_posts($args); foreach($custom_posts as $post) : setup_postdata($post); //código endforeach; ?> |
En este caso, el código crea un …
La regla import permite importar otra hoja de estilo en la hoja actual. Debe aparecer al principio antes de cualquier regla y su valor es la URL. Se puede escribir de 2 formas @import «estilo.css»; @import url(«estilo.css»); Tanto una forma como otra es válida y funcionan perfectamente. La ventaja principal …