wordpress: guia de instalacion rapida en español

wordpress: guia de instalacion rapida en español

fuente: https://codex.wordpress.org/es:Instalando_Wordpress

  1. Descarga y descomprime el paquete de WordPress si aún no lo has hecho.
  2. Crea una base de datos para WordPress en tu servidor web, así como un usuario de MySQL que tenga todos los privilegios para acceder y modificarla.
  3. Renombra el archivo wp-config-sample.php con el nombre wp-config.php.
  4. Abre wp-config.php en tu editor de texto y completa los datos con tu base de datos.
  5. Coloca los archivos de WordPress en la ubicación deseada en tu servidor web:
  6. Ejecuta el script de instalación de WordPress accediendo a wp-admin/install.php en tu navegador web preferido.

Leer artículo completo en codex.wordpress.org: https://codex.wordpress.org/es:Instalando_Wordpress

Anuncios

Como crear un #theme para #wordpress desde cero con Bootstrap

fuente: Carlos Arturo – Falcon Masters (Youtube)

  • Primero descargamos una version basica de bootstrap
  • creamos style.css en la carpeta raiz de nuestro tema (wp-content\themes\nuestroTEMA) y añadimos las siguientes lineas para que wordpress nos reconozca el theme:
  • creamos en el raiz los archivos index.php, header.php y footer.php –> IMPORTANTE: antes de </head> en header.php agregamos <?php wp_head(); ?> y antes de </body>  en footer.php agregamos <?php wp_footer(); ?> entre otras cosas algunos plugins como Simple Lightbox pueden no funcionarnos
  • en el index.php (vacio completamente de codigo) agregamos estas lineas
    • <?php get_header(); ?><?php get_sidebar(); ?><?php get_footer(); ?>
  • creamos el archivo sidebar.php (hueco para los widgets)
  • creamos archive.php (en este archivo se visualizan los articulos)
  • functions.php (libreria de funciones)
  • page.php
  • single.php (visualizacion de articulos)
  • slideshow (slide de imagenes del index – para cargarlo desde el index PHP–> include (TEMPLATEPATH. ‘/slideshow.php’); )
  • archive.php (para visualizar todos los posts de una misma categoria)

