Tutorial en PDF para llevar WordPress de un ordenador a otro
A esta altura no debería hacernos falta, pero como hay gente a la que esto le está dando problemas he preparado un tutorial de como migrar wp en local
Child Theme
Escogeremos un tema y crearemos un «tema hijo»
Para que WordPress reconozca un tema como hijo, lo único que debemos hacer es:
1. Crear una carpeta con un nombre que decidamos en la ruta wp-content/themes, por ejemplo: child_twentytwelve
2. Dentro de la carpeta, creamos un fichero css denominado style.css
3. Editar el fichero style.css y añadir el siguiente código:
/*
Theme Name: Scoobysan
Theme URI: http://wordpress.org/themes/twentyfourteen
Description: Child Theme. Parent Theme twentyfourteen
Author: Victor Maciel
Author URI: bancodepruebas.de
Template: twentytwelve
Version: 0.1
*/
WordPress. Instalación en local con MAMP
WordPress en local con MAMP
Usaremos MAMP (un software que incluye en un solo paquete Apache, MySQL y PHP) para «simular» que estamos trabajando en un servidor, en nuestro propio ordenador.
Lo primero es descargar la última versión de MAMP desde: www.mamp.info/en/index.html.
Instalamos.
Cuando acabemos tendremos una carpeta llamada MAMP en la carpeta Aplicaciones y un widget para instalar en el Dashboard (doble clic) desde el que iniciar o detener el servidor que se ha instalado automáticamente. Debes iniciar MAMP para tener tu servidor local funcionando, y lo puedes comprobar pulsando en el botón “Página de Inicio” del widget o de la aplicación principal.
[...]Mover el WP de la carpeta htdocs de MAMP
Si habéis instalado WP en la carpeta htdocs de mamp y ahora queréis instalar un WordPress nuevo (no un tema nuevo) sino un gestor de contenidos completamente diferente…. deberéis seguir los siguientes pasos:
Mover todos los ficheros de htdocs a htdocs/carpetaNueva
Editar wp-config.php y justo antes de la linea q pone: define(‘DB_NAME’, ‘…
Pondréis lo siguiente
define('WP_HOME','http://localhost:8888/carpetaNueva/');
define('WP_SITEURL','http://localhost:8888/carpetaNueva/');
Creando templates
Podemos crear plantillas personalizadas para páginas estáticas basándonos en el archivo page.php
Podemos, por ejemplo, duplicar este archivo y darle un nombre como este: page_custom.php
Ahora, incluimos al principio del código de este nuevo archivo lo siguiente:
<?php
/*
Template Name: Mi pagina personalizada
*/
?>
El nombre del template es el que aparecerá después en el menú de administración.
Una vez creado el archivo personalizado, nos vamos a la administración de nuestro blog, y desde la opción de crear/editar una página, debería aparecernos la opción de “Plantilla de página” donde aparecerá el nombre de nuestro nuevo template. Lo seleccionamos y listo… nuestra página se basará en el diseño que hemos hecho.
[...]Vamos a empezar a «pedirle» cosas a la BBDD de WP (para IDEP)
Para eso, intentaremos cargar un JS e imágenes guardadas previamente en la carpeta de nuestro template.
<?php bloginfo('url'); ?><?php bloginfo('stylesheet_url'); ?><?php bloginfo('stylesheet_directory'); ?>
Luego veremos como pide WP una parte de un template.
Analizaremos similitudes entre get_template_part que pide un php concreto, generalmente creado por quien programo el tema… y funciones equivalente, que piden php que normalmente son comunes en todos los templates: get_header(); get_sidebar(); get_footer(); y get_template_part();
[...]Extendiendo WP
Para empezar a customizar nuestra plantilla, «marcaremos» cada php que componen nuestra plantilla «padre» (Si actualizamos el padre las marcas se perderán, pero una vez q hayamos identificado todos los php que queremos modificar, la perdida de estas marcas no tendrá ninguna importancia)
Lo haremos de la siguiente forma: Después del cierre de la primer etiqueta PHP ?> añadiremos los siguiente:
<?php echo '<!-- html pintado por: <span style="color: #ff0000;">elnombredelphp</span>.php -->'; ?>[...]
Añadir post-thumbnails a una plantilla
http://codex.wordpress.org/Post_Thumbnailshttp://codex.wordpress.org/Function_Reference/add_theme_supporthttp://codex.wordpress.org/Function_Reference/the_post_thumbnail//en functions.php se ha de añadir lo siguiente:add_theme_support('post-thumbnails');//y en el loop que muestra muestra nuestros post:if( has_post_thumbnail() ) {
the_post_thumbnail();
}
//the_content();
Añadiendo Widgets a nuestro tema
Paso 1) Añado a functions.php la capacidad de mostrar una barra nueva:if ( function_exists('register_sidebar') ){
register_sidebar(array(
'name' => 'my_mega_menu',
'id' => 'my_mega_menu',
'before_widget' => '
‘,
‘before_title’ => »,
‘after_title’ => »,
));
}
Paso 2) Añado en cualquier PHP de los que forman mi pagina, el código necesario para que se muestre mi arra personalizada:dynamic_sidebar('my_mega_menu'); Mas infoPlugin para hacer que un widget se pueda incrustar como shortcode:http://wordpress.org/extend/plugins/widget-shortcode/[widget id="my_mega_menu" before_widget="" after_widget="" title="0"]Plugin para que se puedan usar shortcodes dentro de un widget texto:http://wordpress.org/extend/plugins/shortcodes-in-sidebar-widgets/
Formulario de contacto (para IDEP)
Implementar un formulario utilizando un shortcode creado con pluguin Fast Secure Contact Form
Ejemplo de shortcode: [si-contact-form form=’1′]