{"id":539,"date":"2016-08-15T14:02:09","date_gmt":"2016-08-15T12:02:09","guid":{"rendered":"https:\/\/www.nieuwsmarkt.nl\/?p=539"},"modified":"2017-10-01T09:09:57","modified_gmt":"2017-10-01T07:09:57","slug":"custom-post-types-and-custom-fields-within-beaver-builder","status":"publish","type":"post","link":"https:\/\/www.nieuwsmarkt.nl\/nl\/blog\/2016\/08\/15\/custom-post-types-and-custom-fields-within-beaver-builder\/","title":{"rendered":"Custom Post Types and Custom Fields within Beaver Builder"},"content":{"rendered":"

CPT and CF have been in WordPress already for a long time. It gives WP developers the power to turn\u00a0WordPress into a full Content Management System. Not all aspects were that easy as just creating posts and pages. That will change.<\/strong><\/p>\n

\u2022 Read all the comments via\u00a0the Beaver Builder facebook group
\n<\/a>\u2022 Also follow this subject on Toolset<\/a> on the Beaver Builder facebook group<\/em><\/p>\n

\"Records_and_Fields\"First the basics of database publishing. WordPress on its own is based on a database, created in MySQL. The WordPress database consists of many so called tables in which content will be\u00a0stored in what they call records. A post is a record of a specific content type. Also the menu will be\u00a0stored in a specific table.<\/p>\n

A record consist of fields. Fields are the base of every cell in a records. The title of a blogpost is a field, so is the body of a blogpost. Categories and tags are also fields, called metadata fields, their content says something about the main purpose of the record, defined\u00a0bij keywords.<\/p>\n

Custom Post Types<\/h3>\n

Without even knowing it, your website might already use so called Custom Post Types<\/a> (CPTs). These types (recordtypes) do serve some special purposes. A webshop like WooCommerce uses a CPT for defining products\/services. Those records consist of extra fields compared to normal posts. For example price of a product, stock of a product, delivery time of a product etc. An event manager uses a CPT for managing events, the fields\u00a0could exist of booking data, location of an event, date of an event etc.<\/p>\n

In more advanced situations tabels are related with each other. You might have a table\u00a0with records containing fields with data about yourself, like name, address, bank account number\u00a0etc. Another table might contain your financial transactions like for online banking. The connections between the two tabels is done by your name or by your bank account nummer, which are unique fields, called index fields.<\/p>\n

Tools within WordPress<\/h3>\n

\"generatewp\"Creating CPTs can be done in many ways with various plugins. The advantage is that you get a smooth user interface to define the various parameters to create the CPT. In most cases the disadvantage is that you need to keep that plugin activated to keep the CPT alive in your WordPress environment. If you don’t want the use of a plugin, you can create the CPT within the functions.php file within your childtheme. GenerateWP<\/a> offerst a nice user interface to let the code generate for you, based on the CPT parameters you request. Take the time to learn the various parameters, they effect the way the CPT works and used in your back-end. Also the use of taxonomies (like categories and tags in posts) can be generated together with the creation of the CPT.<\/p>\n

There are many plugins for creating\u00a0CPTs, after a while you will prefer to code the creation of a CPT in the functions.php file of your childtheme<\/p><\/blockquote>\n

Fields<\/h3>\n

\"acf-pro\"The standard CPT gets in base the titel field\u00a0and the bodytext field, all other fields you might want, must be created in some way. WordPress<\/a> offers this, but in practical situations it is not interactive enough. A plugin might help improve the speed of development and the flexibility of the fieldtypes. One plugin, well know for the ease of use in creating fields is Advanced Custom Fields (pro)<\/a>.<\/p>\n

\"toolset-logo-72\"However although the plugin lets you create fields very easily, you still need to write your own template files to either display archive or single CPT content, with the fields in it. That step requires more than average PHP knowledge to get the job done. Another plugin ‘Types & Views<\/a>‘ helps to improve the creation of templates without the need to program.<\/p>\n

ACF (pro) also alows\u00a0the use of shortcodes to display content for ‘simple’ fields<\/p><\/blockquote>\n

Beaver Builder<\/h3>\n

\"beaver-builder-logo-150x150\"Pagebuilders in general work with rows and columns. Each row can consits of one or more columns (content blocks). These blocks can contain various elements like title, plain text, images, sliders, interactive elements\/effects etc. Beaver Builder had the possibility to create templates, that is powerful in combination with CPT\/CFs.<\/p>\n

In Beaver Builder a template can be assigned to a CPT, which can hold various CFs. The challenge is to get the fields in the content blocks.<\/p>\n

One of the first steps was done by Robert Turner<\/a>, who used the ACF shortcodes together with the ‘Code PHP in Widget<\/a>‘ plugin. The shortcodes which can be used in ACF are limited to some simple fieldtypes like text etc.. For an image ‘real’ PHP should be used. The Code PHP in Widget plugin show\u00a0that widget box in the modules overview of the WordPress widgets, which can be used in Beaver Builder. Inserting the right PHP code will do the job.<\/p>\n

Robert showed a nice example and the potential to use CFs within Beaver Builder. His example was ‘page based’ and could be taken a step further with the use of Beaver Builder templates and use it within a CPT\/CFs.<\/p>\n

Two developments<\/h3>\n

Two developers within the Beaver Builder facebook group<\/a> are developing solutions for using the CPT\/CT combination together with templates:<\/p>\n