Recently, on top of supporting our users and developing some amazing code (launching soon), we've been working on a funky new theme. We love giving sneak previews of new themes and today is no different. Attached below is a quick preview of the design for our latest theme "Funki". Funki is a fun, strong & bold font, vivid color, and stylish theme. It will come with a number of abstract background images that work with any variations of color. Stay tuned for the release! And, don't forget to follow us on Twitter ( @themify ) to get the latest news and updates.
Blog
Setting your WordPress Permalinks
We often get asked how to set up certain WordPress settings here at Themify. We thought it would be a good idea to provide some tutorials on how to get started with some of WordPress' features outside of themes. Here is an in-depth tutorial on how to set your WordPress permalinks. To note: A permalink is a link or URL that points to a specific post or page entry.
WordPress Default URLs
The default structure of a permalink uses the post ID as a unique identifier in the url: http://example.com/?p=23
If you're happy with this then you're good to go. But it you're like most people and you want to spice things up a bit more, keep reading on.
Customizing your URLs
To change the default structure to something thats a bit more friendlier and more readable, go to Settings > Permalinks. There you should see a screen that looks something like the image below. In this example we've already chosen to use a "Custom Structure" for our links but you can choose one of the other defaults available if you want.
Available Permalink Tags
If you've chosen to use a "Custom Structure" then there are some useful tags available to you:
- %year% = the year of the post (eg. 2010)
- %monthnum% = month of the year (eg. 08)
- %day% = day of the month (eg. 25)
- %hour% = hour of the day (eg. 16)
- %minute% = minute of the hour (eg. 29)
- %second% = second of the minute (eg. 12)
- %postname% = post slug (post title)
- %post_id% = the ID of the post
- %category% = category slug of where the post is stored
- %author% = author name
You can use these tags listed to customize your permalink like we have in the image example above. Make sure to end your custom URL structure with either %post_id%
or %postname%
so WordPress has a unique identifier to point to. Here are some good examples of common, custom, permalink structures:
- /%category%/%postname% =
yoursite.com/category/post-title
- /%post_id%/%postname% =
yoursite.com/23/post-title
- /%year%/%postname% =
yoursite.com/2010/post-title
Adding to your URLs
You can also add a string, including file extensions, to the end of the url as seen in the examples below:
- /%category%/%postname%/ =
yoursite.com/category/post-title/
(forward slash added) - /%category%/%postname%.html =
yoursite.com/category/post-title.html
- /%category%/%postname%.php =
yoursite.com/category/post-title.php
You can, technically, add anything to the end of the URL and WordPress will interpret it properly. This is useful if you are migrating from a static html site and you want to keep the old URL structure.
Categories & Tags
By default WordPress uses "category
" and "tag
" as the base name for the category and tag archives respectively. You can rename these under the permalink settings as well. A good example of why you might change these base names would be if your blog was all about cars. It would look a lot nicer if you changed the category base name to "car" and the tag base to "model". This way your category URL structure will look something like yoursite.com/car/category-slug
and the tag URL structure would be yoursite.com/model/tag-slug
. Here's what those settings would look like:
.htaccess File
What happens when you've set this all up but its not working? In most cases, you are probably missing the .htaccess
file in the root of your WordPress install. Open up your FTP client, connect to your server and make sure that there's a .htaccess
file and that it contains the following code:
# BEGIN WordPress
<IfModule mod_rewrite.c>
RewriteEngine On
RewriteBase /
RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d
RewriteRule . /index.php [L]
</IfModule>
# END WordPress
Reference: for more information about WordPress permalinks, visit WordPress codex.
New Tumblr-like Theme: Minblr
Minblr is a minimal Tumblr-like theme for WordPress. The layout design is liquid and responsive. This means the layout flows nicely across any display resolution. Minblr is promised to delivery your content nicely in all major browsers (Chrome, Firefox, Safari, Internet Explorer, etc.) and most modern mobile devices. It has 3 layout options (default with sidebar, 2-column layout, and fullwidth with no sidebar). On top of all great features, there are 10 colorful skins. Minblr utilizes the brand new post formats, if your running WordPress 3.1 or greater, but we've made sure to add a fallback for older installs.
Coupon code: enter "minblr" coupon for a 40% discount of this theme until Mar 11, 2011.
Integrating Google Fonts with your Themify theme
Are you bored of the typical web safe fonts? Well, here is a quick tutorial to show you how to integrate Google Web Fonts to your Themify themes. The benefits of using Google Fonts: it is light weight and supported in most browsers: Chrome, Firefox, Internet Explorer, Safari, and Opera.
1. Find the font
- To get started, go to Google Web Fonts directory and find the font that you want to use (eg. Kreon font family).
2. Copy the embed code
- Click on the "Use this font" tab
- Copy the embed code (eg.
<link href='http://fonts.googleapis.com/css?family=Kreon' rel='stylesheet' type='text/css'>
)
3. Paste the embed code
- Go to your Themify theme's setting panel in the WordPress admin
- Paste the embed code in the "Header Code" text box
4. Specify the elements
- Click on the "Styling" tab
- Then click on the "Custom CSS" link in the sub menu
- Paste the following code in the Custom CSS text box:
h1, h2, h3, h4, h5, h6, #site-logo, .post-title, .widgettitle { font-family: 'Kreon', arial, serif; }
- The code above will apply the "Kreon" font family to all headings (h1 - h6), site logo, post title, and widget title
- You can change what elements get styled with the 'Kreon' font by changing the CSS selector like so:
body { font-family: 'Kreon', arial, serif; }
Free Mac OS-like Theme
iTheme2 is a revamp of iTheme that was originally released by Nick La at N.Design Studio. Now with the Themify framework, it is even better and have more options. It is the perfect theme for technology & Mac related blogs. It uses media queries to target different displays such as desktop, notebook, iPhone, iPad, and other mobile devices (no plugin is necessary). This means the layout automatically adjusts according to the viewing area. Download this awesome free theme now!
This theme is free for download and unlimited use. However, the Photoshop .psd file and forum access is not included in the free download. If you'd like to purchase forum access along with the PSD template files you can by choosing the Developer package. This does come at a cost of $59.
Newsy Newsy
Today we launch our latest theme Newsy. A 3-column news/editorial themes that allows for various advertising display options. Newsy comes with 11 different layout options which include the setting to display a column or list layout with 2 sidebars, 1 sidebar, or no sidebar at all. The right hand wide sidebar can be divided into two half-column sidebars for more content to be displayed. Along with all this there are 10 color variant skins that come packed with this theme.
Use the coupon code "newsy" for a 30% discount off this theme until Feb 11, 2011.