Sin embargo, cuando el site que gestionamos pertenece a un amigo / familiar / cliente, a veces podemos considerar que será mejor que no interactúe con el sistema de actualizaciones, del que nos encargaríamos por nuestra cuenta al saber que una nueva versión está disponible.

Para desactivar la alerta de upgrade, abriremos functions.php y pegaremos el siguiente código:

if (!current_user_can('edit_users')) {
  add_action( 'init', create_function( '$a', "remove_action( 'init', 'wp_version_check' );" ), 2 );
  add_filter( 'pre_option_update_core', create_function( '$a', "return null;" ) );
}

El código deberá quedar entre los tags de apertura y cierre de php, como siempre.

Recordemos, sin embargo, que actualizar nuestras versiones de WP es siempre fundamental, porque no sólo nos dotamos de las últimas mejoras de nuestra plataforma favorita sino que nos protegemos de los últimos ataques o fallos registrados.

Este pequeño truco sólo debería ser usado con clientes que se desorienten fácilmente, y siempre y cuando estemos allí para realizar el upgrade nosotros mismos.

De nuevo, WordPress nos ofrece una solución para ello, a través de un sólido plugin llamado TDO Mini Forms.

Éste es el aspecto que tiene el proceso de la creación del formulario, en la pantalla de Opciones que el plugin ofrece :

Podremos añadir vía “drag-and-drop” (arrastrar y soltar) los campos que queramos de entre las opciones disponibles, crear nuevos y, por supuesto, poner un Re-Captcha que impida al spam actuar, re-usar custom fields, importar/exportar, usar la forma creada en un widget, etc.

Podremos escoger entonces una de nuestras páginas estáticas para que albergue el formulario de envío de contenido, que los usuarios (registrados o no, eso depende de la configuración que le demos al plugin), podrán utilizar para proponer sus textos / artículos.

Una vez hayamos creado esa página y sea accesible en la home de nuestro site (en el menú principal por ejemplo), le añadiremos el siguiente short-code en el modo HTML de edición:

[tdomf_form1]

Un ejemplo de resultado:

Fuente : The Right Way to Build WordPress as a Community Website

¿Qué os ha parecido el plugin?

El bookmarklet en cuestión se llama Quix, y lo podéis instalar arrastrando y soltando este enlace en vuestra barra de marcadores. Una vez allí, al pulsarlo aparecerá una ventana para escribir comandos. Si queréis ver todos los disponibles basta con escribir help.

Veamos ahora qué nos ofrece, que no es poco:

• Basic commands. De aquí destacaría dos fc <nombre>, hace una búsqueda en Flickr de imágenes con licencia CC. El otro php <nombre_funcion_php>.
• WordPress. Hay varios comandos aquí específicos para Wordpress. plugin <nombre> busca plugins, mientras que wp <nombre> busca funciones de Wordpress.
• SEO. También incorpora una serie de herramientas para el SEO. El más básico es seo, que analiza la página actual. Otra, que no conocía pero que me ha parecido muy práctica, es kd, Keyword Density Check, que nos permite analizar las palabras clave de nuestro documento.
• Webmaster. Aquí hay un montón de comandos útiles. A mi me han llamado la atención xray y spriteme. El primero analiza cualquier elemento de la página sobre el que se haya hecho clic, mientras que el segundo nos permite combinar todas la imágenes en un único sprite, para optimizar los tiempos de descarga.
• URL Shortening. Muy simple trim, awesm o bitly + URL, os recortarán la URL en cuestión.
• App Integration commands. Soy un fanático de evernote, en este caso escribiendo evernote, nos guardará una nota de la página actual.

¿Qué os parece? A mí este descubrimiento me ha resultado muy útil, porque sin necesidad de tocar el ratón puedo analizar casi cualquier aspecto de mi blog: SEO, PHP, HTML, optimización…

Un último truco: yo tengo puesto el código del bookmarklet como página de inicio. De esta forma, pulsando la combinación ALT+INICIO, puedo acceder a la ventanita de Quix sin tocar el ratón. Práctico, ¿no?

¿Cómo puedes tener tu WP preparado y a punto para cuando lleguen los comentarios? ¿Qué plugins deberías tener instalados para hacer que comentar sea más sencillo y atractivo a tus lectores? ¿Cómo sacar partido a los comentarios para crear lectores fieles?

MCEComments

Puede que a algunos lectores les dé igual, pero otros querrán personalizar y dar un mejor formato a su mensaje. Sobre todo aquellos que tengan otros blogs y quieran que su mensaje destaque en cierta forma. Se lo puedes poner fácil con el plugin MCEComments. Dentro de las opciones del plugin puedes añadir más o menos botones de edición o cambiar ligeramente el estilo del cuadro del comentario. Una opción interesante es permitir que los usuarios puedan redimensionar verticalmente el cuadro de texto para tener más sitio (Enable vertical resizing of the comment field writing area) o añadir el botón “fullscreen”, que convierte todo el navegador en un editor.

Comment Redirect

Todo buen blogger sabe que un primer comentario es una joya. ¿Por qué no enganchar a ese comentarista primerizo a nuestro blog redirigiéndole a una página con nuestros mejores posts? Eso es exactamente lo que hace Comment Redirect. Para configurarlo tenéis que ir a Plugins/Comment Redirect y elegir la página (no valen posts) a la que queréis redirigir.

Comment Relish

¿Te gustaría poder enviar un email a cada nuevo comentarista? Eso es lo que hace Comment Relish. Al igual que el plugin anterior, una vez que un visitante ha hecho un primer comentario, le podrás enviar un mensaje de bienvenida, en el que le podrás informar sobre tu blog, hacerle saber cómo suscribirse por email si lo desea, o simplemente darle las gracias. Este plugin es algo más “agresivo” que el anterior, pero si te trabajas con cuidado una buena carta de presentación, te puede ayudar mucho a fidelizar lectores.

CommentLuv

Este es un plugin que agradecerán especialmente aquellos comentaristas que sean a su vez bloggers. El plugin, de forma automática, y mientras el usuario está escribiendo el comentario, busca en el feed del autor el último post que se haya escrito, y añade automáticamente el enlace al final del comentario. Esto hace que comentar sea mucho más atractivo en tu blog, y da a conocer los últimos posts de tus compañeros bloggers. El plugin se puede descargar desde el repositorio de plugins de WordPress.

¿Qué otros plugins utilizáis vosotros para gestionar los comentarios? ¿Conocíais éstos?

¿Qué hago si ya he detectado que tengo inyección de código?
Lo primero que deberíamos hacer es asegurarnos que el usuario malicioso no ha accedido a nuestro blog usando nuestro usuario de administración. Lo mejor que podemos hacer (tras repasar los consejos de seguridad) es cambiar nuestras contraseñas. Seguidamente, actualizaremos (si no lo tenemos) el WordPress a su última versión.

