This is an index of custom shortcodes created for the City Fertility Website. Use to add flavour and improve the user experience.
This shortcode will show a pdf circle button eg.
[download-btn title="Download PDF" text="click here" icon="https://www.rainbowfertility.com.au/wp-content/uploads/2014/11/download-icon.png" link="#" align="left"][download-btn title="Download PDF" text="click here" icon="https://www.rainbowfertility.com.au/wp-content/uploads/2014/11/download-icon.png" link="#" align="right"]
Parameters: accepts class=blue or grey also accepts bgcolor= any hex colour. Eg #003591
[callout_half class="blue" bgcolor="" color=""]Did you know that on average a healthy couple has – at best – 20 to 25% chance of conceiving a baby naturally?[/callout_half]
Paramaters: By default no paramaters displays the text royal blue. This can be overwritten with any hex colour eg: color=”#9DB5D7″
[quote]There are many factors that play a significant role in increasing the chance of conceiving a baby. These factors include: understanding the female menstrual cycle[/quote]
Paramaters: class=”blue or “grey”
[callout_full class="blue" bgcolor="" color=""]There are many factors that play a significant role in increasing the chance of conceiving a baby. These factors include: understanding the female menstrual cycle and your fertility window understanding the impact of your health, diet and lifestyle on your fertility Before trying to fall pregnant and thinking about fertility treatment options it is essential that you take all of the above into consideration. In this section, we aim to provide you with all the necessary information to assist you gain an understanding of the factors that are important when trying to conceive.[/callout_full]
It’s a button
Paramaters: text=”button text”link=”url”
[button_small text="test" link="http://www.google.com"]
This large ‘banner style’ button will use all the available space.
Paramaters: heading=”the heading” text=”the text” link=”url”
[big-button heading="Are you considering fertility treatment?" text="Request an info pack" link="#" bg_color="" bg_img="https://www.rainbowfertility.com.au/wp-content/uploads/2014/11/btn-bg.jpg"]
[big-button heading="Are you considering fertility treatment?" text="Request an info pack" link="#" bg_color="#f47920" bg_img=""]
[big-button heading="Are you considering fertility treatment?" text="Request an info pack" link="#" bg_color="#5ab0b6" bg_img=""]
Large squarish button with an image.
Paramaters: heading=”the heading” image=”url of the image” link=”url”
[button_image heading="Scientists" image="http://www.cityfertility.com.au/wp-content/uploads/2013/10/scientists-160.jpg" link="http://www.google.com"]
Paramaters text=”button text” link=”url”
[button_script text="virtual Lab Tour " link="http://www.google.com"]
No Paramaters. Makes a line.
[line]
This shortcode creates expandable content.
Paramaters: name=”Title of expander beside the plus sign. Wrap content in tags. eg:
[expand name="Example Expander"]
content
[/expand]
Heaps of content
lots and lots
3 whole lines of it.
This will probably only be used by ICreate
[staff clinic="clinic id"]
Creates a formatted table
Alignment By default the table center aligns content. To make left, wrap the content in a div with the class .left-align-table. IE <div class =”left-align-table”>
| … |
|---|
Line Breaks To insert line breaks in a table cell use ~~
[table]
head col 1, head col2, head col3
col 1~~extra line, col2, col3
col 1, col2, col3
[/table]
| head col 1 | head col2 | head col3 |
|---|---|---|
| col 1 extra line |
col2 | col3 |
| col 1 | col2 | col3 |
Process box. Note this shortcode needs to be wrapped in a particular div. ID <div class=”page-nav”>[process-box][/process-box]</div>
[process-box]
[process-item][/process-item]
[item-content]
content 1…
[/item-content]
[process-item][/process-item]
[item-content]
content 2…
[/item-content]
[/process-box]
content 1…
content 2…
This shortcode will show a feed of staff members of a particular type. eg.
[staff_type type="scientist"]
The shortcode that produces the virtual tour is big and ugly because of all the file URL’s but isn’t that bad. There are two versions. One for a 5 photo virtual tour, one for six photo virtual tour.
[VTourSix] [VTourFive]
It requires 3 pararamaters for each photo in the virtual tour. The large photo that opens in the lightbox. The pre cropped thumbnail, and a title to show in the lightbox caption. img1=” thumb1=” title1=” img2=” etc..
If you If you need to create or edit one of these, you need to first prepare the images. Size the large photos to no larger than 800px. Thumbnail dimensions are:
*It may be easier to get ICreate to make or edit these.
[VTourSix img1="http://www.cityfertility.com.au/wp-content/uploads/2014/01/bcity-1-reception.jpg" thumb1="http://www.cityfertility.com.au/wp-content/uploads/2014/01/bcity-t1-reception.jpg" title1="Brisbane City Reception" img2="http://www.cityfertility.com.au/wp-content/uploads/2014/01/bcity-2-lab.jpg" thumb2="http://www.cityfertility.com.au/wp-content/uploads/2014/01/bcity-t2-lab.jpg" title2="Brisbane City Lab" img3="http://www.cityfertility.com.au/wp-content/uploads/2014/01/bcity-3-procedure-room.jpg" thumb3="http://www.cityfertility.com.au/wp-content/uploads/2014/01/bcity-t3-procedure-room.jpg" title3="Brisbane City Procedure Room" img4="http://www.cityfertility.com.au/wp-content/uploads/2014/01/bcity-4-interview-room.jpg" thumb4="http://www.cityfertility.com.au/wp-content/uploads/2014/01/bcity-t4-interview-room.jpg" title4="Brisbane City Nurse Inteveriew Room" img5="http://www.cityfertility.com.au/wp-content/uploads/2014/01/bcity-5-reception.jpg" thumb5="http://www.cityfertility.com.au/wp-content/uploads/2014/01/bcity-t5-reception.jpg" title5="Brisbane City Reception Area" img6="http://www.cityfertility.com.au/wp-content/uploads/2014/01/bcity-6-the-team.jpg" thumb6="http://www.cityfertility.com.au/wp-content/uploads/2014/01/bcity-t6-the-team.jpg" title6="The Brisbane City Team"]
[accordions]
[accordion title="This is a title"]
Accordion Content
[/accordion]
[/accordions]
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce blandit sem nec fermentum molestie. Donec condimentum lacus nulla, sit amet dignissim magna tristique sit amet. Aenean tempor venenatis congue. Vivamus porttitor ipsum id risus interdum, sed cursus neque tempor. Vestibulum vulputate mollis sagittis. Vestibulum eget dapibus purus. Mauris non nisl ut nibh ullamcorper tristique. Duis varius elit eget augue accumsan, in efficitur quam lobortis.
Sed pellentesque venenatis mi. Aenean ut nunc rhoncus, blandit tortor sed, rutrum sem. Vestibulum congue mollis lacus ut pharetra. In mauris felis, aliquam fermentum nisi id, fringilla finibus augue. Suspendisse urna erat, aliquam ac congue nec, rutrum at nunc. Donec porta lacus libero, in iaculis eros hendrerit sed. Nam posuere erat vel condimentum pulvinar. Cras efficitur tempus ornare. Sed convallis lobortis tortor, scelerisque aliquet sapien consectetur feugiat. Cras vulputate tellus sit amet justo bibendum, id placerat metus condimentum. Vivamus nec elit metus. Mauris scelerisque mauris quis semper sagittis. Cras vitae imperdiet mauris. In elit dolor, feugiat in velit id, elementum rutrum nisl.
Sed pellentesque venenatis mi. Aenean ut nunc rhoncus, blandit tortor sed, rutrum sem. Vestibulum congue mollis lacus ut pharetra. In mauris felis, aliquam fermentum nisi id, fringilla finibus augue. Suspendisse urna erat, aliquam ac congue nec, rutrum at nunc. Donec porta lacus libero, in iaculis eros hendrerit sed. Nam posuere erat vel condimentum pulvinar. Cras efficitur tempus ornare. Sed convallis lobortis tortor, scelerisque aliquet sapien consectetur feugiat. Cras vulputate tellus sit amet justo bibendum, id placerat metus condimentum. Vivamus nec elit metus. Mauris scelerisque mauris quis semper sagittis. Cras vitae imperdiet mauris. In elit dolor, feugiat in velit id, elementum rutrum nisl.
.
