background preloader



Premium Wordpress Theme Design – Part 2 – HTML + CSS + Wordpress Theme Files Hi, I’m Alvaro Guzman and this is the second part of the premium wordpress theme tutorial continued from Part 1. This time you’ll learn how to slice the design and convert it into XHTML + CSS, then I’ll show you how to use the css files to mock-up a WordPress template. This isn’t a basic tutorial, if you’re a newbie, maybe you should read some basic HTML+CSS tutorials, and undestand the basics of CSS tags and WordPress features and structure. If you’re a programmer, you must have some basic knowledge about phothoshop, layers, slicing and obviously WordPress. Step 1 – Let’s begin Open the .psd file. First, hide all the layers containing text, links or content images. A good practice is start coding a small framework on a blank .html file and then apply a single stylesheet to it, after that, you can move forward and turns these files into a full WordPress theme. Step 2 – The main background Let’s start slicing the images. Step 3 – Ready to slice Step 4 – Slicing background images Tutorial files

New To WordPress - Where to Start Codex Codex tools: Log in Interested in functions, hooks, classes, or methods? Check out the new WordPress Code Reference! New To WordPress - Where to Start This page was moved to except above language locator. Retrieved from " Codex Resources Code is Poetry. WordPress Benutzerhandbuch WordPress ist eine Veröffentlichungsplattform für den persönlichen Gebrauch, die auf zeitgemäßen Standards basiert. Sie erlaubt dir, deine Artikel auf einer Webseite zügig zu erstellen und umgehend herauszugeben. Dabei stellt WordPress sicher, dass der Inhalt, den du auf deiner Website generierst, den anerkannten Webstandards entspricht. Die wahrscheinlich beliebteste Verwendung für dieses noble Werkzeug ist es, Weblogs zu betreiben. Ein Weblog ist grundsätzlich eine regelmäßig aktualisierte, chronologische Auflistung von Gedanken und Artikeln. WordPress erledigt den schmerzhaften Part der Aspekte des Internetpublishings und überlässt dir den kreativen Anteil deines Weblogs. WordPress eignet sich für all jene Anwendungen, bei denen Menschen über das Web regelmäßig neue Informationen, Meinungen, Texte (aber auch Fotos) veröffentlichen wollen.

Premium Wordpress Theme Design Part 1 – The Photoshop Mock Up Making a premium WordPress theme from scratch is an essential skill for designers to learn and will become increasingly important as WordPress continues to become the web publishing tool of choice. In this two part tutorial will we cover how to make premium WordPress themes happen. Part 1, covered below, shows how the photoshop mock up is created, and in Part 2 we’ll outline how to turn the psd into HTML/CSS and wordpress theme files. I’m Alvaro Guzman and in part 1 I’ll show you how to design a modern web interface from scratch using Photoshop and stock pictures. You can download the finished psd file at the end of this tutorial. Firstly let’s have a look at the finished psd mock up: The Finished Mock Up Step 1 Let’s get started, first create a new blank document and draw some guides to delimite your design, 960px width is just fine, then increase your canvas size to see how it looks on wider resolutions, maybe to 1200-1260px. Step 2 Step 3 Step 4 Step 5 Step 6 Step 7 Step 8 Step 9 Step 10 Step 11

How to Start a Blog - A Complete Guide to Setting up a Blog Pages Languages: English • Español • Français • Italiano • 日本語 • 한국어 • Slovenčina • ไทย • 中文(简体) • 中文(繁體) • Русский • Português do Brasil • (Add your language) In WordPress, you can write either posts or Pages. When you're writing a regular blog entry, you write a post. Posts, in a default setup, appear in reverse chronological order on your blog's home page. Pages are for content such as "About," "Contact," etc. In addition to the generally required "About" and "Contact" Pages, other examples of common pages include Copyright, Disclosure, Legal Information, Reprint Permissions, Company Information, and Accessibility Statement. In general, Pages are very similar to Posts in that they both have Titles and Content and can use your WordPress Theme templates files to maintain a consistent look throughout your site. What Pages Are: Pages are for content that is less time-dependent than Posts. What Pages are Not: Pages are not Posts, nor are they excerpted from larger works of fiction.

Designing and Coding Wordpress Themes from Scratch | WP Switch Imagine it’s 2am and you just hit “activate” on your most anticipated WordPress theme to date. Finally, after weeks of hard work you now get to showoff that friggin’ sweet WordPress theme you designed and coded from scratch. In this kickass WordPress article there are 24 total resources that will show you how to design and code WordPress themes from scratch. WordPress Design and Theme Coding: 9 In-depth Tutorials 1. In only 11 individual lessons this WordPress Theme Tutorial is going to show you how to build a powerful, up-to-date, WordPress Theme from scratch. 2. In this tutorial, you will learn the basics of how WordPress theme works and see how to convert a static HTML template into a theme. 3. A 7 part video tutorial series on developing WordPress Themes. 4. A 3 part tutorial series. 5. WP_Query is a powerful tool to control what comes out of your loop. 6. 7. In this tutorial you will be taught how to create a classic WordPress theme. 8. 9. 1. 2. 3. 4. 5. 6. 7. 8. 9. 10. 11. 12. 1.

