Categoría: WordPress

En este post vamos a aprender de manera muy sencilla a migrar nuestro WordPress de un servidor local a un servidor remoto. Aunque debemos tener en cuenta que los pasos que vamos a dar se puede aplicar también para migrar de remoto a local o de un dominio a otro. Solo debemos ser muy estrictos con cada avance para que todo salga como esperamos. Vamos allá.

 Exportamos Base de Datos de la página original.

En primer lugar entramos en el panel de administración de phpMyAdmin de nuestro servidor local y hacemos clic en la base de datos perteneciente a nuestra página.

Dentro de la Base de datos, clic en Exportar y lo hacemos teniendo en cuenta los siguiente parámetros:

• Opción Personalizado
• Opciones de creación de objetos > Hacer clic en Agregar sentencia DROP TABLE / VIEW / PROCEDURS / FUNCTION / EVENT

Se generará un archivo .xml y lo guardamos en nuestro ordenador.

 Reemplazar URL’s dentro de archivo .xml

Abrimos el archivo generado .xml en nuestro editor de texto y reemplazamos la URL original de nuestra página actual por la que tendrá en el servidor remoto. Por ejemplo, si nuestra página en local es http://localhost/wordpressPruebas y queremos migrarla a www.goana.es tendremos que sustituir mediante la opción «reemplazar todos» lo siguiente:

 Creamos una base de datos nueva en el servidor remoto

El siguiente paso es acceder mediante phpMyAdmin, esta vez al servidor remoto y crear allí una nueva base de datos que será la que alojará el contenido de la página que vamos a migrar.

Esto lo haremos accediendo desde el cPanel de nuestro servidor y desde ahí buscaremos la sección Bases de datos.

Normalmente, a la hora de crear una base de datos desde el cPanel del servidor, los pasos serán los siguientes:

1. Crear nueva base de datos. Aquí tendremos que colocar el nombre.
2. Agregar un nuevo usuario o asociar un usuario ya existente a esa base de datos creada.

Una vez tengamos tanto el nombre de la nueva base de datos como del usuario debemos anotar los siguientes datos para después cambiarlo en config.php

• Nombre Base de datos
• Usuario
• Contraseña (asociada al usuario)
• Host (a no ser que el servidor lo especifique, suele ser localhost)

 Importamos el archivo .xml

Desde la nueva base de datos creada en el servidor remoto, importamos el archivo .xml generado de nuestro servidor local con los dominios ya reemplazados.

 Copiamos carpeta de WordPress de local a remoto

Ya casi estamos 🙂 El siguiente paso será copiar la carpeta de WordPress completa de nuestro Servidor Local a su destino en el Servidor Remoto. Esto debemos hacerlo mediante un cliente FTP. (yo uso Filezilla).

Este proceso tardará un rato medio/largo dependiendo de la velocidad de navegación.

 Modificamos los datos en el archivo config.php

Por último y una vez copiado todo el contenido del proyecto WordPress al servidor remoto, abrimos el archivo config.php y sustituimos los siguientes parámetros por los que ya anotamos en el paso número 3:

• Nombre Base de datos
• Usuario
• Contraseña
• Host

Ahora abrimos en el navegador el nuevo dominio de la página web y debe funcionar todo correctamente (plugins, widgets y menús incluidos).

Aunque como dije al inicio debemos ser muy cautelosos con todos los pasos que damos y no olvidarnos de nada, este procedimiento es muy delicado y puede que nos de algún problema. Siéntete con total libertad de preguntar si te surge alguna duda y estaré encantada de poder ayudarte 🙂

¡Gracias por leer!

En esta entrada breve y práctica vamos a ver cómo mostrar a modo de listado y con enlaces las categorías o términos de una taxonomía en WordPress.

 <?php
	//listado de taxonomias
	$taxonomy = 'nombre_taxonomia';
	$tax_terms = get_terms($taxonomy);
	?>
	<ul>
	<?php
	foreach ($tax_terms as $tax_term) {
	echo '<li>' .  '<a href="'  . esc_attr(get_term_link($tax_term, $taxonomy)) . '" title="' . sprintf( __( "Ver todos las entradas de %s" ), $tax_term->name ) . '" ' . '>' . $tax_term->name.'</a></li>';
	}
