As noted previously, the WYSIWYG dump is not the best long-term strategy for our home page content. We have some significant custom markup structure in here. The WordPress editor was built to manage text and images—not containers, rows, columns, and carousel items. So, let's use WordPress custom fields to manage this content.
The steps are easy and straightforward. We'll create a custom field for the content of each carousel item (that is, our four images) and then a custom field for each column of content below it as shown in the following steps:
- In your WordPress editor for the Home page, copy the markup for each image as shown in the following screenshot:
Then, create a custom field for each, naming them
item1,item2,item3, anditem4. After repeating for each one, you should have a result that looks like the following screenshot:
- Now for our columns content. Let's call these
column1,column2, andcolumn3, and include the heading, paragraphs, and button markup together in one custom field for each column's content.
Note that the contents for each column include more than what is shown in the field. Drag one to open it wider, and it includes the entire content as shown in the following screenshot:
- Update the page to save our work.
Now to pull the content from these fields and place them in our desired markup structure, which is to say, it's time for a bit more template work.