-
Posted in : cvCard WP
-
Hi, in the shortcode list of ur theme there are 3-4 shortcode name [inline_lightbox] but there is no documentation available about how to use them and also what are they about. Will anyone please tell me that how to use them?
Hi, you can find all shortcodes in the theme documentation under Shortcodes section.
– Inline Lightbox: (use in post/pages)
[inline_lightbox_wrap type="" thumbnail=""] Inline lightbox shortcode(s) here. [/inline_lightbox_wrap] type="" ... image, video, audio. thumbnail="" ... An image url. ================================================ [inline_lightbox_image first_item="" gallery="" title="" url=""] first_item="yes" ... Use for the first item. gallery="" ... 01, 02, 03. url="" ... An image url. ================================================ [inline_lightbox_iframe first_item="" gallery="" title="" src=""] first_item="yes" ... Use for the first item. gallery="" ... 01, 02, 03. src="" ... Use src value of an iframe code. More: - For a YouTube video: 1) Find "Embed" section. 2) Find iframe code. 3) Find "src" value. 4) Copy src value. - For a Vimeo video: 1) Find "Embed" section. 2) Find iframe code. 3) Find "src" value. 4) Copy src value. - For a SoundCloud audio: 1) Find "Embed" section. 2) Find iframe code. 3) Find "src" value. 4) Copy src value. ================================================ Example 1: (one image) [inline_lightbox_wrap type="image" thumbnail=""] [inline_lightbox_image first_item="yes" gallery="01" url=""] [/inline_lightbox_wrap] Example 2: (two images) [inline_lightbox_wrap type="image" thumbnail=""] [inline_lightbox_image first_item="yes" gallery="02" url=""] [inline_lightbox_image gallery="02" url=""] [/inline_lightbox_wrap] Example 3: (one video) [inline_lightbox_wrap type="video" thumbnail=""] [inline_lightbox_iframe first_item="yes" gallery="03" src="http://player.vimeo.com/video/37254322?badge=0&color=ffffff"] [/inline_lightbox_wrap] Example 4: (one audio) [inline_lightbox_wrap type="video" thumbnail=""] [inline_lightbox_iframe first_item="yes" gallery="04" src="http://w.soundcloud.com/player/?url=http%3A%2F%2Fapi.soundcloud.com%2Ftracks%2F207988&"] [/inline_lightbox_wrap]
– Portfolio Lightbox: (use in portfolio items)
[portfolio_lightbox_image first_item="" gallery="" title="" url=""] first_item="yes" ... Use for the first item. gallery="" ... 01, 02, 03. url="" ... An image url. Example 1: (one image) [portfolio_lightbox_image first_item="yes" gallery="01" url=""] Example 2: (two images) [portfolio_lightbox_image first_item="yes" gallery="02" url=""] [portfolio_lightbox_image gallery="02" url=""] ================================================ ================================================ [portfolio_lightbox_iframe first_item="" gallery="" title="" src=""] first_item="yes" ... Use for the first item. gallery="" ... 01, 02, 03. src="" ... Use src value of an iframe code. More: - For a YouTube video: 1) Find "Embed" section. 2) Find iframe code. 3) Find "src" value. 4) Copy src value. - For a Vimeo video: 1) Find "Embed" section. 2) Find iframe code. 3) Find "src" value. 4) Copy src value. - For a SoundCloud audio: 1) Find "Embed" section. 2) Find iframe code. 3) Find "src" value. 4) Copy src value. Example 1: (video) [portfolio_lightbox_iframe first_item="yes" gallery="03" src="http://player.vimeo.com/video/37254322?badge=0&color=ffffff"] Example 2: (audio) [portfolio_lightbox_iframe first_item="yes" gallery="04" src="http://w.soundcloud.com/player/?url=http%3A%2F%2Fapi.soundcloud.com%2Ftracks%2F207988&"]
Hi, yes I’ve already seen your updated documentation, but it would be much helpful if there is some live version to see in your demo site.
All shortcodes have live version on the demo site:
– Inline Lightbox:
http://themes.pixelwars.org/cvcard-wp/shortcodes/
– Portfolio Lightbox:
Now this is awesome. If possible, will you please share the whole code of this page? Just Ctrl+c and ctrl6v here. Please.
http://themes.pixelwars.org/cvcard-wp/shortcodes/
[row] [column width_md="6"] TABS [tabs_wrap titles="DESIGN,CODE"] [tab_pane]There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour, or randomised words which don't look even slightly believable. If you are going to use a passage of Lorem Ipsum, you need to be sure there isn't anything embarrassing hidden in the middle of text. There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour, or randomised words which don't look even slightly believable. If you are going to use a passage of Lorem Ipsum, you need to be sure there isn't anything embarrassing hidden in the middle of text.[/tab_pane][tab_pane]It uses a dictionary of over 200 Latin words, combined with a handful of model sentence structures, to generate Lorem Ipsum which looks reasonable. There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour, or randomised words which don't look even slightly believable. If you are going to use a passage of Lorem Ipsum, you need to be sure there isn't anything embarrassing hidden in the middle of text.[/tab_pane] [/tabs_wrap] [/column] [column width_md="6"] TOGGLES [toggle first_toggle="yes" last_toggle="" active="" title="WEB DESIGN"]There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour, or randomised words which don't look even slightly believable.[/toggle][toggle first_toggle="" last_toggle="yes" active="yes" title="UI/UX DEVELOPMENT"]This toggle content is shown on page load, but the majority have suffered alteration in some form, by injected humour.[/toggle] ACCORDION [accordion first_accordion="yes" last_accordion="" active="" title="WEB DESIGN"]There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour, or randomised words which don't look even slightly believable.[/accordion][accordion first_accordion="" last_accordion="yes" active="" title="UI/UX DEVELOPMENT"]There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour, or randomised words which don't look even slightly believable.[/accordion] [/column] [/row] LIGHTBOX [row] [column width="6" width_md="3"] [inline_lightbox_wrap type="image" thumbnail="http://themes.pixelwars.org/cvcard-wp/wp-content/uploads/2014/04/041.png"][inline_lightbox_image first_item="yes" gallery="01" title="Animal with love" url="http://themes.pixelwars.org/cvcard-wp/wp-content/uploads/2014/04/lightbox-011.jpg"][/inline_lightbox_wrap] [/column] [column width="6" width_md="3"] [inline_lightbox_wrap type="image" thumbnail="http://themes.pixelwars.org/cvcard-wp/wp-content/uploads/2014/04/011.png"][inline_lightbox_image first_item="yes" gallery="02" title="Octopus is dangerous!" url="http://themes.pixelwars.org/cvcard-wp/wp-content/uploads/2014/04/lightbox-021.jpg"][inline_lightbox_image first_item="" gallery="02" title="" url="http://themes.pixelwars.org/cvcard-wp/wp-content/uploads/2014/04/lightbox-041.jpg"][inline_lightbox_image first_item="" gallery="02" title="Dog have dreams" url="http://themes.pixelwars.org/cvcard-wp/wp-content/uploads/2014/04/lightbox-031.jpg"][/inline_lightbox_wrap] [/column] [column width="6" width_md="3"] [inline_lightbox_wrap type="video" thumbnail="http://themes.pixelwars.org/cvcard-wp/wp-content/uploads/2014/04/021.png"][inline_lightbox_iframe first_item="yes" gallery="03" title="Paper by FiftyThree" src="http://player.vimeo.com/video/37254322?badge=0&color=ffffff"][/inline_lightbox_wrap] [/column] [column width="6" width_md="3"] [inline_lightbox_wrap type="audio" thumbnail="http://themes.pixelwars.org/cvcard-wp/wp-content/uploads/2014/04/031.png"][inline_lightbox_iframe first_item="yes" gallery="04" title="Soundcloud embed" src="http://w.soundcloud.com/player/?url=http%3A%2F%2Fapi.soundcloud.com%2Ftracks%2F207988&"][/inline_lightbox_wrap] [/column] [/row] ALERTS [row] [column width="6"] [alert title="NOTE:"]This is a standart alert message.[/alert][alert type="info" title="NOTE:"]This is an info alert message.[/alert] [/column] [column width="6"] [alert type="success" title="NOTE:"]This is a success alert message.[/alert][alert type="error" title="NOTE:"]This is an error alert message.[/alert] [/column] [/row] CALL TO ACTION [call_to_action] [row] [column width="8"] cvCard is a clean and beautiful wordpress theme! What are you waiting for? Buy now and begin to blogging. [/column] [column width="4"] [cta_button_wrap] [button text="BUY NOW" size="big" icon="icon-cart" url="#"] [/cta_button_wrap] [/column] [/row] [/call_to_action] Project Actions [project_action] [button text="DOWNLOAD" size="big" icon="fa-cloud-download" colored="yes" color="blue" url="#"][button text="PREVIEW" size="big" icon="fa-eye" colored="yes" color="green" url="#"][button text="GITHUB" size="big" icon="fa-github" colored="yes" color="red" url="#"] [/project_action] Buttons Minimal Buttons [button text="Button" url="#"][button text="Button" color="red" url="#"][button text="Button" color="green" url="#"][button text="Button" color="blue" url="#"][button text="Button" color="yellow" url="#"] Colored Buttons [button text="Button" color="red" colored="yes" url="#"][button text="Button" color="green" colored="yes" url="#"][button text="Button" color="blue" colored="yes" url="#"][button text="Button" color="yellow" colored="yes" url="#"] Buttons Sizes and Button with icons [button text="SMALL" size="small" url="#"][button text="MEDIUM" url="#"][button text="BIG" size="big" url="#"][button text="LIKE" size="big" color="blue" colored="yes" icon="fa-thumbs-up" url="#"][button text="AWARDS" size="big" color="yellow" icon="fa-trophy" url="#"]
Viewing 9 posts - 1 through 9 (of 9 total)
You must be logged in and have valid license to reply to this topic.