#Frank is an open source WordPress theme designed for speed
- About Frank
- Using Frank
- Browser Compatibility
- WordPress Compatibility
This theme has been the personal project of P.J. Onori with the gracious help of many. The theme was designed to provide a lightweight theme focused on the reading experience. Frank consists of the parent theme (/frank) and a child theme (/somerandomdude) which is what I use at somerandomdude.com
###Frank is fast
###Frank is flexible
Frank has several different layouts to choose from for your home page. Most layouts let you specify the number of posts to show and from what categories. Templates can be stacked by any amount and order to give you the structure you need. Additionally, there are plenty of well-placed widgets that will give you that extra level of customization.
###Frank is forward-thinking
###Frank fits on your phone
Frank uses a subset of Foundation to provide a responsive layout for desktops, tablets and phones. Add this to the theme's small footprint and you have a mobile-optimized blog.
###Frank is for you
This theme is 100% open source and developer friendly. The parent theme (/frank) is under the GNU Public License and the child theme (/somerandomdude) directory is under the Creative Commons Attribution-ShareAlike 3.0 Unported License.
###Frank ain't finished
There is always more to do, but I need help. This project relies on community support, so if you find this theme helpful, please contribute.
##Using Frank ###Theme Options Frank supports all the basic WordPress theme options you expect (plus more). All basic options (Widgets, Menus, Header & Background) can be found in the Appearance section. Frank also comes with theme-specific options found under Appearance > Frank Theme Options.
####General Settings Frank's General settings allow for small site adjustments, when you don't want to open up the hood and get your hands dirty.
#####Custom Header Code
The Custom Header Code setting allows you to add code in the
#####Custom Footer Code
The Custom Footer Code setting allows you to add code above the closing
#####Tweet This/Twitter Handle
####Home Page Settings The Frank homepage template is set up to have customizable, modular content sections to display your posts in different ways.
#####Adding Content Sections A new content section can be added by clicking the Add New Section button. This will add a blank section to the bottom of the section list. The section will not be displayed on your home page until you save the settings.
#####Removing Content Sections Any section can be deleted by clicking the × button on the top right corner of the section pane. The section will not be removed from your home page until you save the settings.
#####Changing the Order of Content Sections Sections can be dragged into the desired order by dragging the handle on the top left corner of any settings pane. The order will not be changed on your home page until you save the settings.
#####Display Section Header Each section can have an individual title and caption. Checking this setting will allow you to enter a title and caption to be displayed at the top of the section.
#####Section Header A title for the content section.
#####Section Caption A description for the content section.
#####Display Type Frank has various loop types for the home page, depending on your needs.
Default Loop: This loop is the basic loop found in most WordPress themes. It incorporates none of the options found in other loops, such as custom post counts, category filters etc. The Default loop also displays a sidebar on the right hand side.
One Up (Regular): The One Up loop displays one post per column with with no sidebar. The typographic size of the header and copy closely resemble that of the Default Loop.
One Up (Large): The One Up Large loop displays one post per column with with no sidebar. The typographic size of the header is much larger, making it suitable for a featured section.
Two Up: The Two Up loop two posts per column with with no sidebar.
Three Up: The Three Up loop two posts per column with with no sidebar.
Four Up: The Four Up loop two posts per column with with no sidebar.
Some Random Dude Loop: This is the custom loop used on somerandomdude.com. It's a combination of the One Up (Large) and Default Loop.
#####Number of Posts This setting allows you to define how many posts you want displayed in the loop. Note: This setting does not work for the Default Loop as it will use the number of posts defined in by the Blog pages show at most setting in Settings > Reading.
#####Categories to Display If you only want to show specific categories in a section, you can choose which to display in the checklist. Note: If no categories are selected, the section will default to displaying all categories (I know, this is a little wonky, I will be working on this in future versions). This setting will also not work for the Default Loop.
####Compass Frank uses Compass for SCSS compilation and takes advantage of its mixins and functions. Installing Compass is necessary to successfully compile the theme's SCSS, but it's quite easy. The theme includes the Compass config file to make life a little easier.
####SCSS Structure The styles for Frank are broken up by subject matter. The style.scss file is the only file you should compile. It takes all the SCSS files and builds it into the theme's style.css. All colors, typefaces, font sizes and other visual attributes can be altered in the variables.scss file. Site-wide styles can be found in the global.scss file. All template-specific styles are found in the SCSS file with its matching name.
####Foundation-based Grid Frank uses a pared-down version of Foundation v2 for its grid system. The Foundation framework was modified to remove unneeded styles and features. All Foundation code is found in stylesheets/scss/grid.scss.
By default, the style.css file is not minified for legibility. Minifying your stylesheet should be the first thing you do. The easiest way to accomplish this is to change the Compass SCSS compilation setting. To do this, open the config.rb file and change the
output_style variable from :expanded to :compressed.
####Use Widgets Wisely Frank has various widget spaces for you to customize your theme. Used correctly, widgets can theoretically improve performance. The Navigation widget is one way to lower the amount of database queries WordPress makes (6 -7 queries in my experience). By using a text widget in the Navigation widget section and adding an unordered list like the example below, you can save quite a few database queries.
<ul id="menu-primary" class="menu"> <li class="menu-item"><a href="/page-1">Page 1</a></li> <li class="menu-item"><a href="/page-2">Page 2</a></li> <li class="menu-item"><a href="/page-3">Page 3</a></li> </ul>
####Install W3 Total Cache (W3TC) W3TC is the easiest way to take full advantage of APC. W3TC has a wide range of features, but if you build your theme correctly,
#####W3 Total Cache Tips
- Manually combine and minify your CSS/JS files. Relying on W3 Total Cache for this process will require extra CPU cycles.
- W3TC offers the option to connect to content delivery networks (CDNs). CDNs are great, but if you keep your site small, they become unnecessary. If your site is getting serious traffic or contains a large amount of images or video, a CDN may make sense, but for the rest of you, save your time and money.