Medinfo Sites

Orange and Blue Theme Help

Table of contents:

Home Page Featured Content

The home page supports several different options for featuring content in a rich and engaging manner. The major options for the template are:

Static Image Featured Content

  • Static Image - in this example, a static image can be easily placed near the top of the home page. The creation of the image would be the responsibility of each organization, and would require some graphic artist resources, but the possibilities allow for a highly customized and very effective presentation. View Example 1 | View Example 2
    • To enable this option:
      • Select ‘Appearance‘ and then select ‘COM Orange and Blue Template
      • Click on the ‘Homepage‘ title to expand the settings screen
      • Next to, ‘Homepage header image‘, insert the URL to the image you want to insert into your home page featured area
      • Optionally, you can turn the image into a link that will take the visitor to a new page when they click on it. To enable this feature, merely fill in the field ‘Homepage header image destination‘ with the URL that the image should take the visitor to
      • Save settings (bottom of page)
      • DOWNLOAD THE TEMPLATE FOR THIS IMAGE

Single Featured Post

  • Single Featured Postif you want to have a bold look to your home page, but lack the graphic artist resources necessary for the “Static Image” option, then this is your next best choice. By simply publishing a post and attaching a simple photograph to it (the photo can come right out of the camera, no resizing necessary), this option will generate an appealing and engaging feature area on your home page. You can customize the title, the description, the photo next to the text, and even an optional button to appear below your text — all with great ease. View Example
    • To enable this option:
      • Select ‘Appearance‘ and then select ‘COM Orange and Blue Template
      • Click on the ‘Homepage‘ title to expand the settings screen
      • Select a category from the drop-down box ‘Homepage featured category
      • Save settings (bottom of page)
      • Now publish a new post, and place this post in the category you selected for ‘Homepage featured category‘. Be sure to give this new post a ‘Featured Image‘ (right side of page). This is the image that will appear with shadows and a border added (optionally, can be disabled).

Featured Content Story Stacker

  • Featured Post Story Stackerthis third option takes the single post feature, and expands it. With the story stacker enabled you can display your 3 most recent posts in an engaging news-agency style that automatically goes down the list displaying each post with an animated effect. Inserting the images is extremely easy, and does not require any image editing on your part. Just attach and publish! View example
    • To enable this option:
      • Select ‘Appearance‘ and then select ‘COM Orange and Blue Template
      • Click on the title ‘Homepage‘ to expand the settings screen
      • Select a category from the drop-down box ‘Homepage featured category
      • Select ‘Enabled’ from the drop-down box ‘Homepage Featured Story Stacker
      • Save settings (bottom of page)
      • Now publish a new post, and place this post in the category you selected for ‘Homepage featured category‘. Be sure to give this new post a ‘Featured Image‘ (right side of page). This is the image that will appear with shadows and a border added (optionally, can be disabled).

No Feature Content Area

  • No feature area – the last choice is to not have any home page featured area. This gives you more vertical room to display other kinds of  content and can help give your website a more simplified look. View Example





Mega Drop-Down Menu

Mega Drop Down Example

Mega Drop Down Example

Your main menu can be changed to a Mega Drop-Down Menu. This is a form of drop-down menu that your website’s visitors will find easier to use. Mega drop-downs are better suited for websites with lots of content that require more space for menu layout than a traditional drop-down.  

To enable this option for your website:

  • Select ‘Appearance‘ and then select ‘COM Orange and Blue Template
  • Click on the title ‘General‘ to expand the settings screen
  • Select the check box ‘Enable Mega Drop Down
  • Save settings (bottom of page)





Widgets

example widget screen

On the surface widgets are just things you can use to customize your website without knowing HTML. We offer a wide variety of widgets that each perform different tasks. For example, one widget might let you insert a Google Calendar into your site, while another widget might show your recent posts.

Widgets can only be inserted into certain pre-defined regions; those regions are:

To insert widgets visit the ‘Appearance’ / ‘Widgets’ menu; then drag and drop the available widget onto the pre-defined region on the right hand side.

 



Inserting Video

Videos can be inserted using the three techniques described below. The 3rd option (utilizing the video shortcode) creates an iPad/iPhone-friendly video player.

  1. YouTube videosYoutube videos can be embedded into any page or post by simply pasting in the URL to the video in the body. Do not make the text a link or apply any formatting to it.
  2. Vimeo VideosTo embed a Vimeo video, insert the following into the body of your post or page replacing ‘URL here’ with the URL to your video: [vimeo]URL here[/vimeo]
  3. Other hosted videosFor videos that are being hosted by our servers, insert the following into the body of your post or page replacing ‘url here’ with the URL to your video

 



