7 {{ upvoteCount | shortNum }}
7 {{ upvoteCount | shortNum }}

Dreamweaver and Wordpress

by EnDubUK
6 replies
  • WEB DESIGN
    • |
Hi Warriors,
Im new to all of this so bare with me, I have a header on my wordpress blog and I recently modified it in Dreamweaver CS4 to add a hotspot with a link to my homepage over my name area. How can I get the stylesheet.css to read this modified header as I cant save it as .jpg.
Is there a different code I'd need to make it readable or something else?
Thanks
Neil
#dreamweaver #wordpress
  • Profile picture of the author houdy
    Neil, you can't really edit a WordPress theme with an HTML editor. You need to upload the image to the themes images folder and then edit the theme's style.css or/and probably the header.php file to point to the new header image.
    Signature

    Jeff Houdyschell
    WordPress Guides | WordPress Installation
    Work At Home Business Blog | Proven Income Opportunities | Best Work At Home Jobs

    {{ DiscussionBoard.errors[603423].message }}
    • Profile picture of the author Jeremy Gatica
      Originally Posted by houdy View Post

      Neil, you can't really edit a WordPress theme with an HTML editor. You need to upload the image to the themes images folder and then edit the theme's style.css or/and probably the header.php file to point to the new header image.
      There is an extension for dreamweaver that you can edit Wordpress with

      WordPress Extension for Dreamweaver

      I use it quite a bit, it helps to have a bsaic knowledge of CSS to use it.

      Jeremy
      Signature
      {{ DiscussionBoard.errors[607887].message }}
  • Profile picture of the author EnDubUK
    Hi Jeff,
    I have uploaded the image to the images folder and I've tried pointing the stylesheet and header.php to the new image but it won't recognise it while its in HTML format. I cant save it as .jpg. How do I tell stylesheet to read it other than .jpg?
    {{ DiscussionBoard.errors[604292].message }}
    • Profile picture of the author Karen Blundell
      what is the name of the header image file you created?

      the image file must be either .png, .gif, or .jpg to be able to work in your Wordpress header.php

      you must either edit your Wordpress theme's style.css or header.php , or both, by pointing to your new image file. If it's not done properly it won't work.

      I don't understand how your image file can't be saved to .jpg?

      if what you have is in HTML format that you created in Dreamweaver, there still has to be a seperate image file created in a graphics program and saved to either one of the 3 formats above. The HTML snippet that you created in Dreamweaver must be copied carefully to header.php but if you don't know what you are doing you can mess everything up! You are better off just editing the theme files without using Dreamweaver or any editor other than from within the Wordpress dashboard/admin area by going to "Appearance", and then "Editor". On the right side of the page are all the theme files...

      In order to properly work with and edit your own WordPress theme files, a basic understanding of PHP, XHTML, and CSS is strongly recommended. You also might want to learn some Javascript and AJAX. W3Schools.com is where to learn it all.




      Signature
      ---------------
      {{ DiscussionBoard.errors[606242].message }}
  • Profile picture of the author audio90
    I was just about to ask about themedreamer. How do you like it Jeremy? I'm on DW8, will it work as good as in CS4?

    And how limited is it, or can you really do the same things as if it was a web page? You can control precisely what you want to see?


    what about testing? You still have to test the page through viewing it in WP right?

    Rating out of 10? And did you try Artisteer as well?
    {{ DiscussionBoard.errors[666692].message }}
  • Profile picture of the author luciuskern
    Quick hint. If the header of a wordpress theme is pulled from css. if you're using firefox browser. Just right click and click view background image. with wordpress most headers are set as backgrounds. easy way to view the file and get file name.
    {{ DiscussionBoard.errors[667543].message }}

Trending Topics