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();
Incrustando y personalizando Google Maps
Obtener las coordenadas de cualquier mapa en google maps:
http://www.agenciacreativa.net/coordenadas_google_maps.php
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/
Bibliografía sobre SVG
Que es un SVG:
http://www.w3schools.com/svg/default.asp
Un programa de escritorio:
http://es.wikipedia.org/wiki/Inkscape
Un conversor on-line:
http://imagen.online-convert.com/es/convertir-a-svg
No es igual pero se le parece:
http://www.outsharked.com/imagemapster/default.aspx?demos.html#usaejemplo Mapa
Responsive Image Maps
Los imágenes en html se pueden «Mapear», es decir… asignarle a una misma imagen distintas áreas clickables.
Dreamweaver permite hacerlo de forma muy sencilla mediante un editor visual, pero cuando la imagen no tiene un tamaño fijo, la cosa se complica.
Para solucionarlo existe:
http://mattstow.com/experiment/responsive-image-maps/rwd-image-maps.html
Menu responsivo
10 Soluciones responsivas de navegación:
http://speckyboy.com/2012/08/29/10-responsive-navigation-solutions-and-tutorials/