website logo
➡️ purplepublish.com
Overview
Setup
Editorial
Experience
Growth
Developers
Navigate through spaces
⌘K
Editorial Admin Set-up
Menus in Purple Hub
Create an author in Purple Hub
Create a reusable block and add it to an article in Purple Hub
Create a block pattern and use it in an article in Purple Hub
Customize the Block-menu for articles in Purple Hub
Create a Custom Post Type in Hub
Create a taxonomy in Hub
Create Custom Fields in the Hub
Change User Roles in Purple Hub
Creating Content
Editor interface in an article
Create an article in Purple Hub
Text settings for an article in Purple Hub
Media Gallery in Purple Hub
Add an image to an article in Purple Hub
Gallery Block in Purple Hub
Embeds in Hub Content
Add an audio file to an article in Purple Hub
Add a video to an article in Purple Hub
Set an internal link in the Purple Hub
Article rating with star rating block in Purple Hub
Create an issue in the Purple Hub
Managing Content
Use the (new) publishing process 'Background publishing'
Schedule article unpublishing in Purple Hub
Schedule article publishing in Purple Hub
Article Preview in Purple Hub
Curator: Functions and fields
Curator: Create a collection
Curator: Use the "Force" feature
Editorial Workflows (Oasis) in Purple Hub
Settings for Planning Content/Social Media Publishing (Nelio) in Purple Hub
Planning Content (Nelio) in Purple Hub
Social Media Publishing (Nelio) in Purple Hub
Purple RSS
Purple Wires
Source overview page
Source set up page
Known issues in Purple Wires
Docs powered by archbee 

Create Custom Fields in the Hub

19min





Summary

In this article, you will learn how to create custom fields in the Purple Hub. You will create a new field group, assign it to a post type and create three different types of custom fields and set them as mandatory.

  • A field coming from a list with radio buttons,
  • A field coming from a list with checkboxes
  • A field coming from a date picker.


Preconditions

  • Have the 'Administrator' role in your Purple Hub
  • Have the 'CPT UI' plugin enabled in your Purple Hub

Read this external article to learn more about the concept of Custom fields.



How-to guide

1. Go to Purple Hub and click on 'Custom Fields' in the left-hand side menu bar.

Document image


2. Click 'Add New'.

Document image


3. Click 'Add title' and type the name of your field group into the form, e.g. 'Recipe information'.

Document image


4. Next to 'Rules' choose 'Post Type' from the first dropdown.

Document image


5. From the second dropdown, choose 'is equal to'.

Document image


6. From the third dropdown choose the desired post type, that you want to apply the Custom fields to, e.g. your Custom Post Type, in our example 'Recipe'.

Document image


7. Scroll back up and click on '+ Add Field'.

Document image


8. Next to 'Field Label' enter your desired name for the first type of field. e.g. 'Diet'.

Document image


9. Click on 'Field Type', scroll to 'Choice' and click on 'Radio Button'.

Document image


10. Scroll to 'Required' and choose 'Yes' with the toggle.

Document image


11. Scroll to 'Choices' and enter your desired choices for the radio buttons.

Put the labels for the system on the left side in lower case letters and separate the line with an empty space + ':' + another empty space and put on the right side the labels that will be displayed on your post to the readers. For each label, use a new line, so that it looks like in the screenshot.

Document image


12. Click 'Add field'.

Document image


13. For the second additional field, type the desired name into the field next to 'Field label' e.g. 'Season'.

Document image


14. Scroll down to 'Field Type', below 'Choice' choose 'Checkbox' in the list and click on it.

Document image


15. Scroll to 'Required' and choose 'Yes' with the toggle.

Document image


16. Scroll to 'Choices' and enter your desired choices for the radio buttons.

Put the labels for the system on the left side in lower case letters and separate the line with an empty space + ':' + another empty space and put on the right side the labels that will be displayed on your post to the readers. For each label, use a new line, so that it looks like in the screenshot.

Document image


17. Click 'Add field'.

Document image


18. For the second additional field, type the desired name into the field next to 'Field label' e.g. 'Release date'.

Document image


19. Go to 'Field Type', scroll in the Dropdown to 'jQuery' and click on 'Date Picker'.

Document image


20. Scroll to 'Required' and choose 'Yes' with the toggle.

Document image


21. Scroll to 'Display Format' and choose the date format you desire (to have displayed to your readers) by clicking the radio button next to it.

Document image


22. Scroll to 'Return Format' and choose the date format you desire (to have displayed to your editors in the system) by clicking the radio button next to it.

Document image


23. Click 'Add field'.

Document image


24. Scroll back up to the top of the page and click 'Publish'.

Document image


25. You will now see the three newly created and published custom fields as a summary.

Document image


26. Go to your (Custom) Post type in the left-hand side menu bar and click on it ('My recipes' in our example).

Document image


27. You will find the newly created custom fields visible in the template as mandatory fields below the post.

Document image


You have now successfully created a new field group, assigned it to a post type and created three different types of custom fields: a field coming from a list with radio buttons, a field coming from a list with checkboxes, and a field coming from a date picker. You have published it and your editors will see these three (mandatory) fields below the assigned post type when editing a single post.



Updated 17 May 2023
Did this page help you?
Yes
No
PREVIOUS
Create a taxonomy in Hub
NEXT
Change User Roles in Purple Hub
Docs powered by archbee 
TABLE OF CONTENTS
Summary
Preconditions
How-to guide
ImprintPrivacy Policy
© Sprylab Technologies GmbH 2022