Problem

I needed to add the post picture stored in a custom field to my header only on the post when its called.

Information

If you guys are already familiar with wordpress in any sort of way then you will know that the single.php will handle any calls of your posts. but it also handles categories or groups of posts that are called.

Hypothesis

My hypothesis was that i could run an if statement that would test and see if it was using single.php and if it was in the specific category i want the picture applied to (in my case the only categorized with post pictures is my blog).

my statement was something like this

<php if (is_single() && in_category(‘blog’))
echo ‘content ‘;
} ?>

Solution

Although my initial hypothesis was nearly correct or at least the logic was correct it wasn’t working for some reason, the wordpress template tag for in_category was pulling no results at any time. And I believe this was because this statement was completely out of the loop being in the header and all it didn’t quite know what post it was suppose to call to be in a category or not. Any ways after trying to take a nap later that day the simple solution came to me and ended up as such.

<?php if (is_single()) {
if (!is_category()) {
echo ‘content’;
}
} ?>

Instead of testing if it’s in a category I only needed to test to see if it was displaying a category page or not, This would eliminate my border on category pages, but keep them on all my post pages, the next and last step would be to create a default image for the categories where there is no post image. Ill post on this later.

No related posts.

Creating and Styling our first theme from scratch.

CSS Styles

In order to get our new style to accept and read our new css style sheet we have to configure just a few comments.

like below

/*
Theme Name: cssOrigins.com
Description: the second iteration of the cssOrigins website
Author: Hunter  Brelsford
Author URI: http://www.cssOrigins.com
version: 1.0
Tags: Design, WordPress, Css
Optimization: Css Optimization done by Hunter  Brelsford 4/23/09
*/

Make sure at this point we save our style sheet. The style sheet fortunately is ready to be read in by our new blog, even though it does not contain any kind of actual style information. All plugins, and stylesheets in wordpress are detected this way, and auto generated into their respective themes, and plugins sections under the admin panel.

If we go on over to see our new theme, we can see that unfortunately that its listed as a broken theme.

Index.php

The reason we have a broken theme is because we have no files other then the style sheet associated with our theme, wordpress needs at least one for it to recognize its theme as a valid workable theme. So we will indulge it by creating a new file and naming it “index.php ”

1. create a index.php
2. add a title
3. save the page

if you want to add your own screen shot for your theme you can additionally upload a 4×3 .jpg up to your themes directory.

Template Tags – 10:05

WordPress has many built in functions that you can use on your site. the ones used in this screen cast are covered and defined here.

1. bloginfo(‘name’)  – Uses the name of your blog thats been defined in your wordpress settings
2. bloginfo(‘stylesheet_url’) – Uses the current URL where your activated themes stylesheet is located
3. language_attributes(”) – Gives the default language and type direction of the wordpress instalation
4. bloginfo(‘html_type’) – Gives the page content type
5. bloginfo(‘charset’) – Displays the character set of the page

Template tags are nothing more then php functions in wordpress, these tags are available to access functions and variables from within wordpress.

More information on template tags can be found on the wordpress codex

This article was originally brought to you by Drew Douglass at ThemeForest

No related posts.

1-Twitter Tools

Twitter Tools is a plugin that creates a complete integration between your WordPress blog and your Twitter account.

2-Twitter Sharts

‘Shart’ your twitter status anywhere within your wordpress blog posts or pages!

3-Twitter for WordPress

Twitter for WordPress displays yours latest tweets in your WordPress blog.

4-Twitter Widget

Adds a sidebar widget to display Twitter updates

5-Elegant Twitter Widget

A WordPress widget that displays twitter updates in yummy valid semantic XHTML code. The code is heavily commented and the output is in template functions so everything is fully customizable.

6-Twitter This

Allow to your readers sharing your blog post at twitter .

7-Twitter Widget Pro

A widget that properly handles twitter feeds, including @username and link .

8-Twitter Swell

You coult post message to your Twitter and show it.

9-WP Twitter Pitch

WP-TwitterPitch is all about getting the pitch delivered to you in the form you want to get it delivered – in other words in Twitter format. If you’re like me, then your Twitter direct message box is a lot like your email inbox.

10-Twitter Blaster

allow your visitors to post to your Twitter account. Once installed your users can update .

11-Twitter style links

This plugin allows you to add Twitter style links to comments.

12-Twitter Feed

The control functions such as connecting to a Twitter account and storing information on the tweets/blogs, can be accessed through the “Twitter Control” GUI in the WordPress admin panel.

13-Twitter updater w/ TinyURL

com status with the latest post that you’ve made. It also has the option of including a link back to your post so can people can easily click on it to view the post.

14-Twitter To TTF

displays it in a TTF Simple. Asks you for your Twitter ID. Grabs your latest tweet.

15-Kish Twitter

This plugin is using the Twitter API to get and post the updates. You need to have a twitter account to post updates.

16-Post to Twitter

Create a tweet on Twitter whenever you post

17-WP to Twitter

The WP-to-Twitter plugin posts a Twitter status update from your blog using the Cli.gs URL shortening service to provide a link back to your post from Twitter.

18-Twitter Links

This plugin will convert valid Twitter usernames mentioned in comments into a link to their Twitter profile page.

19-Twitter Status

Twitter Status is a very simple no-fuzz plugin that gets the current Twitter message from the Twitter ID specified

20-Latest Twitter Sidebar Widget

Creates a sidebar widget that displays the latest Twitter update for any given user.

21-Twitter To Wire

This plugin allows your twitter posts to show up in your buddypress wire.