Tras las comprobaciones iniciales, deberemos eliminar el código de nuestra página web. Es muy probable que el usuario malintencionado sólo haya modificado los archivos de nuestra plantilla, así que lo mejor que podemos hacer es abrir nuestro theme con el editor que nos proporciona WordPress y revisar todos los archivos por si vemos algún texto raro. Habitualmente, se repetirá el mismo texto en casi todos los archivos y casi siempre estará ubicado en la parte final de nuestro archivo. Sólo tenemos que borrar dicho código (¡sin borrar nada más!) y ya tendremos nuestra página arreglada.

Es importante que, a parte de quitar el código malicioso, tengas en cuenta todos los consejos de seguridad que hemos ido explicando, ya que nos interesa especialmente que no nos vuelva a pasar en un futuro.

Google Webmaster Tools

Una vez eliminado el código malicioso de nuestro WordPress, debemos conseguir que Google nos indexe de nuevo, que elimine las palabras clave que no correspondan y los enlaces inadecuados. De esta forma, cuando ya tengamos nuestro blog limpio, deberíamos entrar a las herramientas para webmasters de Google y solicitar una reinclusión de nuestro sitio. Una vez en la página, debemos hacer clic debajo de Ayuda con (Help with) dónde pone Reconsideración del sitio (Site reconsideration). Se nos abrirá una página explicativa, y tenemos que escoger la opción Pedir reconsideración de mi sitio (Request reconsideration of your site). En la última página que se nos abrirá tendremos que seleccionar el sitio web que nos han hackeado, aceptar las condiciones y explicarles cuál ha sido el problema que hemos tenido para que Google no nos indexara correctamente.

Espero que, si alguna vez tenéis algún problema con vuestro WordPress, este tutorial os sirva. Comentad si tenéis algún problema.

Para ello, tendremos que abrir functions.php y pegar allí el siguiente código:

function print_post_title() {
	global $post;
	$thePostID = $post->ID;
	$post_id = get_post($thePostID);
	$title = $post_id->post_title;
	$perm = get_permalink($post_id);
	$post_keys = array(); $post_val = array();
	$post_keys = get_post_custom_keys($thePostID);

	if (!empty($post_keys)) {
		foreach ($post_keys as $pkey) {
			if ($pkey=='url1' || $pkey=='title_url' || $pkey=='url_title') {
			$post_val = get_post_custom_values($pkey);
			}
		}
		if (empty($post_val)) {
			$link = $perm;
		} else {
			$link = $post_val[0];
		}

	} else {
		$link = $perm;
	}
	echo '<h2><a href="'.$link.'" rel="bookmark" title="'.$title.'">'.$title.'</a></h2>';
}

Salvaremos y cerraremos. Iremos ahora al index.php de nuestro tema, lo abriremos y sustituiremos allí donde se encuentre el título…

<h2><a href="<?php the_permalink() ?>" rel="bookmark" title="Permanent Link to <?php the_title(); ?>"><?php the_title(); ?></a></h2>

…por nuestro nuevo tag, recién creado en functions.php :

<?php print_post_title() ?>

Salvamos y cerramos.

A partir de aquí, cada vez que queramos que el post (que seguramente no consistirá más que en un título) enlace directamente a un sitio externo, iremos a los campos personalizados y entraremos en “nombre” lo siguiente:

ulr1

Y en “valor“, la dirección final a la que queremos que el título del artículo enlace.

Siempre que no escribamos este campo personalizado, el título actuará como siempre, normalmente llevándonos a la versión entera del artículo.

Esperamos que este truco sea de vuestro interés.

Hay muchas empresas que quieren tener una página web sencilla y fácil de gestionar, pero quieren que su web no sea “sólo un blog“. Aún así, WordPress puede ayudarnos, ya que podemos aprovechar toda su potente arquitectura para hacer una página más o menos estática de contenido. Lo esencial en estos casos es escoger una plantilla (theme) que nos guste suficientemente; para encontrarla, sólo tienes que buscar por Internet, hay miles y miles de ellas.

Una vez escogida la plantilla, en general, las empresas quieren que sus webs tengan páginas iniciales más o menos estáticas. Por defecto, WordPress y la mayoría de plantillas nos ponen un listado de últimos posts en la página inicial, así que debemos cambiarlo. Antes que nada, crearemos una página de inicio con el texto, imágenes o elementos que queramos. Para hacerlo, vamos al panel de administración de nuestro WordPress, a la pestaña de páginas y le damos a Añadir. Allí podremos crear fácilmente dicha página, si es necesario y sabemos, con algún tipo de código HTML. Si queremos utilizar nuestra página web WordPress también como blog, debemos crear también otra página que se llame “Posts recientes” o “Blog“, o algo parecido. En dicha página no es necesario poner ningún contenido, WordPress se encargará de hacerlo por nosotros.

Tras tener ya nuestra “página de inicio” preparada y, si queremos, nuestros “posts recientes“, sólo debemos indicarle a nuestro WordPress que tome dichas páginas como predeterminadas. Para hacerlo, es muy fácil: vamos al menú Opciones / Lectura y configuramos la opción “La página inicial mostrará” como “Una página estática (seleccionar abajo)“. Luego especificamos en “Página inicial” y “Página de entradas” las que hemos creado anteriormente.

Eso es todo: ya tenemos una página web un poco más estática, tanto como querramos, depende de si utilizarás las funciones de “blog” o sólo las de páginas. Si tenéis algún problema, no dudad en comentarlo.

Primero, iremos a functions.php o lo crearemos como simple archivo de texto y pegaremos en su interior el siguiente código:

<?php
function dropdown_tag_cloud( $args = '' ) {
$defaults = array(
'smallest' => 8, 'largest' => 22, 'unit' => 'pt', 'number' => 45,
'format' => 'flat', 'orderby' => 'name', 'order' => 'ASC',
'exclude' => '', 'include' => ''
);
$args = wp_parse_args( $args, $defaults );

$tags = get_tags( array_merge($args, array('orderby' => 'count', 'order' => 'DESC')) ); // Always query top tags

if ( empty($tags) )
return;

$return = dropdown_generate_tag_cloud( $tags, $args ); // Here's where those top tags get sorted according to $args
if ( is_wp_error( $return ) )
return false;
else
echo apply_filters( 'dropdown_tag_cloud', $return, $args );
}