Hasta aqui la creacion de la estructura, ahora empezamos a añadir o modificar codigo

  • editamos header.php para establecer las rutas del site, por ejemplo las rutas de los css. con esta funcion de php bloginfo(‘template_url’) obtenemos la URL del template en nuestro servidor
  • en el archivo functions.php añadimos este codigo para poder modificar el menu desde el panel de control de wordpress  (apariencia > menus):
    • php:
      register_nav_menus( array(
      ‘menu’ => ‘Menu superior’,
      ));
  • y en el header quitamos el ul del menu estatico y añadimos este codigo donde teniamos el ul (seguramente dentro de los tags NAV):
    • wp_nav_menu(
      array(
      ‘container’ => false,
      ‘items_wrap’ => ‘<ul id=”menu-top”>%3$s</ul>’,
      ‘theme_location’ => ‘menu’
      ));
  • bucle para mostrar posts en index (y donde convenga – URL del capitulo del curso):
    • <?php if(have_posts()):while(have_posts()):the_post();?>
      codigo HTML del articulo
      <?php endwhile; else:?>
      codigo HTML si no hay ningun post
      <?php endif;?> con este bucle veriamos todos los posts de todas las categorias, si solo queremos ver los post de una categoria en concreto usaremos este codigo:sustituimos esta linea –> if(have_posts()):while(have_posts()):the_post(); por este bloque:
      $args = array(‘cat’ => 3);
      $category_posts = new WP_Query($args); if($category_posts->have_posts()) :
      while($category_posts->have_posts()) :
      $category_posts->the_post();
    • bueno acabo de encontrar en el curso otra manera mucho mas sencilla de mostrar solo posts de una categoria en concreto:
      <?php query_posts(‘category_name=NOMBRECATEGORIA’);?>
      añadiendo esto delante del bucle que muestra todos los posts ya estaria, asi de sencillo …
    • y ahora dentro del bucle para mostrar contenido del post:
      – titulo: the_title();
      – enlace al articulo: the_permalink();
      – fecha: the_date();
      – categoria: the_category();
      – descripcion: the_excerpt(); –> OJO ! cuando creamos un post debajo de la caja de texto del cuerpo del post tenemos otra llamada “extracto” esta info es la que mostramos con esta funcion, si no hemos puesto nada entonces wordpress automaticamente coge los datos de la caja de texto de descripcion o cuerpo del post (si no vemos ninguna caja extracto cuando estamos creando o editando el post vamos a opciones de pantalla y seleccionamos extracto)
    • cargar imagen del post, es un poco mas rollete … para cargar la imagen destacada del post tenemos que irnos a functions.php y añadir esto (url del capitulo):
      • add_theme_support(‘post-thumbnails’);
        add_image_size(‘list_blog_thumbs’,1000,220,true);
        entre comillas ponemos un nombre que usaremos de referencia, y los numeros son las medidas en pixeles que wordpress usara para redimensionar las imagenes al subirlas. Si necesitamos mas redimensiones distintas solo tenemos que copiar y pegar esta linea con las diferentes medidas y diferentes referencias
      • y ahora en index.php (o donde queramos cargar la imagen destacada del post) ponemos este codigo donde deberia ir a la imagen:
        <?php if(has_post_thumbnail()){ the_post_thumbnail(‘list_blog_thumbs’);}?> // como se puede ver usamos list_blog_thumbs que es la referencia usada en functions
    • por ultimo nos falta la paginación, si tenemos mas posts de los X configurados a mostrar en el panel de control/ajustes necesitamos movernos por los anteriores y los siguientes agregando este codigo debajo del bucle de mostrar posts:
      php next_post_link(‘<- Post Siguientes’)
      php previous_post_link(‘Post Anteriores ->’)
      – y delante del bucle agregamos esta linea para solventar un bug de wordpress con el paginador: php query_posts(“paged=$paged”);
  • ahora creamos donde se cargan los articulos (post):
    • abrimos el archivo single.php y le copiamos el siguiente codigo (esta sin estilos ni nada de nada, es un ejemplo ultra sencillo. Tal y como esta al pinchar en el index en el permalink nos cargara el contenido concreto del post
    • <?php get_header(); ?> <?php if(have_posts()):while(have_posts()):the_post(); ?>
           <?php the_title();?>
           <?php the_content();?>
      <?php endwhile;else: ?>
           Ta vacio !
      <?php endif; ?><?php get_sidebar(); ?>
      <?php get_footer(); ?>
    • y por ultimo añadimos el apartado “comentarios:
      <?php comments_template(); ?> –> url del capitulo
  • ahora creamos las paginas, page.php (practicamente es el mismo codigo que single.php para los posts, hacemos copy-paste –> url del capitulo)

pues este es mi esquemita super resumido del señor curso de wordpress que me ha ayudado mucho muchisimo, GRACIAS !

Simple Lightbox – plugin para imágenes en WordPress by tonalidad.es

Simple Lightbox – plugin para imágenes en WordPress by tonalidad.es

fuente: http://tonalidad.es/blog-de-notas/simple-lightbox-un-buen-visor-de-imagenes-para-wordpress/

Simple Lightbox es un plugin para WordPress que muestra nuestras imágenes (con link a una imagen) poniéndolas en primer plano y atenuando el fondo de la web.  Es muy sencillo de configurar y tiene funcionalidades muy interesantes … Leer artículo completo en http://tonalidad.es/blog-de-notas/simple-lightbox-un-buen-visor-de-imagenes-para-wordpress/

WP_QUERY, SACÁNDOLE JUGO A WORDPRESS by dariobf.com

WP_QUERY, SACÁNDOLE JUGO A WORDPRESS by dariobf.com

Fuente: https://www.dariobf.com/wp_query-wordpress/

Si utilizas WordPress a menudo, sabrás que es difícil filtrar entradas por varios parámetros simultáneamente; tales como etiquetas, categorías o custom post types.

Pero como he comentado en otras ocasiones, la evolución de WordPress es clara y sus desarrolladores han incluido herramientas para hacer este tipo de filtrados mucho más sencillos para nosotros; gracias a wp_query() podemos filtrar los contenidos de WordPress con cualquier criterio que se nos ocurra …

Leer Artículo completo en https://www.dariobf.com/wp_query-wordpress/

paginación WordPress sin plugin con paginación numérica by tustemaswordpress.com

paginación WordPress sin plugin con paginación numérica by tustemaswordpress.com

fuente: http://www.tustemaswordpress.com/paginacion-wordpress-sin-plugin/

Los compañeros de http://www.kriesi.at/ han realizado una sencilla función y sencillo manual para su correcta implementación (ENG) , por lo que procedemos a explicarla aquí:

Copia&pega la siguiente función en functions.php ( o donde guardes las funciones de tu theme)

function kriesi_pagination($pages = '', $range = 2)
{  
     $showitems = ($range * 2)+1;  

     global $paged;
     if(empty($paged)) $paged = 1;

     if($pages == '')
     {
         global $wp_query;
         $pages = $wp_query->max_num_pages;
         if(!$pages)
         {
             $pages = 1;
         }
     }   

     if(1 != $pages)
     {
         echo "
<div class='pagination'>";
         if($paged > 2 && $paged > $range+1 && $showitems < $pages) echo "<a href='".get_pagenum_link(1)."'>&laquo;</a>";
         if($paged > 1 && $showitems < $pages) echo "<a href='".get_pagenum_link($paged - 1)."'>&lsaquo;</a>";

         for ($i=1; $i <= $pages; $i++) { if (1 != $pages &&( !($i >= $paged+$range+1 || $i <= $paged-$range-1) || $pages <= $showitems ))
             {
                 echo ($paged == $i)? "<span class='current'>".$i."</span>":"<a href='".get_pagenum_link($i)."' class='inactive' >".$i."</a>";
             }
         }

         if ($paged < $pages && $showitems < $pages) echo "<a href='".get_pagenum_link($paged + 1)."'>&rsaquo;</a>";  
         if ($paged < $pages-1 &&  $paged+$range-1 < $pages && $showitems < $pages) echo "<a href='".get_pagenum_link($pages)."'>&raquo;</a>";
         echo "</div>

\n";
     }
}

leer artículo completo en tustemaswordpress.com

NextGEN Gallery: plugin de WordPress para crear galerías fotográficas by xatakafoto.com

NextGEN Gallery: plugin de WordPress para crear galerías fotográficas by xatakafoto.com

fuente: https://www.xatakafoto.com/trucos-y-consejos/cinco-plugins-de-wordpress-para-crear-galerias-fotograficas

Es uno de los más populares y no sin razón (cuenta con más de siete millones y medio de descargas). Quizás uno de los más completos y con más garantías. Lo mejor de NextGEN Gallery es sus potentes y numerosas opciones, tantas como para hacer galerías a nuestro gusto y, además, lo hace solo. No necesita de mucho aprendizaje, es intuitivo y se encarga de crear las miniaturas, importar metadatos, borrar, reorganizar… y para el que quiera opciones más avanzadas, también existe una versión Pro.

Descarga | NextGEN Gallery WordPress plugin | Leer artículo completo en XATAKAFOTO.COM

WordPress: definir una plantilla diferente por categoría para leer posts (single.php)

WordPress: definir una plantilla diferente por categoría para leer posts (single.php)

Fuente: https://desarrollowp.com/blog/tutoriales/como-definir-una-plantilla-diferente-por-categoria-para-el-detalle-de-los-posts/

… cargará si encuentra un archivo single-nombredelacategoria.php (buscaremos por el slug de la categoría). En caso contrario devolverá single.php. Pondremos en nuestro functions.php:

function custom_single_template($the_template) {
foreach ( (array) get_the_category() as $cat ) {
if ( locate_template("single-{$cat-&gt;slug}.php") ) {
return locate_template("single-{$cat-&gt;slug}.php");
}
}
return $the_template;
}
add_filter( 'single_template', 'custom_single_template');

leer artículo completo en la fuente: desarrollowp.com