{"id":9554,"date":"2019-05-25T20:03:33","date_gmt":"2019-05-25T20:03:33","guid":{"rendered":"http:\/\/themenectar.com\/docs\/salient\/?page_id=9554"},"modified":"2019-05-26T15:24:16","modified_gmt":"2019-05-26T15:24:16","slug":"salient-shortcodes-plugin","status":"publish","type":"page","link":"https:\/\/themenectar.com\/docs\/salient\/salient-shortcodes-plugin\/","title":{"rendered":"Salient Shortcodes Plugin"},"content":{"rendered":"[vc_row type=&#8221;in_container&#8221; full_screen_row_position=&#8221;middle&#8221; equal_height=&#8221;yes&#8221; content_placement=&#8221;middle&#8221; scene_position=&#8221;center&#8221; text_color=&#8221;dark&#8221; text_align=&#8221;left&#8221; top_padding=&#8221;100&#8243; bottom_padding=&#8221;80&#8243; overlay_strength=&#8221;0.3&#8243; shape_divider_position=&#8221;bottom&#8221; bg_image_animation=&#8221;none&#8221; shape_type=&#8221;&#8221;][vc_column column_padding=&#8221;padding-3-percent&#8221; column_padding_position=&#8221;right&#8221; background_color_opacity=&#8221;1&#8243; background_hover_color_opacity=&#8221;1&#8243; column_link_target=&#8221;_self&#8221; column_shadow=&#8221;none&#8221; column_border_radius=&#8221;none&#8221; width=&#8221;1\/2&#8243; tablet_width_inherit=&#8221;default&#8221; tablet_text_alignment=&#8221;default&#8221; phone_text_alignment=&#8221;default&#8221; column_border_width=&#8221;none&#8221; column_border_style=&#8221;solid&#8221; bg_image_animation=&#8221;none&#8221;][vc_column_text]\n<h3>Overview<\/h3>\n<p>The shortcode plugin registers all the Salient shortcodes and additionally adds a shortcode generator button to all TinyMCE enabled editors so you can easily add shortcodes without having to remember any attributes. Shortcodes were the original way Salient provided reusable elements to users, but since integration for a page builder was added, these became mostly obsolete. Still you may want to use the plugin for one or two shortcodes which are not part of the page builder, such as the &#8220;dropcap&#8221; shortcode.[\/vc_column_text][\/vc_column][vc_column column_padding=&#8221;no-extra-padding&#8221; column_padding_position=&#8221;all&#8221; background_color_opacity=&#8221;1&#8243; background_hover_color_opacity=&#8221;1&#8243; column_link_target=&#8221;_self&#8221; column_shadow=&#8221;none&#8221; column_border_radius=&#8221;none&#8221; width=&#8221;1\/2&#8243; tablet_width_inherit=&#8221;default&#8221; tablet_text_alignment=&#8221;default&#8221; phone_text_alignment=&#8221;default&#8221; column_border_width=&#8221;none&#8221; column_border_style=&#8221;solid&#8221; bg_image_animation=&#8221;none&#8221;][image_with_animation image_url=&#8221;9556&#8243; alignment=&#8221;&#8221; animation=&#8221;Fade In&#8221; img_link_large=&#8221;yes&#8221; border_radius=&#8221;5px&#8221; box_shadow=&#8221;large_depth&#8221; max_width=&#8221;100%&#8221;][\/vc_column][\/vc_row][vc_row type=&#8221;in_container&#8221; full_screen_row_position=&#8221;middle&#8221; equal_height=&#8221;yes&#8221; content_placement=&#8221;middle&#8221; scene_position=&#8221;center&#8221; text_color=&#8221;dark&#8221; text_align=&#8221;left&#8221; top_padding=&#8221;80&#8243; bottom_padding=&#8221;80&#8243; overlay_strength=&#8221;0.3&#8243; shape_divider_position=&#8221;bottom&#8221; bg_image_animation=&#8221;none&#8221; shape_type=&#8221;&#8221;][vc_column column_padding=&#8221;no-extra-padding&#8221; column_padding_position=&#8221;all&#8221; background_color_opacity=&#8221;1&#8243; background_hover_color_opacity=&#8221;1&#8243; column_link_target=&#8221;_self&#8221; column_shadow=&#8221;none&#8221; column_border_radius=&#8221;none&#8221; width=&#8221;1\/2&#8243; tablet_width_inherit=&#8221;default&#8221; tablet_text_alignment=&#8221;default&#8221; phone_text_alignment=&#8221;default&#8221; column_border_width=&#8221;none&#8221; column_border_style=&#8221;solid&#8221; bg_image_animation=&#8221;none&#8221;][image_with_animation image_url=&#8221;9557&#8243; alignment=&#8221;&#8221; animation=&#8221;Fade In&#8221; img_link_large=&#8221;yes&#8221; border_radius=&#8221;5px&#8221; box_shadow=&#8221;large_depth&#8221; max_width=&#8221;100%&#8221;][\/vc_column][vc_column column_padding=&#8221;padding-3-percent&#8221; column_padding_position=&#8221;left&#8221; background_color_opacity=&#8221;1&#8243; background_hover_color_opacity=&#8221;1&#8243; column_link_target=&#8221;_self&#8221; column_shadow=&#8221;none&#8221; column_border_radius=&#8221;none&#8221; width=&#8221;1\/2&#8243; tablet_width_inherit=&#8221;default&#8221; tablet_text_alignment=&#8221;default&#8221; phone_text_alignment=&#8221;default&#8221; column_border_width=&#8221;none&#8221; column_border_style=&#8221;solid&#8221; bg_image_animation=&#8221;none&#8221;][vc_column_text]\n<h3>Adding Shortcodes<\/h3>\n<p>It&#8217;s as easy as clicking on the &#8220;Nectar Shortcodes&#8221; button and making your selection through the popup modal. As seen on the left, a full list of shortcodes will be available on the top to choose from and all of the relevant options will appear below. Once you&#8217;re ready to place the shortcode, click on the green &#8220;Add shortcode&#8221; button at the bottom.[\/vc_column_text][\/vc_column][\/vc_row][vc_row type=&#8221;in_container&#8221; full_screen_row_position=&#8221;middle&#8221; scene_position=&#8221;center&#8221; text_color=&#8221;dark&#8221; text_align=&#8221;left&#8221; top_padding=&#8221;40&#8243; bottom_padding=&#8221;80&#8243; overlay_strength=&#8221;0.3&#8243; shape_divider_position=&#8221;bottom&#8221; bg_image_animation=&#8221;none&#8221; shape_type=&#8221;&#8221;][vc_column column_padding=&#8221;no-extra-padding&#8221; column_padding_position=&#8221;all&#8221; background_color_opacity=&#8221;1&#8243; background_hover_color_opacity=&#8221;1&#8243; column_link_target=&#8221;_self&#8221; column_shadow=&#8221;none&#8221; column_border_radius=&#8221;none&#8221; width=&#8221;1\/1&#8243; tablet_width_inherit=&#8221;default&#8221; tablet_text_alignment=&#8221;default&#8221; phone_text_alignment=&#8221;default&#8221; column_border_width=&#8221;none&#8221; column_border_style=&#8221;solid&#8221; bg_image_animation=&#8221;none&#8221;][vc_column_text]\n<h3>Shortcode List<\/h3>\n<ul>\n<li><strong>Columns (1\/6 through 1\/1).\u00a0<\/strong>Column shortcodes all have the same available attributes, the only that diffs in the column width that will be generated. It&#8217;s reccomended to generate these inside of a &#8220;full width section&#8221; shortcode, which will act as the row. Make sure to check the box for &#8220;<label for=\"last\">Last Column&#8221; when adding the last column in a row.<\/label><\/li>\n<li><strong>Full Width Section:<\/strong> Will act as a row to house columns. Also provides the ability to expand a BG layer to the edges of the screen, outside the main container (when using Salient).<\/li>\n<li><strong>Nectar Slider: <\/strong>The slider made by ThemeNectar Exclusively for Salient. Hardware accelerated, touch enabled, parallax effects &amp; responsive. To learn more about this element, please see the\u00a0<a href=\"https:\/\/themenectar.com\/docs\/salient\/index.php\/sliders\/\">Sliders<\/a>\u00a0section of the documentation<\/li>\n<li><strong>Image With Animation:<\/strong>\u00a0Will create a single image with an optional CSS animation.<\/li>\n<li><strong>Centered Heading:<\/strong>\u00a0A simple way to center a heading.<\/li>\n<li><strong>Divider:<\/strong>\u00a0Creates a divider which can be used to create blank space or separate two elements\/sections.<\/li>\n<li><strong>Dropcap:<\/strong> Will alter the font size of the letter or word placed within it.<\/li>\n<li><strong>Milestone:<\/strong>\u00a0An animated number with a label used to highlight a statistic or company milestone.<\/li>\n<li><strong>Icon:<\/strong> Adds a icon element based on the icon library and icon selected.<\/li>\n<li><strong>Button:\u00a0<\/strong>Will create a Nectar Button in any of the available theme styles.<\/li>\n<li><strong>Toggle Panels:\u00a0\u00a0<\/strong>Allows you to reveal more content by clicking on the heading you define.<\/li>\n<li><strong>Tabbed Section: <\/strong>Offers you a tabbed user interface for content.<\/li>\n<li><strong>Testimonial Slider:\u00a0<\/strong>Create a slider for your testimonials.<\/li>\n<li><strong>Clients:\u00a0<\/strong>Gives you an easy way to display a series of client logos. \u00a0Can be displayed in a grid with the column number of your choosing or in an automatically rotating carousel.<\/li>\n<li><strong>Pricing Table:\u00a0<\/strong>Creates \u00a0a pricing table which can display in 2,3,4 or 5 columns.<\/li>\n<li><strong>Team Member:<\/strong>\u00a0Displays an image of your choosing with name\/job position.<\/li>\n<li><strong>Carousel:\u00a0<\/strong>Creates a carousel for you to place your desired content in.<\/li>\n<li><strong>Social Buttons:\u00a0<\/strong>Adds your desired social buttons to the page.<\/li>\n<li><strong>Video:<\/strong> An easy way to generate the <a href=\"https:\/\/wordpress.org\/support\/article\/video-shortcode\/\" target=\"_blank\" rel=\"noopener\">WordPress Video shortcode<\/a>.<\/li>\n<li><strong>Audio:<\/strong>\u00a0An easy way to generate the <a href=\"https:\/\/wordpress.org\/support\/article\/audio-shortcode\/\" target=\"_blank\" rel=\"noopener\">WordPress Audio shortcode<\/a>.<\/li>\n<li><strong>Portfolio:\u00a0<\/strong>Queries for\u00a0portfolio projects to display based on your configuration options.<\/li>\n<li><strong>Recent Projects:<\/strong>\u00a0<strong>\u00a0<\/strong>Similar to the portfolio element, except offers different options and is meant for featuring small groupings of projects rather than displaying a full grid<\/li>\n<li><strong>Blog:\u00a0<\/strong>Queries for blog posts in your desired style based on the configuration options you choose.<\/li>\n<li><strong>Recent Posts:\u00a0<\/strong>\u00a0Similar to the blog element except that it offers different options\/styling and is meant for featuring small groupings of posts\u00a0rather than displaying a full\u00a0\u201cblog\u201d section.<\/li>\n<\/ul>\n[\/vc_column_text][\/vc_column][\/vc_row]\n","protected":false},"excerpt":{"rendered":"<p>[vc_row type=&#8221;in_container&#8221; full_screen_row_position=&#8221;middle&#8221; equal_height=&#8221;yes&#8221; content_placement=&#8221;middle&#8221; scene_position=&#8221;center&#8221; text_color=&#8221;dark&#8221; text_align=&#8221;left&#8221; top_padding=&#8221;100&#8243; bottom_padding=&#8221;80&#8243; overlay_strength=&#8221;0.3&#8243; shape_divider_position=&#8221;bottom&#8221; bg_image_animation=&#8221;none&#8221; shape_type=&#8221;&#8221;][vc_column column_padding=&#8221;padding-3-percent&#8221; column_padding_position=&#8221;right&#8221; background_color_opacity=&#8221;1&#8243; background_hover_color_opacity=&#8221;1&#8243; column_link_target=&#8221;_self&#8221; column_shadow=&#8221;none&#8221; column_border_radius=&#8221;none&#8221; width=&#8221;1\/2&#8243; tablet_width_inherit=&#8221;default&#8221; tablet_text_alignment=&#8221;default&#8221; phone_text_alignment=&#8221;default&#8221; column_border_width=&#8221;none&#8221; column_border_style=&#8221;solid&#8221; bg_image_animation=&#8221;none&#8221;][vc_column_text] Overview The&#8230;<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"_links":{"self":[{"href":"https:\/\/themenectar.com\/docs\/salient\/wp-json\/wp\/v2\/pages\/9554"}],"collection":[{"href":"https:\/\/themenectar.com\/docs\/salient\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/themenectar.com\/docs\/salient\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/themenectar.com\/docs\/salient\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/themenectar.com\/docs\/salient\/wp-json\/wp\/v2\/comments?post=9554"}],"version-history":[{"count":0,"href":"https:\/\/themenectar.com\/docs\/salient\/wp-json\/wp\/v2\/pages\/9554\/revisions"}],"wp:attachment":[{"href":"https:\/\/themenectar.com\/docs\/salient\/wp-json\/wp\/v2\/media?parent=9554"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}