Tutoriales WordPress

Cambié por error la dirección de mi WordPress y no puedo entrar

Publicado por Claudia en agosto 12, 2012

En la sección Ajustes Generales de nuestro panel de Control de WordPress hay dos campos, Dirección de WordPress y Dirección del Sitio, que son muy importantes porque le indican a WordPress dónde está localizado nuestro sitio.

Podría pasar que por error o desconocimiento modifiquemos dichos campos y ya no podamos ver nuestro sitio ni acceder a nuestro escritorio de WordPress. A mí me pasó una vez, y por segundos parece algo dramático, pero afortunadamente es algo que sí tiene solución.

Ajustes generales WordPress

¿No puedes entrar a tu panel de control?

Para volver todo a la normalidad, necesitas acceder vía FTP a tu instalación de WordPress y localizar el archivo functions.php en la carpeta de tu tema.

functions.php

En tu functions.php deberás añadir las siguientes dos líneas bajo la línea <?php inicial.

1
2
update_option('siteurl','http://example.com/blog');
update_option('home','http://example.com/blog');

Debes reemplazar http://example.com/blog por la dirección de tu blog, tal y como aparecía originalmente. Ahora, presiona F5 o actualiza tu página de acceso. Una vez restaurado el acceso a tu panel, deberás borrar inmediatamente las líneas que añadiste a tu functions.

Si no tienes un functions php, deberás crearlo. Para ello, puedes abrir un nuevo Bloc de Notas con el siguiente contenido, reemplazando la URL de tu blog:

1
2
3
4
<?php
update_option('siteurl','http://example.com/blog');
update_option('home','http://example.com/blog');
?>

Debes guardarlo con el nombre “functions.php“, tipo “Todos los archivos“, y subirlo al directorio de tu tema.

Vía SX Informática, WordPress Codex.

Tags:
Tutoriales WordPress

Incorporar Nivo Slider en WordPress

Publicado por Claudia en julio 27, 2012

Nivo Slider

Hace un tiempo hablaba de Cómo añadir Nivo slider en Blogger. Añadir Nivo Slider en WordPress no es tarea difícil, y puede hacerse sin plugin, como explica BlogOhBlog.

Cómo hacerlo, paso por paso:

1. Subiendo los archivos

Lo primero que debemos hacer es descargar el plugin jQuery desde la web del autor.

Lo descomprimimos, y subimos vía FTP las imágenes arrows.png, bullets.png y loading.gif a la carpeta images de nuestro tema.

Ahora, en la carpeta principal de nuestro tema creamos una nueva carpeta de nombre “js“, y subiremos allí el plugin jquery.nivo.slider.js

2. Llamando al slider

El primer paso es determinar dónde vamos a añadir el slider. Yo lo hice en el index.php, sobre los posts. Para poner el slider justo ahí, deberás buscar:

1
< ?php while ( have_posts() ) : the_post() ?>

(o algo similar)

Y pegar inmediatamente debajo:

1
2
3
4
5
6
7
<div id="slider">
 < ?php $my_query = new WP_Query('showposts=5&category_name=destacado'); while ($my_query->have_posts()) : $my_query->the_post(); ?>
 <a href="<?php the_permalink() ?>" title="< ?php the_title(); ?>">
 <img src="<?php echo get_post_meta($post-/>ID, 'nivoimage', true); ?>" alt="" title="< ?php the_title(); ?>" />
 </a>
 < ?php endwhile; ?>
</div>

De esta manera, veremos el slider sólo en la página principal de nuestro tema. Por defecto, mostrará 5 diapositivas, y la categoría para posts destacados será “destacado“. Dichos valores pueden cambiarse más arriba.

Las imágenes de nuestro slider deberán ser añadidas en un campo personalizado de nombre “nivoimage“. Sigue leyendo

Tags: ,
Tutoriales WordPress

Cambiar mi dominio en WordPress

Publicado por Claudia en julio 10, 2012

