{"title":"Getting Started with Phlox Shortcodes","id":35088,"link":"https:\/\/env.averta.net\/en\/step\/getting-started-with-phlox-shortcodes\/","parent":[37142],"content":"<p><strong>Shortcode?<\/strong>is one of the WordPress features that lets you add various elements into the posts without coding. The shortcodes can be added anywhere in the posts, pages or any custom post types such as portfolio, product and etc.<\/p>\n<p>Variety of shortcodes are included in Phlox to help you design your content without writing any codes. You are able to choose any of these shortcodes simply by selecting the name of the shortcode from a drop-down list like below image, or copy a single line of their code anywhere on your text. Please note that each shortcode has specific options to configure too.<\/p>\n<p>Please follow below steps to use these features.<\/p>\n<ol>\n<li>Download <b><a href=\"https:\/\/wordpress.org\/plugins\/auxin-elements\/\" target=\"_blank\" rel=\"noopener\">Auxin Elements<\/a><\/b> plugin<\/li>\n<li>Activate Auxin Elements<\/li>\n<li>Click the <b>Posts <\/b>on the <b>Dashboard<\/b><\/li>\n<li>Click?<b>Add New Post?<\/b>or?<strong>Edit<\/strong> an existing post<\/li>\n<li>On the <b>WordPress Toolbar <\/b>you can find <b>Shortcode<\/b><\/li>\n<\/ol>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"size-full wp-image-38015 aligncenter\" src=\"http:\/\/env.averta.net\/en\/wp-content\/uploads\/shortcodes.png\" alt=\"\" width=\"918\" height=\"235\" \/><br \/>\nThese shortcodes are divided into three main categories: Typography, Content, Layout. Each category contains?different elements such as button, social media icons, about author box,?and many more.<\/p>\n<p>Here is the list of available shortcodes. You can?read more about any of them by clicking?on the linked items.<\/p>\n<ul>\n<li><b><b>Typography<\/b><\/b>\n<ul>\n<li><span style=\"font-weight: 400;\"><a href=\"https:\/\/env.averta.net\/en\/step\/highlighting-a-text-on-the-content\/?b=38021,38021\" title=\"Highlighting a Text on the Content\">Highlight<\/a><\/span><\/li>\n<li><span style=\"font-weight: 400;\"><a href=\"https:\/\/env.averta.net\/en\/step\/displaying-your-paragraph-in-dropcap-style\/?b=38022,38022\" title=\"Displaying your Paragraph in Dropcap Style\">Dropcap<\/a><\/span><\/li>\n<li><span style=\"font-weight: 400;\"><a href=\"https:\/\/env.averta.net\/en\/step\/adding-a-blockquote-between-the-content\/?b=38024,38024\" title=\"Adding a Blockquote between the Content\">Blockquote<\/a><\/span><\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<ul>\n<li><b><b>Content<br \/>\n<\/b><\/b><\/p>\n<ul>\n<li><span style=\"font-weight: 400;\"><a href=\"https:\/\/env.averta.net\/en\/step\/displaying-your-content-with-an-icon-by-phlox-text-shortcode\/?b=36924,36924\" title=\"Displaying your Content with an Icon by Phlox Text Shortcode\">Phlox Text<\/a><\/span><\/li>\n<li><span style=\"font-weight: 400;\"><a href=\"https:\/\/env.averta.net\/en\/step\/adding-a-button-between-the-content\/?b=36965,36965\" title=\"Adding a Button between the Content\">Button<\/a><\/span><\/li>\n<li><span style=\"font-weight: 400;\"><a href=\"https:\/\/env.averta.net\/en\/step\/displaying-your-desired-address-by-adding-a-map\/?b=36978,36978\" title=\"Displaying your Desired Address by Adding a Map\">Map<\/a><\/span><\/li>\n<li><span style=\"font-weight: 400;\"><a href=\"https:\/\/env.averta.net\/en\/step\/adding-image-gallery-with-different-styles\/?b=37005,37005\" title=\"Adding Image Gallery with Different Styles\">Gallery<\/a><\/span><\/li>\n<li><span style=\"font-weight: 400;\"><a href=\"https:\/\/env.averta.net\/en\/step\/adding-a-divider-between-the-content\/?b=37015,37015\" title=\"Adding a Divider between the Content\">Divider<\/a><\/span><\/li>\n<li><span style=\"font-weight: 400;\"><a href=\"https:\/\/env.averta.net\/en\/step\/adding-a-contact-form-to-your-page\/?b=37019,37019\" title=\"Adding a Contact Form to your Page\">Contact Form<\/a><\/span><\/li>\n<li><span style=\"font-weight: 400;\"><a href=\"https:\/\/env.averta.net\/en\/step\/adding-a-search-bar-for-searching-through-website\/?b=37035,37035\" title=\"Adding a Search Bar for Searching through Website\">Search<\/a><\/span><\/li>\n<li><span style=\"font-weight: 400;\"><a href=\"https:\/\/env.averta.net\/en\/step\/adding-a-code-to-display-any-code-in-the-content\/?b=37037,37037\" title=\"Adding a Code to Display any Code in the Content\">Code<\/a><\/span><\/li>\n<li><span style=\"font-weight: 400;\"><a href=\"https:\/\/env.averta.net\/en\/step\/adding-social-media-icons-into-your-posts-and-pages\/?b=37048,37048\" title=\"Adding Social Media Icons into your Posts and Pages\">Socials<\/a><\/span><\/li>\n<li><span style=\"font-weight: 400;\"><a href=\"https:\/\/env.averta.net\/en\/step\/adding-image-to-the-content\/?b=37098,37098\" title=\"Adding Image to the Content\">Image<\/a><\/span><\/li>\n<li><span style=\"font-weight: 400;\"><a href=\"https:\/\/env.averta.net\/en\/step\/displaying-your-biography-with-about-author-shortcode\/?b=37103,37103\" title=\"Displaying your Biography with About Author Shortcode\">About Author<\/a><\/span><\/li>\n<\/ul>\n<\/li>\n<li><strong><a href=\"https:\/\/env.averta.net\/en\/step\/adding-coloumns-with-layout-shortcodes\/?b=37129,37129\" title=\"Adding Columns with Layout Shortcodes\">Layout<\/a><\/strong><\/li>\n<\/ul>\n","type":"solution"}