{"id":27183,"date":"2020-09-15T16:00:23","date_gmt":"2020-09-15T10:30:23","guid":{"rendered":"https:\/\/www.the-next-tech.com\/?p=27183"},"modified":"2020-09-15T16:33:26","modified_gmt":"2020-09-15T11:03:26","slug":"wordpress-custom-fields-101-tips-tricks-and-hacks","status":"publish","type":"post","link":"https:\/\/www.the-next-tech.com\/review\/wordpress-custom-fields-101-tips-tricks-and-hacks\/","title":{"rendered":"WordPress Custom Fields 101: Tips, Tricks and Hacks"},"content":{"rendered":"

Do you want to learn more about the custom fields of WordPress? Are you looking for valuable tips, tricks, and hack when using this feature? If yes, this post is for you.\u00a0<\/span><\/p>\n

A lot of people find <\/span>custom fields<\/span><\/a> as a cool feature of WordPress. Why not? It lets you add more information not only to your WordPress posts but your pages as well. Besides, you can use this feature for storing important information and use it on your site later on.<\/span><\/p>\n

WordPress Custom Fields Overview<\/h2>\n

WordPress custom fields refer to the metadata used for adding additional post- or page-related information to what you are editing. <\/span><\/p>\n

With WP custom fields, you can repeatedly add the same data or information to multiple posts, even in content-heavy sites.<\/span><\/p>\n

Using this feature makes it possible for you to create an area in the editor to add a particular type of data or information to every post or page. <\/span><\/p>\n

For example, you can incorporate a disclaimer for an affiliate content or a rating for product reviews.<\/span><\/p>\n

This WordPress feature, as a default, is hidden. You can view it by clicking on the three-dot menu that is located at the screen\u2019s top right corner. <\/span><\/p>\n

After that, click \u201cOptions\u201d from the menu and check the \u201cCustom fields\u201d option under the Advanced Panels. Next is to click the \u201cEnable & Reload\u201d button. The post editor reloads, and you will see the custom fields panel.<\/span><\/p>\n

Now, let\u2019s get into the tips, tricks, and hacks in using WordPress<\/a> custom fields.<\/span><\/p>\n

Add Custom Fields in WordPress<\/h3>\n

Edit the post or page that you wish to add the custom field before you proceed to the custom meta box. Make sure to make a name for the custom field. After that, enter the value and save it by clicking the \u201cAdd Custom Field.\u201d\u00a0<\/span><\/p>\n

Find Custom Field in Dropdown on Post Edit Screen<\/h3>\n

If you cannot see the newly created custom field, then you can fix this issue by adding the following code to the site-specific plugin or functions.php of your theme:<\/span><\/p>\n

\"\"<\/p>\n

Add Custom Fields with the Use of Advanced Custom Fields<\/h3>\n

First, install and activate the Advanced custom field plugin. Once activated, visit the Custom Fields <\/span>\u00bb<\/b>Field Groups page, then click on the button, \u201cAdd New\u201d. Make sure to provide a title for the field group before clicking on the \u201cAdd Field\u201d button.<\/span><\/p>\n

Next is to provide a name for the custom field. Then, select a field type. As you scroll down, other options will appear. Feel free to change them ad add multiple fields to the field group. To save the changes, click on the \u201cPublish button.<\/span><\/p>\n

Display Content Only<\/h3>\n

Mind some specific custom-field keys that do not exist in all posts. You can use the following code to prevent incomplete, empty, or unwanted markup from destroying your page validity:<\/span><\/p>\n

\"\"<\/p>\n

Display A List of Key Values<\/h3>\n

You can use the following basic code template to display a list of existing key values:<\/span><\/p>\n

\"\"<\/p>\n

Check If the Custom Field Is Not Empty<\/h3>\n

Before displaying the custom field, it\u2019s essential to check if it is not empty. You can do it by modifying the following code to see if data exists in the field:<\/span><\/p>\n

\"\"<\/p>\n

Make sure to replace the \u201cMood\u201d with your desired field name.<\/span><\/p>\n

Add Guest Author Name with the Use of Custom Fields<\/h3>\n

First, add the following code in the site-specific plugin or the functions.php file of your theme:<\/span><\/p>\n

\"\"<\/p>\n

If an author\u2019s name exists, then you need to replace it with the guest author\u2019s name. Next is to edit the post you wish to display it. Lastly, go to the custom fields meta box to add the guest author name.<\/span><\/p>\n

Display Custom Fields Outside the Look<\/h3>\n

In order for you to display the custom fields outside the loop, the following code will help you:<\/span><\/p>\n

\"\"<\/p>\n

Make sure to replace the key with your chosen field name.<\/span><\/p>\n

Display Contributors to the Article<\/h3>\n

Edit the post you wish to display the contributors or co-contributors. Next is to scroll down to the custom fields meta box. After that, add the author names as co-author custom fields.\u00a0<\/span><\/p>\n

Add the following code to the theme files you want to show the co-authors:<\/span><\/p>\n

\"\"<\/p>\n

Add the following custom CSS in order for you to display the author names that are separated by commas:<\/span><\/p>\n

\"\"<\/p>\n

Determine the Type of Content Appears On A Page<\/h3>\n

You can use custom field values in determining which content type appears on a page. For example, let\u2019s check the custom field key-value called \u201chobbies.\u201d You can use the following codes:<\/span><\/p>\n

\"\"<\/p>\n

Display Custom Header, Footer, and Sidebar<\/h3>\n

Edit the post or page you wish to show a different sidebar. Next is to add the sidebar as a custom field. After that, edit the files like single.php. Look for the following code:<\/span><\/p>\n

\"\"<\/p>\n

Make sure to replace it with the following code:<\/span><\/p>\n

\"\"<\/p>\n

In your theme folder, create a sidebar-wpbpage.php file. As a starting point, feel free to copy the code from the sidebar.php file of your theme.<\/span><\/p>\n

Manipulate RRS Feed Title<\/h3>\n

First, add the following code in the site-specific plugin<\/a> or functions.php file of your theme:<\/span><\/p>\n

\"\"<\/p>\n

After that, edit the post you wish to display the extra text. Next is to add the guest_post and sponsored_post in custom fields.<\/span><\/p>\n

Manipulate RRS Feed Content<\/h3>\n

First, add the following code in the site-specific plugin or functions.php file of your theme:<\/span><\/p>\n

\"\"<\/p>\n

Next is to create a custom field known as \u201ccool custom.\u201d After that, add any value and use it to display text, images, advertisements, and anything you want.<\/span><\/p>\n

Set Expiration Date for Posts\u00a0<\/strong><\/p>\n

First, edit the theme files. After that, add and modify the loop like this:<\/span><\/p>\n

\"\"<\/p>\n

After that, add the expiration custom field to the post. Add the time in mm\/dd\/yyyy 00:00:00 format.\u00a0<\/span><\/p>\n

Conclusion<\/h2>\n

In a nutshell, WordPress custom fields allow you to customize your posts or pages by adding additional information to them. <\/span><\/p>\n

By assigning different types of content to multiple custom fields, you can completely control when, where, and how to display important information. <\/span><\/p>\n","protected":false},"excerpt":{"rendered":"

Do you want to learn more about the custom fields of WordPress? Are you looking for valuable tips, tricks, and<\/p>\n","protected":false},"author":576,"featured_media":27309,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":[],"categories":[43],"tags":[2442,248,2621,262,2630],"_links":{"self":[{"href":"https:\/\/www.the-next-tech.com\/rest\/wp\/v2\/posts\/27183"}],"collection":[{"href":"https:\/\/www.the-next-tech.com\/rest\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.the-next-tech.com\/rest\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.the-next-tech.com\/rest\/wp\/v2\/users\/576"}],"replies":[{"embeddable":true,"href":"https:\/\/www.the-next-tech.com\/rest\/wp\/v2\/comments?post=27183"}],"version-history":[{"count":6,"href":"https:\/\/www.the-next-tech.com\/rest\/wp\/v2\/posts\/27183\/revisions"}],"predecessor-version":[{"id":27338,"href":"https:\/\/www.the-next-tech.com\/rest\/wp\/v2\/posts\/27183\/revisions\/27338"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.the-next-tech.com\/rest\/wp\/v2\/media\/27309"}],"wp:attachment":[{"href":"https:\/\/www.the-next-tech.com\/rest\/wp\/v2\/media?parent=27183"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.the-next-tech.com\/rest\/wp\/v2\/categories?post=27183"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.the-next-tech.com\/rest\/wp\/v2\/tags?post=27183"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}