22-Top Twitter Links by Twitturls

Widget that displays currently popular links from Twitter .

23-Thread Twitter

fetch your tweets and display them in thread style.

24-Twitter

Customizable twitter widget for your sidebar. Twitter Widget displays your tweets on your sidebar.

25-Twitter Link

Converts @username mentions in posts and pages into links to Twitter .

Find out more, and read the rest of skyje’s top twitter plugins for wordpress on his blog below

Via  107 Twitter plugins for WordPress displays yours latest tweets in your WordPress blog

No related posts.

Here are 50 beautiful websites with landscape illustrations in a variety of styles.

Find Out How Serious…

Green Globe Ideas

DivVoted

StrawPoll

ten24 Media

Banjax

Visit Cascadia

DrupalCon DC

Studio7Designs

Adit Shukla

Iceberg

Vimeo

Go Glamping

Twither

Sensi Soft

volll

Tomas Pojeta

Jiri Tvrdek

Boagworld

Rawkes

10 Volt Media

Web Design Beach

Schneeballschl8

Stylized Web
S

Project Vino

Arbutus Photography

Moshi Monsters

IL FRUTTETO

eAnka

Colchester School

Cloudred Multimedia

John Cow

Dean Oakely

Brad Colbow

Nine Lion

RedBrick Health

polargold

Carbonica

The Octonauts

Yes Insurance

Viget Inspire

Reservoir34

Biowind

Happy in Greenville

Miki Mottes

Pinjata

via 50 Beautiful Websites with Illustrated Landscapes | Webdesigner Depot .

No related posts.

These first two are unlike the rest because they are logo and illustration galleries.

Logo Pond

Vecteezy

Mail Chimp

Silverback

Cult-Foo

Open Doors

Biola

Web Designer Depot

Agami Creative

Mochiads

Stoodeo

DallasISP

Sheye Rosemeyer

Gourmet Web Design

Indy List

Lucuma

No related posts.

A Few High Quality WordPress Themes: Evan Eckard
Over 2000 Free Web Templates: OSWD
A Small Selection of Nice Templates: Open Source Templates
A Large List of Free Templates: Free CSS Templates
Nice WordPress Templates for Download: Free CSS Templates
A Combination of Free and Pay Templates: Free Templates Online
Affordable, Quality Templates: Templamatic
Free Blog Templates: Blogging Themes

CSS Galleries

The Best Sites on the Web: CSS Remix
A Frequently Updated Gallery of Sites: CSS Mania
An Organized List of Nice Sites: Most Inspired
CSS Gallery of Quality Sites: CSS Design Yorkshire
A Selection of Only Nature Based Sites: CSS Nature
A Selective List of Well Designed Sites: Web Creme
High Quality CSS Showcase: CSS Tux
Nice CSS Websites: The Designed Tree
A CSS Collection Organized by Category: CSS Elite

Inspiration

A Great Site About Everything Type: I Love Typography
An Incredible Illustrator: Burst of Beaden
A Great Designer and Illustrator: Fully Illustrated
Customizable List of Design Resources: Cork Dump
The Society of Graphic Designers of Canada: GDC
Freelance Advice Blog and Resources: Freelance Switch
Amazing Collection of Logos: Logopond
Stunning Desktop Wallpapers: Desktopography
A Graphic Design Magazine: Computer Arts

Tutorials

The Best Photoshop Tutorials: PSD Tuts
A Talented Photoshop Designer: Abduzeedo
Photoshop Tutorials and Web Design Resources: Web Design Library
Tutorials for Photoshop, Illustrator and More: Tutorial Vault
A Few Neat Illustrator and Photoshop Tutorials: Design Spice
Great Photoshop Tutorials and Downloads: PS Wish
Tutorials for Every Computer Program: Tutorialing

Design Blogs

A Frequently Updated Design Blog: Veerleas Blog
A Design Magazine and Blog: Smashing Magazine
A European Design Blog: Design In Europe
A Unique Nerdy Blog: Design You Trust
The Personal Blog of a Graphic Designer: Larissa Meek
A German Design Blog: David Hellmann
The Blog of a Canadian Geek/Model: Mostly Lisa
A Graphic Design Blog: Bittbox
A Blog About Freelance Graphic Design Advice: Freelance Switch
A Design Blog Full of Resources: You The Designer
A Popular Design Blog: Fazai 38

via Eco Design Blog a: 101 Design resource sites .

No related posts.

via A Webmasters Blog – SEO, Guides, Tips and Tutorials: 10 Methods to getting your site indexed in google within 24 Hours .

No related posts.

I recommend people use Filezilla for their FTP needs. It’s quick  and easy to understand and has the ability to save off sites (helpful for business)

In advanced situations people use FTP to change permissions on files, make changes to robots.txt, or edit their .htaccess file.

The steps in the creation of my website are going to be documented in the first seriese of posts. this one is on how I was able to get my website up and running through FTP.

1. Download and open your ftp program.
2. In the host box type in the url of the website you are trying to connect to in my case (cssorigins.com) no need for www.
3. Type in your username and password (provided to you by your host), and press connect.
4. Congratulations your connected !!! But your not done yet.

Often times connecting to your website through FTP will not put you in the folder that holds your website by default. in this case you need to get what folder contains the files for your website, I for demonstration I will use /web. Now that you have all the information that is required and you are connected make sure to take care. If those files are moved or deleted they may be difficult to recover.

A typical WordPress install like my site is, is on average between 12-20MB with themes, plug-ins, uploads etc..

No related posts.