Integrate Blog Lists into Caeruleum (now with Foundation!)

[nathanmsmith]

Now that we've converted the blog lists over to Foundation, we get to integrate them into Caeruleum! This is going to require you to get a little dirty with PHP. I recommend checking out Learn X in Y Minutes, which does a great overview of all the PHP (and more) you’ll need to know for this task.

The main file you’re going to be dealing with is called loop-list.php, which is just in the top level of the Caeruleum repo. The goal is to convert that file (which uses Bootstrap) to Foundation by copying the PHP parts over to blog-lists and moving that back over to loop-list.php in Caeruleum. (Alternatively, you could just copy your Foundation changes over from blog-lists, but the PHP parts are pretty obvious, i.e., only on lines 12, 16, 39-51, and 65-98, so I think that’d be the easier way to go.)

You’ll see some function names you won’t recognize, these are Wordpress functions. Don’t worry, though, they aren’t as scary as they seem--a quick Google of any of them should give you the proper documentation.

There's also a little bit of setup you'll need to do, which isn't hard but kinda tedious. Caeruleum uses a plugin called Advanced Custom Field which is included in the VM. However, there's also a plugin to this plugin called ACF Repeater which you need to install in order to use and test the blog lists. I wrote a write up of how to install it here; please don't hesitate to reach me if you have any questions/issues.

Here's an explanation of some Wordpress/ACF functions you might see:

• get_template_directory_uri(); returns the URI of the project. (This is so requests for things like CSS and JavaScript files have the right path.)
• get_field(); is a function given to us by a plugin for Wordpress called Advanced Custom Fields.
• has_sub_field(); is another ACF function that gets the values of a given subfield along with the_sub_field();. The linked docs help explain it better. You'll see a note about it being deprecated, don't worry about that because we aren't using the latest version of ACF.

Phew that was a lot. Lemme know if you have any questions.

[nathanmsmith]

Update on this: lists are integrated but styling is a little off still. @tanzeelak and @dustinnewman98 do you think you can take care of this?

[dustinnewman]

for sure! :)