ショートコードを試してみる。。。


テンプレートのバージョンを上げたら、ショートコードが簡単に利用できるように作られていた。

なので一度試してみたいと思います。

[font size=’14px’ color=” bgcolor=” italic=” class=”]Decoration text[/font]

[button url=’#’ title=’Button Title’ color=” icon=” newwindow=” size=” class=” rel=nofollow]

[label title=’Label Title’ color=” icon=” text=’Next text’ class=”]

[filter url=” blur=” blurval=4px grayscale=” grayscaleval=100% saturate=” saturateval=0% sepia=” sepiaval=100% brightness=” brightnessval=80% contrast=” contrastval=80% opacity=” opacityval=80% invert=” invertval=100% hue=” hueval=180deg width=” height=” class=” alt=”]

[qrcode url=” size=200px alt=” class=”]

[recentposts num=5 cat=” date=0 sort=’post_date’ hatebu=0 excerpt=0]

[adsense id=’pub-4911212233853394′ unitid=” size=’rect’]

[accordions class=” style=”] [accordion title=’Title 1′ class=” style=”] First Accordion Content [/accordion] [accordion title=’Title 2′ class=” style=”] Second Accordion Content [/accordion] [accordion title=’Title 3′ class=” style=”] Third Accordion Content [/accordion] [/accordions]

[toggles class=” style=”] [toggle title=’Title 1′ class=” style=”] First Toggle Content [/toggle] [toggle title=’Title 2′ class=” style=”] Second Toggle Content [/toggle] [toggle title=’Title 3′ class=” style=”] Third Toggle Content [/toggle] [/toggles]

[tabs class=”] [tab title=’Title 1′ class=” icon=”] First Tab Content [/tab] [tab title=’Title 2′ class=” icon=”] Second Tab Content [/tab] [tab title=’Title 3′ class=” icon=”] Third Tab Content [/tab] [/tabs]

[table width=100% highlight=” hoverrowbgcolor=” hoverrowfontcolor=” hovercellbgcolor=” hovercellfontcolor=” sort=” class=”] [tablehead title=’1st col,2nd col,3rd col’ class=”] [tablerow title=” align=’center’ width=” class=” bgcolor=”] [tablecell width=” align=” bgcolor=”] Cell 1-1 [/tablecell] [tablecell width=” align=” bgcolor=”] Cell 1-2 [/tablecell] [tablecell width=” align=” bgcolor=”] Cell 1-3 [/tablecell] [/tablerow] [tablerow title=” align=’center’ width=” class=” bgcolor=”] [tablecell width=” align=” bgcolor=”] Cell 2-1 [/tablecell] [tablecell width=” align=” bgcolor=”] Cell 2-2 [/tablecell] [tablecell width=” align=” bgcolor=”] Cell 2-3 [/tablecell] [/tablerow] [tablerow title=” align=’center’ width=” class=” bgcolor=”] [tablecell width=” align=” bgcolor=”] Cell 3-1 [/tablecell] [tablecell width=” align=” bgcolor=”] Cell 3-2 [/tablecell] [tablecell width=” align=” bgcolor=”] Cell 3-3 [/tablecell] [/tablerow] [/tablehead] [/table]

[promobox column=3 class=”] [promo title=’Promo Title’ titlecolor=” titlehovercolor=” titlesize=16px titlebold=1 icon=’icon-mobile’ iconstyle=’square’ iconsize=40px iconrotate=” iconscale=” iconcolor=” iconhovercolor=” iconbgcolor=” iconbdcolor=” iconbdwidth=” iconalign=” bgcolor=” bghovercolor=” imgurl=” url=” target=”] Promotion Text Here. [/promo] [promo title=’Promo Title’ titlecolor=” titlehovercolor=” titlesize=16px titlebold=1 icon=’icon-laptop’ iconstyle=’round’ iconsize=40px iconrotate=” iconscale=” iconcolor=” iconhovercolor=” iconbgcolor=” iconbdcolor=” iconbdwidth=” iconalign=” bgcolor=” bghovercolor=” imgurl=” url=” target=”] Promotion Text Here. [/promo] [promo title=’Promo Title’ titlecolor=” titlehovercolor=” titlesize=16px titlebold=1 icon=’icon-desktop’ iconstyle=’circle’ iconsize=40px iconrotate=” iconscale=” iconcolor=” iconhovercolor=” iconbgcolor=” iconbdcolor=” iconbdwidth=” iconalign=” bgcolor=” bghovercolor=” imgurl=” url=” target=”] Promotion Text Here. [/promo] [/promobox]

[profile name=’Your Name’ namesize=18px namecolor=” namebold=1 nameitalic=” authorurl=” profimgurl=’http://demo.dptheme.net/dp7/wp-content/uploads/sites/2/girl-flowers1-620×422.jpg’ profsize=100px profshape=circle profbdwidth=5px topbgimgurl=” topbgcolor=#dddddd bgcolor=#ffffff desccolor=#888888 descfontsize=12px border=1 bdcolor=#dddddd twitterurl=” facebookurl=” googleplusurl=” youtubeurl=” pinteresturl=” width=100% class=”] Insert Your Profile. [/profile]

[highlighter type=0 time=3000 fadetime=2000 class=”] [highlight class=” style=”]First Highlight Text[/highlight] [highlight class=” style=”]Secound Highlight Text[/highlight] [highlight class=” style=”]Third Highlight Text[/highlight] [/highlighter]

[dpslideshow fx=’fade’ showtime=3500 transitiontime=1200 autoplay=true hoverpause=false showcontrol=true controlpos=center nexttext=Next prevtext=Prev showpagenavi=true pagenavipos=center captionblack=false class=” style=”] [dpslide imgurl=’http://demo.dptheme.net/_wp/wp-content/uploads/vegetables.jpg’ url=” caption=’ This is slide caption.’ class=” style=”]

You can add the original HTML contents like this.

[/dpslide] [dpslide imgurl=’http://demo.dptheme.net/_wp/wp-content/uploads/vase.jpg’ url=” caption=’ This is slide caption.’ class=” style=”] [/dpslide] [dpslide imgurl=’http://demo.dptheme.net/_wp/wp-content/uploads/tenedores.jpg’ url=” caption=’ This is slide caption.’ class=” style=”] [/dpslide] [/dpslideshow]

[flexbox direction=row wrap=nowrap alignh=left alignv=” alignitems=stretch flexchildren=” width=100% height=” class=” style=”] [flexitem flex=1 margin=10 padding=” width=” height=” class=” style=”] First Flex Item [/flexitem] [flexitem flex=1 margin=10 padding=” width=” height=” class=” style=”] Second Flex Item [/flexitem] [flexitem flex=1 margin=10 padding=” width=” height=” class=” style=”] Third Flex Item [/flexitem] [/flexbox]

 

 


コメント

SNSでもご購読できます。

PR