WordPress plugin: Shortcode

Columns

Crea più colonne sulla pagina, in modo responsive, e le sposta verticalmente una sopra l’altra quando la pagina è visualizzata in uno schermo piccolo.
Puoi nidificare altri shortcode all’interno delle colonne.
esempio di codice con testo + pulsante + immagine da incollare direttamente nella pagina:

risultato:

Integer a risus quis libero faucibus eleifend bibendum vitae odio. Curabitur sit amet mi eleifend elit viverra auctor a non nulla. Ut varius et lacus ac aliquam. Curabitur augue velit, cursus nec consequat quis, condimentum ut diam. Sed ac sem vitae arcu venenatis pretium. Fusce in enim pulvinar, venenatis turpis ac, ultricies mauris.

 

Usa lo shortcode Table per inserire le colonne in una tabella responsive, mantenendo il riposizionamento in verticale su piccoli schermi.
codice di esempio da incollare come codice html (click sul tab [Testo]):

risultato:

Integer a risus quis libero faucibus eleifend bibendum vitae odio. Curabitur sit amet mi eleifend elit viverra auctor a non nulla. Ut varius et lacus ac aliquam. Curabitur augue velit, cursus nec consequat quis, condimentum ut diam. Sed ac sem vitae arcu venenatis pretium. Fusce in enim pulvinar, venenatis turpis ac, ultricies mauris.

if(window.SUImageCarousel){setTimeout(function() {window.SUImageCarousel.initGallery(document.getElementById("su_image_carousel_6605bfb1b6f6e"))}, 0);}var su_image_carousel_6605bfb1b6f6e_script=document.getElementById("su_image_carousel_6605bfb1b6f6e_script");if(su_image_carousel_6605bfb1b6f6e_script){su_image_carousel_6605bfb1b6f6e_script.parentNode.removeChild(su_image_carousel_6605bfb1b6f6e_script);}

 

Puoi anche aggiungere bordi e sfondo alle colonne utilizzando codice CSS da aggiungere al setup del plugin in Bacheca/Shortcode/Settings.
Ad esempio:

Poi modifica il codice aggiungendo le classi CSS allo shortcode:

risultato:

Integer a risus quis libero faucibus eleifend bibendum vitae odio. Curabitur sit amet mi eleifend elit viverra auctor a non nulla. Ut varius et lacus ac aliquam. Curabitur augue velit, cursus nec consequat quis, condimentum ut diam. Sed ac sem vitae arcu venenatis pretium. Fusce in enim pulvinar, venenatis turpis ac, ultricies mauris.

Immagini collegate: