oscar dias

Personal Blog

PHP Class: First Person View

This article is about a small PHP Class that I wrote this week. The idea was to create a first person website for a virtual tour or a street view functionality. So I created the First Person View Class which allows you to move in four directions with four different angles through a map matrix loaded with images.
Continue reading

Creating a WordPress Theme (Part 6): Footer

This is the last part of the series. We’ve already seen the design creation, an introduction about the WordPress platform and the coding and styling of the entire theme except the footer.  So, in this last post, we’re going to do the footer and, to finish our blog, let’s also see some plugins. The footer is pretty simple and we’re going to add some additional styles that we’ve been using during the series.

If you want to catch up with the current status of our theme, please download it here.

Continue reading

Adding Share Buttons for Twitter, Facebook, Buzz and Others

Today I was working on a project and I had to search for some share functionalities. I wanted to get the original code from the original social media websites and not a third party hack or something like that. So I found codes for Twitter, Facebook, Google Buzz, StumbleUpon, Reddit and Digg. The only one that’s not from the original website is Twitter, so I used Tweetmeme instead.
Continue reading

Creating a WordPress Theme (Part 5): Pages and Posts

In this part of the series we’re going to create the templates used for pages and posts. The page template is very simple because it only has the basic structure of our design. The post template has more details, which makes it more complex. In order to complete the post page, we’re also going to do the comments template.

The current file with the current theme can be downloaded here.

Continue reading

Creating a WordPress Theme (Part 4): Home Page

As we continue with our theme’s development, I’ll show you in this article what changes we need in our index.php. So we’ll continue changing the files we copied from the Default theme and we’ll create new CSS styles. In order to complete the main part of our home page, we’ll also prepare our sidebar and add some functions to our theme.

If you didn’t read the previous article, click here to download our theme’s files.

Continue reading

Creating a WordPress Theme (Part 3): Header

In the Part 3 of our series, we’re going to start (finally) with the development of our WordPress theme. As I’ll not be able to show everything in one article, I’ll show only the header development today. We’re going to use the Default theme as our starting point and change it according to our needs.

Remember to download the final design created in Part 1, because we’re going to use the Photoshop file to extract the header background, the menu background and the social media icons.

Continue reading

Creating a WordPress Theme (Part 2): Introduction

In this second post from our series about WordPress theme creation, we’re going to give you an introduction on how the themes are structured. First I’ll show briefly how to install WordPress and how the folders were structured. Later we’ll continue to an overview and further explanation about the necessary and additional files of a theme. I’ll also show some functions used by WordPress to structure the web pages.
Continue reading

Creating a WordPress Theme (Part 1): Photoshop

In these series of posts I’ll explain how I created my blog’s theme. I’ll start with the basics and in the future will come up with more complicated stuff. Please leave your comment. I’ll be happy to hear from you!

In this post – Part 1 – we’ll start with the design in Photoshop. We’ll start with the basic – inspiration – and go through the entire process of building our design. I’m more a developer than a designer, but I hope I’m able to explain everything properly.
Continue reading