Artículos relacionados

• Wordpress y la funciones condicionales
• Ya estamos de vuelta!!!
• Ya estamos en el nuevo host, ¿que tal os va?
• En el congreso de Webmasters
• Ya estamos en la 2.0

Etiquetas: general

Imagen A

Imagen B

Imagen C

Imagen D

• Añadimos entre nuestros tags el siguiente código.

Artículos relacionados

• Firebug 1.0 public beta, por fin!!
• Firebug para iPhone
• Firebug sin Firefox en cualquier página
• Detecta si Firebug está activo
• Firebug ScreenCast

Etiquetas: programacion, estandares, web, webdev, firebug

function addPostType($vars) {

        array_push($vars,'post_type');

        return $vars;

}

add_filter('query_vars', 'addPostType');

1. Mediante un plugin



2. En el fichero my-hacks.php



3. En el fichero functions.php de nuestro theme

Artículos relacionados

• Páginas blancas del SEO para Wordpress
• Elimina las wordpress news de tu dashboard
• WP-Resalta Busqueda 1.2
• WP-Resalta Busqueda 1.1
• WP-OpenSearch, añade tu buscador al navegador

Etiquetas: php, programacion, wordpress, hacks, webdev

Artículos relacionados

• Consigue el efecto TimeMachine mediante Javascript
• Galería de imagenes al estilo carrousel con jQuery
• Glider.js, un carrousel guiado para nuestras aplicaciones
• jQuery 1.1.2, ha visto la luz
• Nueva version jQuery 1.0.3

Etiquetas: asides, programacion, javascript, webdev, imagenes

¿Como encontrarlo?

1. Entramos en "Revisiones de Entradas" de cualquier post



2. Una vez dentro, marcamos la opción de comprar con versiones previas tal que la comprobación sea entre la misma versión.



3. Hacer click en "Comparar Revisiones"



4. Disfrutar

Artículos relacionados

• Google Reader tiene truco
• Como Freir un Huevo con tu ordenador
• Wordpress 2.3.3. Actualización de seguridad
• Otro fallo de seguridad en Wordpress 2.2
• Wordpress 2.6 beta 2 disponible

Etiquetas: curiosidades, wordpress, 2 6

Ficha técnica

• Nombre: Christian Van der Henst



• Url Blog: http://cvander.com/



• Proyectos: Maestros del Web, Foros del Web,...

• De tu país imperdibles las buenas Tapas que te puedes comer en el San Sebastian o Granada. Y más que la comida, los lugares y la experiencia de esos pequeños bares donde la gente se amontona. En Barcelona la Champañería sigue siendo de mis favoritos por ello.



• En Argentina nada como un asado. Esos que te hacen los amigos en su casa, el asado de familia. Y tomar mate con los amigos.



• Perú es también una delicia gastronómica. En Arequipa dicen que tienen suficientes platos para que comas algo diferente cada día del año. El Rocoto Relleno me gustó mucho y solo hay que tenerle cuidado al picante.



• De México, no olvido las Tortas ahogadas de Guadalajara. Están ahogadas en una salsa picante, así que es bastante complicado comerlas sin causar desastres y lo picante también sacará alguna lágrima (yo siempre digo que de alegría).



• Y finalmente, de mi tierra nada como los tamales, esos que se comen para navidad, para año nuevo, los que prepara la abuela. Si algún día pasan a visitar los invito a uno sin falta.

Artículos relacionados

• 10 Entrevistas de la blogosfera
• Entrevista en Ayuda Wordpress
• Entrevista en Spam vs Hombre
• aNieto2k entrevistado :D
• Entrevista en TuExperto.com

Etiquetas: general, entrevistas

Ejemplo

$('#colorpickerField1').ColorPicker({

	onSubmit: function(hsb, hex, rgb) {

		$('#colorpickerField1').val(hex);

	},

	onBeforeShow: function () {

		$(this).ColorPickerSetColor(this.value);

	}

})

.bind('keyup', function(){

	$(this).ColorPickerSetColor(this.value);

});

Artículos relacionados

• Farbastic, el selector de Color con JQuery
• mooRainbow, un selector de color que me recuerda a …
• jQuery 1.1.2, ha visto la luz
• Prototype vs jQuery
• flyDOM, crea DOM al vuelo con jQuery

Etiquetas: programacion, javascript, webdev, jquery

Artículos relacionados

• Fancy Menu con MooTools
• Impresionante menú CSS para nuestras aplicaciones
• CSS Dock Menu
• Efectos CSS increibles
• Fancy Sliding Tab Menu, menús con estilo con script.aculo.us

Etiquetas: asides, css, programacion, javascript, webdev

1. Awstats

2. Google Analytics

3. StatPress

Resultados

Artículos relacionados

• ¿De quien es esta casa?
• Barras para estadísticas con CSS
• Y tu, ¿de quien eres?
• Haz tu blog más legible
• Graficos animados con Javascript

