How to Add Extra Fields to an Article in Joomla! 3.7?
5 (100%) 1 vote

As you know, Joomla! has just released Joomla! 3.7 with many new features. One of the biggest new features is is the ability for administrators to add Custom Fields to articles, users, and contacts, and extension developers to use this feature within their own custom Joomla! extensions. Today we share with you how to add extra fields to an article in Joomla! 3.7.

How to Add Extra Fields to an Article in Joomla! 3.7?

1. How to see Custom Fields via Article Content

The first thing you need to do is to login on the backend. Then you navigate to Content and go to Article. You will see new features Fields, Fields Groups.

How to see Custom Fields via Article Content

2. Create a custom field

To create a custom field, you login on the backend, then navugate to Content and Go to Articles. On left sidebar, you can see Field Groups.

create a custom field

The next step you need to do is to create new Field Group.

Create new Field Group

You’ve just create New Field Group successfully.

create New Field Group successfully

3. Create a custom fields

First, you log in on the back end. Then you navigate to Content -> Articles. On left sidebar, you can see Fields

Create a custom fields

Now you can create a new Custom Field, it’s called “Source“. There are some options such as: Field Type, Name, Required or Not, and assign to Field Group just created.

Here, in custom field type, we use URL (url).

There are many options with Custom Field such as Placeholder, Render Class, Edit Class, Show Label, Show On,..

options with Custom Field

New Custom Field called ‘Source’ just created, place in Field Group called ‘Resource’.

4. Put Custom Field to article

After logging in on the backend, you need to navigate to content >> Article. Then you add new or edit exiting article.

Put Custom Field to article

You’ll see new Custom Field just created, called ‘Resource’, we create original resource URL for article/blog in this field.

new Custom Field

We put resource URL as joomla.org for example

we put resource URL as joomla.org for example

This is a valid field as we selected URL field during create Custom Field

This is a valid field as we selected URL field during create Custom Field

Now, let’s go to front-end website article to see Custom Field output called ‘Original Source’ with value that we put.

Custom Field

Video instruction

There are 15 different field types that Custom Field features in Joomla! 3.7 support, see full Custom Field types.

Custom fields function in Joomla! 3.7 allow you to create extra fields content for Joomla! without installing more extensions. It’s an awesome feature that you can use to create custom fields for article, contact page.
Thanks for reading! If you have any questions during create Custom Fields, don’t hesitate to let us know.
Blog Resources:
https://www.joomla.org/announcements/release-news/5703-joomla-3-7-is-here.html
https://docs.joomla.org/J3.x:Adding_custom_fields

Comments

Leave a Reply

Your email address will not be published. Required fields are marked *

Save 20% for PROs version on today, don't miss to save development time by Quickstart access and 1 year support service! EXPLORE ALL TEMPLATES!
[[Black Friday Sale!!!]] 50% OFF for Membership, access all templastes (PRO version) in lowest price! It's best time to join with us, Join Now!