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:
Tutoriales WordPress

Aprende a crear tus propios temas WordPress

Publicado por Claudia en octubre 3, 2011

Crear tus propios temas para WordPress tiene varias ventajas: Puedes obtener diseños únicos y a tu medida sin tener que pagar por ello, introducir modificaciones en tu tema regalón, obtener enlaces entrantes, o simplemente quedarte con la satisfacción personal de tener un tema diseñado por ti.

Nekko de Summarg creó un estupendo taller muy completo para que aprendas a construir tus propios temas WP desde cero, clase a clase, e incluyendo el paso de PSD a WordPress.

El temario del taller es el siguiente:

  • Clase 1: Introducción: Instalar WordPress en un servidor local
  • Clase 2: Cómo encarar el diseño a partir de un archivo PSD
  • Clase 3: ¡Comenzamos a maquetar!
  • Clase 4: El bucle y jerarquías de templates.
  • Clase 5: El bucle avanzado: Query_posts.
  • Clase 6: Header.php. Funciones, composición, barra de navegación.
  • Clase 7: Sidebar.php. Composición, elaborar una sección de Widgets.
  • Clase 8: Footer.php. Funciones, composición y widgets.
  • Clase 9: Single.php y Page.php.
  • Clase 10: Page template con una segunda sidebar.
  • Clase 11: archive.php y plantillas por categoría, fecha, autor, taxonomía, etiqueta.
  • Clase 12: Páginas personalizadas: Consultas personalizadas.
  • Clase 13: Página de búsquedas: search.php e integración con Google CSE
  • Clase 14: Insertar anuncios
  • Clase 15: Páginas de error personalizadas
  • Clase 16: Implementar un slider para el inicio: Nivo-slider sin plugins.
  • Clase 17: Paginación y breadcrumbs.
  • Clase 18: Comentarios.
  • Clase 19: Plantilla para una sección de portfolio.

El taller va en su cuarta clase, y puedes seguirlo suscribiéndote a Summarg o chequeando el post de introducción del taller.

Vía | Ayuda WordPress

Tags:
jQuery, Tutoriales WordPress

Incorporar jQuery TipTip en WordPress

Publicado por Claudia en septiembre 13, 2011

jquery titptip wordpress
TipTip es un popular plugin jQuery de bajo peso desarrollado por Drew Wilson que permite añadir tooltips a tu blog sólo con CSS, y mediante el atributo “title”. La gracia que tienes es que no necesita imágenes, es fácil de incorporar y, como cualquier tooltip, además de verse bonito contribuye a la usabilidad web.

Para incorporarlo en tu blog de WordPress, sigue los siguientes pasos:

1. Asegúrate de tener cargado jQuery en tu blog

Si ya lo tienes, no lo cargues de nuevo. Si no, puedes incluirlo pegando el siguiente código en tu header.php, antes de </head>:

1
2
<?php wp_enqueue_script("jquery"); ?>
<?php wp_head(); ?>

2. Descarga el plugin desde la web del autor

Ve a Drew Wilson Code y descarga el paquete de jQuery TipTip. Descomprime el paquete y sube el archivo “jquery.tipTip.js” vía FTP en la carpeta “js” de tu theme (si no existe, créala). El contenido de tipTip.css puedes pegarlo al final de tu style.css.

3.Haz el llamado desde tu header.php

Justo bajo <?php wp_head(); ?>, pega los siguientes códigos:

1
<script src="<?php bloginfo('template_directory'); ?>/js/jquery.tipTip.js" type="text/javascript"></script>
1
2
3
4
5
<script type="text/javascript">
jQuery(function(){
jQuery(".tooltip").tipTip();
});
</script>

4. Añade TipTip de forma manual a tus enlaces

Puedes seguir el siguiente ejemplo:

<a href="http://chicablogger.com" title="Recursos para Blogger y WordPress" class="tooltip">Chica Blogger</a>

Tanto el atributo “title” como la clase (class=”tooltip”) son necesarios y obligatorios para que funcione el plugin. Debes añadirlos donde quieras que se muestre el tooltip.

5. Añade TipTip de forma automática a tus enlaces

Habrás notado que WordPress ha añadido títulos de forma automática a algunas secciones importantes. Incorporando una variable, se puede lograr que los tooltips se muestren de forma automática en cada lugar donde se use el atributo “title”:

1
2
3
4
5
6
7
<script type="text/javascript">
jQuery(function(){
jQuery(".tooltip").tipTip();
var title = jQuery(".tipTip").attr("title");
jQuery("a").tipTip(title);
});
</script>

Habrás notado lo sencillo que es añadir TipTip a tu WordPress. No hay más cambios que hacer, a menos que quieras hacer algunos cambios en el CSS.

Tags: , ,