Etiquetas: curiosidades, proyectos, wordpress, webdev, stats

Artículos relacionados

• Simple SlideShow en jQuery
• Easy DOM creation para jQuery y Prototype
• jQuery Cycle, un plugin para volver locas a tus imagenes
• jQuery UI 1.5, Un API para gobernarlos a todos
• Crea DOM directamente con jQuery y Prototype

Etiquetas: php, programacion, javascript, webdev, jquery

Artículos relacionados

• MooTools 1.2 cheat sheet
• Cheat Sheet sobre SEO
• Recopilación de más de 80 cheat sheet
• Firefox Cheat Sheet
• Emezeta Card PHP Cheat Sheet

Compártelo

Etiquetas: asides, webdev, seo

Artículos relacionados

• 5 buenos trucos para CSS
• Elimina las wordpress news de tu dashboard
• Recopilación de Reglas Másculinas
• JsTheme, un theme 2.0 para nuestro Wordpress
• Recopilación de Plugins para Wordpress

Compártelo

Etiquetas: asides, wordpress, hacks, 2 6

Instalación

1. Asegurate que tu navegador es Firefox 3 (no es compatible con otras versiones ni otros navegadores).



2. Instala Stylish.



3. Entra en Globex Designs y selecciona el formato del CSS que quieras tener.



4. Pulsa con el botón derecho sobre el código CSS y selecciona "Add File to Stylish".



5. Disfruta del nuevo gMail :D

Artículos relacionados

• 25 utilidades para mejorar gMail
• Mejorando Google Calendar con Stylish
• Usa Gmail para almacenar tus backups de mySQL
• Mejora el aspecto de tus tips (Ayuda)
• El funcionamiento de Gmail al descubierto

Compártelo

Etiquetas: curiosidades, webdev, css, firefox

Artículos relacionados

• La primera aplicación para iPhone
• Framework CSS y XHTML para desarrollar en iPhone y iPod Touch
• Novedades sobre el iPhone
• Administra tu blog nativamente desde el iPhone
• Aplicaciones de terceros nativas para el iPhone

Compártelo

Etiquetas: asides, wordpress, iphone

Antecendentes

....







<?php the_excerpt(); ?>

Leer más



....

Haciendoló más fácil al usuario

1. Mediante un plugin



2. En el fichero my-hacks.php



3. En el fichero functions.php de nuestro theme

// Cambia el nombre del META

define ("META_KEY", "KEY_DEFINIDA");



function auto_add_meta_images($postID) {

    // Solo añadirá la primera imagen como Meta

    $post = get_post( $postID );

    if (!get_post_meta($postID, META_KEY, true))

        add_post_meta($post->post_parent, META_KEY, $post->guid);

    return $postID;

}



add_action('add_attachment', 'auto_add_meta_images');

¿Como funciona?

Conclusión

Artículos relacionados

• ¿Que formato de imagen usar?
• Encripta el contenidos de tus posts
• Mis posts favoritos, plugin para Wordpress
• El universo en una imagen
• Añade etiquetas a tus páginas

Compártelo

Etiquetas: php, programacion, wordpress, hacks, webdev

Hace tiempo que quiero explicar como crear un theme para Wordpress desde cero, pero la verdad es que no tengo mucho tiempo para dedicarle al blog ultimamente.

Bueno el caso es que los chicos de CSS Tricks se me han adelantado y de que manera porque se han currado un theme desde cero y han hecho tres Screencast con los que cualquiera será capaz de crearse un buen theme para Wordpress a su completo gusto.

Vía | disea, wordpress, screencast, theme, themes

Muchos lo estamos esperando desde hace un tiempo, y la impaciencia va aumentando cada vez que mas servicios de Google van incorporando soporte offline mediante su Gears.

El último en hacerlo fué Google Docs y los próximos que muy probablemente den el salto y permitan ser usados sin conexión a internet será los dos grandes que faltaban, Gmail y Google Calendar. Lo cual, según Andrew Fogg, ingeniero de Google, podría suceder en unos 6 meses

Aunque ojo, en un movimiento extraño, Adrew Fogg, borro los twitts de su Twitter (valga la redundancia) en donde comentaba esas novedades. Afortunadamente en G.O.S. hicieron una captura, así que ahí quedan sus palabras. No creo que este rumor sea falso por esta acción, el soporte offline de Gmail y Google Calendar es un paso lógico y necesario para acercar las aplicaciones de Google al escritorio. Y porque vamos, es algo que esperamos muchos ¿no?.

Vía y screenshot: G.O.S.

Comparte esta anotación

Etiquetas: destacadas, gears, gmail, google calendar, offline

Ficha técnica:

• Nombre: Miguel Ford



• Url Blog: http://www.adseok.com/



