Posts Tagged ‘php’

Special Style Your Wordpress Theme Like a Tumblelog

Monday, December 31st, 2007

I’ve tweaked my theme from this:

Simplr by Scott Wallick

To this:

Simplr as tweaked by Riley

This is getting to be a familiar ritual. When I change themes I have to extend the name character limit to accomodate my good friend’s long name: Jessica the Rock Chick. Most themes come out of the box with 20 charcater limit so I have to go in and make it 30. I hope she knows I am not bothered by this in the slightest. It serves as a great example though of how much is really invloved when you see me change a theme.

Every time I change themes I have to adjust many other things beside name character limits in comments. things. I’ve tried and tried but there is absolutely no theme out there that does what I want and need without a good amount of tweaking. A friend Nick Mercer asked me once, “Have you considered making your own theme?” The answer is yes and I have made several themes. I don’t offer them for download because frankly, they aren’t that innovative. You can get the same out there far more styled and strongly built. That’s why I work with simple themes and tweak them to “make them my own.” For example: The latest theme here at my blog is called Simplr, here are the credits directly from the CSS stylesheet:

/*
THEME NAME: Simplr
THEME URI: plaintxt.org/themes/simplr/
DESCRIPTION: Single column and content-centered. A different type of theme. For WordPress 2.3+.
VERSION: 4.0
AUTHOR: Scott Allan Wallick
AUTHOR URI: http://scottwallick.com/
*/

