Shortcodes plantilla

Shortcodes que se pueden usar en la plantilla

Una de las mejores formas a mi a parecer de junto a Markdown hacen que sea mas facil editar una pagina.

Nota! Si te fijas en el shortcode hay un espacio en el primer corchete, esto lo hago para que no se convierta en html solamente.

Divider

{ Divider}
// num = paddind top y bottom en em
{ Divider num=3}

Iframes

Nota: Solo acepta contenido seguro https

// src = enlace del iframe
// cls = clase css
{ Iframe src='monchovarela.es'}

Youtube & Vimeo

// id = id del video
// cls = clase css
 { Youtube id='GxEc46k46gg'}
// id = id del video
// cls = clase css
 { Vimeo id='149129821'}

Texto

// bg = Color del fondo
// Color = Color del texto
 { Texto bg='blue' Color='white'}Text aqui{/Texto}

Alerts

// type [primary|secondary|success|info|warning|danger|light|dark]
{ Alert type='primary'} **Primary!** This is a primary alert-check it out! {/Alert}

Primary! This is a primary alert-check it out!

Secondary! This is a primary alert-check it out!

Success! This is a primary alert-check it out!

Info! This is a primary alert-check it out!

Warning! This is a primary alert-check it out!

Danger! This is a primary alert-check it out!

Light! This is a primary alert-check it out!

Dark! This is a primary alert-check it out!

Botones

Color

// Color = [primary|secondary|success|info|warning|danger|light|dark|link]
// text = texto del boton
// id =  id del boton (opcional)
// link = dirección  (opcional)
{ Btn Color='dark' text='Link' link='//example.com'}

PrimarySecondarySuccessInfoWarningDangerLightDarkLink

Columnas

// cls = se le puede añadir cualquer classe
{ Row}

// Col = numero de Columnas que al sumarse sean igual a 12
{ Col num='4'}
Labore ipsum ea dolor labore deserunt magna magna sit consequat magna eiusmod consequat.
{/Col}

{ Col num='4'}
Labore ipsum ea dolor labore deserunt magna magna sit consequat magna eiusmod consequat.
{/Col}

{ Col num='4'}
Labore ipsum ea dolor labore deserunt magna magna sit consequat magna eiusmod consequat.
{/Col}

{/Row}

Col 4

Labore ipsum ea dolor labore deserunt magna magna sit consequat magna eiusmod consequat.

Col 4

Labore ipsum ea dolor labore deserunt magna magna sit consequat magna eiusmod consequat.

Col 4

Labore ipsum ea dolor labore deserunt magna magna sit consequat magna eiusmod consequat.

Col 3

Labore ipsum ea dolor labore deserunt magna magna sit consequat magna eiusmod consequat.

Col 3

Labore ipsum ea dolor labore deserunt magna magna sit consequat magna eiusmod consequat.

Col 3

Labore ipsum ea dolor labore deserunt magna magna sit consequat magna eiusmod consequat.

Col 3

Labore ipsum ea dolor labore deserunt magna magna sit consequat magna eiusmod consequat.

Col 6

Labore ipsum ea dolor labore deserunt magna magna sit consequat magna eiusmod consequat.

Col 6

Labore ipsum ea dolor labore deserunt magna magna sit consequat magna eiusmod consequat.

Col 8

Labore ipsum ea dolor labore deserunt magna magna sit consequat magna eiusmod consequat.

Col 4

Labore ipsum ea dolor labore deserunt magna magna.

Col 4

Labore ipsum ea dolor labore deserunt magna magna.

Col 8

Labore ipsum ea dolor labore deserunt magna magna sit consequat magna eiusmod consequat.

Barra de progreso

// size = Tamaño de la barra
// Color = [success | info | warning | danger ]
// cls = otra clase
{ Progress  size='25' Color='success'}

Cards

// Row para agrupar
// Col = numero de Columna que sume 12 en total en el Bloque
// title =  titulo
// img = imagen
// cls = css class
{ Row}
{ Card col='6' title='heart' img='{ Url}/content/imagenes/sin-imagen.svg'}
Row que sumen 12 en total

{ Btn Color='primary' text='Primary' id='btn' link='//example.com'}
{/Card}
{ Card col='6' title='heart' img='{ Url}/content/imagenes/sin-imagen.svg'}
Row que sumen 12 en total

{ Btn Color='primary' text='Primary' id='btn' link='//example.com'}
{/Card}
{/Row}
heart

heart

Row que sumen 12 en total

Primary

heart

heart

Row que sumen 12 en total

Primary

Accordeones ( se necesita jQuery )

// id = id del acordeon
{ Accordions id='acordeon'}