Custom Page Templates

Page templates

Page templates give you more freedom in customizing the appearance of your pages. The following page templates are currently available:

  • Members Only – Hides your content to anyone who isn’t using the UF or Shands network. Visitors can log into the UF VPN to see the content.
  • Full Width Page (no columns or widgets) –  Hides all sidebars and widgets from the content area of a page.
  • Full Width Page (with right column widgets) – Hides the left sidebar, but leaves the right column open for widgets.
  • Widgetized Page – Enables a right column for widgets and leaves the left sidebar on.
  • News Listing – Turns a single page into a listing of your latest posts. Good idea for allowing users to read all of your posts from a single link.

To change a page’s template, simply edit that page and select the new template from the drop-down box titled ‘Template‘  on the right side of the screen.

 



Short Codes

Short codes are a way of easily inserting dynamic content into the body of your posts and pages.

To use a shortcode, simply type the short code example provided, modifying the code as is necessary for your situation.

Below is a list of available short codes for this template:

  • Google Maps
    • Insert a Google Map into a post/page for a specific address.
    • code example: [googlemap address=”1600 SW Archer Rd, Gainesville, Fl 32608″ width=”650px” height=”200px”]
    • Width and height are optional
    • Live demonstration
  • Google Charts
  • Video / Vimeo
    • Insert a video that is either self-hosted, or hosted by Vimeo
    • code example (video):
    • code example (vimeo): [vimeo]http://vimeo.com/1501038[/vimeo]
    • Live demonstration
  • Multiple Columns (Left / Right)
    • Split content into two separate columns
    • code example: [left] this is content to appear on the left column [/left]   [right] this is content to appear on the right column[/right]
    • Live demonstration
  • RSS Feeds
    • Insert articles from an RSS feed
    • code example: [rss feed=”http://news.medinfo.ufl.edu/feed/” num=”5″ ]
      • This gives a listing of articles.  It will show the number of articles you request- in this example it will be 5
    • [rss feed=”http://news.medinfo.ufl.edu/feed/” summary=”true” num=”5″ ]
      • This will show the listing with a short excerpt of each article
    • [rss feed=”http://news.medinfo.ufl.edu/feed/” date=”true” summary=”true” num=”5″ ]
      • This will show the listing with a short excerpt of each article and the date of each article
      • Live demonstration

 

  • SWF(flash/shockwave embedding)
    • Embeds a .SWF file into the body of your post/page
    • code example: [swf height=”400″ width=”600″]http://example.sites.medinfo.ufl.edu/files/2010/10/SBAC_High_BMI.swf[/swf]
    • height and width are optional
    • Live demonstration
  • HTML Sitemap
    • Embeds an automatically generated Sitemap of all site Pages into the body of your page/post
    • Code example: [html-sitemap depth=3]
    • Depth attribute optional, in order to only show a specified level of child pages. The example above would only show parent, child and subchild pages
    • Use “pageMash” to hide pages that you don’t wish to appear in the Sitemap listing 
    • Live demonstration
  • Tag Cloud
    • Embeds a tag cloud into any post/page/widget
    • Code example: [tagcloud]
    • Optional attributes include:
      • num=”45″ – set the total number of tags/categories you would like to display (default 45)
      • taxonomy=”post_tag” – selects whether to make a cloud out of tags (post_tag) or categories (category) (default post_tag)
      • smallest=”8″ – the smallest font size for the least used tags/categories (default 8)
      • largest=”22″ - the largest font size for the most used tags/categories (default 22)
      • format=”flat” – the style of tag cloud used. Your other choice is format=”list“. This will turn your tag cloud into a traditional vertical list (default flat)
      • orderby=”name” – order your list by alphabetical (name) or by the total number of occurrences (count) for the most/least used tags/categories (default name)
      • order=”ASC” – order your list by ascending (ASC) or descending (DESC) priority (default ASC)
    • With lots of options to choose from, you could end up with a short code formatted like so: [tagcloud num=”100″ taxonomy=”category” smallest=”12″ largest=”12″ format=”list” orderby=”count” order=”desc”]