Show Custom Fields in WordPress

Show Custom Fields in Theme

How to show custom fields in WordPress is one of the hardest thing to understand by non-technical users.

By default, WordPress gives you the possibility to add custom fields directly from the UI.

There are also a lot of plugins that let you add advanced custom fields like inputs, check-boxes, selects, etc.

However, almost all of those solutions fall short when it comes when you want to show custom fields in your template.

Show Custom Fields Using Code

The default way to show custom fields in WordPress would be to:

  1. Open the single.php or page.php template file from your theme (via FTP or locally)
  2. Find the_content function so you can list your custom fields after the actual content of the post or page
  3. Use the get_post_meta function to list custom fields

It doesn’t sound to complicated, but you’ve lost a non-technical user at opening single.php

This is how your page.php could look if you wanted to show two custom fields, book title and book ISBN code.

It’s no rocket science and really simple to pull off.

The problem starts when you try to do more complicated stuff, like groups of custom fields (metaboxes), repeaters fields and groups, connect posts using custom fields.

Show custom fields using Swift Templates without code

Listing your custom fields in WordPress is one of the simplest way to transform your website from static pages to a proper CMS. You can use it for:

  • Adding extra information on your posts and pages
  • Showcasing your team
  • Listing testimonials
  • Simple property listing
  • Custom product pages
  • Custom landing pages
  • Listing company services
  • And pretty much anything that might require some extra information

It’s possible to create all of the above without being a developer in three steps.

Read more

The easy way to create a WordPress Team Page

Call it “Meet the Team”, “Our Team” or “Staff List”, a WordPress Team Page is a pretty standard request when building a new website. That’s probably because everyone wants to know the people behind a specific project. It ads a personal touch to the company and can lend trust to visitors.

Even though there are many ways to go about building a WordPress Team Page, in this tutorial we’re going to focus on making it simple (easy to build) and intuitive (easy to update by clients – mostly non-technical users).

Let’s consider the following scenario:

  • we want to have a variable number of team members
  • it needs to be easy to add, remove or rearrange team members
  • to make it easy to update we’ll need specific fields for team members, like: Name, Title, Bio, Picture, Social Media links etc.

Now here comes the best part. It would be great if we can achieve all of this with a couple of clicks from the WordPress admin UI and without writing a single line of PHP code.

Read more

WordPress Testimonial Page Template with WCK

Having testimonials displayed on your client’s website is a always a nice bonus, and helps to highlight the brand’s personality and keep up with its audience.

The scope of this tutorial is to build a WordPress Testimonial Page Template with the help of WCK – Custom Fields and Post Type Creator plugin.

How you choose to do this is a matter of preference. You can opt for one of these options:

  • choose from a list of plugins that make only testimonials
  • you can also use Custom Post Types, that attaches your testimonials to a particular page
  • or, our very own favorite, choose to get your hands on by using Custom Fields that are attached to a certain Page Template.

A WordPress Testimonial Page Template with WCK

For us, the most flexible and intuitive way to create a WordPress Testimonial Page is by using Custom Fields and create our own Page Template.  We’ll use the WCK – Custom Fields Creator to speed things up.

Read more

WordPress User Registration

Have you hit a road block when it comes to WordPress user registration?

You probably would like to have new users register before being able to take certain actions (for example, posting reviews or commenting) but do not want them to have access to the WordPress Dashboard? Truth is, WordPress User Registration doesn’t have to be hard to get.

Wouldn’t it be nice to have a straight forward guide to the WordPress User Registration that will take you through:

  • the default WordPress user registration
  • recommended plugins to make it work the way you want
  • code and tutorial suggestions for the more advanced readers

So if you found the user registration in WordPress confusing, hopefully the WordPress User Registration Series will shed some light on the hole subject and gets you closer to finalizing your project.

The Default WordPress User Registration

Default WordPress User Registration

We’ll start with some basic knowledge about WordPress users and the entire registration process. If you’re already accustomed with this, you can come back next week for the plugin and code snippets parts!

Read more

Understand how to create triangles with CSS

I’ve been creating css shapes for a while now, but just recently I’ve been starting to wonder how does the technique actually work and why.

You can find a good collection of css snipets here. Most shapes use css 3 properties but there are a few useful ones that do not require css 3 so you don’t have to worry about browser compatibility.

How to create a triangle with css

#right-triangle {
   width: 0;
   height: 0;
   border-left: 60px solid red;
   border-top: 30px solid transparent;
   border-bottom: 30px solid transparent;
}

Read more