1. Home
  2. Documentation
  3. Posts Table Pro
  4. FAQ
  5. Can I add links, downloads, icons or buttons in Posts Table Pro?

Can I add links, downloads, icons or buttons in Posts Table Pro?

You can use Posts Table Pro to display custom links in the table – either as clickable text or as buttons, icons or images. These links can link to any URL, for example another page on your site, an external URL or a link to download a file (such as a PDF) in the Media Library.

You can add links to any text-based fields that you’re displaying such as the content, excerpt or custom fields.

Please note – links from the ID, title, image, categories, tags or any taxonomy columns are created automatically by the plugin, and controlled via the links option

Links and other HTML in the main content are normally removed by Posts Table Pro. This is because the content is truncated using the content_length option. If the HTML wasn’t removed, the content could be split incorrectly and missing the necessary closing HTML tags such as </a>, </p>, </div> etc.

To preserve the HTML formatting, including links, you would need to set the content to display in full. You do this by setting content_length=-1 in your shortcode, or in the plugin settings.

The same applies to the excerpt column. If you wish to display links within the excerpt, you will need to set the excerpt_length=-1.

First, you need to create the custom field that you will use to add the links. You will then display this as a column in the table using Posts Table Pro.

Posts Table Pro works with any custom fields plugin. We particularly recommend Advanced Custom Fields (free). By using a custom fields plugin, you can create more advanced links without writing any HTML code.

Use your chosen custom fields plugin to create a Visual Editor (WYSIWYG) custom field. Use this field to add the links that you wish to display in Posts Table Pro. Use the ‘Insert/edit link’ toolbar button to hyperlink the text.

In the following example, we have added the following links to a post:

  • ‘Button’ custom field (this is a ‘Visual Editor’ custom field type) – This field contains 2 links: A normal link with the anchor text “This is a normal text link”, and a shortcode created using the free Better Font Awesome plugin which allowed us to insert an icon and make it clickable.
  • ‘Text’ custom field (this is a ‘Text’ custom field type) – This field contains a URL – https://barn2.co.uk – which will appear as a clickable link in Posts Table Pro.

Step 2: Add the custom field as a column in the table

To display your custom field, you need to add this to the columns option. Do this in the plugin settings page (Settings -> Posts Table Pro), or in your shortcode. The column name will be cf: followed by the custom field you just added. In our example above, the custom field name was button, so our column name would be cf:button. In the shortcode this would be: columns="cf:button,title,image"

Please see the columns article for more information on adding custom fields to your table.

The following video tutorial shows some examples of creating custom links, adding buttons and icons and displaying them in your posts table. You can see an example of how this might look in our WordPress document library demo.

If you want to create a button or icon, use a custom field to store the code or shortcode for your button/icon. The exact method for adding the button or icon will depend on your theme.

For example, your theme may provide a shortcode for buttons or icons. If you don’t know how to do this, ask your theme developer. If your theme doesn’t have the styles you need, you can use a plugin such as Shortcodes Ultimate to create buttons, or Better Font Awesome to create icons.

Note: If you are adding shortcodes to any of the columns displayed in Posts Table Pro, then you must enable the shortcodes option. This tells Posts Table Pro to display them correctly.

WordPress document library download buttons

Example of a WordPress document library with buttons, links and icons in a custom field called ‘LINK’

If you’re adding shortcodes then you will also need to go to the Posts Table Pro settings page (Settings -> Posts Table Pro) and tick the ‘Shortcodes’ option. This tells Posts Table Pro to display the links as clickable links instead of plain text.

Yes! You can do this by using Posts Table Pro with the free Page Links To WordPress plugin. This plugin lets you add a URL to any page, post or custom post (e.g. to a PDF in your Media Library or a page on an external website). When someone clicks on a link to view the page/post/custom post, they will be taken to this URL instead.

For example, a lot of Posts Table Pro users find this helpful when creating a WordPress document library with downloadable document links in the table.

Was this article helpful?

Related Articles