Si este tutorial no es lo que necesita y Usted todavía tiene preguntas o sugerencias – póngase en contacto con nosotros. ¡Por favor, ayúdenos a servirle!

Su Nombre

Su Email

Su Mensaje (obligatorio)

captcha

Plantillas Destacadas

WordPress. Cómo usar Shortcodes (basado en Cherry 3.x)

Este tutorial le va a mostrar cómo utilizar shortcodes en su plantilla de WordPress.

WordPress. ¿Cómo usar shortcodes?

El shortcode es una herramienta potente para creación de contenidos http://codex.wordpress.org/Shortcode. Para utilizar los que vienen con su plantilla:

Asegúrese de haber descargado e instalado Cherry plugin para utilizar estos shortcodes.

  1. Abra la entrada/página en el panel de administración de WordPress.

  2. Ajuste el modo de edición para Visual. Haga clic en el botón de los shortcodes. A continuación, seleccione el código abreviado que desea insertar.

wordpress_shortcodes_ using1

Todos los códigos cortos disponibles son condicionalmente divididos en estos grupos:

  • Dynamic – utilizado para la salida del contenido (entradas, tipos de correos personalizados, palabras claves, etc..);

  • Grid Columns – varias columnas para la formación de la rejilla;

  • Elements – elementos adicionales para la formación del contenido;

  • Other – elementos adicionales para la formación del contenido avanzado/complejo.

