Web Design Retrospective: Gina McGalliard

Web address: GinaMcGalliard.com

Custom theme: Birch for Gina

Every time I build a WordPress website, I learn how to do something I previously thought was impossible. It was no different with GinaMcGalliard.com, a personal journalism portfolio.

Gina is a woman of many interests. She’s an Irish dancer, an animal lover, a wellness reporter and a feminist blogger. And naturally, she wanted her new website to be just as multitalented as she is. This meant making the portfolio do double duty as not one, but two different blogs. These two blogs, Formidable Feminism and the Wellness Writer, also needed their own unique looks.

Traditionally, one WordPress installation results in one blog. And internally, GinaMcGalliard.com is just one MySQL database in the back. However, I was able to add conditional rules to WordPress’s built-in category option in order to not only make different posts show up on separate pages, but even appear with different fonts and colors.

<?php if(in_category(get_category_by_slug('feminism')->term_id)):
 the_title( '<h2 class="entry-title post-cat-feminism"><a href="' . esc_url( get_permalink() ) . '" rel="bookmark">', '</a></h2>' );

Above is the first part of the code influencing this condition. It’s a PHP if statement that applies a condition, a link, and CSS classes to posts that are in the “feminism” category. All Gina has to do is tag a post with “feminism” in order for it to show up on the Feminism blog only, with purple font.

To find out more about how to use conditionals, WordPress provides some excellent documentation on working with conditional tags. I used the Category section, obviously.

Even though the blogs each have their own flair, I maintained the bold green title bar on every page to lend consistency to the design. Just like Gina is a woman who can do many things, this website is a multitasker just like her, and I wanted visitors to be able to see that.

Web Design Retrospective: Liberal Currents

Web address: LiberalCurrents.com

Custom theme: Laza News for Liberal Currents

WordPress does a lot of neat things right out of the box. But my work as a developer shows me exactly where its limits are, and how to surpass them. With Liberal Currents, I enhanced the way WordPress deals with authors.

On its own, WordPress assigns a single author to each blog post or page. But Liberal Currents is a collaborative effort, and my client, Adam Gurri, foresaw authors working with one another on the same post. Thus, he wanted a post to be by Adam Gurri and Other Person, for example.

To make it happen, I went back to one of the first plugins I ever played around with, Coauthors Plus. I really mean one of my first—if you go to the documentation for this plugin, one of the examples they use is a question from me trying to figure out how to use it.

If you’re familiar with WordPress, you know that most plugins don’t require any coding knowledge to implement, but Coauthors Plus is not one of them. The plugin depends on manual application of template tags directly into your WordPress theme’s PHP.  To set up a coauthor feature on Liberal Currents, I built a custom function directly into the site code. Since the theme also includes a few unique features like author pages and author meta boxes, I couldn’t just cut and paste.

Getting Coauthors to work is definitely what I’m proudest about when it comes to Liberal Currents. There also are a few other bits of conditional logic that govern the way authors are presented. Design-wise, I stuck with  a premium theme, Laza News, and tweaked it heavily to fit the client’s preferred presentation. Other political essay sites, like Jacobin Mag, influenced the structure.

I’m grateful to Adam and the team for giving me the opportunity to help them launch a site that is clearly very important to them, both personally and politically (and what is more personal than politics?). It was a fun project that got me thinking about the_author tag in a new way.

Welcome to my web design portfolio

Hello there, I’m Lauren Orsini. I’m better known for my writing and journalism work under the name Otaku Journalist. However, I’m also passionate about my work as a WordPress developer.

I created this site as a space to put all my web design writing in one place. That may include my thoughts on best practices, my favorite plugins and themes, and retrospectives on my finished projects. And of course, I’ll include links for different ways you can work with me.

This site is also a living example of my work. Right now it is running Asuna, a WordPress theme I developed from scratch. When I build a new theme, I’ll be sure to give this site a new look, too. Want this theme? Get it here.

Thanks for checking out my design and development home on the web!