function dropdown_generate_tag_cloud( $tags, $args = '' ) {
global $wp_rewrite;
$defaults = array(
'smallest' => 8, 'largest' => 22, 'unit' => 'pt', 'number' => 45,
'format' => 'flat', 'orderby' => 'name', 'order' => 'ASC'
);
$args = wp_parse_args( $args, $defaults );
extract($args);

if ( !$tags )
return;
$counts = $tag_links = array();
foreach ( (array) $tags as $tag ) {
$counts[$tag->name] = $tag->count;
$tag_links[$tag->name] = get_tag_link( $tag->term_id );
if ( is_wp_error( $tag_links[$tag->name] ) )
return $tag_links[$tag->name];
$tag_ids[$tag->name] = $tag->term_id;
}

$min_count = min($counts);
$spread = max($counts) - $min_count;
if ( $spread <= 0 )
$spread = 1;
$font_spread = $largest - $smallest;
if ( $font_spread <= 0 )
$font_spread = 1;
$font_step = $font_spread / $spread;

// SQL cannot save you; this is a second (potentially different) sort on a subset of data.
if ( 'name' == $orderby )
uksort($counts, 'strnatcasecmp');
else
asort($counts);

if ( 'DESC' == $order )
$counts = array_reverse( $counts, true );

$a = array();

$rel = ( is_object($wp_rewrite) && $wp_rewrite->using_permalinks() ) ? ' rel="tag"' : '';

foreach ( $counts as $tag => $count ) {
$tag_id = $tag_ids[$tag];
$tag_link = clean_url($tag_links[$tag]);
$tag = str_replace(' ', '&nbsp;', wp_specialchars( $tag ));
$a[] = "\t<option value='$tag_link'>$tag ($count)</option>";
}

switch ( $format ) :
case 'array' :
$return =& $a;
break;
case 'list' :
$return = "<ul class='wp-tag-cloud'>\n\t<li>";
$return .= join("</li>\n\t<li>", $a);
$return .= "</li>\n</ul>\n";
break;
default :
$return = join("\n", $a);
break;
endswitch;

return apply_filters( 'dropdown_generate_tag_cloud', $return, $tags, $args );
}
?>

Acto seguido, iremos al template en el que nos interese insertar la lista desplegable y, orientándonos entre el HTML, pegaremos el siguiente código:

<select name="tag-dropdown" onchange="document.location.href=this.options[this.selectedIndex].value;">
<option value="#">Tags</option>
<?php dropdown_tag_cloud('number=0&order=asc'); ?>
</select>

Nuestros tags seran ahora mostradis en un desplegable.

Para ello, colaremos este código en functions.php (al final de todo):

<?php
add_theme_support( 'post-thumbnails' );
?>

Ahora podremos, desde la Administración, subir y asignar una imagen cuya función exclusiva será la de ‘representar’ al post, e “imprimirse” por tanto en nuestros templates, al lado del texto del artículo (pero independientemente de éste).

Iremos ahora a escoger en qué lugar concreto queremos que aparezca con respecto al contenido normal de nuestro artículo. Abriremos index.php, archive.php o incluso single.php, y allí donde creamos conveniente (normalmente al lado del extracto), pondremos lo siguiente :

<?php the_post_thumbnail( 'medium' ); ?>

Podremos utilizar la siguiente “jerga” para decidir qué tamaño queremos:

- thumbnail
- medium
- large

Habrá que orientarse entre los tags de HTML del template para poner la imagen allí donde creamos correcto.

Para saber más detalles acerca de esta novedad, podemos dirigirnos a la web de Justin Tadlock.

El código es el siguiente, y lo tenemos que insertar dentro del Loop, en single.php, index.php y archive.php principalmente:

Clasificado en : <?php
foreach((get_the_category()) as $category) {
if ($category->cat_ID != '5') {
echo '<a href="' . get_category_link( $category->term_id ) . '" title="' . sprintf( __( "View all posts in %s" ), $category->name ) . '" ' . '>' . $category->name.'</a> ';
}
}
?>

En vez de usar el típico the_category, lo sustituiremos con este código.

Si os fijáis en la tercera línea, es allí donde debemos especificar el número de la categoría a esconder.

Ese número podremos saberlo pasando el cursor por encima de las distintas categorías en su espacio específico en nuestra Administración y fijándonos en la URL que tienen asignada: el número al final de ésta es el que nos interesa.

Esperamos que este truco sea de vuestra utilidad.

En vez de crear la lista manualmente (y tener que editarla más tarde en los templates ante cualquier cambio), podremos desde un principio usar wp_page_menu como método para imprimir nuestra lista de páginas:

<?php wp_page_menu('exclude=24,27,28&menu_class=menu menu-de-contacto'); ?>
<?php wp_page_menu('include=24,27,28&menu_class=menu menu-principal'); ?>

Aquí se nos crearían por lo pronto dos menús con sus links preparados: el primero incluye todas nuestras páginas salvo tres, y el segundo sólo esas tres páginas. Podríamos usarlos de distinta manera, por ejemplo, uno que ocupara el 100% de la anchura de la página, y otro, más arriba, al lado de nuestro logo.

HTML de ejemplo:

<div id="encabezado">

	<div id="logo">
		<img src="<?php bloginfo('template_directory'); ?>/imagenes/logo.png">
	</div>

	<div id="menu-de-contacto">
		<?php wp_page_menu('include=24,27,28&menu_class=menu menu-de-contacto'); ?>
	</div>

	<div id="menu-principal">
		<?php wp_page_menu('exclude=24,27,28&menu_class=menu menu-principal'); ?>
	</div>

</div>

Recordemos que la ID numérica de cada página la sabremos poniendo el cursor sobre el nombre de la página en cuestión en el panel de administración, y viendo cuál es el número que llevan en su URL.

Ambos template tags nos devolverán una lista (ul, unordered list), que deberemos luego trabajar con CSS para posicionarla y crear los gráficos necesarios.

Un ejemplo de CSS para nuestro caso:

#encabezado{
	width:960px;
	margin: 0 auto;
	background:#fff
	}

#logo,#menu-de-contacto{
	width:50%;
	height:120px;
	margin-top:18px;
	float:left
	}

#menu-de-contacto li{
	list-style-type:none;
	display:inline;
	margin-right:18px;
	}

#menu-de-contacto li a{
	padding:5px;
	background:#EEE;
	color:#999
	}

#menu-principal{
	width:100%;
	height:3em;
	line-height:3em;
	margin-top:18px;
	color:#555
	}

#menu-principal li{
	list-style-type:none;
	display:inline-block;
	background:#111;
	padding: 0 9px;
	border-right: 1px solid #555
	}

Hoy veremos la forma de mostrar todo ello, y proporcionaremos algunos estilos en CSS que nos ayuden a crear los nuestros propios.

Marcelo escribió hace un tiempo sobre el tag fundamental que nos traerá las informaciones de la base de datos, es decir, de la pantalla de información sobre el autor que podemos editar en la Administración de WordPress una vez estamos registrados en el site, y donde podemos rellenar los campos de “Biografía”, “URL”, “Gravatar”, e-mail, etc.

Hoy trataremos pues la parte del CSS para tener el conjunto en una estructura que será fácilmente modificable. Empecemos:

<div id="info-autor">
	<div id="imagen-autor">
		<a href="**Web del Autor**">**Gravatar del Autor**</a>
	</div>
	<div id="bio-del-autor">
		<h4>Escrito por <a href="**Web del Autor**">**Nombre del Autor**</a></h4>
		<p>**Descripción del Autor**</p>
	</div>
</div><!--Infos Autor-->

En el código vemos los distintos elementos que deberemos transformar en PHP para que sean efectivos.

