Tile Plus is a business card style template with a fix width and height that will tile side by side to the width of the content area in your WordPress theme featuring pagination and a category select drop down.
- Pagination
- Category Select Drop-down
- Photo
- If no photo is available a block will be shown with the text ‘No Photo Available’
- If the show_alphahead Connections shortcode option is set to TRUE the tiles will create tile groups under the alpha header.
- Customizable Labels
- Connections >= 0.7.1.3
- Permalink structure other than Default.
- Entry Image MUST be set to:
- Width: 80px
- Height: 120px [or smaller]
- NOTE: If images have already been uploaded in a different size they will need to be uploaded again after the image settings are applied to be compliant with this template.
- Entry Image Settings
- Quality: 75%
- Width: 80px
- Height: 120px [or smaller]
- Crop
The features of this template can be customized by adding the following options to the Connections shortcode.
Here’s an example shortcode that can be used for Tile Plus that changes the number of entries displayed per page, sets the pagination to be displayed at the top and bottom of the list. As you see in this example shortcode, you only need to add the options you wish to change from the default setting and you can mix and match the options to suit your needs.
[connections template='tile-plus' page_limit='32' pagination_position='both']
Here’s the list of options the Tile Plus template adds to the shortcode with their default setting.
- enable_search=TRUE
- enable_pagination=TRUE
- page_limit=20
- pagination_position=’before’
- enable_category_select=TRUE
- show_empty_categories=TRUE
- show_category_count=FALSE
- category_select_position=’before’
- enable_category_by_root_parent=FALSE
- card_width=240
- card_height=150
- enable_website_link=TRUE
- show_image=TRUE
- show_addresses=FALSE
- show_phone_numbers=TRUE
- show_email=TRUE
- show_im=FALSE
- show_social_media=FALSE
- show_birthday=FALSE
- show_anniversary=FALSE
- address_types=’home, work, school, other’
- phone_types=’homephone, homefax, workphone, workfax, cellphone’
- email_types=’personal, work’
- image=’photo’
- image_width=NULL
- image_height=NULL
- image_fallback=’block’
- str_select=’Select Category’
- str_select_all=’Show All Categories’
- str_image=’No Photo Available’
- str_contact=’Contact’
- str_home_addr=’Home’
- str_work_addr=’Work’
- str_school_addr=’School’
- str_other_addr=’Other’
- str_home_phone=’Home Phone’
- str_home_fax=’Home Fax’
- str_cell_phone=’Cell Phone’
- str_work_phone=’Work Phone’
- str_work_fax=’Work Fax’
- str_personal_email=’Personal Email’
- str_work_email=’Work Email’
- str_visit_website=’Visit Website’
- name_format=’%prefix% %first% %middle% %last% %suffix%’
- contact_name_format=’%label%: %first% %last%’
- addr_format=’%label% %line1% %line2% %line3% %city%, %state% %zipcode% %country%’
- When you receive the purchase confirmation email which contains the download link and code, download the template zip file. Please do not unzip this file.
- In the WordPress admin under the Connections menu, select Templates.
- Browse to where you downloaded the template zip file and select it.
- Click Install Now.
- After the template has been successfully installed, click Activate.
- When activated the template will now be used by default.
FAQs
How do I use the str_***** shortcode options?
Every string in a template can be customized to suit your specific needs. This can be done by setting template enabled shortcode options. These string shortcode options all begin with “str_”. Every template differs on what strings are available to be customized, please refer to the template’s documentation [currently under construction] to learn more. But here’s a couple examples that will work across most templates.
/* * Example 1 * Change the 'Home Phone' label to 'Phone' */ [connections str_home_phone='Phone'] /* * Example 2 * Change the 'Personal Email' label to 'Email' */ [connections str_personal_email='Email'] /* * Example 3 * You can add as many string customization shortcode options as needed. * * Change the 'Personal Email' label to 'Email' * AND * Change the 'Home Phone' label to 'Phone' */ [connections str_personal_email='Email' str_home_phone='Phone']
How do I change the Tile size?
The default dimensions of the Tile template are 240px x 150px. Tile enables two shortcode options to control the card dimensions. They are card_width and card_height.
Examples:
/* * Example 1 * Change both the height and width. */ [connections card_width=300 card_height=175] /* * Example 2 * Change just the width. */ [connections card_width=300] /* * Example 2 * Change just the height. */ [connections card_height=300]
How do I use the addr_format shortcode option?
It’s a little difficult to explain how the addr_format option works so I will provide some examples.
But first… some background.
The addr_format option accepts only a few specific tokens.
Tokens are the % symbols and the word between, for example, %label% is a token.
The valid tokens for the addr_format option are:
%label% [NOTE: unless this is overridden, the label will be the address type.]
%line1%
%line2%
%line3%
%city%
%state%
%zipcode%
%country%
When processing the display of the address, Connections will scan for each token and replace it with the corresponding address segment. Each token should only be used once even though you could use each token more than once, but that is not recommended.
Here’s the default layout of the tokens that create the format of the address:
%label% %line1% %line2% %line3% %city%, %state% %zipcode% %country%
Now, your first question might be, but the address items are stacked in the traditional block layout, not on a single line, how is that being done? Right, the block layout is achieved using CSS which can easily be overridden to make the address segments display inline. How to override the CSS is a separate topic.
On to the examples.
This will display the address minus the label and country fields.
[connections addr_format'%line1% %line2% %line3% %city%, %state% %zipcode%']
This will display the address with the state and city switched, which is common in eastern Europe.
[connections addr_format'%label% %line1% %line2% %line3% %state%, %city% %zipcode% %country%']
How do I change the number of entries per page?
By default the template will show 20 entries per page. You can change the number of entries per page by setting a template enabled shortcode option, page_limit. Here is an example:
[connections page_limit=10]
I’ve installed the template but it doesn’t show up as available to activate.
Unfortunately a very small percentage of users experience this issue, which is odd, because the same method to upload and verify the template is the same one that is used by WordPress to install themes.
The solution is to unzip the template that was downloaded. Once unzipped, you will have a folder with the template name which contains the template files. Copy this folder and it contents to this folder on the server ../wp-content/connections_templates/
The result should be this path:
../wp-content/connections_templates/template_name
template_name should be the actual name of the template you are installing. Once this is done, the template will be available for activation.
How can I hide empty categories?
You can hide empty categories by setting a template enable shortcode option, show_empty_categories. Here’s an example:
[connections show_empty_categories='false']
Why does the template layout look wrong?
When copy and pasting the shortcode into a page or post while using the rich text editor (the Visual tab) HTML tags will also be pasted when copying from a webpage. The solution is to paste the shortcode into the HTML editor (the HTML tab). To fix this error, go to the page or post where you pasted the shortcode and switch to the HTML editor and remove any tags that surround the shortcode, for example <pre></pre> and <code></code>.
Also, many commercial themes support a shortcode named [raw]. If yours does, wrap the Connections shortcode in it like so: [raw][connections][/raw]. Why? The theme is removing and then re-applying the wpautop filter which is interfering with the code for Connections and will interfere with other shortcode based plugins as well, but may not be as noticable. If the [raw] does not work, you’ll have to send me a copy of the theme so I can see how they implemented that ‘feature’. Sometimes theme authors simply rename the [raw] shortcode.
Where is the CSS file?
The CSS file is named styles.css and can be found in the wp-content/connections_templates/template-name folder. The template-name would be the actual name of the template, for example, cmap or market.