// title = el titulo
// cls = la clase ( si es active el acordeon se expande)
{ Accordion cls='active' title='Acordeon uno'}
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Possimus sit similique quidem, sint veniam amet nostrum facilis eius consectetur. Doloremque fuga, libero veritatis itaque nisi numquam earum. Ipsum explicabo, quasi.
{/Accordion}

{ Accordion  title='Acordeon dos'}
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Hic quam quasi, officia nulla est possimus fugit nesciunt, dolores dolore eaque. Consequatur, ipsa. Voluptas, laborum voluptatum aliquid doloribus quos praesentium quod.
{/Accordion}

{ Acordeon  title='Acordeon tres'}
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Vero aperiam nemo adipisci cumque qui vitae nihil. Consequatur quo explicabo dolore quas, autem, temporibus repellendus nostrum qui in necessitatibus optio, non.
{/Accordion}

{/Accordions}

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Possimus sit similique quidem, sint veniam amet nostrum facilis eius consectetur. Doloremque fuga, libero veritatis itaque nisi numquam earum. Ipsum explicabo, quasi.

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Hic quam quasi, officia nulla est possimus fugit nesciunt, dolores dolore eaque. Consequatur, ipsa. Voluptas, laborum voluptatum aliquid doloribus quos praesentium quod.

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Vero aperiam nemo adipisci cumque qui vitae nihil. Consequatur quo explicabo dolore quas, autem, temporibus repellendus nostrum qui in necessitatibus optio, non.

Iconos

// type = nombre
// href = enlace
// cls = clase css
{ Icon type='facebook' href='//facebbok.com'}


mobile


laptop


desktop


tablet


phone


document


documents


search


clipboard


newspaper


notebook


book-open


bRowser


calendar


presentation


picture


pictures


video


camera


printer


toolbox


briefcase


wallet


gift


bargraph


grid


expand


focus


edit


adjustments


ribbon


hourglass


lock


megaphone


shield


trophy


flag


map


puzzle


basket


envelope


streetsign


telescope


gears


key


paperclip


attachment


pricetags


lightbulb


layers


pencil


tools


tools-2


scissors


paintbrush


magnifying-glass


circle-compass


linegraph


mic


strategy


beaker


caution


recycle


anchor


profile-male


profile-female


bike


wine


hotairballoon


globe


genius


map-pin


dial


chat


heart


cloud


upload


download


target


hazardous


piechart


speedometer


global


compass


lifesaver


clock


aperture


quote


scope


alarmclock


refresh


happy


sad


facebook


twitter


googleplus


rss


tumblr


linkedin


dribbble


box2


write


clock2


reply2


reply-all2


forward2


flag2


search2


trash2


envelope2


bubble


bubbles


user2


users2


cloud2


download2


upload2


rain


sun


moon2


bell2


folder2


pin2


sound2


microphone


camera2


image2


cog2


calendar2


book2


map-marker


store


support


tag2


heart2


video-camera


trophy2


cart


eye2


cancel


chart


target2


printer2


location2


bookmark2


monitor


cross2


plus2


left


up


bRowser2


windows


switch2


dashboard


play


fast-forward


next


refresh2


film


home2


add-to-list


classic-computer


controller-fast-backward


creative-commons-attribution


creative-commons-noderivs


creative-commons-noncommercial-eu


creative-commons-noncommercial-us


creative-commons-public-domain


creative-commons-remix


creative-commons-share


creative-commons-sharealike


creative-commons


document-landscape


remove-user


warning


arRow-bold-down


arRow-bold-left


arRow-bold-right


arRow-bold-up


arRow-down


arRow-left


arRow-long-down


arRow-long-left


arRow-long-right


arRow-long-up


arRow-right


arRow-up


arRow-with-circle-down


arRow-with-circle-left


arRow-with-circle-right


arRow-with-circle-up


bookmark


bookmarks


chevron-down


chevron-left


chevron-right


chevron-small-down


chevron-small-left


chevron-small-right


chevron-small-up


chevron-thin-down


chevron-thin-left


chevron-thin-right


chevron-thin-up


chevron-up


chevron-with-circle-down


chevron-with-circle-left


chevron-with-circle-right


chevron-with-circle-up


cloud3


controller-fast-forward


controller-jump-to-start


controller-next


controller-paus


controller-play


controller-record


controller-stop


controller-volume


dot-single


dots-three-horizontal


dots-three-vertical


dots-two-horizontal


dots-two-vertical


download3


emoji-flirt


flow-branch


flow-cascade


flow-line


flow-parallel


flow-tree


install


layers2


open-book


resize-100


resize-full-screen


