Everything You Need to Know About Plugins

One of our favorite features of WordPress is that you can find a plugin to do pretty much anything you need for your site. In fact, we consider several (free!) plugins to be essentials additions to any blog! But, as they say, with great power comes great responsibility.

We know how it goes: you have a new feature in mind, and you find several in the WordPress plugin repository that just might fit the bill. But you won’t know for sure unless you try it out! So you install a few plugins, play around, get everything to look and work how you want, and move on with your life. Then, one day something breaks — and you have no idea what or why.

Spoiler alert: it probably has to do with your plugins. We’ve seen it time and time again — when something isn’t working as it should, 9 times out of 10, it’s a plugin issue. But that doesn’t mean all plugins are bad! It just means you need to be smart about how you use them. Today we’re teaching you everything you need to know about using plugins on your blog.  Keep reading “Everything You Need to Know About Plugins”

How to style our Shop the Post plugin with CSS

While all of our plugins are built to display beautifully in any of our themes, we know many of our customers use themes from other shops — and have put a lot of hard work into getting that theme to look just right. By the time you discover us, your theme is sitting pretty, and while you still long for that extra bit of functionality our plugins provide, it’s a bummer they don’t match your current theme perfectly. Sound familiar?

Today, we’re showing you how to style our popular Shop the Post plugin to blend seamlessly with your site. Consider this post a great jumping off point for adding styles to our other plugins, too! This tutorial will be helpful if you’ve added the plugin on to a theme you bought elsewhere, OR if you’ve customized an <em>press theme with your own brand fonts and colors, and need the plugin to match.

Whether or not you use <em>press plugins, this tutorial is worth a read for any blogger, as this process applies to many other WordPress plugins! And if you’re not sure how to use CSS to style your site, be sure to check out our post on CSS basics before reading this one.

Keep reading “How to style our Shop the Post plugin with CSS”

CSS basics to improve your blog design

Naturally, as your blog represents you, you want your blog design to be gorgeous and unique. That’s why we created our Color Pack and Font Customizer plugins, so that you can choose a unique combination of fonts and colors to suit your style, without messing with code. But some of you love taking customization a step further to add site touches that are uniquely you. Today we’re sharing CSS basics to help you improve your blog design, with a step-by-step example of how to change the ‘read more’ buttons of our Presidio theme (and our process can be used with any theme, not just <em>press!).


What is CSS?

A quick primer for those of you who are new to code: CSS stands for Cascading Style Sheets, and it’s what gives your site, well, styleA line of CSS consists of two elements: the selector, and the declaration. The selector is the site element you wish to change; the declaration is the change you wish to make. Let’s take a look at a bit of code from our Presidio theme:

h2 {
    font: 30px 'IBM Plex Serif', serif;
    letter-spacing: .05em;
    font-weight: 200;
}

In this code, the h2 is our selector, and the font, letter-spacing, and font-weight lines are our declarations. This sets the font styling for any line in the WordPress post editor using Heading 2, or the <h2> tag. Keep reading “CSS basics to improve your blog design”