?>

Y si no queremos que se muestren enlaces y que quede como un listado de etiquetas, sería:

<?php
	//listado de taxonomias
	$taxonomy = 'directory_tags';
	$tax_terms = get_terms($taxonomy);
	?>
	<ul>
	<?php
	foreach ($tax_terms as $tax_term) {
	echo '<li>'.$tax_term->name.'</li>';
	}
?>
	</ul>

¡Espero que te sea útil! 🙂

Cuando te encuentras trabajando en un proyecto multiidiomas se puede dar la situación de tener que acceder a páginas internas que estén traducidas en su correspondiente idioma. Para hacer que un site sea multilingüe, uso el plugin WPML, para mi gusto, el mejor y más completo plugin de WordPress para que tu página esté completamente traducida en cualquier idioma.

En esta entrada, me gustaría detallar cómo he resuelto la traducción de enlaces internos dentro de la propia página y a partir del número ID que le corresponde a la entrada, página, categoría o etiqueta. Para ello, WPML te proporciona una función que te devuelve exactamente lo que estamos buscando. Esta función es:

icl_object_id

¿Cómo la usamos? Veámoslo en un ejemplo. Un enlace en HTML dentro de la página podría ser:

<a href="/servicios" title="Servicios">Servicios</a>

Para hacer que este enlace se pueda traducir por completo usando PHP quedaría de la siguiente manera:

<a href="<?php echo get_permalink(icl_object_id(ID, tipo, TRUE)); ?>" title="<?php _e('Título del enlace','nombre-del-tema');?>"><?php _e('Texto del enlace','nombre-del-tema');?></a>

Donde:

• ID: Es el número de la entrada, página, etiqueta o categoría a la que se quiere enlazar.
• tipo: Las diferentes opciones son: ‘post’, ‘page’, ‘tag’ o ‘category’.
• true: WPML devuelve el número ID del elemento original del idioma si la traducción no existe. Usaremos false cuando WPML debe devolver un valor NULL si la traducción no existe.

¡Espero que te haya servido tanto como a mí! No dudes en escribirnos tus experiencias con este plugin y por supuesto, compartir si te ha gustado! 🙂

Seguramente te habrás fijado en el texto al pie de página en el Panel de Administración de WordPress que viene por defecto: Gracias por crear con WordPress.

¿Sabías que puedes cambiarlo? ¡Por supuesto! Podemos aprovechar este espacio para firmar el proyecto si hemos desarrollado la página o hacer el panel de administración más corporativo.

¿Cómo? Es muy sencillo. Tan solo tienes que introducir el siguiente código al final de tu archivo functions.php

// personalizar frase Gracias por crear con WordPress
function modify_footer_admin () {
  echo 'Página realizada por <a href="http://www.pensandoenweb.com">Pensando en web</a>';
}
add_filter('admin_footer_text', 'modify_footer_admin');

Y con este simple código habremos personalizado la administración de WordPress.

Hoy quiero compartir la solución a un error en interno que se suele dar al subir nuestra página en WordPress del servidor local al remoto y nos permite visualizar la página Index o Home pero no el resto de ellas. Concretamente el error que suele dar es el siguiente:

Internal Server Error

The server encountered an internal error or misconfiguration and was unable to 
complete your request.

Please contact the server administrator, webmaster@mysite.com and 
inform them of the time the error occurred, and anything you might have done
that may have caused the error.

More information about this error may be available in the server error log.

Additionally, a 500 Internal Server Error error was encountered while trying to
use an ErrorDocument to handle the request.

Este error puede producirse por tres situaciones comunes:

• Hay un problema con nuestro servidor web. (Este no es el caso, pues habría que comunicarse con el propio servidor).
• No existe archivo .htaccess en la raíz del sitio.
• El archivo .htaccess está corrupto. (Esto puede ser porque algunos plugins instalados en nuestra plantilla modifican este archivo).