Añadamos pues el PHP necesario:

<div id="info-autor">
	<div id="imagen-autor">
		<a href="<?php the_author_meta('user_url'); ?>"><?php echo get_avatar( get_the_author_meta('user_email'), '80', '' ); ?></a>
	</div>
	<div id="bio-autor">
		<h4>Escrito por <?php the_author_link(); ?></h4>
		<p><?php the_author_meta('description'); ?></p>
	</div>
</div><!--Info Autor-->

Y preparemos ahora el CSS que dará formato al resultado final :

div#author-info {
	background: #eaeaec; padding: 10px; margin: 0 0 15px 0;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	overflow: auto;
}
div#author-info div#author-image {
	float: left; margin: 0 10px 5px 0; border: 5px solid #DCDCE1;
}

Tan sencillo como esto.

Repasemos todos los tags de PHP que hemos utilizado:

<?php the_author_meta('user_url'); ?>

Sirve para extraer varias porciones de información acerca del usuario (autor).

<?php echo get_avatar( get_the_author_meta('user_email'), '80', '' ); ?>

Sirve para extraer la imagen del autor, en función del Gravatar asociado a su cuenta de correo electrónico (que debe coincidir con la registrada en WordPress).

<?php the_author_link(); ?>

Imprime el nombre del autor, automáticamente enlazado a su web (la que haya indicado en su perfil).

<?php the_author_meta('description'); ?>

Muestra la principal información biográfica.

Esperemos que uséis todos estos trucos y creéis unos estupendos sites multi-autor con WordPress.

Demo

Para conseguirlo, tendremos que abrir el single.php o el index.php de nuestro tema y, dentro del loop, añadir lo siguiente:

<a class="retweet" href="<?php the_permalink(); ?>">
     <?php the_title(); ?>
</a>

Es decir, un segundo the_title (debajo del primero por ejemplo, o al final del todo del artículo, tras the_content) que esté dentro de un link con class=”retweet”.

Salvaremos y cerraremos, y nos dirigiremos a header.php.

Allí tendremos que insertar el script en cuestión, que buscará cada link con clase “retweet” y le asignará el botón de retweet, el contador y la función de conexión a Twitter.

Para incluir un script en header.php (dentro de los tags “head”) haremos lo siguiente :

<script src="<?php bloginfo('template_directory'); ?>/js/retweet/retweet.js" type="text/javascript"></script>

Suponiendo que dentro de nuestro tema tengamos un directorio llamado js y, dentro de él, el script de John Resig, al que nombraremos igualmente retweet.js.

Bajar el script (copiar/pegar, salvar y alojar en un directorio especial de nuestro tema).

Esperamos que os sea de utilidad, y aprovechamos desde aquí para saludar a John por jQuery y este magnífico script.

Pongamos un ejemplo. Si tienes un blog alojado en un hosting, todo el contenido del mismo lo servirá ese hosting, usando su propio ancho de banda. Si aún no tienes muchas visitas, puede que no tengas mayor problema, pero si tu blog empieza a crecer, el ancho de banda se puede ir colapsando. Aún peor, imagina que un día das con tu súper-post, que atrae a miles de visitas y se te cae el hosting, o tardan tanto tiempo en acceder a tu página que acaban no leyendo el artículo. Un CDN, entre otras cosas, evita esto.

Al estar tu contenido repartido entre varios servidores la carga y el ancho de banda se reparten, por lo que es mucho menos probable que tu hosting se sature. De esta forma podrás asegurar que no se te caiga el servidor o que responda más rápido.

En general, las CDNs son de pago (la más famosas son Akamai y Amazon Cloud Front), sin embargo puedes usar ya mismo en tu blog una CDN gratuita, CoralCDN. Es una red P2P destinada a alojar el contenido de los usuarios en varios servidores. De forma muy simple, para usar CoralCDN basta con añadir .nyud.net a la URL que queramos que use CoralCDN.

Por ejemplo, podéis probar a poner esta URL en vuestro navegador: http://www.todowp.org.nyud.net. Lo que ocurrirá en ese momento es que la página web se cargará normalmente, pero tratará de usar y descargar el contenido de los servidores de CoralCDN, y no sólo de nuestro hosting.

¿Cómo puedes usar esta red desde Wordpress? Muy sencillo, mediante el plugin FreeCDN (website de FreeCDN). Una vez instalado, en el panel de administración del plugin solo tenéis que activar aquellos elementos que os gustaría que pasaran por CoralCDN:

JavaScripts, imágenes, CSS, HTMLs… El plugin insertará automáticamente .nyud.net y hará que estos contenidos se alojen en CoralCDN y que se descarguen de ahí. Si no queréis que ciertos contenidos se carguen, también se puede configurar para añadirlos o quitarlos específicamente. Podéis ver el efecto de su uso en la siguiente captura de Firebug:

Se puede ver como varios archivos JavaScript y CSS han sido servidos por CoralCDN. Puede ocurrir que al activar el plugin algunos de vuestros elementos no se vean bien por problemas con los estilos. Si os ocurre esto, podéis utilizar los paneles de exclude, para indicar que el contenido de los CSS no lo tenga en cuenta.

En resumen, el uso de CoralCDN y FreeCDN en Wordpress os permitirá, de una forma muy fácil, optimizar vuestro blog haciendo que la carga de ciertos elementos de la página, y parte del ancho de banda de vuestro hosting, usen una CDN gratuita.

Hoy os voy a hablar de un plugin que hace que nuestro escritorio de Wordpress sea mucho más atractivo. Gran parte del tiempo que pasamos en nuestro blog lo hacemos en el escritorio, y tener un escritorio atractivo y productivo nos puede facilitar la vida.

Algunas de sus características principales son los siguientes:

1. Menú flotante: hace que al pasar por encima de cada menú del escritorio se desplieguen todas sus opciones.
2. Teclas de acceso rápido a los menús: cada menú lleva asociado una tecla de acceso directo lo que hace más fácil su activación sin tener que dejar el teclado.
3. Ventana del login personalizada: permite cambiar la ventana de login de forma que también se ajuste al estilo de Fluency Admin. Además, incluye la posibilidad de mostrar un icono personalizado en la entrada del administrador, opción que puede ser interesante para aquellos blogs corporativos o en los que participan varios redactores.

El plug-in se puede descargar de la página de WordPress o bien directamente de la web del autor y es totalmente compatible con la última versión de WP. Es un plugin bastante utilizado con unas 20.000 descargas y una puntuación media de cinco sobre cinco de un total de diecinueve votos. La última versión es de diciembre de 2009. Yo lo vengo usando desde hace tiempo tanto en Firefox como en Chrome aunque he decir que el comportamiento de los menús parece que funcionar algo mejor en este último.

Web de Fluency Admin: http://deanjrobinson.com/projects/fluency-admin/

Web oficial de descarga de Wordpress.org: http://wordpress.org/extend/plugins/fluency-admin/

Hoy vamos a proponeros un código que lo hará posible, y que deberemos pegar en functions.php.

