Support » Themes and Templates » is it possiable to customize themes without coding?

  • can I customize my theme with out coding? can I do it in dreamweaver in like a GUI? so I can use my mouse to resize pictures without worrying about how to do it with the code?

Viewing 15 replies - 1 through 15 (of 16 total)
  • It would be quite difficult to. For layouts, custom design work, you’d need to know html, php, css.

    The one feature for customizing without code is widgets. Cuz you can drag-and-drop them to re-order your sidebar and other widget-enabled areas of a theme.

    If you don’t know anything about html or css, modifying an existing WP theme is a great way to learn.

    Moderator Samuel Wood (Otto)

    (@otto42)

    WordPress.org Admin

    can I do it in dreamweaver in like a GUI?

    Absolutely not. Dreamweaver and other “simple” GUI editors are made for static sites, for the most part. They are good for beginners, not so much for advanced usage.

    Actually a lot of people are doing WordPress on Dreamweaver now. It’s not like the old days, when you couldn’t. That advice or limitation has become outdated as the DW/WP community has grown. Now there are numerous tools, extensions, and instructions, that let DW work with WP + PHP + Dynamic content. For a few examples I encourage you to check out,

    http://www.themedreamer.com/

    http://www.justdreamweaver.com/blog/2008/05/customizing-wordpress-themes-with-dreamweaver/

    http://max.limpag.com/2006/06/07/how-to-edit-wordpress-design-using-dreamweaver/

    I’m not saying it’s the recommended method, but it absolutely IS an option for those who want to work in DW.

    Moderator Samuel Wood (Otto)

    (@otto42)

    WordPress.org Admin

    Wow. A GUI editor for what is possibly the simplest language ever written (PHP/HTML). Amazing.

    Looking at the screenshots of that thing makes me physically ill. How in the heck is something that complex easier than simply typing a few lines of code here and there? I’ll never understand designers who need to use a GUI like that.

    for example…. i want to put my logo as the header, but when I do it doesnt fit right… i try to resize but its difficult

    thanks dgold 🙂

    so baiscly it is possiable to do this with dreamweaver?

    Moderator Samuel Wood (Otto)

    (@otto42)

    WordPress.org Admin

    for example…. i want to put my logo as the header, but when I do it doesnt fit right… i try to resize but its difficult

    What exactly doesn’t fit right? Post some examples of what you’re trying to do.

    You could resize your header graphic with GIMP or Photoshop. Or you could resize your header area, probably in the style.css file (doing it in code).

    But yes, I wanted to share that DW absolutely IS a choice, given the extensions I linked above. Maybe not the best choice, but it is possible if you want to follow thru with it.

    PHP and XHTML is powerful and complex. It is not as simple as some might say.

    Some WP users want this option. Luckily we have a diverse WP community where people contribute plugins and extensions that may make this possible for some users, even while others say that coding by hand is the easy way.

    I’m in favor of WP users getting choices & being aware of choices.

    If you are interested in learning about coding, then relying on any sort of GUI will keep you in the dark about how your site really functions. If you don’t mind being in the dark, then by all means use whatever tools you are most comfortable with. My suggestion would be to pick a simple theme and spend a few hours messing around with the style.css file just to see what makes it tick. I think you will find it to be less daunting than you might think.

    whooami

    (@whooami)

    Member

    I wouldnt ever use DW personally, but if that’s all someone gets or wants, more power to ’em.

    here is my header.php

    i want to slip in my own .jpg file to replace the default header

    <!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”>
    <html xmlns=”http://www.w3.org/1999/xhtml” <?php language_attributes(); ?>>

    <head profile=”http://gmpg.org/xfn/11″>
    <meta http-equiv=”Content-Type” content=”<?php bloginfo(‘html_type’); ?>; charset=<?php bloginfo(‘charset’); ?>” />

    <title><?php bloginfo(‘name’); ?> <?php if ( is_single() ) { ?> » Blog Archive <?php } ?> <?php wp_title(); ?></title>

    <link rel=”stylesheet” href=”<?php bloginfo(‘stylesheet_url’); ?>” type=”text/css” media=”screen” />
    <link rel=”alternate” type=”application/rss+xml” title=”<?php bloginfo(‘name’); ?> RSS Feed” href=”<?php bloginfo(‘rss2_url’); ?>” />
    <link rel=”pingback” href=”<?php bloginfo(‘pingback_url’); ?>” />

    <style type=”text/css” media=”screen”>

    <?php
    // Checks to see whether it needs a sidebar or not
    if ( !empty($withcomments) && !is_single() ) {
    ?>
    #page { background: url(“<?php bloginfo(‘stylesheet_directory’); ?>/images/kubrickbg-<?php bloginfo(‘text_direction’); ?>.jpg”) repeat-y top; border: none; }
    <?php } else { // No sidebar ?>
    #page { background: url(“<?php bloginfo(‘stylesheet_directory’); ?>/images/kubrickbgwide.jpg”) repeat-y top; border: none; }
    <?php } ?>

    </style>

    <?php wp_head(); ?>
    </head>
    <body>
    <div id=”page”>

    <div id=”header”>
    <div id=”headerimg”>
    <h1>/”><?php bloginfo(‘name’); ?></h1>
    <div class=”description”><?php bloginfo(‘description’); ?></div>
    </div>
    </div>
    <hr />

    edit————-/

    also whats the sytle.css do? is that like the index.php file which is my whole site?

    Moderator Samuel Wood (Otto)

    (@otto42)

    WordPress.org Admin

    eeps24: The style.css is the stylesheet, it controls the look of the site.

    The easiest way to replace a header.jpg is simply to find the old one, rename it, and name the new one the same name as the old one.

    Alternatively, look in the stylesheet and find where the header jpg is named, then change that to the name of your jpg file.

    I use Dreamweaver as a means of getting the look of the page down. Of course, going from a dreamweaver static page to a WordPress theme requires a bit of coding with trial and error. But usually the end result is pretty close to what it looked like in Dreamweaver.

    Step 1. Convert the PSD into an HTML File using Dreamweaver. (Use CSS and <div> tags!)
    Step 2. Copy/Paste the CSS into the style.css file.
    Step 3. Wrap the Page (I like wrapping my pages to confined widths 1000px 900px 800px)
    Step 4. Work on the Header.php file
    Step 5. Work on the Footer.php file
    Step 6. Work on the Index.php file
    Step 7. Work on the sidebar.php file
    Step 8. If there is a third sidebar, include it.
    Step 9. Work on the single.php and page.php file. Unless otherwise stated – just copy/paste so they are the same.
    Step 10. Work on the comments.php file.
    Step 11. Work on the search results page.
    Step 12. Work on the archives page.
    Keeping refreshing and checking out any other errors.

Viewing 15 replies - 1 through 15 (of 16 total)
  • The topic ‘is it possiable to customize themes without coding?’ is closed to new replies.