Si se trata de la segunda opción, debemos crear un archivo .htaccess en la raíz de nuestro sitio junto a las demás carpetas y archivos que crearas con cualquier editor de texto. Si bien es la tercera, entonces en ambos casos (primera y segunda opción) debemos asegurarnos de que el archivo .htaccess contiene lo siguiente (si no, se modifica):

# BEGIN WordPress

RewriteEngine On
RewriteBase /
RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d
RewriteRule . /index.php [L]

# END WordPress

Esto, debería solucionar nuestro problema. ¡Suerte!

Aunque también puedes hacerlo con un plugin, se obtiene el mismo resultado usando menos de diez líneas de código que cambiarán el logotipo de WordPress por el tuyo propio o el de tu empresa en la página wp-admin.

Para ello, tan solo debes abrir el archivo functions.php de tu proyecto en WordPress y escribir las siguientes líneas de código:

// Añadir logotipo empresa en wp-admin
function my_custom_login_logo() {
    echo '<style type="text/css">
        h1 a { background-image:url('.get_bloginfo('template_directory').'/images/logotipo.png) !important; background-size: auto !important;}
    </style>';
}

add_action('login_head', 'my_custom_login_logo');

Ten en cuenta que tu imagen no debería ser mayor de 292px, aún así añadimos background-size: auto !important; para que nuestro logotipo no se redimensione a los tamaños de WordPress.

Si ya tenemos instalado MAMP, podemos instalar perfectamente WordPress. Si no es así, te invito a que pases por este post e instales MAMP antes de empezar con WordPress.

Recordemos que al iniciar MAMP y aparecer esta pantalla, podemos estar seguros de que funciona correctamente.

Vamos a hacer click en «Abrir página de inicio» y se nos abrirá una pestaña/ventana en nuestro navegador que nos dará toda la información de nuestro servidor.

El siguiente paso será crear una base de datos para wordpress. Y para ello vamos a hacer clic en el menú superior donde dice: «phpMyAdmin«. Desde la próxima pantalla, vamos a crear la base de datos. Como ejemplo, he puesto el nombre bd_wordpress.

Hacemos clic en «Crear» y ya tenemos creada la base de datos que irá enlazada a nuestra página de wordpress.

Una vez dado este paso, lo siguiente es descargar la última versión de wordpress en español desde su página. El archivo se descargará en formato .zip. Lo descomprimimos, le damos nombre a la carpeta (en mi caso, wordpress_prueba) y nos aseguramos de que la carpeta del proyecto quede dentro de la ruta Aplicaciones > Mamp > htdocs.

Dentro de la carpeta wordpress_prueba, abrimos el archivo wp-config-sample.php. Debemos cambiar las siguientes líneas tal y como muestro en pantalla:

// ** Ajustes de MySQL. Solicita estos datos a tu proveedor de alojamiento web. ** //
 /** El nombre de tu base de datos de WordPress */
 define('DB_NAME', 'bd_wordpress');
/** Tu nombre de usuario de MySQL */
 define('DB_USER', 'root');
/** Tu contraseña de MySQL */
 define('DB_PASSWORD', 'root');
/** Host de MySQL (es muy probable que no necesites cambiarlo) */
 define('DB_HOST', 'localhost');

Una vez cambiado, guardamos el archivo con el siguiente nombre: wp-config.php y ya tenemos todo lo necesario para la instalación de WordPress en nuestro servidor local.

Si abrimos nuestro navegador y vamos a la ruta http://localhost:8888/wordpress_prueba, se abre la siguiente pantalla:

Este es ya el último paso de nuestra instalación. Solo queda rellenar los campos y ya tenemos WordPress instalado en nuestro servidor local.

Las rutas que necesitaremos una vez instalado serán las siguientes:

• http://localhost:8888/wordpress_prueba/wp-admin/ | Para acceder al panel de administración de nuestra página.
• http://localhost:8888/wordpress_prueba/ | Para acceder a la página  y su visualización.

¡Y ahora a dar vida a nuestro blog! 🙂