Here’s just some of what I’ve done to it so far:

  1. Added background img url to via css
  2. Used a container DIV to separate the header.php from the index.php template files.
  3. Added Adsense Ads to the header.php template file
  4. Created a custom css DIV to make the sidebars (at bottom) have a white background.
  5. Added blogrolling.com javascript to the primary sidebar with a li id. (Blogrolling.com javascript allows me to add my blogroll to all my blogs the same and as I edit with one click, the add or deletion shows across all my blogs through the script. I’m a big fan of tossing the “link” php within Wordpress in favor of Blogrolling.com)
  6. Added a li id for ‘Credits’ where I post image button links to my various”condos” online where I hang out. I also posted a typewriter image button to ‘Cheese Enchiladas’ my Best of Weekly Writing blog.
  7. Added the Gravatar code (my hope is that many more of my readers down the road will join the free avatar generator Gravatar.com.

At this stage in my blog career, special styling is a must. Therefore, with a new blog, I paste in the many class elements I’ve created into the style.css file - I am posting them below for you to tweak and/or borrow as much as you want (giving back ya know). When I migrate themes, I post this (or parts of it) at the footer and it usually works. Because CSS is “cascading” you can have overlaps/etc so some styles need to be put right under the element they are modifying. Usually I don’t have to do this though. These all worked pasted at the bottom of the Simplr stylesheet. They allow me to make postcards, post-it type posts, specially framed photos, and anything else I can dream up.

/*[[ --- Special Class Styling created by Damien Riley ---]]*/
/*[[ --- DIV: styling a background image and style for entire posts or chunks of posts) ---]]*/

DIV.journal {
padding-top: 100px;
height: auto;
background: url(’images/journal.jpg’) 0% 6px no-repeat;
}

DIV.aside {
margin-bottom: 0px; width: 498px; padding-left: 5px; padding-right: 5px; padding-bottom: 15px;
background-image:url(images/page-curl.gif);
background-color:#ffffcc;
background-position:bottom right;
background-repeat:no-repeat;
}

DIV.thought {
margin-bottom: 0px; width: 498px; padding-left: 5px; padding-right: 5px; padding-bottom: 15px;
background-image:url(images/page-curl.gif);
background-color:#eee;
background-position:bottom right;
background-repeat:no-repeat;
}

DIV.code {
background:#F2F2F2 url(images/code.gif) top left no-repeat;
border-top:1px dashed #CCC;
border-bottom:1px dashed #CCC;
font-family:”Courier New”, Courier, monospace;
padding:5px 10px 5px 30px;
margin-bottom: 15px;
}

DIV.conversation {
margin-top: 1.5em;
margin-bottom: 50px;
border-top: 2px solid #CCE5FF;
border-left: 2px solid #CCE5FF;
border-right: 2px solid #CCE5FF;
width: 496px;
padding: 1px 5px;
margin-bottom: 0px;
font-family: Courier New, Courier, monospace;
font-size: 11px;
background: #E7F3FF;
border-bottom: 2px solid #CCE5ff;
}

DIV.photo {
margin-bottom: 5px;
width: 510px;
height: auto; padding-left: 5px;
padding-right: 5px;
padding-top: 5px;
padding-bottom: 5px;
background: url(’images/photo_bg.gif’);
}

DIV.postcard {
height: auto; padding-left: 10px;
padding-top: 125px;
padding-right: 70px;
font-family: Courier New, Courier, monospace;
background: url(’images/postcards/postcard.jpg’) 0% 6px no-repeat;
padding-bottom:15px;
margin-bottom:15px;
}

DIV.twitterpost {
height: auto; padding-left: 10px;
padding-top: 125px;
padding-right: 10px;
font-family: Courier New, Courier, monospace;
background: url(’images/twitterpost.jpg’) 0% 6px no-repeat;
padding-bottom:5px;
margin-bottom:15px;
}

DIV.video {
background: url(images/spool.gif) top left no-repeat;
padding-left: 45px;
margin-top: 5px;
margin-bottom: 15px;
}

/*[[ --- p and span class styling (for styling lines or paragraphs inside of division styles) ---]]*/

.notepad {
height: auto; padding-left: 10px;
padding-top: 60px;
padding-right: 80px;
font-family: Lucida Console, Fixedsys, monospace;
background: url(’images/notepad.jpg’) 0% 6px no-repeat;
padding-bottom:0px;
margin-bottom:5px;
}

.aside {
margin-bottom: 0px; width: 498px; padding-left: 5px; padding-right: 5px; padding-bottom: 15px;
background-image:url(images/page-curl.gif);
background-color:#ffffcc;
background-position:bottom right;
background-repeat:no-repeat;
}

.thought {
margin-bottom: 0px; width: 498px; padding-left: 5px; padding-right: 5px; padding-bottom: 15px;
background-image:url(images/page-curl.gif);
background-color:#eee;
background-position:bottom right;
background-repeat:no-repeat;
}

.code {
background:#F2F2F2 url(images/code.gif) top left no-repeat;
border-top:1px dashed #CCC;
border-bottom:1px dashed #CCC;
font-family:”Courier New”, Courier, monospace;
padding:5px 10px 5px 30px;
margin-bottom: 15px;
}

.url {
padding-left: 10px; background: url(’images/url_bg.gif’) 0% 6px no-repeat;
}

.conversation {
margin-top: 1.5em; margin-bottom: 50px; border-top: 2px solid #CCE5FF; border-left: 2px solid #CCE5FF; border-right: 2px solid #CCE5FF; width: 496px; padding: 1px 5px; margin-bottom: 0px; font-family: Courier New, Courier, monospace; font-size: 11px; background: #E7F3FF; border-bottom: 2px solid #CCE5ff;
}

.photo {
margin-bottom: 5px; width: 510px; padding-top: 15px; padding-bottom: 15px; background: url(’images/photo_bg.gif’);
}

.postcard {
height: auto; padding-left: 10px;
padding-top: 125px;
padding-right: 70px;
font-family: Courier New, Courier, monospace;
background: url(’images/postcards/postcard.jpg’) 0% 6px no-repeat;
padding-bottom:15px;
margin-bottom:15px;
}

img.center {
display: block;
margin: 5px auto;
border: 5px solid #000;
max-width: 480px;
}

/*[[ --- Archive.php and other special page templates ---]]*/

DIV.pagecontent {
padding-left: 15px;
padding-right: 15px;
}

What kinds of tweaks do you make to your blog? How’s your css hangin’? I help people for free, so if you have questions or want to do something feel free to ask. Are you happy with your current theme? Would you like me to post the best ways to find and tweak themes in future posts?


Related posts

About

Sunday, November 25th, 2007

Press Release:
Damien Riley is a teacher and freelance writer in Southern California. He maintains a blog on psychology and inspiration and also publishes an online diary. Many of his writings are based on experiences as a teacher.  He is currently available for hire as a freelance writer on any topic.

Longer Bio:

Welcome to “Postcards from the Funny Farm.”  I’m Damien Riley: dad, teacher, author in Southern California. I’ve been interested in creative writing since I was in the 4th grade and my interest in the guitar started even sooner. I started teaching elementary school in 1997 after a run with my band and a try at commercial songwriting success. You can read more about that time and hear the songs on my Myspace page. Now, after 10 years of teaching and publishing both online and off, I am pleased to produce three blogs I update nearly daily. Postcards is my most infamous with a loyal base of readers and new friends stopping by each day. I earned my MA in English from California State University, Fullerton in 1998 where I majored in English. My emphasis was made specifically for future college teachers: “Language, Writing, and Rhetoric.”

I met my wife Sarah when I moved to the High Desert of California in 2002.  Since then we have commenced raising a family with three kids and we became homeowners in 2008.  Much of my past writing has included family stories and they are always giving me new material.

With blogging, or “speed publishing,” what I write is often gone forever after a few hours. That’s why I try to make it relevant and not too long. I think I’ve been successful at that and made it a habit for a while now.  In addition to publishing on my three blogs, I write articles across the web. Here’s a link to an archived list that’s always growing.

My Publishings

There are also a few interviews of me out there on the internet. Thank you again to the blogs who host them.:

Interviews:
Do You Diggit
FuelMyBlog
The Man Page
This Eclectic Life

By the way, here are the other two blogs I publish:

Damien at the Speed of Life

Dynamite Lesson Plan

And last but not least my BlogCritics published works can be found here.

blogcritics.org/writer/damien_riley

I am available for hire as a freelance writer. For more information, please visit my resume pages.

Thanks for visiting,
Damien

* To contact me, use the contact form below or if forms aren’t your thing email me at: rileycentral at yahoo dot com

(required)
(required)
(required)
Security Image

 


Related posts

Blogging is a Fad. Good Writing Isn’t.

Monday, January 1st, 2007

The blogger over at Writing Aspirations makes some hefty points about blogging in 2007. Some I agree with, and some I am on the fence about. At any rate, it inspired me to share my history with the internet and writing, it’s been a long road that some bloggers might find helpful, if not interesting. Here we go:

I started writing on a personal website in 1995. I started it free at Geocities, and I didn’t even have my own computer. I accessed the page through California State University Fullerton’s computer lab. As I recall they had MAC’s. I’ve since become a PC guy. Geocities separated sites into categories based on broader interests. Because mine was literature and writing (I was an English major in my last semester at the time), they gave me an “Athens” addy. I remember advancing through the other websites and finding sites ranging from highly busy with too many graphics moving to standard written sites where the personal webmaster seemed more conservative. I remember my first webpage was a diatribe on what my named meant (Damien) and a history of how the “Omen” portrayed it in a false bad light. Seems like 100 years ago! Geocities had an extensive help system that taught me basic html, ie: item in bold and how to make a link, colors, pictures, etc. It was web design for the average joe, and I used it to post the little things going on in my life (and occasional big ones). It was so exciting to learn new tricks, like how to post an animated GIF next to something, how to use a background image, etc. I sent my updated pages with “ecolumns,” as I used to call them, to family and friends on my address list. It was a great way to connect with the people I knew and loved. While with Geocities, I also learned a lot of code secrets from Dynamic Drive.

In the late 90’s and early 2000’s, I discovered phpBB forums.? These replaced owner’s manuals and personal websites. I was, at one time, a posting member of 20 forums. My handle was “jeeptravel,” and you could find me in a search posting on anything from High Desert issues to plumbing to Jeep repair. They were great, but my interest waned when posts seemed to be lost after a few replies. There was no permanence to forums, it got boring. I guess it depends on the forum you frequent, but the ones I went to seemed to dribble down to a core of members that weren’t always as interesting as the technology of the forum made you think. This is an important point when considering the blog question of 2007. I started a few forums of my own through PhP. When you purchase a personal website from a server host like Top Class Host (one of the best and cheapest I’ve found), they automatically include “fantastico” which allows the user to instantly install a forum, blog, or any number of awesome sql database driven items. I use them now to host my blog. Specifically I use WordPress software included in the hosting package. I pay $6.95/month and it is well worth it for the freedom of tweaking I have with my blog and storage on my website. That brings us to the state of blogging in 2007.

Before starting my own “not free” hosted site, I blogged off and on for several years at blogger.com

blogger.com is an awesome free service, but there are MANY great free blogging services out there to check out. Here is a list if you are interested (not in order of anything special):

Live Journal
Yahoo! 360

Windows Live Spaces
Bravenet
Geocities
wordpress.com
(The free version/ web-based)

The list could go on and on . . .

Now for my point (sorry for the long history, thanks for reading this long).

Speaking to the question of the blog phenom being a passing fad: I must answer with a cop-out, yes and no.

Yes, the trend of signing up for a free blogging service and writing posts like “Yikes I broke a nail,” will inevitably fade out.

It will grow boring for folks just as MySpace has begun to fade in its popularity. The veneer of technological “wow” will wear off (hmmm three w’s in a row) and these folks will either A) continue to keep their blog as a way to communicate with contacts, or B) Shut it down or abandon it in favor of some new technological toy (I don’t know what that will be just yet).

On the other hand, I must reply “no,” it is not a passing trend because great writers are using it to create “ecolumns” for family and friends more than ever before. It is, in essence, a literary renaissance revival. Everywhere across the globe people are writing. It is a phenomenon of communication . . . like the free website was with geocities and other providers but on a WAYYYYY wider scale. Those who remain blogging through 2007 will be those people who are both good, thoughtful writers AND who are also internet savvy. You have to be with blogging. Keeping up with terms like “trackback” and “ping” is a tough endeavor, if you don’t like computers. But a little interest goes a long way.

So what will the blogosphere become? Here’s my image: A highly and daily more refined set of regular posters who enjoy writing about the world, either in a narrowly defined category, or in a “personal blog” format AND who are internet savvy.

It has been said that topic specific blogs are the only ones that will flourish in the future. I disagree. I think the personal blog and the topic specific ones have their place and there is plenty enough audience out there for the good ones.

~~~~Blog Carnival Submissions below~~~~

Corey presents Web 2.0 posted at myopiniononeverything.com.


Related posts