About Us & Our Blogging Course is designed to get you started writing your own blog. We have two courses: a free PreCourse (you can register and take it online whenever you want to) and an eight week paid Blogging101 course. We also have a blog about learning to write a blog, written by Topsy-Techie - You can subscribe to the blog, it’s free. Course History – From the point of view of the First Student I was looking around the internet, wondering why my blog wasn’t attracting traffic. I had blogged faithfully for months. Her answer rang true. Since I’ve always been a sucker for a good kick in the backside, I tried to hired her as my tutor/editor but that structure seemed wrong. More History - The initial course as developed in 2007-08 by BBM & John & Kris was named With new blogging teacher (and Blogging 101 alumnus) Topsy-Techie at the helm, the course began to evolve and grow even more. We are now offering it to you.

AWESOME: ThemeSwitcher in Web Design, Fantastic Examples and Tutorials Have you ever visited a site that sells themes and allows you to easily switch between them within a fraction of a second? Most of have, and we can agree that this makes switching between these much quicker and easier. The cool thing about ThemeSwitchers is that any website with a similar function (i.e. switching between color swatches from an online color app) can utilize them through the power of jQuery. Below you will experience a beautiful showcase of websites that use ThemeSwitchers and we also provide you with great tutorials and screen casts on how to develop your own and fully integrate it with your website. Examples of Great ThemeSwitchers HutchHouse The HutchHouse theme switcher is located at the top right hand side of your screen. WooThemes Sites such as WooThemes are infamous for knowing how to encourage the user to switch between themes and choose various options from a list. Stephan Velthuys has a simple color switcher at the top right hand corner. Marius Roosendaal

How to: Set up and run a successful blog | Freelance news <b>Graham Holliday</b> demystifies blogging for busy journalists You know about blogs, you read a few and you have heard that maybe one day all journalists will blog, but you do not have one yet. Where do you start? It depends on how much you want to spend and how much you know about coding. Which blog? Blogger is a popular free service owned by Google. Wordpress and Movable Type are two downloadable options for the more code savvy. Both WordPress and Movable Type require webspace. Guardian Technology reporter Bobbie Johnson switched from Movable Type to WordPress at the end of 2005 for his personal blog Of the paid routes to blogdom, Typepad is the best known. Mr Jackson recently switched to Typepad for his blog Our Man in Hanoi." Once you have added your blog to the 40 million blogs out there you need to optimise your posts if you want to be heard. Tweak your blog Create an 'About' page. Subscription-based blogs like Typepad come with bare bones statistics packages.

How I Learned To Build Wordpress Themes Picture your finished custom wordpress theme live on your server, completely unique and fresh. By the time you have finished reading the resources in this post that scenario will be a reality. People love custom themes, they make a blog come to life with a personality of its own. It’s no secret that they’ll reward it you for it through links, subscriptions and bookmarks. Theme Design Lessons How To Create A WordPress Theme From Scratch Good walk through in detail on creation of themes. The 5 Minute Theme Fast way of making simple a simple wp theme. Turn Any Web Template Into a Theme This flash tutorial shows how to turn any web page into a wordpress theme. Mocking Up a Theme In Photoshop A bit of self promotion! 16 Lessons On Theme Creation Covers all bases in detail, really comprehensive lessons on all aspects of WordPress theme creation from header to footer! 4 Step Theme Design Guide Basic Intoduction To Themes Good post breaking down how the themes work for those new to WordPress. Inspiration

Blogging 101 There are millions of bloggers out there and even more blogs. Don’t be just another unread blogger! Find your niche, create your community, and blog to the masses. This eight-week**, fully-automated, comprehensive course will guide you through all the basics of creating and establishing your new blog. Introduction to Blogging (all the basics for the beginning bloggerLaying Your Cards On The Table (blog titles, platforms, and start-up instructions)It’s All About Me (blogging safety, “About Me” pages, and blog design)Build That Content and Make It Snazzy (writing quality posts, commenting, and adding media)It’s The Little Things That Count (sidebars, widgets, categories, and static pages)Mi Blog es Su Blog – - Building Community (growing a readership, blog promotion, and blogrolls)Nothing Ventured, Nothing Gained (more blog promotion strategies and monetizing your blog)Looking Back and Looking Forward (tips and strategies for continuing to grow your blog after the course)

WYSISYG Wordpress Theme Generators Share I’ll go out on a limb and say WordPress is one of the finest software applications to come out this millennium. Its put the power of the press and the ability to reach thousands (or millions) of people in the hands of the people live never before. It just so happens that are a few projects in this space already…. ThemeDreamer is plug-in extension for DreamWeaver that allows users to open WordPress themes in the DreamWeaver environment and edit them as if they were normal XHTML. Yvoschaap’s WpThemeGen is probably the most popular app in this space. is the competitor to Yvoschaap’s web app. While all these solutions are great for amateurs, advanced users still dream of the day where there will be a DreamWeaver-like application for WordPress and other CMS’.

How to Start A Blog Using Bluehost and Wordpress in 10 Minutes (or less)! In this post I review what a hosting server is, why you need one and how to install a WordPress blog on it. If you learn better with a play-by-play video, checkout the screencast below. If you would rather read through the steps, skip to the steps below the video. Step One: What is a hosting server and why do I need one? A hosting server is where the files that make up your website live. Step Two: Purchase your Hosting with Bluehost. In order to put your files up on a hosting server you have to purchase the space. When you choose to sign up with Bluehost you will see two options. Step Three: Choose a Plan The next screen is going to ask you for your address, offer you a “pro” package (not necessary to get started) and require you choose a price package. Step Four: Going Through the Up-Sale(If you bought a domain name read below, if not, go to Step Five) After purchasing a domain name you will be sent to the screen below. Step Five: Set Your Password Next step simply set your password.