Se nos permitirá entonces disponer de un nuevo ‘template tag’, que podremos usar dentro de nuestros Loops, con el que imprimir la imagen en cuestión.

El código es el siguiente :

function catch_that_image() {
	global $post, $posts;
	$first_img = '';
	ob_start();
	ob_end_clean();
	$output = preg_match_all('/<img.+src=[\'"]([^\'"]+)[\'"].*>/i', $post->post_content, $matches);
	$first_img = $matches [1] [0];

	if(empty($first_img)){
	$first_img = "/images/default.jpg"; // default image
	}
return $first_img;
}

Recordemos que este código debe ir dentro de las declaraciones de apertura y cierre de php, que ya encontraremos en nuestro functions.php, o que habrá que añadir.

Nos dirigiremos ahora a nuestros archivos o índice, y usaremos el siguiente template tag, que equivaldrá a la primera imagen del post:

<?php echo catch_that_image(); ?>

Si lo quisiéramos linkando a la página final:

<a href="<?php the_permalink(); ?>"><?php echo catch_that_image(); ?></a>

Muchas veces puedes no enterarte de que te han hackeado el sitio, ya que los usuarios malintencionados sólo muestran enlaces al robot de Google sin que los visitantes “normales” de nuestra web puedan notar nada. Esta técnica es conocida como cloaking.

Una de las formas manuales de detectar que nuestra web ha tenido una inyección de código malicioso es entrar en Google y buscar nuestro propio sitio web. Desde el buscador, accederemos a la caché: éste es el contenido que el buscador ha indexado de nuestra web. Si vemos algo diferente, habitualmente todo de texto que no es nuestro al final de nuestra página, es que hay algún tipo de hackeo.

Otra forma que podemos utilizar son las herramientas para webmasters de Google. Es un tema que trataremos más a fondo, pero centrémonos en el hackeo: si nuestro sitio tiene inyección de código, veremos como “palabras más encontradas por Google” algunas raras que no corresponden a nuestro contenido original.

Una forma automática es configurar las alertas de Google Alerts para que nos informen sobre contenidos raros en nuestro sitio. Para hacerlo, iremos a la página de Google Alerts y realizamos una búsqueda similar a “viagra OR cialis OR levitra OR Phentermine OR porn site:nuestrositio.com“. Configuraremos las alertas según convenga para que nos informe en nuestro correo cuando haya resultados nuevos sobre esas palabras en nuestro sitio.

Ahora ya sabemos cómo detectar si nuestro WordPress ha sufrido un ataque hacker de inyección de código. El próximo día hablaremos de cómo solucionarlo y qué hacer para que Google nos vuelva a indexar correctamente.

Fuentes: Ismael El-Qudsi, Adseok

De este modo, ciertos posts tomarían protagonismo desde un principio (no splo por extensión de texto, sino porque saldría el artículo completo, sus imágenes, otros archivos adjuntados, etc).

Tras señalar, para hacer justicia, que la función del extracto personalizado puede ser una solución provisional a este problema (ya que nos permite variar cantidades de texto, sin dejar de presentar extractos), uno puede preguntarse si no es posible ir más allá.

Con WordPress es posible realizar tal operación. Abriremos el template donde se encuentre el Loop en cuestión que tenemos que modificar, y lo adaptaremos a la siguiente fórmula (cada Loop tiene su propia maquetación HTML, de modo que la tendréis que reflejar en el código que os proponemos):

<?php if (have_posts())
	: while (have_posts())
	: the_post(); ?>

	<?php $customdisplay = get_post_custom_values("post-entero"); ?>

	<?php if (isset($customdisplay[0])) { ?>

		<h1><a href="<?php the_permalink(); ?>"><?php the_title(); ?></a></h1>
		<?php the_content(); ?>

	<?php } else { ?>

		<h1><a href="<?php the_permalink(); ?>"><?php the_title(); ?></a></h1>
		<?php the_excerpt(); ?>

	<?php } ?>

<?php endwhile;
 endif; ?>

Salvamos y cerramos.

A partir de entonces, para designar a un post como “entero” en los archivos y/o el índice en el que hayamos aplicado este nuevo loop, deberemos darle un campo personalizado llamado post-entero, y al que asignar un valor de true.

Esperemos que este truco os sea provechoso.

Como sabemos, los widgets son las pequeñas funcionalidades que, desde la Administración, y siempre y cuando nuestro tema esté preparado para ello (como hoy lograremos), pueden ser emplazadas libremente en los espacios habilitados a tal fin, y todo ello desde la página de Opciones correspondiente en WordPress.

Cuando normalmente widgetizábamos nuestro tema, debíamos poner en functions.php varios “condicionales” para listar cada widget a ser reconocido.

Sin embargo, hay una manera más compacta de hacerlo :

<?php // multiple widgetizable sidebars
if (function_exists('register_sidebar')) {
$sidebars = array('Mensaje Bienvenida', 'Barra Lateral', 'Pie de Página');
foreach($sidebars as $name) {
register_sidebar(array('name'=> $name,
'before_widget' => '<div id="%1$s" class="widget %2$s">',
'after_widget' => '</div>',
'before_title' => '<h3 class="widgetTitle">',
'after_title' => '</h3>',
));
}
}
?>

Aquí habremos habilitado tres espacios, “Mensaje de Bienvenida”, “Barra Lateral” y “Pie de Página”. WordPress nos registrará la posibilidad de llenar esos espacios con widgets.

Luego, en los templates correspondientes, vamos a hacer la llamada respectiva. Para la “Barra Lateral” en sidebar.php :

<?php if ( !function_exists('dynamic_sidebar')
|| !dynamic_sidebar('Barra Lateral') ) : ?>
<p>¡ Espacio para widgets !</p>
<?php endif; ?>

Deberemos hacer lo mismo en home.php escribiendo ‘Mensaje de Bienvenida’ como nombre del widget, y en footer.php escribiendo ‘Pie de Página’.

Cuando queremos sacar buen provecho de nuestros artículos, siempre puede ser interesante que a lo largo de nuestro blog ciertos de ellos, por ser recientes, permanezcan visibles en alguna parte de la página, por ejemplo en nuestra barra lateral.

Para ello, pondremos nuestro código allí donde creamos mejor (al principio de todo de sidebar.php por ejemplo, o incluso como recordatorio en single.php después del contenido principal), y decidiremos cuántos días permanecerán ahí los posts. En nuestro ejemplo, una semana.

<?php
// sólo 5 posts de la categoría 11
$my_query = new WP_Query('cat=11&showposts=5');

// preguntando a la base de datos...
while ($my_query->have_posts()) : $my_query->the_post();

// especificar cuántos días el post será "aceptablemente fresco" para ser usado, aquí, 7
$goAwayDate = time() - (60 * 60 * 24 * 7);

// captar la fecha del post
$postDate = get_the_time('U');