• Proyectos: Adseok

Artículos relacionados

• 10 Entrevistas de la blogosfera
• Entrevista en Ayuda Wordpress
• Entrevista en Spam vs Hombre
• aNieto2k entrevistado :D
• Entrevista en TuExperto.com

Compártelo

Etiquetas: general, entrevistas

Artículos relacionados

• Live, para wordpress el fisgon mejorado
• Barras para estadísticas con CSS
• CSS Spy, las CSS no podrán ocultarte nada
• Graficos animados con Javascript
• FeedStats entre los mejores plugins de estadísticas para Wordpress

Compártelo

Etiquetas: wordpress, plugins

Paso 1: ¿Donde he de modificar el theme?

• Si no haces un theme es por que no quieres



• El Loop de Wordpress en Acción



• query_posts(), personalizando nuestros blogs

Paso 2: Modificar la estructura HTML

			


				
Recent Articles


				
Monthly Archives


				
Search


			


			


				


					




						



					


				




				


					




						



					


				




				




					



				


			


		
 

Paso 3: Integrar funcionalidades de Wordpress

			


				
Recent Articles


				
Monthly Archives


				
Search


			


			


				


					


					<?php $recent = new WP_Query("showposts=5");

						while($recent->have_posts()) : $recent->the_post();?>

							


							<?php the_title(); ?>

							


					<?php endwhile; ?>

					


				




				


					


						<?php wp_get_archives('type=monthly&limit=5'); ?>

					


				




				


				


					


						

						

					


				

				


			


		
 

1. 5 últimos posts (únicamente Título)



2. Archivo de los últimos 5 meses



3. Formulario de busqueda.

Paso 4: Estilizando el contenido

/*------TABS------*/



#container{

	width: 600px;

	margin: 0 auto;

}



h1{

	font-size: 1.3em;

	text-transform: uppercase;

	color: #949494;

	letter-spacing: 1px;

}



#tabsAndContent ul, #tabsAndContent li{

	padding: 0

}



ul#tabsNav{

	float: left;

	width: 200px;

	list-style: none;

}



ul#tabsNav li{

	background: url(images/tabsNavBg.png) no-repeat center #a8a8a8;

}



ul#tabsNav li:hover{

	background: url(images/tabsNavHover.png) no-repeat center #eee;

}



ul#tabsNav li.active{

	background: url(images/tabsNavActive.png) no-repeat center #fff;

}



ul#tabsNav li.active a{

	color: #303030;

}



ul#tabsNav li a{

	padding: 1em 15px;

	margin: 0 0 1em 0;

	display: block;

	width: 170px;

	text-decoration: none;

	color: #7e7e7e;

	font: 11px/20px Georgia;

	text-transform: uppercase;

}



ul#tabsNav a:hover{

	color: #0a0a0a

}



ul#tabContent{

	margin: 1em 0 0;

	background: url(images/tabContent.png) no-repeat top right#fff;

	min-height: 180px;

	width: 350px;

	float: left;

	list-style: none;

	padding: 0 25px;

	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;

}



#tabContent>li{

	width: 350px;

	list-style: none;

	padding: 0 25px 20px 0;

}



#tabContent li ul li{

	list-style: none;

}



#tabContent li ul li a{

	display: block;

	border-bottom: 1px solid #e7e7e7;

	padding: 10px 0;

}



#tabContent li ul li a:hover{

	background: url(images/tabContentHover.png) no-repeat center bottom;

}



form{

	padding: 30px;



}



form input{

	background: url(images/searchInputBg.png) repeat-x #ddd;

	border: 2px solid #cbc6c9;

	border-right: 0;

	padding: 5px;

	margin-right: 0;

	color: #fff;

	font: 16px Georgia, "Times New Roman", Times, serif;

}



#searchSubmit{

	border-left: 0;

	border-right: 2px solid #cbc6c9;

	margin-left: 0;

	position: relative;

	left: -3px;

	color: #00416c;

}



#searchSubmit:hover{

	background: url(images/tabContentHover.png) no-repeat center;

	color: #003459;

	cursor: pointer;

}

Paso 5: Ocultando y darle dinamismo a nuestro código

$('#tabContent>li:gt(0)').hide();

	$('#tabsNav li:first').addClass('active');

	$('#tabsAndContent #tabsNav li').bind('click', function() {

		$('li.active').removeClass('active');

		$(this).addClass('active');

		var target = $('a', this).attr('href');

		$(target).slideDown(400).siblings().slideUp(300);

		return false;

	});

Artículos relacionados

• Los 37 mejores plugins para jQuery
• Nueva version jQuery 1.0.3
• Wordpress 2.6 beta 2 disponible
• jQuery 1.1.2, ha visto la luz
• Visual jQuery Documentation, aún más fácil

Compártelo

Etiquetas: programacion, wordpress, hacks, javascript, themes