Editing wordpress themes

Discussion in 'WordPress' started by theycallmeandrew, Jul 8, 2007.

  1. #1
    I don't know much about web design, xhtml, or css but is there a way I can edit my wordpress theme in dreamweaver? I'm setting up a new site and I want to take out some of the default things on the sidebar and customize it.
     
    theycallmeandrew, Jul 8, 2007 IP
  2. gemini181

    gemini181 Well-Known Member

    Messages:
    2,883
    Likes Received:
    134
    Best Answers:
    0
    Trophy Points:
    155
    #2
    Are you using the new WP 2.2?
    First, the easy way:

    Start by checking
    Admin > Presentation > Widgets

    If your theme is 'Widget-ready' then you can easily customize your sidebar (even without having installed the Widgets Plugin)

    I hope this helps :)
     
    gemini181, Jul 8, 2007 IP
  3. zebno

    zebno Well-Known Member

    Messages:
    936
    Likes Received:
    25
    Best Answers:
    0
    Trophy Points:
    138
    #3
    nice idea gemini181 , i'll try it on my blog!~
     
    zebno, Jul 8, 2007 IP
  4. gemini181

    gemini181 Well-Known Member

    Messages:
    2,883
    Likes Received:
    134
    Best Answers:
    0
    Trophy Points:
    155
    #4
    The Widgets Plugin is now in the core of WP, so you only need a compatible theme and changes are very easy.
     
    gemini181, Jul 8, 2007 IP
  5. theycallmeandrew

    theycallmeandrew Peon

    Messages:
    12
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #5

    Thanks for the info :D The theme I have now isnt widget ready..I'll have to find one that is and change.

    I guess I'll ask one more question here. I'd like to start learning how to design and create sites as well as wordpress themes. I know it involves xhtml,css,and php. I knew html pretty well 6 or 7 years ago...but forgot most of it and I'm sure everything is completely different now.

    I'm headed to my local Borders books to check out books they have on the subject and was just looking for some recommendations.

    The best book I've found so far for beginners (at amazon) is by Jennifer Niederst Robbins called "Learning Web Design: A Beginner's Guide to (X)HTML, StyleSheets, and Web Graphics "

    I just want to learn enough to customize wordpress themes and to create decent but basic sites. Think this book will do?
     
    theycallmeandrew, Jul 8, 2007 IP
  6. gemini181

    gemini181 Well-Known Member

    Messages:
    2,883
    Likes Received:
    134
    Best Answers:
    0
    Trophy Points:
    155
    #6
    Books are great, if you actually use their full potential.
    I like to learn by 'trial and error':
    • Sometimes it's fun, but tends to waste time.

    CSS and XHTML takes time to get used to, you won't learn it it just one hour.
    ~~~~~~~~~~~~~~

    Real good intro here


    Try this post for a great effort from another DP member

    • If you read the whole thread, you'll see me 'get attacked' for questioning the need to conform to today's standards :eek:
    • I learned a lot from the thread, and it's at least a bit amusing to read.

    Good luck with learning.
     
    gemini181, Jul 8, 2007 IP
  7. Dan Schulz

    Dan Schulz Peon

    Messages:
    6,032
    Likes Received:
    436
    Best Answers:
    0
    Trophy Points:
    0
    #7
    Dan Schulz, Jul 8, 2007 IP
  8. theycallmeandrew

    theycallmeandrew Peon

    Messages:
    12
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #8
    Thanks I'll check that out in a bit. I ended up getting a beginners html,xhtml,css book. Haven t started it yet...but hopefully I'll finish it with at least a small amount of knowledge.

    Would someone who is fimilar with editing wordpress themes tell me what file I would need to edit to change the text color in my sidebar? I looked the the side bar code and didn't see anything I'd associate with text color.

    I'm also trying to figure out how to either remove or replace an arrow image thats in the WP theme I'm using. The image displays a tiny arrow next to each heading in my sidebar. It looks fine with the theme...but when I put my RSS feed into the sidebar the widget automatically adds a feed image...next to the arrow the theme adds. And it just doesn't look right.

    Once I figure these two things out tonight I'm going to jump into the book I got and I'm going to re-read some of that post I was referred to.
     
    theycallmeandrew, Jul 8, 2007 IP
  9. gemini181

    gemini181 Well-Known Member

    Messages:
    2,883
    Likes Received:
    134
    Best Answers:
    0
    Trophy Points:
    155
    #9
    It was a fairly memorable thread for me too.

    ~~~~~~~~~~~
    Your efforts help.
    Thanks Dan :)
    ~~~~~~~~~~~

    1) Style.css >> Then "exactly what your looking for now" depends on the theme >>> Start with 'trial and error' (takes time :eek:)
    2) Right click on the arrow > View properties > That's your file path to the original image >> Several options exist // without changing code you could replace the arrow with a colored 'image' matching the background.

    Hope this helps.
     
    gemini181, Jul 8, 2007 IP
  10. theycallmeandrew

    theycallmeandrew Peon

    Messages:
    12
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #10
    I'll add my site so you can see what I'm talking about..

    http://www.theinternetexperiment.com
     
    theycallmeandrew, Jul 8, 2007 IP
  11. r3born

    r3born Active Member

    Messages:
    1,070
    Likes Received:
    51
    Best Answers:
    0
    Trophy Points:
    88
    #11
    As gemini181 said, trial and experiment.

    I'll show you how you must be working :
    Imagine you want to remove this arrow on your sidebar :
    1. View the source (I opened your link in IE, right-click -> view source)
    2. Locate the arrow and notice, for example, that it's close to "Recent Posts".
    3. Search for "Recent Posts" in the source.
    4. You see, it's h2 class=widgettitle.
    5. Open style.css [it's in your theme folder, you can edit it from your WP-admin Presentation menu].
    6. Look for h2 in the stylesheet. As you can see, it uses h2_bg.png as the background image.
    7. Remove it from CSS or modify the image.

    Hope it helps :)
     
    r3born, Jul 8, 2007 IP
  12. gemini181

    gemini181 Well-Known Member

    Messages:
    2,883
    Likes Received:
    134
    Best Answers:
    0
    Trophy Points:
    155
    #12
    You were much more detailed and clear.
    • I'm a 'nasty' teacher sometimes...
    • ..."Here, just look at 'style.css' and figure it out" :p

    Even though it uses up too much time, I really enjoy learning by 'just poking around', but it's good to remember it is not the best way for most people.

    Thanks

    You can create new themes in Dreamweaver, then convert them to WordPress themes.
    Editing existing WP themes in Dreamweaver is not really practical (unless an 'expert' knows how)
     
    gemini181, Jul 9, 2007 IP
  13. theycallmeandrew

    theycallmeandrew Peon

    Messages:
    12
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #13
    Thanks to both of you!!

    I read 100 pages of the book I bought (only 350 more to go) and I learned a little bit. Enough to let me change some things. Right now I'm trying to figure out how to change the link color in my footer to two seperate colors.

    I figured out how to change all of them together...but not individually. In a nutshell I'm trying to set the site map and privacy policy to one color...and the theme designers link to another color. They require me to keep 3 links in the footer..and it looks ugly.

    I don't fully understand using div id's and classes yet. I didn't get to that section yet. But I'm assuming that has something to do with why I cant have two different colors for links in my footer. It has to be somewhere else (not in the footer section) because I don't see anything...

    Here is what it is now. I figured out how to add my two links and change the color.


    <div id="footer">
    <div><!-- This theme is free to use under Creative Commons (Attribution-ShareAlike 2.5),
    therefore all the attribution links in the footer must remain intact. -->
    Copyright &copy; <?php bloginfo('name'); ?>. All rights reserved.
    <br />
    <a href="http://theinternetexperiment.com/site-map/">Site Map</a> &emsp; &emsp; <a href="http://theinternetexperiment.com/privacy-policy/"> Privacy Policy</a>
    <br />
    Theme Courtesy of Romow <a href="http://www.romow.com/">Online Advertising</a> and <a href="http://www.webgem.us/">Web Directory</a>
    <br />
    <a href="http://www.askgraphics.com">Blog design</a> by: AskGraphics
    </div>
     
    theycallmeandrew, Jul 9, 2007 IP
  14. LilyUK

    LilyUK Peon

    Messages:
    125
    Likes Received:
    6
    Best Answers:
    0
    Trophy Points:
    0
    #14
    Hi
    When I first started a few weeks back someone told me to take a look at this tutorial here
    http://www.wpdesigner.com/2007/02/19...ss-themes-huh/
    I was looking for the same as you (how to edit in Dreamweaver) however this tutorial takes you through all the steps to design your own wordpress theme.
    Basically I ended up setting up wordpress on my computer (the article takes you to another tutorial to show you how to do that) and then using that tutorial I went through every bit of code and kept trying changes out on it until I could see them happening. That way I learned which bit of code was for changing the sidebar colour or the header or the footer etc. It was a bit frustrating sometimes but I did learn a lot and I did manage to change all the colours on my page etc.
    Also - as someone else said, using widgets is great because they are soooo simple to use!
    I know I did read something about setting up different page templates - so when you want a different something different on just one page you can choose that template instead of applying the change site wide. Have a read through on Wordpress.org on pages and templates and it'll give you a somewhat clearer description than I can! Or perhaps someone here can elaborate?
    As far as the book goes it's always best to check when they were last updated as design standards change really quickly. I reckon it might be good for basics though.
    Happy designing :)
     
    LilyUK, Jul 9, 2007 IP