// si el post es más viejo de lo aceptable, no hacer nada
if ($postDate < $goAwayDate) {

// sino, mostrarlo
} else { ?>

<h1><?php the_title(); ?></h1>
<?php the_excerpt(); ?>

<?php } endwhile; ?>

En este código vamos a recoger hasta 5 artículos que tengan menos de una semana, de una categoría definida (cat=11), y listarlos en la sidebar.

Si no sabemos qué número de identidad tiene la categoría a la que queremos aplicar este truco, podemos usar category_name=cine.

Si quisiéramos aplicar el truco al conjunto de nuestros posts, borraremos la parte cat=11& de nuestro ejemplo.

Segunda parte, “Stickies” en el loop principal

Finalmente conviene recordar que, si lo que nos interesa es listar los posts marcados como “sticky” (lo cual es otro método de hacer permanecer ciertos posts más visibles durante más tiempo, a pesar de que nuevos artículos sean publicados), aquí tenemos el loop para ello.

Deberemos poner el siguiente código justo antes de nuestro loop.

Insistimos, ¡son dos cosas distintas! Lo pongo como recordatorio solamente.

<?php
/* Pilla los posts marcados como sticky */
$sticky = get_option( 'sticky_posts' );

/* Listar los más recientes primero */
rsort( $sticky );

/* Agarrar los 2 más recientes, no más */
$sticky = array_slice( $sticky, 0, 2 );

/* Prepararlos para el output ! */
query_posts( array( 'post__in' => $sticky, 'caller_get_posts' => 1 ) );
?>

Esperamos que estos trucos os sean de utilidad.

Es por este motivo que se recomienda, en general, utilizar el mínimo de plugins posibles. Coge tu lista de plugins y pregúntate: ¿este plugin realmente es esencial para mi blog? Todos los plugins nos dan funcionalidades extra, pero seguro que algunos podrías ahorrártelos fácilmente. Y aquellos que sigas queriendo mantener instalados, debes tenerlos actualizados a su ultima versión para ahorrarte problemas.

Para controlar tu WordPress y comprobar que no esté fallando nada, puedes instalar algunos plugins de seguridad:

1. WordPress Database Backup: Siguiendo con el anterior artículo del tutorial de seguridad, plugin imprescindible para realizar tus copias de seguridad periódicamente sin preocuparte.
2. WP Security Scan: escanea tu instalación de WordPress para buscar vulnerabilidades de seguridad y sugerirte acciones para corregirlas. Escanea passwords, permisos de archivo, seguridad de la base de datos, protección de la administración de WordPress, etc.
3. Semisecure Login Reimagined: incrementa la seguridad del acceso (login) a tu blog utilizando una combinación de claves públicas y privadas de encriptación para esconder tus passwords de vistas ajenas. Se requiere JavaScript y es especialmente útil si no dispones de SSL.
4. Invisible Defender: Añade dos cajas de texto adicionales e invisibles a todos los formularios del blog, cosa que nos permite evitar muchos de los bots de SPAM y otras técnicas de ataque.
5. Theme Authenticity Checker: Nos permite escanear el código fuente de nuestro theme, siendo de esta forma capaz de encontrar inyecciones de código malicioso o ataques similares, mostrando donde está el código problemático para poderlo eliminar fácilmente.
6. WP Antivirus: Antivirus para WordPress que permite encontrar ficheros sospechosos, es una solución fácil y efectiva de proteger tu blog frente a exploits y inyecciones de SPAM. Aquí tienes la reseña de WP Antivirus en TodoWP de Marcelo Lynch.

Hay muchos más plugins disponibles por Internet, seguro que muchos muy buenos, pero creo que con estos puedes tener una buena instalación segura. Si conoces algún otro interesante, ¡coméntalo y así todos aprendemos!

Fuentes: Bitelia, anieto2k, bitsignals.

Todos sabemos que el listado de nuestras páginas estáticas es un arma poderosa para el creador de una página web. Siendo usuarios, una de las primeras cosas en las que nos fijamos al entrar en un nuevo site es en cómo sus editores han organizado ése menú, que, en muchos casos, estructura información importante a propósito de la web, y dice por tanto bastante acerca de cómo sus creadores quieren presentarla : “Quiénes Somos”, “Contacto”, “Filosofía”, “Nota Legal” o, comúnmente también, una serie de subpáginas con contenido relevante, que pueden llegar a ser incluso el corazón del proyecto.

Como WordPress puede ser usado como gestor de contenidos en un site extenso (además de su intención inicial, como sistema para bloguear), nos convendrá en alguna ocasión poder listar nuestras páginas estáticas más algunos links que se abran en un site amigo, y ello en una lista compacta.

Tal lista, vertical u horizontal, cuando la hayamos trabajado con CSS para darle el diseño que queramos, será importante que sea editable desde la Administración de WordPress, para evitar tener que abrir los templates una vez tras otra (especialmente si el site va a ser editado por otra gente que no sea el desarrollador).

La ventaja de listar páginas estáticas y links externos en un mismo espacio de diseño es esencialmente el poder sorprender a nuestros usuarios con un menú algo más articulado, que a la vez nosotros podremos distinguir de los links que listamos, usualmente, como sites amigos.

Para ello, abriremos functions.php (o bien, si no lo tenemos, lo crearemos con un editor de texto como por ejemplo Notepad++), y añadiremos el siguiente código :

// include additional links
function add_bookmarks_to_menu($output) {
$bookmarks = (array) get_bookmarks('hide_invisible=0&category_name=wp_list_pages');
foreach ($bookmarks as $bookmark) {
$output .= "<li><a href='{$bookmark->link_url}' title='{$bookmark->link_name}'>{$bookmark->link_name}</a></li>\n";

}
return $output;
}
add_filter('wp_list_pages', 'add_bookmarks_to_menu');

Estamos simplemente tomando ventaja del sistema de links que WordPress tiene para nosotros.

Iremos ahora a la Administración y haremos lo siguiente :

1. Links > Añadir Nuevo
2. Entrar un nombre y URL para cada link especial
3. Seleccionar “Mantener este link privado”
4. Clicar “Añadir Link”

Todos los links que añadamos como ‘privados’ serán listados junto a nuestras páginas estáticas automáticamente (que, recordemos, son convocadas con el template tag <?php wp_list_pages(); ?>).

Sin embargo, si queremos seguir usando el editor visual y disponer de la capacidad para escribir código ejecutable con el mismo, sin que WordPress lo transforme en contenido de sólo lectura, podremos utilizar el siguiente código :

// desactivar auto-formato
function my_formatter($content) {
	$new_content = '';
	$pattern_full = '{(\[cod\].*?\[/cod\])}is';
	$pattern_contents = '{\[cod\](.*?)\[/cod\]}is';
	$pieces = preg_split($pattern_full, $content, -1, PREG_SPLIT_DELIM_CAPTURE);

	foreach ($pieces as $piece) {
		if (preg_match($pattern_contents, $piece, $matches)) {
			$new_content .= $matches[1];
		} else {
			$new_content .= wptexturize(wpautop($piece));
		}
	}
	return $new_content;
}
remove_filter('the_content', 'wpautop');
remove_filter('the_content', 'wptexturize');
add_filter('the_content', 'my_formatter', 99);