Echemos un vistazo más de cerca a los más importantes:

  1. Post Grid muestra mensajes estándar y personalizados en vista de la tabla con un número configurable de columnas y filas. Cuando se seleccione, se abre un lightbox con opciones de shortcode. Cada uno de ellos viene con una breve descripción, que hace que todo sea bastante explicable por sí mismo. Haga clic en el botón Insert Shortcode cuando haya terminado de configurar las opciones a su gusto. Se generará un Shortcode como éste:
  2. [posts_grid columns="3" rows="3" order_by="date" order="DESC" thumb_width="100" thumb_height="100" meta="yes"
     excerpt_count="20" link="yes" link_text="more" custom_class="custom_class"]
    

    Siga adelante y haga clic en Update para guardar el shortcode, a continuación, haga clic en Preview Changes para ver cómo se ve desde el front end de su página web.

    wordpress_shortcodes_ using2

  3. Post Listmuestra mensajes estándar y personalizados como en la página del blog:

  4. [posts_list numb="3" thumbs="large" thumb_width="100" thumb_height="100" post_content="excerpt" order_by="date"
     order="DESC" link="yes" link_text="more" tags="yes" custom_class="custom_class"] 
    

    wordpress_shortcodes_ using3

  5. Mini Post Grid es la versión más compacta del shortcode [post_grid]. Muestra las imágenes de las entradas estándar y personalizados con un tamaño de imagen configurable:

  6. [mini_posts_grid numb="3" thumbs="small" thumb_width="100" thumb_height="100" order_by="date" order="DESC" 
    align="left"]
    

    wordpress_shortcodes_ using4

  7. Mini Post List es la versión más compacta de shortcode [posts_list]. Muestra artículos estándar y personalizados en la vista de la lista:

  8. [mini_posts_list numb="3" thumbs="small" thumb_width="100" thumb_height="100" meta="yes" order_by="date" 
    order="DESC" excerpt_count="20"] 
    

    wordpress_shortcodes_ using5

  9. Recent Posts muestra los mensajes recientes que se pueden configurar con las siguientes opciones (tipo de entradas, cantidad de mensajes, formato de entradas, longitud de extracto, título del botón y otros):

  10. [recent_posts num="3" post_format="standard" meta="false" thumb="true" excerpt_count="20"]
    

    wordpress_shortcodes_ using6

  11. Recent Testimonials: muestra el número especificado de Testimonios tipo de entradas personalizadas, incluye la capacidad de mostrar/ocultar imágenes de entradas y gestionar la cantidad de palabras:

  12. [recenttesti num="2" thumb="true"]
    

    wordpress_shortcodes_ using7

  13. Banner se utiliza para mostrar un bloque con texto estático y/o imagen, título, enlace, etc:

  14. [banner img="#" banner_link="#" title="Title" text="Text" btn_text="Button" target="_self"]
    

    wordpress_shortcodes_ using8

  15. Comentarios Muestra los últimos comentarios:

  16. [recent_comments num="5"]
    

    wordpress_shortcodes_ using9

  17. Post Cycle muestra diferentes entradas en vista mini-slider:

  18. [post_cycle num="5" type="portfolio" meta="false" thumb="true" thumb_width="50" thumb_height="50" effect="slide"]
    

    wordpress_shortcodes_ using10

  19. Carousel muestra las entradas en la vista de carrusel, tiene varias opciones adicionales:

  20. [carousel num="5" type="blog" thumb="true" thumb_width="120" thumb_height="50" date="yes" author="yes"
     min_items="3"]
    

    wordpress_shortcodes_ using11

  21. Roundabout es un plugin de jQuery que convierte una estructura de elementos HTML estáticos en un área interactivo giratorio altamente personalizable:

  22. [roundabout title="Title" num="3" type="blog"]
    

    wordpress_shortcodes_ using12

  23. Service Box es utilizado para mostrar bloques de información que incluyen título, icono, texto, botón. La característica principal de este shortcode es la existencia de iconos pre-instalados. Para obtener los iconos para mostrar, tiene que subir sus íconos personalizados icon1.png, icon2.png, icon3.png, etc a la carpeta wp_content/themes/your_theme/images en su FTP:

  24. [service_box title="Title" icon="icon1" text="Your text" btn_text="Button" btn_link="#" btn_size="normal"
     target="_self"]
    

    wordpress_shortcodes_ using13

  25. Hero unit es utilizado para mostrar mayor información del sitio web, promociones, etc.. Por lo general se encuentra en la página principal de un sitio web, justo después de la cabecera:

  26. [hero_unit title="Title" text="Text" btn_text="Button" btn_link="#" btn_style="default" btn_size="normal"
     target="_self"]
    

    wordpress_shortcodes_ using14

  27. Categorias shortcode es se utiliza para mostrar las categorías (ambos son de entradas de blogs y entradas personalizadas):

  28. [categories class="plus"]
    

    wordpress_shortcodes_ using15

  29. Tags shortcode se utiliza para mostrar las palabras claves:

  30. [tags]
    

    wordpress_shortcodes_ using16

  31. Grid Columns (span1-12) es utilizado para estructurar los elementos de rejilla, donde # es un número de 1 a 12, que define la anchura del elemento:

  32. [span#] [/span#]
    

    Nota, formando una rejilla deberia insertar los elementos "wrap" de la rejilla en los [row] de shortcode:

    [row] [span6] Su Contenido... [/span6] [span6] t... [/span6] [/row]
    

    Bajo panel de Page Attributes a la derecha, Fullwidth Page debe ser seleccionado Template.

  33. Fluid Columns (one_half, one_third…) es utilizado para formar elementos de la red estructural, su anchura está delineada con %:

  34. [one_half] [/one_half] 
    

    Nota, formando una rejilla fluida debería insertar elementos "wrap" de la rejilla en los [row_fluid] de shortcode:

    [row_fluid] [five_sixth] Su Contenido... [/five_sixth] [one_sixth... [/one_sixth] [/row_fluid]
    
  35. Multiples columnas (75% / 25%, etc.) shortcodes se utilizan para simplificar la formación del contenido mediante la inserción de variantes de la rejilla más utilizados:

  36. [row]
    [span8] t... [/span8] [span4] Su Contenido... [/span4]
    [/row]
    

    wordpress_shortcodes_ using17

  37. Label es se utiliza para mostrar una etiqueta con el estilo predefinido:

  38. [label style="default"]label[/label]
    
  39. Highlight es utilizado para resaltar un fragmento de texto elegido:

  40. [highlight]Text[/highlight]
    
  41. Button es utilizado para insertar un botón con diversos ajustes de la pantalla (estilo, tamaño, icono, etc.):

  42. [button text="Text" link="#" style="default" size="normal" target="_self" display="inline" icon="no"] 
    
  43. Dropcap es se utiliza para mostrar una letra mayúscula destacada:

  44. [dropcap]L[/dropcap] 
    
  45. Blockquote es utilizado para mostrar una citación:

  46. [blockquote] Text... [/blockquote]
    
  47. La Listade shortcodes fijados (unstyled, check, check2, arrow, arrow2, star, plus, minus) es utilizado para mostrar diferentes listas de estilizaciones. Cada shortcode implementa su propio marcador para los elementos de la lista:

  48. [check_list] Enumerar aquí ... [/check_list] 
    
  49. Video Preview es se utiliza para insertar una vista previa de vídeo, que se puede cargar desde los servicios fuera de la página web (youtube, vimeo) o desde su sitio web (auto organizado):

  50. [video_preview post_url="http://demolink.org/blog/video-post-type/" title="yes" date="yes" author="yes"]
    

    wordpress_shortcodes_ using18

  51. Las cajas de alerta (mensaje, información, éxito, peligro) shortcodes establecidos se utilizan para mostrar los mensajes de servicio:

  52. [alert_box style="message" close="yes"]Hola, Mundo![/alert_box]
    

    wordpress_shortcodes_ using19

  53. Pestañas de shortcode es utilizado para mostrar el contenido organizado en pestañas. Aquí pueden contener el contenido estático y dinámico:

  54. [tabs tab1="Title #1" tab2="Title #2" tab3="Title #3"] 
       [tab1] Tab 1 content... [/tab1] 
       [tab2] Tab 2 content... [/tab2] 
       [tab3] Tab 3 content... [/tab3]
    [/tabs]
    

    wordpress_shortcodes_ using20

  55. Acordeón es utilizado para mostrar un acordeón – envuelve con títulos paneles:

  56. [accordions] 
        [accordion title="title1" visible="yes"] tab content [/accordion] 
        [accordion title="title2"] another content tab [/accordion] 
    [/accordions]
    

    wordpress_shortcodes_ using21

  57. Table se utiliza para mostrar una tabla:

  58. [table td1="#" td2="Title" td3="Value"] [td1] 1 [/td1] [td2] some title 1 [/td2] [td3] some value 1 [/td3] [/table]
    

    wordpress_shortcodes_ using22

  59. Google Map es utilizado para mostrar los mapas de Google. Para hacer el shortcode, tiene que insertar el enlace con ubicación deseada de https://maps.google.com:

  60. [map src="#" width="300" height="200"]
    
  61. Para los shortcodes no mencionados en este tutorial, por favor, consulte la documentación que viene con su plantilla en particular. La cantidad de shortcodes puede variar dependiendo de la plantilla.

No dude en revisar el video tutorial que tiene a continuación:

WordPress. Cómo usar shortcodes.

WordPress. Cómo usar Shortcodes (basado en Cherry 3.x), 5.0 out of 5 based on 1 rating
  • This is a nice little plugin to consolidate all these different shortcodes.