Knowledge Base

Homely

Shortcodes

Shortcodes

Homely comes with 22 shortcodes that you can use to quickly build robust pages. Shortcodes can be added to any content area of the theme. Below is a list of all the shortcodes and their parameters:

[rre_module]

Creates a module block which can be styled and hold other shortcodes and content.

Parameters:
class – the module class name.
container – wether to include content in container or not. Default: true
padding_top – the amount of padding above the module in pixels. Default: 70px
padding_bottom – the amount of padding below the module in pixels. Default: 70px
bg_color – the hexadecimal or rgb value of the background color.
bg_img – the url path for a background image.
bg_fixed – make the background image position fixed.
text_color – the hexadecimal or rgb value of the text color within the module.

Example:
[rre_module class="services" container="true"] /* content goes here */ [/rre_module]

[rre_module_header]

Displays a module heading and divider.

Parameters:
title – the title text.
text – the text that displays below the title.
position – the alignment of the module header (left, right, or center). Default: left

Example:
[rre_module_header title="Services" text="Our amazing services." position="center"]

[rre_row]

Creates a row in which columns can be placed. Used for structural page layout.

Parameters: none

Example:
[rre_row] /* content goes here */ [/rre_row]

[rre_col]

Creates a column used for structural page layout.

Parameters:
span – the width of the column. Ranges from 1 to 12.

Example:
[rre_col span="4"] /* content goes here */ [/rre_col]

[rre_button]

Displays a button.

Parameters:
url – the url path the button links to.
type – the size of the button (small or large).
position – the alignment of the button (left, right, or center).

Example:
[rre_button url="http://rypecreative.com/" type="large" position="center"] /* button text goes here */ [/rre_button]

[rre_button_alt]

Displays an alternative button.

Parameters:
url – the url path the button links to.
type – the size of the button (small or large).
position – the alignment of the button (left, right, or center).

Example:
[rre_button_alt url="http://rypecreative.com/" type="large" position="center"] /* button text goes here */ [/rre_button_alt]

[rre_quote]

Displays a block quote.

Parameters: none

Example:
[rre_quote] /* content goes here */ [/rre_quote]

[rre_alert_box]

Displays an informational message box.

Parameters:
type – the type of alert box (info, success, warning, error). Default: success

Example:
[rre_alert_box type="error"] There was an error [/rre_alert_box]

[rre_service]

Displays a service item with icon and text.

Parameters:
icon – the url path to the icon image.
title – the service title.
text – the service text that displays below the title.

Example:
[rre_service icon="/path/to/icon" title="My Service" text="this is some text"][/rre_service]

[rre_team_member]

Displays a team member item.

Parameters:
img – the url path to the team member image.
name – the team member’s name.
title – the team member’s title.
bio – a short description of the team member.
facebook – the url to the team member’s facebook profile.
twitter – the url to the team member’s twitter profile.
google – the url to the team member’s google plus profile.
instagram – the url to the team member’s instagram profile.
linkedin – the url to the team member’s linkedin profile.
youtube – the url to the team member’s youtube profile.
vimeo – the url to the team member’s vimeo profile.
flickr – the url to the team member’s flickr profile.
dribbble – the url to the team member’s dribbble profile.

Example:
[rre_team_member facebook="#" twitter="#" google="#" img="/path/to/team/member/img/" bio="I've been selling homes for 12 years." name="John Doe" title="CEO & Founder"][/rre_team_member]

[rre_hex]

Displays a hexagon.

Parameters: none

Example:
[rre_hex] Hexagon text [/rre_hex]

[rre_video]

Displays a video with link to lightbox.

Parameters:
title – the title of the video.
url – the url path to the video.
cover_img – the url path to the video cover image.

Example:
[rre_video title="My Video" url="/path/to/video" cover_img="/path/to/cover/img"][/rre_video]

[rre_tabs]

Displays a tabs container.

Parameters: none

Example:
[rre_tabs] /* individual tabs go here */ [/rre_tabs]

[rre_tab]

Displays a tab. Must be used within the [tabs] shortcode.

Parameters:
id – the id of the tab.
title – the title of the tab.
icon – the font awesome class for the tab icon.

Example:
[rre_tabs]
[rre_tab id="1" title="Tab 1" icon="user"] /* tab content goes here */ [/rre_tab]
[rre_tab id="2" title="Tab 2" icon="pencil"] /* tab content goes here */ [/rre_tab]
[/rre_tabs]

[rre_accordions]

Displays an accordion container.

Parameters: none

Example:
[rre_accordions] /* individual accordion tabs go here */ [/rre_accordions]

[rre_accordion]

Displays an accordion. Must be used within the [accordions] shortcode.

Parameters:
title – the title of the accordion.

Example:
[rre_accordions]
[rre_accordion title="Accordion 1"] /* accordion content goes here */ [/rre_accordion]
[rre_accordion title="Accordion 2"] /* accordion content goes here */ [/rre_accordion]
[/rre_accordions]

[rre_list_properties]

Displays a list of properties.

Parameters:
show_posts – the number of properties to show. Default: 3
show_header – wether or not to show the listing header (true or fasle). Default: false
show_pagination – wether or not to show the listing page navigation links. Default: true
layout – the listing layout (grid, row, or tile). Default: grid
property_status – filter the listings by a property status. Use the term’s slug.
property_location – filter the listings by a property location. Use the term’s slug.
property_type – filter the listings by a property type. Use the term’s slug.
featured – if set to true, shows only featured listings. (true or false). Default: false

Example:
[rre_list_properties show_posts="3" show_header="true" show_pagination="false" layout="row" property_status="for-rent"][/rre_list_properties]

[rre_list_properties_slider]

Displays a carousel style property slider.

Parameters:
show_posts – the number of properties to show. Default: 3
property_status – filter the listings by a property status. Use the term’s slug.
property_location – filter the listings by a property location. Use the term’s slug.
property_type – filter the listings by a property type. Use the term’s slug.
featured – if set to true, shows only featured listings. (true or false). Default: false

Example:
[rre_list_properties_slider featured="true" show_posts="8"][/rre_list_properties_slider]

[rre_list_property_tax]

Displays the terms of a property taxonomy.

Parameters:
tax – the taxonomy to show. Use the taxonomy slug. Default: property_type
show_posts – the number of terms to show. Default: 6
orderby – how to order the terms. Default: count
order – the direction of the order (ASC or DESC). Default: DESC
*Note: to set each taxonomy term image, navigate to Properties > [taxonomy_name]. Then choose a term to edit from the right side of the page. At the bottom of the edit form, there is a field labeled “Category Image Url”. Use this field to upload an image and then click Update.

Example:
[rre_list_property_tax orderby="name" order="ASC"][/rre_list_property_tax]

[rre_list_agents]

Displays a list of agents.

Parameters:
show_posts – the number of agents to show. Default: 4
show_pagination – wether or not to show the listing page navigation links. Default: false

Example:
[rre_list_agents show_posts="4" show_pagination="true"][/rre_list_agents]

[rre_testimonials]

Displays the testimonial container.

Parameters: none

Example:
[rre_testimonials] /* individual testimonials go here */ [/rre_testimonials]

[rre_testimonial]

Displays a testimonial. Must be used within the [testimonials] shortcode.

Parameters:
img – the url path to the tesitmonial image.
name – the testimonial’s name.
title – the testimonial’s title.

Example:
[rre_testimonials]
[rre_testimonial img="/path/to/img" name="John Doe" title="Founder"] This is the testimonial text [/rre_testimonial]
[/rre_testimonials]