How to Use Web Fonts and the @font-face CSS Method

Font face and Web Fonts

The days of web safe fonts are about to end thanks to all the great attempts of designers, developers and industry leaders around the world.  The good thing in digital production industry is the community of people who are always pushing the boundaries to their limits. Then when it becomes a new standard  or convention its pushed forward again by the same community even further. Permalink

Github, Playground Servers & Auto Pull From Master

Github Auto Pull on Post Receive

There are many different approaches on how you handle middle-scale to large-scale web applications development, source control, deployment and testing. Internally things may change, you can work in waterfall, scrum, agile and other methodologies, but externally it’s pretty much the same — local development server or servers, a testing (I like to call it playground) server and your production server, where your website is live and available to the whole world.

Today’s post is about handling automatic code updates at your testing server directly from your source control. Now this may sound tempting but you should never do anything like this on your production servers. Production server updates might be covered in one of our next blog posts but that’s one place where you’re better off doing some deployments manually rather than automate them. Permalink

Using Feedburner on Your Own Domain

How to use Feedburner on your own domain

In one of our previous blog posts about Feedburner we have covered setting it up, tuning it to your WordPress feed, setting up the pings and feeding your content to Twitter automatically. Today we’ll talk a little bit about branding and control — how to setup Feedburner to serve feeds from your very own domain name.

This is quite a simple topic but Google doesn’t make it too obvious on how to set that up. But why would you want to setup feeds from your domain in the first place? Well, people love to be in control, to own everything. You’re not using a domain for your company website, are you? Same applies to your feeds. Permalink

Get Your WordPress Posts Tweets & Retweets Count

WordPress Tweets & Retweets Count

It’s not a secret that being social is one of the key factors in today’s blogging world, and you’re probably tweeting your new blog posts every day anyway. You might have your Facebook Like, Google +1 and Tweet buttons set up on your blog already, and today’s topic is about measuring the results of your Tweet button and Twitter activity around your posts. You might say that the button itself is capable of showing the tweet count and you’re right, but today we’ll be doing things a little bit differently.

Today’s tutorial is about grabbing the tweets/retweets count from Twitter in plain text using their API and WordPress’ HTTP functions. It’s about caching the values for performance reasons and for just being nice to Twitter. It’s also about displaying those tweet counts in the posts list table for a quick overview of which posts are being tweeted about and which are not without having to scroll and spot those Tweet buttons of yours through multiple pages. Permalink

How to: Customize the WordPress Tag Cloud Widget

Customize Your WordPress Tag Cloud Widget

If you Google this topic, you’ll see that most of the posts that come up help you achieve what you’re looking for, but I couldn’t help but notice that most of them are doing it the wrong way. If you’re starting out with WordPress, there’s one thing you have to always keep in mind — never, and I mean never edit the WordPress core files. It’s a bad thing to do, all your changes will be lost during your next update and you’ll never figure out what you had done in the past and how to do it again.

There’s a 99% chance that what you’ve been trying to achieve by editing core files, is easily implemented without touching them. The remaining 1%, oh well, #blamenacin ;) Anyways, in this tutorial I’ll show you how to customize your WordPress tag cloud widget — change the number of printed tags, change the font sizing options and exclude a certain tag from the cloud. In this tutorial we will dig into the WordPress core files, but we will not edit them. Permalink

6 Essential Plugins For WordPress Theme Developers

Essential Plugins for WordPress Theme Developers

If you create themes for WordPress, free ones to the repository, premium ones to theme marketplaces or exclusive ones for your clients, there are some techniques that you will probably use to preview, debug and profile your work. The official themes repository and the marketplaces generally have reviews that you have to pass before your theme is listed, and clients, well it’s a good idea to write quality code for clients too. Will turn out better in the long run and won’t break during a core update next month ;)

This post is about plugins. Plugins that will help you, as a theme developer, work in a better environment, producing better markup and better code. Code that will survive updates and require less maintenance in the future, and most importantly, code that can easily be reused. Permalink

Embedding Code in WordPress Posts

Working with Code in WordPress

Whether you’re a tech blogger, web developer, WordPress ninja or simply run your own personal blog, there are times when you’d like to share code samples in your posts, like CSS snippets, PHP scripts or HTML. There are numerous of ways of dealing with code in WordPress, and in today’s post, we’ll try to cover some of them, including generic ways, code inserts and syntax highlighting plugins as well as third-party services with embed options.

Which of the ways you pick is totally up to you, they all have pros and cons. Generic inserts are difficult to “syntax highlight”, while code plugins might have updates, compatibility and visual editor issues. Third party services, while looking good might not give you the SEO benefits you’re looking for and require extra maintenance work when it comes to editing your code snippets. Permalink

How to: Display Post Attachments in WordPress

How to: Display Post Attachments in WordPress

File attachments are not new to WordPress — you can attach almost any kind of file to your posts, pages and custom post types. There’s also the Media Manager where you can upload files without attaching them to a certain post or page. Attachments are most commonly used to display images in the post content, but sometimes also used to link to files that are relevant to the post. For example, you might want to attach the complete source code for a tutorial post for readers to download, or an icon set giveaway with a download link to an archive.

WordPress allows to link to attached files from within the post content which is the most common scenario, but today I’ll show you a different approach. In this post I’ll create a child theme based on Twenty Eleven (again) and have it display all the attached files to each post in a nice looking list at the end of the post content. I’ll be using a few simple actions and filters to hook to the post content, as well as attach a stylesheet which will make the list visually appealing by providing different icons for different file types. Permalink

5 Google Plus and Google +1 WordPress Plugins Worth Checking Out

5 Google Plus and Google +1 WordPress Plugins Worth Trying

We’re all thrilled by the release of the Google +1 button and most of all by the launch of Google+, so today we’re doing a round-up post of Google+ and Google +1 plugins, widgets and add-ons available in the plugins repository. This means that you can try out any of these plugins by browsing to the “Add New” section in the Plugins menu, typing in their name and installing them right within your WordPress panel.

You should probably test them out on a local or testing installation of WordPress and get rid of the ones you don’t like, since some of them might leave a footprint in your database even upon deactivation of the plugin. Permalink

How to: Provide Different Color Schemes for Your WordPress Theme

How to: Provide Different Color Schemes for Your WordPress Theme

We’ve covered how to add a new color scheme to Twenty Eleven by child theming it in a previous post, and today I’ll show you how to create color schemes for your own theme, and have other developers take advantage of that to add their own new colors by child theming yours.

We’ll be using a technique similar to what Twenty Eleven does. We’ll make sure that the stylesheet is split and that a new CSS file can add and override several rules from the main one. This is done so that the main stylesheet is never needed to make any color changes, thus making child theming possible. We’ll then create a neat file structure to hold the color scheme theme image files, stylesheets and preview images, and finally attach them all to create the Theme Options page in the admin panel. Permalink

Page 13 of 15« First...101112131415