Saturday, November 17, 2018

DIVI Customize Tag Landing Page

Divi’s portfolio modules and projects component make adding the project / portfolio a breeze. I found a short code from Surbma that allowed me to quickly add the project tags to the page. The issue I had is when the user clicked on the tag the projects were displaying as single-column blog style and I wanted the columned style the module displayed.

The page got me in the right direction.

How to Give Your Divi Archive Pages a Masonry Layout

This was so close to what I wanted.

The boxes were not totally lined up so I ended up implementing “Flex” in the CSS to make the boxes fit a little better. I used the following article to guide me.

Don’t Overthink It (Flexbox) Grids

The next issue was being able to build this page like the other pages I had built in the Divi builder. I needed to add back the Yoast Breadcrumbs and this article helped.

How To Add Breadcrumbs To Your WordPress Website

I was hoping to build “child-theme” sub-page and I had trouble coming up with the right Taxonomy.  What I needed was “taxonomy-project-tag.php” or  “taxonomy-project-tag-tag label.php”

” .The following page helped me determine the right taxonomy for page of linked projects by tags.

Taxonomy Templates

 

I hope this helps someone else out there…

 

 

 

0 Comments

Leave a Reply

XHTML: You can use these tags: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>