Lo pondremos en functions.php (archivo que si no tenemos, podemos crear y nombrar como tal, y añadir a nuestro tema), dentro de las declaraciones de php. Salvamos y cerramos.

Es entonces cuando podemos ir a nuestro editor visual, y usar el siguiente shortcode : [cod].

Por ejemplo, si queremos añadir un poco de HTML :

[cod]<div class="columna1">[/cod]
Aquí seguimos escribiendo normal, etc etc etc
[cod]</div>[/cod]

Habitualmente WordPress no falla, no perdemos datos cuando instalamos plugins o themes, ni cuando actualizamos alguno de sus componentes. No obstante, siempre que hagamos algún cambio importante en nuestro blog deberíamos tener copia de nuestra base de datos y de nuestros archivos de servidor. Un error típico y fácil es hacer copia solamente de la base de datos, y dejarnos sin copiar las imágenes y archivos que tengamos almacenados en nuestro blog.

Empecemos por la base de datos. Personalmente, en mi blog utilizo un plugin que se llama WordPress Database Backup. Al instalarlo, te aparece un menú de Backups en el apartado de Herramientas de tu blog, donde puedes configurar respaldos manuales (guardar una copia de tu base de datos en el servidor o en tu ordenador) o automáticos (programar respaldos que te enviarán a un correo electrónico, con posibilidad de hacerlo cada hora, dos veces al día, cada día, una vez a la semana…). Un plugin muy recomendable.

Personalmente, hago un backup semanal de la base de datos, de forma automática a mi correo electrónico. No obstante, esto no debe ser así en todo blog: depende, sobre todo, de lo que actualices. Si es un blog muy activo, con comentarios a diario, muchas entradas, etc., quizá es mejor hacerlo a diario. Es igual de fácil, ¡con este plugin es todo automático!

Para las copias de seguridad del servidor no utilizo ningun plugin ni programa automático. Muchas compañías de hosting te ofrecen la posibilidad de que te hagan respaldos automáticos en sus propios servidores, de forma que ya no necesitarías hacer nada. Aun así, yo estoy acostumbrado a hacer una copia de seguridad de mi servidor de vez en cuando, quizá una vez al mes o cada dos meses. En mi servidor básicamente lo que se actualiza son blogs, así que no tengo muchas novedades, solamente imágenes para ilustrar los posts. Creo que así es suficiente, pero esto es decisión vuestra.

Espero que este pequeño tutorial haga que los usuarios de WordPress se conciencien y hagan todas las copias de seguridad necesarias para no perder nunca nada. Y, sobre todo, no olvidéis las copias de seguridad antes de actualizar vuestro WordPress a una nueva versión: es el proceso más delicado que hace nuestro sistema de gestión de contenidos y es mejor no dejar nada al azar.

<?php get_header(); ?>
<?php get_sidebar(); ?>
<?php get_footer(); ?>

El tener separados estos tres archivos, que tratan los distintos espacios gráficos y funcionales del blog (encabezado, pie de página, barra lateral…), nos servirá para tenerlos bien accesibles cuando necesitemos editar alguno de ellos.

Ahora bien, si los tres tags señalados son usualmente suficientes, a veces necesitamos incluir archivos de template especiales, con un nombre único, puesto por nosotros. Por ejemplo: un script de Google Ads que debería aparecer en los archivos y el template de artículo, pero no en el índice.

Para incluír templates especiales, PHP dispone de una fórmula que podemos usar allí donde queramos :

<?php include( TEMPLATEPATH . '/nombre-del-template-a-incluir.php' ); ?>

Sin embargo, si estamos en pleno proceso de elaboración de un site complejo, existe una forma más memorable que nos permite distinguir entre templates a incluir. Es la siguiente (funciona a partir de WP 2.7):

<?php get_header('header-cine'); ?>

<?php get_sidebar('sidebar-cine'); ?>

<?php get_footer('footer-cine'); ?>

Imaginando un site que hable sobre cine y teatro, nos podría interesar tener un header especial en el apartado de teatro, y otro distinto en el de cine. Podríamos incluso querer header, sidebar y footers distintos en cada sección del site.

Para jugar con esta posibilidad, podremos añadir “tags condicionales”, como aquí :

<?php

if ( is_category('Cine') ) {

get_footer('footer-cine');

} elseif ( in_category('Cine') ) {

get_footer('footer-cine');

} else {

get_footer();

}

?>

Si el usuario llegara a un post de la categoría “Cine”, o a un archivo de la misma, el footer que mostraremos es el que se llame footer-cine.php, y, si es cualquier otra página de nuestro site en la que el internauta aterriza, tendremos el footer normal.

Si abrimos el archivo header.php de nuestro tema de WordPress, encontraremos al encabezado, que se abre y cierra con los tags <head> y </head>.

Un ejemplo de metadata en el <head> podría ser el siguiente :

<head>

<title>Mi Super Blog</title>

<meta name="author" content="Ignacio">
<meta name="keywords" content="WordPress,diseño,programación">
<meta name="description" content="Blog dedicado a compartir ideas sobre programación con WordPress">

</head>

Allí siempre podremos emplazar, como un plus para los motores de búsqueda, la metadata con la que queramos describir nuestra página web, y que Google, por ejemplo, utiliza como descripción en su página de resultados de búsqueda (lo cual siempre es muy interesante a efectos de atraer a los internautas que hayan tecleado las correspondientes palabras clave).

Normalmente, y por defecto, los temas de WP suelen usar la descripción del blog, descripción que se puede editar desde la Administración.

Los dos metatags más típicos serían el “keywords” y “description“, y ambos sirven para dar un perfil de nuestro site. Si bien Google no nos bonificará en el ranking de resultados de una búsqueda por tener muchas palabras clave (aunque el debate sobre la veracidad de este dato continúa), sí que registrará nuestras descripciones.

Es aquí donde nos interesa mantenerlas con un contenido lo más variado posible, de modo que Google indexe cada una de nuestras páginas con una descripción no general y site-wide, sino acorde con el contenido que el internauta vaya a encontrar en cada búsqueda relativa, al entrar en nuestro site desde el buscador, atraído por un conjunto de palabras clave específicas.

¿Cómo disponer entonces de contenido variable en los metadatos de nuestro header? He aquí el código que necesitaremos.

Primero de todo, cada post debería tener un campo personalizado llamado “Metadescription”, que llenaremos con la descripción concreta que del post queramos dar a Google.

Luego, en el <head> pondremos lo siguiente :

<meta name="description" content="
<?php if((is_home()) || (is_front_page())) {
echo bloginfo('name'); bloginfo('description');
} elseif(is_category()) {
echo category_description();
} elseif(is_tag()) {
echo 'Tag archive page for this blog - ' . single_tag_title();
} elseif(is_month()) {
echo 'Archive page for this blog - ' . the_time('F, Y');
} else {
echo get_post_meta($post->ID, 'metadescription', true);
} ?>" />

