Shortcodes are fantastic to make your life a bit easier. They provide a variety of handy tools and content elements that you might need from time to time. Many themes come with tons of shortcodes these days but most of them are directly built into the theme. So you loose them if you want to change the theme. DER PRiNZ Shortcode Collection is a WordPress Plugin that is build to be used in DER PRiNZ WordPress themes as well as in almost any other theme. Upload, activate and use them. And if you change the theme they are still there.
I tried to keep the styling pretty simple but also modern and fresh so the content elements generated by the shortcodes will fit for many themes. But if you need something very special you can also go and chnage the styling by editing the css file of the shortcode. Every Shortcode has its own folder inside the Plugin folder and inside the shortcode folder you find a specific css file for each shortcode.
DER PRiNZ Shortcode Collection comes with a nice user interface that is built into the Tiny MCE Editor of WordPress. Just klick on the little crown icon in your editor and you will find an easy to use user interface for your shortcodes.
[contentbox headline=“Note“ type=“info“]Please be aware that this plugin a beta release. At the moment there is just a small number of useful shortcodes available but I plan to add more shortcodes in the future. [/contentbox]
Columlayouts
[columnlayout]
[columncontent width=“50″]
1/2 Cloumn
Pellentesque scelerisque tempus nunc, at tincidunt elit facilisis non. Nulla dolor nulla, tempus ut bibendum et, sollicitudin non mi. Suspendisse ut odio in arcu vehicula gravida eu eget dui. Mauris dictum erat quis enim bibendum adipiscing condimentum augue elementum. Nulla facilisi. Nulla non sed.
[/columncontent]
[columncontent width=“50″]
1/2 Cloumn
Pellentesque scelerisque tempus nunc, at tincidunt elit facilisis non. Nulla dolor nulla, tempus ut bibendum et, sollicitudin non mi. Suspendisse ut odio in arcu vehicula gravida eu eget dui. Mauris dictum erat quis enim bibendum adipiscing condimentum augue elementum. Nulla facilisi. Nulla non sed.
[/columncontent]
[/columnlayout]
[columnlayout]
[columncontent width=“33″]
1/3 Cloumn
Pellentesque scelerisque tempus nunc, at tincidunt elit facilisis non. Nulla dolor nulla, tempus ut bibendum et, sollicitudin non mi. Suspendisse ut odio in arcu vehicula gravida eu eget dui. Mauris dictum erat quis enim bibendum adipiscing condimentum augue elementum. Nulla facilisi. Nulla non sed.
[/columncontent]
[columncontent width=“33″]
1/3 Cloumn
Pellentesque scelerisque tempus nunc, at tincidunt elit facilisis non. Nulla dolor nulla, tempus ut bibendum et, sollicitudin non mi. Suspendisse ut odio in arcu vehicula gravida eu eget dui. Mauris dictum erat quis enim bibendum adipiscing condimentum augue elementum. Nulla facilisi. Nulla non sed.
[/columncontent]
[columncontent width=“33″]
1/3 Cloumn
Pellentesque scelerisque tempus nunc, at tincidunt elit facilisis non. Nulla dolor nulla, tempus ut bibendum et, sollicitudin non mi. Suspendisse ut odio in arcu vehicula gravida eu eget dui. Mauris dictum erat quis enim bibendum adipiscing condimentum augue elementum. Nulla facilisi. Nulla non sed.
[/columncontent]
[/columnlayout]
[columnlayout]
[columncontent width=“25″]
1/4 Cloumn
Pellentesque scelerisque tempus nunc, at tincidunt elit facilisis non. Nulla dolor nulla, tempus ut bibendum et, sollicitudin non mi. Suspendisse ut odio in arcu vehicula gravida eu eget dui.
[/columncontent]
[columncontent width=“25″]
1/4 Cloumn
Pellentesque scelerisque tempus nunc, at tincidunt elit facilisis non. Nulla dolor nulla, tempus ut bibendum et, sollicitudin non mi. Suspendisse ut odio in arcu vehicula gravida eu eget dui.
[/columncontent]
[columncontent width=“50″]
1/2Cloumn
Pellentesque scelerisque tempus nunc, at tincidunt elit facilisis non. Nulla dolor nulla, tempus ut bibendum et, sollicitudin non mi. Suspendisse ut odio in arcu vehicula gravida eu eget dui. Mauris dictum erat quis enim bibendum adipiscing condimentum augue elementum. Nulla facilisi. Nulla non sed.
[/columncontent]
[/columnlayout]
[columnlayout]
[columncontent width=“25″]
1/4 Cloumn
Pellentesque scelerisque tempus nunc, at tincidunt elit facilisis non. Nulla dolor nulla, tempus ut bibendum et, sollicitudin non mi. Suspendisse ut odio in arcu vehicula gravida eu eget dui.
[/columncontent]
[columncontent width=“25″]
1/4 Cloumn
Pellentesque scelerisque tempus nunc, at tincidunt elit facilisis non. Nulla dolor nulla, tempus ut bibendum et, sollicitudin non mi. Suspendisse ut odio in arcu vehicula gravida eu eget dui.
[/columncontent]
[columncontent width=“25″]
1/4 Cloumn
Pellentesque scelerisque tempus nunc, at tincidunt elit facilisis non. Nulla dolor nulla, tempus ut bibendum et, sollicitudin non mi. Suspendisse ut odio in arcu vehicula gravida eu eget dui.
[/columncontent]
[columncontent width=“25″]
1/4 Cloumn
Pellentesque scelerisque tempus nunc, at tincidunt elit facilisis non. Nulla dolor nulla, tempus ut bibendum et, sollicitudin non mi. Suspendisse ut odio in arcu vehicula gravida eu eget dui.
[/columncontent]
[/columnlayout]
Contentslider
[contentslider effect=“slide“ autorun=“true“ speed=“5000″]
[contenttab]
Just add any content you like
Vivamus est turpis, pulvinar sed commodo non, feugiat at felis. Proin euismod enim condimentum nisi molestie tincidunt sit amet non diam? Sed metus neque, sagittis eu pharetra nec, rhoncus non lacus. Maecenas sed orci ornare diam porttitor aliquet in eget diam. Vivamus vehicula est ut libero nullam.Curabitur facilisis odio non enim semper aliquet! Vivamus molestie, ante ut posuere pulvinar, tellus tellus posuere arcu, at semper sapien erat laoreet tortor! Sed et erat metus. Praesent sed sapien augue, vel accumsan dolor. Nunc hendrerit aliquet auctor. Vestibulum ante ipsum primis in massa nunc.
[/contenttab]
[contenttab][columnlayout]
[columncontent width=“50″]
1/2 Cloumn
Pellentesque scelerisque tempus nunc, at tincidunt elit facilisis non. Nulla dolor nulla, tempus ut bibendum et, sollicitudin non mi. Suspendisse ut odio in arcu vehicula gravida eu eget dui. Mauris dictum erat quis enim bibendum adipiscing condimentum augue elementum. Nulla facilisi. Nulla non sed.
[/columncontent]
[columncontent width=“50″]
1/2 Cloumn
Pellentesque scelerisque tempus nunc, at tincidunt elit facilisis non. Nulla dolor nulla, tempus ut bibendum et, sollicitudin non mi. Suspendisse ut odio in arcu vehicula gravida eu eget dui. Mauris dictum erat quis enim bibendum adipiscing condimentum augue elementum. Nulla facilisi. Nulla non sed.
[/columncontent]
[/columnlayout]
[/contenttab]
[contenttab]
[columnlayout]
[columncontent width=“50″]
[contentbox headline=“Warning Box“ type=“warning“]Donec consectetur sollicitudin est, dictum mattis sem porta non. Aenean semper tempor neque, vel porta dui aliquam vitae. Nulla tincidunt accumsan metus vitae sodales. [/contentbox]
[/columncontent]
[columncontent width=“50″]
[contentbox headline=“Download Box“ type=“download“]Donec vel lorem suscipit ipsum aliquet mollis. Integer malesuada rhoncus tristique. Nulla facilisis neque ultricies urna sollicitudin molestie. Duis a arcu elit, in pellentesque leo? [/contentbox]
[/columncontent]
[/columnlayout]
[/contenttab]
[/contentslider]
Toggled Content
[toggled-content title=“Closed Toggler“ width=““ status=“closed“]Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
[/toggled-content]
[toggled-content title=“Closed Toggler“ width=““ status=“closed“]Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
[/toggled-content]
[toggled-content title=“Open Toggler“ width=““ status=“opened“]Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
[/toggled-content]
Content Boxes
[contentbox headline=“Normal Box“ type=“normal“]Pellentesque hendrerit vehicula magna sodales hendrerit? Fusce aliquam porta ante sed tincidunt! Sed sed mauris in nisi pellentesque eleifend. Vestibulum neque lacus, congue ac tristique in, iaculis sed diam. Mauris faucibus urna sit amet sapien suscipit fermentum. Cras ultricies commodo massa nunc. [/contentbox]
[contentbox headline=“Warning Box“ type=“warning“]Donec consectetur sollicitudin est, dictum mattis sem porta non. Aenean semper tempor neque, vel porta dui aliquam vitae. Nulla tincidunt accumsan metus vitae sodales. Vestibulum eu nisl vel nibh porttitor scelerisque rhoncus at ligula. [/contentbox]
[contentbox headline=“Download Box“ type=“download“]Donec vel lorem suscipit ipsum aliquet mollis. Integer malesuada rhoncus tristique. Nulla facilisis neque ultricies urna sollicitudin molestie. Duis a arcu elit, in pellentesque leo? Duis ullamcorper facilisis sollicitudin. Duis a arcu elit, in pellentesque leo? [/contentbox]
[contentbox headline=“Info Box“ type=“info“]In suscipit vehicula suscipit. Suspendisse lobortis odio vel risus fringilla faucibus. Proin enim erat, bibendum vitae lacinia et, pretium sed tellus. Proin consequat, augue ut pretium molestie, elit nulla iaculis ipsum, vitae convallis orci eros sed lacus! Duis porttitor dapibus est sit amet metus. [/contentbox]
[contentbox headline=“Attention Box“ type=“attention“]Nulla laoreet nibh ut lacus porttitor pulvinar? Vivamus eget orci eu mi congue congue. Donec blandit, felis ac tempus mollis, odio ligula hendrerit nunc, eget varius risus eros ac diam. Quisque ac lacus bibendum mi dignissim adipiscing. Integer at lorem tellus; sed faucibus dui. Cras odio cras amet. [/contentbox]
Horizontal and vertical Tabs
[tabbedcontent effect=“fade“ alignment=“horizontal“]
[tabtitles][tabtitle]Title1[/tabtitle]
[tabtitle]Title2[/tabtitle]
[tabtitle]Title3[/tabtitle]
[/tabtitles]
[contenttab]Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
[/contenttab]
[contenttab]Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi.
[/contenttab]
[contenttab]Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod mazim placerat facer possim assum. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.
Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis.
[/contenttab]
[/tabbedcontent]
[tabbedcontent effect=“fade“ alignment=“vertical“]
[tabtitles][tabtitle]Title1[/tabtitle]
[tabtitle]Title2[/tabtitle]
[tabtitle]Title3[/tabtitle]
[/tabtitles]
[contenttab]Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
[/contenttab]
[contenttab]Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at
[/contenttab]
[contenttab]Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod mazim placerat facer possim assum. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.
Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis.
[/contenttab]
[/tabbedcontent]
Pricingtables
[pricingtables]
[pricingtable title=“Product 1″ description=“Mauris eget lacus.“ value=“€“ high_value=“9″ low_value=“99″ join_link=“http://www.der-prinz.com“ join_text=“Order now!“ size=“normal“]
[pricingitem supported=“true“]Item 1[/pricingitem]
[pricingitem supported=“true“]Item 2[/pricingitem]
[pricingitem]Item 3[/pricingitem]
[pricingitem]Item 4[/pricingitem]
[/pricingtable]
[pricingtable title=“Product 2″ description=“Mauris eget lacus non amet.“ value=“€“ high_value=“19″ low_value=“99″ join_link=“http://www.der-prinz.com“ join_text=“Order now!“ size=“big“]
[pricingitem supported=“true“]Item 1[/pricingitem]
[pricingitem supported=“true“]Item 2[/pricingitem]
[pricingitem]Item 3[/pricingitem]
[pricingitem]Item 4[/pricingitem]
[/pricingtable]
[pricingtable title=“Product 3″ description=“Mauris eget lacus.“ value=“€“ high_value=“29″ low_value=“99″ join_link=“http://www.der-prinz.com“ join_text=“Order now!“ size=“normal“]
[pricingitem supported=“true“]Item 1[/pricingitem]
[pricingitem supported=“true“]Item 2[/pricingitem]
[pricingitem]Item 3[/pricingitem]
[pricingitem]Item 4[/pricingitem]
[/pricingtable]
[/pricingtables]
To be continued…
No Comments
Be the first to start a conversation