Tycoon Talk
Become a Big fish!
The number 1 forum for online business!
Post topics, ask questions, share your knowledge.
Tycoon Talk is part of Freelancer.com - find skilled workers online at a fraction of the cost.

Blogging Forum


You are currently viewing our Blogging Forum as a guest. Please register to participate.
Login



Reply
Where do you edit the Wordpress 3 HTML
Old 08-25-2011, 02:16 AM Where do you edit the Wordpress 3 HTML
World's Avatar
Extreme Talker

Posts: 202
Location: Santa Monica, CA
Trades: 0
I have done quite a few websites and have no problem editing HTML and CSS.

Now I tried to edit WP theme "Thematic".

When I look at the template files, they are all php and a few css files.

There is little HTML in the php files, and there is no central file that shows the whole document.

It's like trying to read a novel with all the pages flying around, and no context.

When I look at the blog through Firebug, I can see the html.

But I can't edit it.

Where is the Wordpress 3 HTML so I can edit it?
World is offline
Reply With Quote
View Public Profile
 
 
Register now for full access!
Old 08-25-2011, 12:51 PM Re: Where do you edit the Wordpress 3 HTML
World's Avatar
Extreme Talker

Posts: 202
Location: Santa Monica, CA
Trades: 0
Nobody ever created a child theme here?
World is offline
Reply With Quote
View Public Profile
 
Old 08-25-2011, 01:20 PM Re: Where do you edit the Wordpress 3 HTML
vangogh's Avatar
Post Impressionist

Latest Blog Post:
Why Responsive Design?
Posts: 10,815
Name: Steven Bradley
Location: Boulder, Colorado
Trades: 0
Thematic is a mostly PHP. If you want to edit it directly you'll need to edit that PHP. However the idea is to create a child theme instead of editing the framework itself.

In the child theme you can overwrite any of the framework files. The Codex has a page on child themes to get you started.

Also Ian Steward, the person who created Thematic, has written plenty of tutorials on his site for developing child themes. Here's one covering child theme basics.

When you view pages through Firebug you're seeing the html that's output after the php engine has parsed all the php code and converted it to html. Comparing the output html and the original files with php is actually a good way to begin learning php. I know it looks like a foreign language at first, but there should be enough html in those php files to help you find what php is producing what html.
__________________
l Search Engine Friendly Web Design |
Please login or register to view this content. Registration is FREE

l Tips On Marketing, SEO, Design, and Development |
Please login or register to view this content. Registration is FREE

l
Please login or register to view this content. Registration is FREE
|
Please login or register to view this content. Registration is FREE
vangogh is offline
Reply With Quote
View Public Profile Visit vangogh's homepage!
 
Old 08-25-2011, 07:16 PM Re: Where do you edit the Wordpress 3 HTML
World's Avatar
Extreme Talker

Posts: 202
Location: Santa Monica, CA
Trades: 0
But php files are only a few lines long.

Where do all the divs and classes come from?
World is offline
Reply With Quote
View Public Profile
 
Old 08-25-2011, 07:27 PM Re: Where do you edit the Wordpress 3 HTML
chrishirst's Avatar
Missing! presumed drunk.

Posts: 42,362
Name: Chris Hirst
Location: Blackpool. UK
Trades: 0
Created by the scripts, you can generate a lot of HTML in one function call.
__________________
Chris. ->>
Please login or register to view this content. Registration is FREE
<<-

A foolish consistency is the hobgoblin of little minds
Thought for today:- Is SEO the only industry where all the cowboys are Indians?
chrishirst is offline
Reply With Quote
View Public Profile Visit chrishirst's homepage!
 
Old 08-26-2011, 03:27 PM Re: Where do you edit the Wordpress 3 HTML
vangogh's Avatar
Post Impressionist

Latest Blog Post:
Why Responsive Design?
Posts: 10,815
Name: Steven Bradley
Location: Boulder, Colorado
Trades: 0
Just like Chris said a line or two of php can put out a lot of html.

I haven't worked with thematic a lot recently, but to you should be able to customize it a lot solely through the css file of a child theme. Use the html you see in Firebug to guide you and style that output source code.

Thematic comes with several different layout stylesheets too so to do something like move the sidebar from the right side to the left it's just a matter of including a different layout css file. Look in the library folder for the different layouts you can get and then look in the css file of the included child theme to see how they get included.

You can modify more of the theme through the functions.php file, but that will require php coding. Mostly you're going to want to create your own css file and use the rendered html source you see by viewing the source directly. The classes and ids and general html you see by viewing the source are all things you can control through the css file.
__________________
l Search Engine Friendly Web Design |
Please login or register to view this content. Registration is FREE

l Tips On Marketing, SEO, Design, and Development |
Please login or register to view this content. Registration is FREE

l
Please login or register to view this content. Registration is FREE
|
Please login or register to view this content. Registration is FREE
vangogh is offline
Reply With Quote
View Public Profile Visit vangogh's homepage!
 
Reply     « Reply to Where do you edit the Wordpress 3 HTML
 

Thread Tools Search this Thread
Search this Thread:

Advanced Search

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Trackbacks are Off
Pingbacks are Off
Refbacks are Off





   
RSS Feed  Feeds: RSS   JS   XML
RSS Feed  Feeds for this forum: RSS   JS   XML



Page generated in 0.24084 seconds with 12 queries