Back to the point. Frank Robinson sent me this pretty admin CSS based on Dapit Hapon colors!

I’ll be putting this up on the Download page as soon as I fix up the layout this weekend. Anyway, you can download the CSS here for the time being. Always remember to have a backup of your original CSS file in case you change your mind. Enjoy!!!

You can now take many web design programs online from the comfort of home.

I really am sorry for the delay. I know I promised it yesterday, but I am Catholic It was Good Friday yesterday, and I thought of taking a break from blogging and work. Anyway, I know everybody practically celebrates Easter, and since I’m not sure if I’ll be going online tomorrow, I’d like to greet everybody HAPPY EASTER in advance!!!

Many choose to hire a web page design group to do their site, or even just a single web designer, since most people may take a long time to learn important web site design concepts; whether or not you do it yourself, web site design
is very important nowadays.

I guess I’m a bit lucky to be able to address two concerns in one post: both questions actually pertain to the same concept: The the_excerpt template tag within the WP loop. Josie’s and Nikita’s questions are different by nature, but can be answered using the same concept.

Oh, before anything… Thank you Nikita for pointing it out to me. I’ve released an updated version (v.1.1) of the Dapit Hapon theme. The release doesn’t include any drastic changes, I just added a class in the CSS to make the protected single page look better. I wouldn’t have noticed it if it weren’t for Nikita’s question

Anyway, going back.

If you’ve already looked at the index.php and the single.php pages of this theme, you will notice that I used different template tags for the entry text. In the index.php one, I used the the_excerpt template tag, while on the single page, I used the_content.

So basically, that’s the reason why you only get the excerpt when you’re on the homepage. It’s actually a personal preferrence—I don’t like loading everything (like a hundred lines of text) when my index page is first visited. I don’t know… I guess this is where my web designer side gets the better of me I suppose the mentality that “a properly optimized site should fit in a 1.44mb diskette” of the early Internet years where high-speed connections are still ridiculously expensive hasn’t died on me yet. Well, anyway, that’s the concept behind it. In order to “force” creating excerpts, I used the the_excerpt tag. This way, even if you don’t specify an excerpt for your post, it automatically creates one by getting the first 120 words in your post.

However, graphics and HTML tags are stripped from these excerpts. That’s why your password-protected text field doesn’t show up on the index page, Nikita Click on the post name link and it’ll show up on the single page view. There is a workaround though, which is basically the same solution for Josie’s question.

When you open up the index.php page, the highlighted tag on the screenshot tells you where the the_excerpt tag is located:

That’s what we need to edit to achieve the effect Josie wants to accomplish: to remove “[...]” from the end of the excerpt and replace it with “continue reading” link.

Once you’ve located the tag, all you need to do is change it to:

You can even create a new style for this link and add a class=”yourstyle” for the html tags within the apostrophes. The WordPress documentation for this template tag discusses this with more detail.

However, unlike the the_excerpt tag that automatically generate “120-word summaries” for your posts, you will have to specify the point at which the excerpt will end. You need to put right after the last word you want to be seen in the excerpt while in the Post editor of the WordPress Admin. That’s actually another reason why I made it to automatically create excerpts (even though I’m stuck with the [...] thing at the end of my posts), I’m too lazy to do that on every post. I might even forget to do that Hehe.

Anyway, that’s it. Just play around with these two template tags (just make sure their within the “entrytext” DIV or the styling will screw up). Enjoy!

The reason why your IMG CSS isn’t working on this one is because I’ve kind of specified it that way Not because I’m a selfish prick, but I really had no idea that I will be making my graphics as background images before I started creating the code from my design in Photoshop. Anyway, you could still put IMG styling regardless of which. You just need to modify it a bit.

This is your code:

Img {
margin: 5px;
padding: 10px;
border: solid black 1px
}

To use this styling on images in the posted entry, you have to specify the class name of my formatting for the entry text. Try this:

.entrytext img {
margin: 5px;
padding: 10px;
border: solid black 1px
}

“.entrytext” is the class name I made for the styling of the posted entry text DIV. So basically, what this CSS code means to say is “everytime there’s an IMG within this DIV, I will apply the CSS Josie created.” The good thing about this is that if you have other images contained in different DIVs, they won’t be affected. Specifying “.entrytext” before the IMG assures you that the styling will only be applicable to the “.entrytext” DIV. This same concept applies if you want to change link styles, codes, numbered lists, ordered lists, etc. within the post.

I hope that helps!

Click on the photo thumbnail below:

This is my dog, Harry, by the way. He’s one of my three favorite doggies! (We currently have 15 dogs at home right now )

Write up on the theme coming soon. I’m just pretty busy right now. Please leave a comment if you find any bugs. This is the first version so it might still be buggy. Any help will be appreciated.

Learning web site design approaches used by the modern and experienced web designer can make the difference between a web site design that turns users away and an impressive web page design that creates a self-replicating community surrounding your site.

Thanks!