save


select-arRows


sound-mute


sound


trash


triangle-down


triangle-left


triangle-right


triangle-up


uninstall


upload-to-cloud


upload3


add-user


address


adjust


air


aircraft-landing


aircraft-take-off


aircraft


align-bottom


align-horizontal-middle


align-left


align-right


align-top


align-vertical-middle


archive


area-graph


attachment2


awareness-ribbon


back-in-time


back


bar-graph


battery


beamed-note


bell


blackboard


Col


book


bowl


box


briefcase2


bRowser3


brush


bucket


cake


calculator


calendar3


camera3


ccw


chat2


check


circle-with-cross


circle-with-minus


circle-with-plus


circle


circular-graph


clapperboard


clipboard2


clock3


code


cog


Colours


compass2


copy


credit-card


credit


cross


cup


cw


cycle


database


dial-pad


direction


document2


documents2


drink


drive


drop


edit2


email


emoji-happy


emoji-neutral


emoji-sad


erase


eraser


export


eye


feather


flag3


flash


flashlight


flat-brush


folder-images


folder-music


folder-video


folder


forward


funnel


game-controller


gauge


globe2


graduation-cap


grid2


hair-cross


hand


heart-outlined


heart3


help-with-circle


help


home


hour-glass


image-inverted


image


images


inbox


infinity


info-with-circle


info


key2


keyboard


lab-flask


landline


language


laptop2


leaf


level-down


level-up


lifebuoy


light-bulb


light-down


light-up


line-graph


link


list


location-pin


location


lock-open


lock2


log-out


login


loop


magnet


magnifying-glass2


mail


man


map2


mask


medal


megaphone2


menu


message


mic2


minus


mobile2


modern-mic


moon


mouse


music


network


new-message


new


news


note


notification


old-mobile


old-phone


palette


paper-plane


pencil2


phone2


pie-chart


pin


plus


popup


power-plug


price-ribbon


price-tag


print


progress-empty


progress-full


progress-one


progress-two


publish


quote2


radio


reply-all


reply


retweet


rocket


round-brush


rss2


ruler


scissors2


share-alternitive


share


shareable


shield2


shop


shopping-bag


shopping-basket


shopping-cart


shuffle


signal


sound-mix


sports-club


spreadsheet


squared-cross


squared-minus


squared-plus


star-outlined


star


stopwatch


suitcase


swap


sweden


switch


tablet2


tag


text-document-inverted


text-document


text


thermometer


thumbs-down


thumbs-up


thunder-cloud


ticket


time-slot


tools2


traffic-cone


tree


trophy3


tv


typing


unread


untag


user


users


v-card


video2


vinyl


voicemail


wallet2


water


500px-with-circle


500px


basecamp


behance


creative-cloud


dropbox


evernote


flattr


foursquare


google-drive


google-hangouts


grooveshark


icloud


mixi


onedrive


paypal


picasa


qq


rdio-with-circle


renren


scribd


sina-weibo


skype-with-circle


skype


slideshare


smashing


soundcloud


spotify-with-circle


spotify


swarm


vine-with-circle


vine


vk-alternitive


vk-with-circle


vk


xing-with-circle


xing


yelp


dribbble-with-circle


dribbble2


facebook-with-circle


facebook2


flickr-with-circle


flickr


github-with-circle


github


google-with-circle


google


instagram-with-circle


instagram


lastfm-with-circle


lastfm


linkedin-with-circle


linkedin2


pinterest-with-circle


pinterest


rdio


stumbleupon-with-circle


stumbleupon


tumblr-with-circle


tumblr2


twitter-with-circle


twitter2


vimeo-with-circle


vimeo


youtube-with-circle


youtube


home3


home22


home32


office


newspaper2


pencil3


pencil22


quill


pen


blog


eyedropper


droplet


paint-format


image3


images2


camera4


headphones


music2


play2


film2


video-camera2


dice


pacman


spades


clubs


diamonds


bullhorn


connection


podcast


feed


mic3


book3


books


library


file-text


profile


file-empty


files-empty


file-text2


file-picture


file-music


file-play


file-video


file-zip


copy2


paste


stack


folder3


folder-open


folder-plus


folder-minus


folder-download


folder-upload


price-tag2


price-tags


barcode


qrcode


ticket2


cart2


coin-dollar


coin-euro


coin-pound


coin-yen


credit-card2


calculator2


lifebuoy2


phone3


phone-hang-up


address-book


envelop


pushpin


location3


location22


compass3


compass22


map3


map22


history


clock4


clock22


alarm


bell3


stopwatch2


calendar4


printer3


keyboard2


display


laptop3


mobile3


