wordpress: quitar “category” en la url de las categorias

Buenas a todos

en wordpress cuando pinchas en una categoria para ver todos los posts de una misma categoria la url se muestra asi “tusitio.com/category/tucategoria”

con este plugin la palabra categoryd esaparece de la url mostrando “tusitio.com/tucategoria” que queda mucho mas kuki

solo hay que instalarlo y activarlo, nada mas

fuente: https://wordpress.org/plugins/no-category-base-wpml/

Anuncios

wordpress: no aparece el campo “imagen destacada” en el panel de control de admin

Buenas

Si estais creando vuestro propio theme y a la hora de crear un post no veis el campo “imagen destacada” teneis que hacer lo siguiente:

  • editar el archivo functions.php de la carpeta de vuestro template en wp-content/themes y añadir add_theme_support( ‘post-thumbnails’ );

A mi me ha librado de sufrir un infarto, espero os sea de ayuda xDD

wordpress: scroll infinito para paginar contenidos by ayudawp.com

wordpress: scroll infinito para paginar contenidos by ayudawp.com

fuente: https://ayudawp.com/scroll-infinito-en-wordpress/

fragmento del artículo, para ver completo ir a https://ayudawp.com/scroll-infinito-en-wordpress/

… no tienes que ir haciendo clic a enlaces del tipo de “página siguiente” sino que cuando llegas a bajo de una web esta se va extendiendo, mostrando más contenido, hasta el infinito …Hay un plugin, Infinite-Scroll, basado en jQuery, que nos ofrece exactamente esto. Solo hay que instalarlo y activarlo y ya tenemos scroll infinito en nuestro WordPress …

Polylang: plug-in de wordpress para traduccion de idioma

Polylang: plug-in de wordpress para traduccion de idioma

Polylang es un plugin gratuito en su version basica que te permite tener tu sitio en varios idiomas, con el tipico selector de idioma siempre presente para que el usuario decida que idioma desea visualizar.

En la misma pantalla donde redactamos nuestros posts nos permitira introducir el contenido para todos los idiomas

Tiene una opcion de traduccion automatica pero desconozco si es para todas las versiones del plugin o solo para la version de pago

La instalacion es muy sencilla como para cualquier otro plugin, en la primer pantalla de configuracion indicaremos cuantos idiomas queremos y cuales, nada del otro mundo …

Dos cositas puntuales:

  • En la seccion apariencia del tema, en menus deberemos crear un menu para cada idioma. En la configuracion nos pedira que le indiquemos para que idioma es el menu creado asi que es muy sencillo de configurar
  • Para que nos aparezca el selector de idioma en el index del site debemos ir a widgets del tema, y activar el “conmutador de idioma” que por defecto viene desactivado

Muy sencillo y muy efectivo, pense que para tener la web en varios idiomas iba a sudar tinta y me ha resultado “muy facil” crear esta opcion para mi site sin necesidad de programar o revolver 50 mil cosas xDD

Podeis descargar el plugin desde la web oficial de wordpress aqui: https://es.wordpress.org/plugins/polylang/

y la documentacion oficial del plugin (en ingles pero con nuestro querido traductor de chrome no tendremos problemas) aqui: https://polylang.pro/doc-category/getting-started/

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

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(); ?>
  • 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/