De este modo conseguiremos que en cada página particular de nuestro site aparezca un párrafo de metadata u otro, asegurándonos poder ofrecer más variables para el internauta que las que nos permitiría una frase constante.

En nuestro ejemplo tenemos :

- En la Home de nuestro site, aparecerá la descripción principal.
- Si se trata de un archivo, la descripción de la categoría, el nombre del tag, o la fecha.
- Si se trata finalmente de nuestros valiosos posts, la descripción que les hayamos otorgado en el campo personalizado “Metadescription” que os propongo crear.

Para ello, una de las posibilidades que WordPress nos brinda es la de hacer que los términos de búsqueda, que se han sometido en el formulario con un click, se vean resaltados en la página subsiguiente de resultados, de modo que el lector podrá percatarse del contexto inmediato en el que son usados y ganar así un poco de agilidad al navegar la página en cuestión.

Para ello, deberemos en primer lugar de disponer de un archivo en el template llamado search.php.

search.php, que no debe tener más que lo esencial (header, loop, footer), es un template con la siguiente función: mostrar resultados de búsqueda (si no lo tenemos, y vemos que nos funcionan igual las búsquedas, es que seguramente WordPress redirige los resultados de búsqueda a index.php).

Atención, no lo confundamos con searchform.php, que es el template que albergará la caja de búsqueda (y que puede ser invocado desde index.php, sidebar.php o donde queramos con el tag <?php get_search_form(); ?> ).

Recordemos también que si nuestro tema acepta “Widgets”, en la pantalla de Administración correspondiente en WordPress podremos enchufar la caja de búsqueda directamente en una zona widgeteada u otra.

Volviendo ahora a search.php, vamos a añadir cierto código para que los artículos listados contengan los términos de búsqueda (en el título y el extracto) subrayados.

Sustituiremos the_title en el loop de nuestro template search.php con:

<?php // highlight search terms in title
$title = get_the_title();
$keys = explode(" ", $s);
$title = preg_replace('/('.implode('|',$keys).')/iu','<span class="search-terms"></span>',$title);
echo $title;
?>

Aquí hemos preparado a los términos coincidentes con una clase de CSS especial, dejándonos lista la tarea de asignar para ella el color, background o tamaño de texto que queramos.

Lo mismo para los extractos, reemplazamos the_excerpt por :

<?php // highlight search terms in content
$excerpt = get_the_excerpt();
$keys = explode(" ", $s);
$excerpt = preg_replace('/('.implode('|',$keys).')/iu','<span class="search-terms"></span>',$excerpt);
echo $excerpt;
?>

En nuestro ejemplo, la clase que asignaremos a los términos de búsqueda es .search-terms.
Finalmente, nos dirigiremos a style.css y añadiremos, por ejemplo :

span.search-terms {
	background: yellow;
	font-weight: bold;
	}

Lo que nos dará un amarillo tirando a “chillón” que podremos por supuesto cambiar por los colores que queramos.

1. Usuario de la base de datos: lo ideal es crear un usuario destinado exclusivamente a nuestro blog, con permisos exclusivos para trabajar con las tablas de WordPress. Es por eso que no debemos utilizar nunca el usuario root. En general, los permisos que daremos al usuario destinado a acceder a la base de datos de nuestro blog serán SELECT, INSERT, UPDATE, DELETE (para datos) y CREATE, ALTER, DROP (para estructuras), pudiendo descartar el CREATE y el DROP si comparte su base de datos con otros proyectos.
2. Cambia el prefijo de tus tablas: WordPress por defecto utiliza wp_ como prefijo para las tablas correspondientes a nuestro WordPress, pero siempre se debería cambiar esta opción en nuestra instalación. De esta forma alguien que quiera acceder a nuestros datos deberá conocer ese prefijo antes. Lo mejor, pues, es utilizar un prefijo aleatorio que no sea de fácil deducción.
3. Elimina los ficheros de instalación: en /wp-admin/, install.php, upgrade.php e installer-helper.php. También puedes eliminar los importadores (wp-admin/import/), que sirven para importar contenido y modifican la base de datos.
4. Fichero wp-config.php: es nuestro fichero más importante para la configuración de WordPress y, por lo tanto, para nuestra seguridad. Con él conectamos a la base de datos, así que hay información confidencial. Por este motivo, tenemos que darle permisos 644, es decir, tenerlo como fichero de sólo lectura.
5. Cambia tu usuario Administrador. Ya tenemos nuestro WordPress instalado, es hora de configurarlo. Lo mejor es crear otro usuario para utilizarlo como administrador (puedes configurarlo desde el panel de administración) e inhabilitar (ponerlo como suscriptor) el administrador que nos crea nuestro WordPress.
6. No utilices tu usuario de administración. Aunque lo acabemos de crear, no lo utilices. En general no necesitarás ser administrador de tu blog, sólo querrás escribir y cambiar cuatro cosas. Así que puedes crearte otro usuario editor o autor, con tu nick y nombre, y configurarlo a tu manera para utilizarlo habitualmente para escribir. Así, si perdieras la contraseña o te la descubrieran, solamente podrían modificar unas pocas cosas de tu instalación. Puedes instalar Role Manager para marcar qué permisos quieres que tenga el usuario que utilizarás para escribir habitualmente.
7. Restringe los directorios que tus usuarios no verán: wp-content, wp-includes y wp-admin son los directorios más usados por WordPress, es por eso que debemos limitar el uso de estas carpetas.  En una próxima entrada haremos especial hincapié en este punto, explicando cómo configurar nuestros archivos .htaccess
8. Crea un archivo en blanco: por defecto, las carpetas de plugins son completamente visibles. Si creas un documento en blanco y lo guardas allí como index.html, ya no serán tan fácilmente visibles.
9. Bloquea las carpetas a los motores de búsqueda. No es necesario que los bots accedan a nuestros archivos de WordPress, así que podemos bloquearlos con el archivo robots.txt. Añade la siguiente línea: Disallow: /wp-*

Espero que estos consejos en la instalación os hayan servido. Si hay alguna duda, o queréis que hable sobre algún tema de seguridad concreto que no haya quedado claro, por favor, comentad.

Fuentes: anieto2k, Online Tech Tips, sigt.

Los usos que esto puede tener son varios, por ejemplo, para disponer automáticamente de un mensaje de agradecimiento “Gracias por leer y hasta la semana que viene, blogueros”:

<?php // auto-insert content to post editor
function my_editor_content($content) {
$content = "<h5>Gracias por leer y hasta la semana que viene, blogueros</h5>.";
return $content;
}
add_filter('default_content', 'my_editor_content');
?>

El código lo tendremos que poner en nuestro functions.php, un archivo que es parte de nuestro tema de WordPress que, si no tuviéramos, podemos crear y llamarlo así (con la extensión “.php” por supuesto).