mobile22


tablet3


tv2


drawer


drawer2


box-add


box-remove


download4


upload4


floppy-disk


drive2


database2


undo


redo


undo2


redo2


forward3


reply3


bubble2


bubbles2


bubbles22


bubble22


bubbles3


bubbles4


user3


users3


user-plus


user-minus


user-check


user-tie


quotes-left


quotes-right


hour-glass2


spinner


spinner2


spinner3


spinner4


spinner5


spinner6


spinner7


spinner8


spinner9


spinner10


spinner11


binoculars


search3


zoom-in


zoom-out


enlarge


shrink


enlarge2


shrink2


key3


key22


lock3


unlocked


wrench


equalizer


equalizer2


cog3


cogs


hammer


magic-wand


aid-kit


bug


pie-chart2


stats-dots


stats-bars


stats-bars2


trophy4


gift2


glass


glass2


mug


spoon-knife


leaf2


rocket2


meter


meter2


hammer2


fire


lab


magnet2


bin


bin2


briefcase3


airplane


truck


road


accessibility


target3


shield3


power


switch3


power-cord


clipboard3


list-numbered


list2


list22


tree2


menu2


menu22


menu3


menu4


cloud4


cloud-download


cloud-upload


cloud-check


download22


upload22


download32


upload32


sphere


earth


link2


flag4


attachment3


eye3


eye-plus


eye-minus


eye-Coled


bookmark3


bookmarks2


sun2


contrast


brightness-contrast


star-empty


star-half


star-full


heart4


heart-broken


man2


woman


man-woman


happy2


happy22


smile


smile2


tongue


tongue2


sad2


sad22


wink


wink2


grin


grin2


cool


cool2


angry


angry2


evil


evil2


shocked


shocked2


baffled


baffled2


confused


confused2


neutral


neutral2


hipster


hipster2


wondering


wondering2


sleepy


sleepy2


frustrated


frustrated2


crying


crying2


point-up


point-right


point-down


point-left


warning2


notification2


question


plus3


minus2


info2


cancel-circle


Coled


cross3


checkmark


checkmark2


spell-check


enter


exit


play22


pause


stop


previous


next2


backward


forward22


play3


pause2


stop2


backward2


forward32


first


last


previous2


next22


eject


volume-high


volume-medium


volume-low


volume-mute


volume-mute2


volume-increase


volume-decrease


loop2


loop22


infinite


shuffle2


arRow-up-left


arRow-up2


arRow-up-right


arRow-right2


arRow-down-right


arRow-down2


arRow-down-left


arRow-left2


arRow-up-left2


arRow-up22


arRow-up-right2


arRow-right22


arRow-down-right2


arRow-down22


arRow-down-left2


arRow-left22


circle-up


circle-right


circle-down


circle-left


tab


move-up


move-down


sort-alpha-asc


sort-alpha-desc


sort-numeric-asc


sort-numberic-desc


sort-amount-asc


sort-amount-desc


command


shift


ctrl


opt


checkbox-checked


checkbox-unchecked


radio-checked


radio-checked2


radio-unchecked


crop


make-group


ungroup


scissors3


filter


font


ligature


ligature2


text-height


text-width


font-size


bold


underline


italic


strikethrough


omega


sigma


page-break


superscript


subscript


superscript2


subscript2


text-Color


pagebreak


clear-formatting


table


table2


insert-template


pilcRow


ltr


rtl


section


paragraph-left


paragraph-center


paragraph-right


paragraph-justify


indent-increase


indent-decrease


share2


new-tab


embed


embed2


terminal


share22


mail2


mail22


mail3


mail4


amazon


google2


google22


google3


google-plus


google-plus2


google-plus3


hangouts


whatsapp


spotify2


telegram


twitter3


vine2


vk2


renren2


sina-weibo2


rss3


rss22


youtube2


youtube22


twitch


vimeo2


vimeo22


lanyrd


flickr2


flickr22


flickr3


flickr4


dribbble3


behance2


behance22


deviantart


500px2


steam


steam2


dropbox2


onedrive2


github2


npm


basecamp2


trello


wordpress


joomla


ello


blogger


blogger2


tumblr3


tumblr22


yahoo


yahoo2


tux


appleinc


soundcloud2


soundcloud22


skype2


reddit


hackernews


wikipedia


linkedin3


linkedin22


lastfm2


lastfm22


delicious


xing2


xing22


flattr2


foursquare2


yelp2


paypal2


chrome


firefox


IE


edge


safari


opera


file-pdf


file-openoffice


file-word


file-excel


libreoffice


html-five


html-five2


css3


git


codepen


svg


IcoMoon