Cambiar Dominio WordPress
La primera vez que cambié de dominio en WordPress, lo hice con ayuda. No es tarea fácil, pero esta vez quise hacerlo sola. Hay al menos dos formas de hacerlo: la vía corta (metiendo mano en la base de datos) y la vía larga (como explica Aeromental), que es la que yo preferí, para ir lento pero seguro.

1. Lo primero que hice fue instalar WordPress en mi nuevo dominio, con todo lo que ello implica: apuntar el dominio en mi CPanel, cambiar los nameservers, instalar la última versión de WordPress y copiando mi tema antiguo para volver a instalarlo (podemos descargarlo comprimido y subirlo vía FTP).

2. El segundo paso fue hacer una copia de seguridad de mi sitio “viejo”  por si algo pudiera salir mal.  Puede hacerse con plugin.

3. Luego,  desde la sección “Herramientas” en mi panel de control exporté todos mis posts y páginas, comentarios y categorías, guardando el archivo XML generado.

4. Importé ese archivo XML, subiendo desde mi nuevo blog (WordPress pide instalar el plugin “WordPress Importer”). Al momento de hacer esto, me preguntarán si quiero descargar e incluir los adjuntos de mi blog antiguo, a lo que hay que decir que sí. De esta manera, finalizando el proceso, veremos que se han publicado todas nuestras entradas con las correspondientes imágenes.

5. Reinstalé todos los plugins y cambié las preferencias de mi blog nuevo para que quedara como el antiguo. Seleccioné la misma estructura de enlaces permanentes que tenía antes.

6. Di de alta mi nuevo dominio en buscadores, envié mi sitemap, creé una nueva cuenta de Analytics para este blog y edité la dirección del feed original en FeedBurner.

7. Hice la redirección. En primer lugar, cambié las URL desde mi blog “antiguo” (Ajustes/Generales), introduciendo las del blog nuevo. En segundo lugar, hice una redirección permanente 301 desde mi archivo .htaccess en el directorio de mi sitio antiguo.

8. Revisé que todo estuviera bien, chequeando que las URL viejas de mis posts estuvieran redireccionando a mi blog nuevo. Siempre es bueno checkear las estadísticas 24-48 horas después.

Conclusión

Cambiar de dominio en WordPress no es una tarea tan compleja. Si la redirección se hace adecuadamente, no hay riesgo de perder pagerank ni visitas. No obstante, y para ahorrarse dolores de cabeza, siempre es mejor elegir bien nuestro dominio antes de comenzar (a menos que el cambio sea realmente necesario), debido a los costos que implica tener que renovar dos dominios al año en vez de uno solo.

¿Has tenido que cambiar tu dominio en WordPress? ¿Te resultó?

Tags:
Wordpress themes

10 lindos temas estilo tumblog para tu blog de WordPress

Publicado por Claudia en febrero 16, 2012

Hoy por hoy, tener Tumblr es casi una moda. La gracia de Tumblr es que, como es una plataforma de microblogging, sirve para compartir pequeñas notas, fotos, citas y contenido multimedia (audios, videos) en formato tumblog, identificando claramente cada tipo de post con un formato determinado. Un Tumblr es como un cuaderno de apuntes de todo lo que recogemos en la red.

Tumblr es práctico y simple; sin embargo, tiene algunas limitaciones. Por ejemplo: hay pocos desarrolladores de temas para Tumblr que se distribuyan gratuitamente; la plataforma en sí es limitada, con pocas opciones; no hay muchos tutoriales en la web para aprender a crear y modificar una plantilla Tumblr; no puedes instalarlo en tu propio servidor.

Para hacer uso de las bondades del “tumblogging” y suplir las necesidades de Tumblr, se han creado los “temas estilo tumblog para WordPress“. A simple vista, es como estar en Tumblr, con la misma simpleza de esta popular plataforma de microblogging pero con todo el poder de WordPress: conservas el estilo de los posts de Tumblr, pero puedes manejar y personalizar tu tumblog a tu antojo desde tu blog de WordPress instalado en tu propio servidor.

Aquí tienes 10 lindos temas “Tumblr like” para WordPress recolectados alrededor de la web, todos de libre descarga. Ahora, si te atreves a crear tu propio tema, puedes usar el plugin “WooTumblog” para WordPress.

Quantez

Quantez Tumblog WordPress theme
DEMO Y DESCARGA

Bonpress

Bonpress Tumblog WordPress theme
DEMO Y DESCARGA

Tumblepress

TumblePress Tumblog WordPress theme
DEMO Y DESCARGA

Diavlo

Diavlo Tumblog WordPress theme
DEMO Y DESCARGA

Ubert

Ubert Tumblog WordPress theme
DEMO Y DESCARGA

Casual

Casual Tumblog WordPress theme
DEMO Y DESCARGA

Garuda Di Dadaku

Garuda di dadakuTumblog WordPress theme
DEMO Y DESCARGA

BeFree

BeFree Tumblog WordPress theme
DEMO Y DESCARGA

Quade

Quade Tumblog WordPress theme
DEMO Y DESCARGA

Good

Good Tumblog WordPress theme

DEMO Y DESCARGA

Tags: , ,
Tutoriales

Cómo añadir Google Fonts en tu blog de Blogger o WordPress

Publicado por Claudia en agosto 31, 2011

Añadir fuentes personalizadas es una tendencia en diseño web que quizás nunca pase de moda: está muy en voga, le da un toque personal a tu blog y permite mejorar su estética. Y a la hora de hacerlo, Google Fonts es una de las mejores opciones, porque es fácil y rápido de incorporar y cuenta con una numerosa cantidad de familias de fuentes (actualmente, 247 y creciendo).

google web fonts

Cómo hacerlo, paso a paso:

1. Selecciona una fuente

Ve a Google Fonts y elige la fuente que más te agrade. Si a primera vista no logras decidirte, puedes añadir varias fuentes a tu colección (pulsando el botón “Add to collection“). Una vez que has escogido, haz click en “Use” o “Quick-use“.

2. Obtén el código

Hay fuentes con 1, 2 ó más estilos. Naturalmente, una fuente con más estilos te permite más opciones: normal, negrita, cursiva, etc.

Yo elegí la fuente “Droid Serif“, y seleccioné los 4 estilos que tiene.

El sitio me entregará un código como el siguiente:

1
<link href='http://fonts.googleapis.com/css?family=Droid+Serif:400,700,400italic,700italic' rel='stylesheet' type='text/css'>

Dicho código debe ser incorporado exactamente después de <head>. En WordPress, en tu header.php, en Blogger, en Diseño/Edición de HTML (al inicio de tu plantilla).

Antes de guardar, no olvides añadir un slash (/) de cierre antes del signo “mayor que“, de modo que el código a añadir quede de la siguiente forma:

1
<link href='http://fonts.googleapis.com/css?family=Droid+Serif:400,700,400italic,700italic' rel='stylesheet' type='text/css'/>

3. Modifica los encabezados en tu hoja de estilos

Busca los lugares donde hay encabezados (h1, h2, h3, etc.), e incorpora el nombre de la fuente como normalmente lo harías con cualquier otra fuente, usando la propiedad “font-family“.

Ejemplo:

h1 { 
font-family: 'Droid Serif', Arial, serif; 
font-weight: 400; 
}

Nótese que aquí también se utiliza la propiedad “font-weight“. En este caso, así como en el de muchas otras fuentes, “400” es normal y “700” es bold o negrita.

También puedes cambiar el estilo a cursiva (o itálico) con la propiedad “font-style“:

h1 { 
font-family: 'Droid Serif', Arial, serif; 
font-weight: 400; 
font-style: italic;
}

Finalmente, aquí hay otro ejemplo, que incorpora además la propiedad “text-shadow“:

#header h1 {
font-family: 'Droid Serif', Helvetica, arial, sans-serif;
color: #000;
font-size: 40px;
font-weight: 700;
font-style: italic;
text-shadow: 2px 2px 0 #E5E0D0;
}
Tags: , , ,