1. Advertising
    y u no do it?

    Advertising (learn more)

    Advertise virtually anything here, with CPM banner ads, CPM email ads and CPC contextual links. You can target relevant areas of the site and show ads based on geographical location of the user if you wish.

    Starts at just $1 per CPM or $0.10 per CPC.

How do I design a Wordpress theme?

Discussion in 'Photoshop' started by Smithers, Jun 18, 2007.

  1. #1
    I have photoshop I am pretty good at it but I just don't know how to do it and by what I just said I have no idea on what sizes each of the images need to be.

    I wanna design something simple like this.

    http://themes.wordpress.net/testrun/

    If someone can give me the size of the images I will need to make that would work on all screen sizes I would give you green rep and if it leads to me successfully making a theme I would give you some $ :D
     
    Smithers, Jun 18, 2007 IP
  2. Turpentine

    Turpentine Guest

    Messages:
    219
    Likes Received:
    4
    Best Answers:
    0
    Trophy Points:
    0
    #2
    learn some css - http://www.w3schools.com/css/default.asp
    that will help you open up the style.css and figure some things out.
    you can look at the already included images if you want to just edit them that way.
    linking to the wordpress.org test site doesn't work.

    If you have any more specific questions I can give you more specific answers.
     
    Turpentine, Jun 18, 2007 IP
  3. jiosis

    jiosis Well-Known Member

    Messages:
    892
    Likes Received:
    12
    Best Answers:
    0
    Trophy Points:
    110
    #3
    Well, you should know what people see from the link you've provided is different for each person.
    You've probably got there from themes.wordpress.net

    The URL you provided is same to testrun all the themes on wordpress.net and what people see is depending on which link they've been redirected from and it's based on cookie so for example what I see is the last theme I've visited from that site that is probably different than what you want to show us.

    Go back and provide the link that you've clicked on, it should be in the following format:

    Then we can have better understanding of what you want to design :)
    Cheers
     
    jiosis, Jun 19, 2007 IP
  4. csi

    csi Guest

    Messages:
    265
    Likes Received:
    12
    Best Answers:
    0
    Trophy Points:
    0
    #4
    Most of the design stuff is in the style.css file. Look at the code for a few templates and you should start to get a feel for what it all does.
     
    csi, Jun 19, 2007 IP
  5. jiosis

    jiosis Well-Known Member

    Messages:
    892
    Likes Received:
    12
    Best Answers:
    0
    Trophy Points:
    110
    #5
    I think there is a misunderstanding here,
    He is trying to design NOT develop and here is the "graphics and multimedia" forum ! why people keep pointing him to .css file ?
    Regarding the size of whole design, it depends on which resolution you want to optimize your design with, and usually it can be 1000px width to be optimized for 1024 screens. (consider the vertical scrollbars)
    The best practice you can do is to take a screenshot of your favorite theme and start working on it to keep the size and scales.
    But you are asking about size of images, that I still don't understand which images you mean.

    Hope it helps
     
    jiosis, Jun 19, 2007 IP
  6. Bjam

    Bjam Well-Known Member

    Messages:
    501
    Likes Received:
    13
    Best Answers:
    0
    Trophy Points:
    108
  7. Smithers

    Smithers Banned

    Messages:
    1,442
    Likes Received:
    29
    Best Answers:
    0
    Trophy Points:
    0
    #7
    Thanks for your help guys.

    I downloaded a theme and looked at the sizes of the images and I used those sizes to make my own and it worked out pretty good I hope I can get better at wordpress designing very soon.
     
    Smithers, Jun 19, 2007 IP
  8. dpjohn

    dpjohn Peon

    Messages:
    9
    Likes Received:
    1
    Best Answers:
    0
    Trophy Points:
    0
    #8
    Familiarity with CSS is a must... An a basic knowledge of how php works since that is the language of wordpress and the syntax must be understood so as to not break the code that makes the template not only look good but work propery. If you don't have these skills, you can still create the look of the design in Photoshop and send it to a resource with the technical skills. That is what most ad agencies do, for instance.
     
    dpjohn, Mar 14, 2010 IP
  9. 509 Media

    509 Media Greenhorn

    Messages:
    49
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    18
    #9
    I start in Photoshop then use Fireworks and Dreamweaver. If you are not comfortable chopping your psd file and creating the css required to make it display like you want there are many people on the net who can do this type of work for you.
     
    509 Media, Mar 24, 2010 IP
  10. wittenvdp

    wittenvdp Peon

    Messages:
    40
    Likes Received:
    1
    Best Answers:
    0
    Trophy Points:
    0
    #10
    If you start with the simpla theme, you can easily edit the style.css and the index.php-file and start creating the theme you want. I also did it and it's not that hard...
     
    wittenvdp, Apr 7, 2010 IP
  11. fulamax

    fulamax Peon

    Messages:
    28
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #11
    I believe the first step to design WP themes is by looking at the simple/default theme like kubrick, I started with make a simple editing to the image available via PS and then move on to the CSS and PHP.

    Its much better if you understanding more about how css and php work, since it will let you develop(or design) a new theme with your own layout.

    For css you can surf this link for more understanding: http://www.w3schools.com/css/
    PHP link: http://www.w3schools.com/php/default.asp
    A more and official documented site of PHP: http://php.net/
    And for WordPress Theme Tutorial(IMO its easy to understand): http://www.wpdesigner.com/2007/02/19/so-you-want-to-create-wordpress-themes-huh/
     
    fulamax, Apr 7, 2010 IP
  12. photoshopsoc

    photoshopsoc Peon

    Messages:
    32
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #12
    photoshopsoc, Apr 7, 2010 IP
  13. 509 Media

    509 Media Greenhorn

    Messages:
    49
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    18
    #13
    509 Media, Apr 7, 2010 IP
  14. freei

    freei Peon

    Messages:
    27
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #14
    Artisteer is a very easy software to use as well.
     
    freei, Apr 8, 2010 IP
  15. Ex3me

    Ex3me Peon

    Messages:
    54
    Likes Received:
    1
    Best Answers:
    0
    Trophy Points:
    0
  16. koglaa

    koglaa Peon

    Messages:
    35
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #16
    Congrats for bumping a three year old thread ;D. Anyway, for my web/wordpress blog tutorials, I use www. grafpedia.com
     
    koglaa, Apr 13, 2010 IP
  17. johagulo

    johagulo Peon

    Messages:
    879
    Likes Received:
    5
    Best Answers:
    0
    Trophy Points:
    0
    #17
    Well I do not know any type of banner creating website, but I know of software called TLC that you can use
     
    johagulo, Apr 14, 2010 IP
  18. Digital_web

    Digital_web Banned

    Messages:
    68
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    16
    #18
    thanks for sharing your views,
    I m impressed with

    Regards !
     
    Digital_web, Apr 15, 2010 IP