Let's talk WordPress

A bit of background

"Well if you can build a website, you can build a WordPress site."

So I started building

Shit, where does the WordPress part come in?

So what did I wish I knew before getting stated?

As a front end developer, this looks like a comment. Which means, it does nothing, right? Wrong. Mind. Blown.

<?php
/**
 * Template Name: Why Cats Are So Great Page
 * @link https://codex.wordpress.org/Template_Hierarchy
 *
 * @package bri-piccari
 */

get_header(); ?>

WordPress needs a few lines at the very top of your CSS file to work:

/*
Theme Name: Cats
Theme URI: https://www.bripiccari.me
Author: Bri Piccari // The Infantree
Author URI: https://theinfantree.com
Description: n/a
License: n/a
License URI: n/a
Tags: n/a
*/

Advanced Custom Fields is a life & time saver, especially when you're starting out:

<h1 class="cont-title subheadline-source subheadline loud">North America</h1>
    <div class="card-wrapper">
	
    <?php if(get_field('contact-north-america')): ?>
	    <?php while(has_sub_field('contact-north-america')): ?>
		<li class="contact-card">
		    
                    <h4 class="navy-tertiary-headline subheadline-droid loud"><?php the_sub_field('contact-location'); ?> <i class="icon-down-arrow"></i></h4>
		    
                    <span class="dropdown-content">
			<h5 class="copy"><?php the_sub_field('contact-address'); ?></h5>
		    
                        <h5 class="copy"><?php the_sub_field('contact-phone'); ?></h5>
			
                        <div class="contact-person">
			
                            <a href="#" class="link link-blue"><?php the_sub_field('contact-email'); ?></a>
			
                        </div>
		    
                    </span>
		</li>
	    <?php endwhile; ?>
    <?php endif; // if( get_field('contact-global') ): ?>
    
    </div>

Do you have a network of developers? Utilize it.

Things like _s? Study them.

My New Years Resolutions?

Hooks, filters + actions.