Forums

is it possiable to customize themes without coding? (17 posts)

  1. eeps24
    Member
    Posted 3 years ago #

    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?

  2. jbbrwcky
    Member
    Posted 3 years ago #

    It would be quite difficult to. For layouts, custom design work, you'd need to know html, php, css.

  3. Dgold
    Member
    Posted 3 years ago #

    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.

  4. Chrisber
    Member
    Posted 3 years ago #

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

  5. Otto
    Tech Ninja
    Posted 3 years ago #

    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.

  6. Dgold
    Member
    Posted 3 years ago #

    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.

  7. Otto
    Tech Ninja
    Posted 3 years ago #

    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.

  8. eeps24
    Member
    Posted 3 years ago #

    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?

  9. Otto
    Tech Ninja
    Posted 3 years ago #

    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.

  10. Dgold
    Member
    Posted 3 years ago #

    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.

  11. Chrisber
    Member
    Posted 3 years ago #

    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.

  12. whooami
    Member
    Posted 3 years ago #

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

  13. eeps24
    Member
    Posted 3 years ago #

    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 />

  14. eeps24
    Member
    Posted 3 years ago #

    edit-------------/

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

  15. Otto
    Tech Ninja
    Posted 3 years ago #

    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.

  16. joebrooksie
    Member
    Posted 3 years ago #

    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.

  17. flugennock
    Member
    Posted 2 years ago #

    I've just installed my blog. It's going to be a very simple layout: white page, black/gray text. It's primarily an art blog, displaying my latest work with perhaps a bit of writeup. Currently, it's in a standard static-page Web site which I want to switch over to a blog format in order to make updating content easier. I don't need/want any heavy-duty fancy design or color/layout schemes to get in the way. It's just a plain two-column/right sidebar layout. That's all I need or want.

    Right now, I've got Tressimple installed, as it's the simplest thing I can find, and comes closest to what I want.

    What I want to do is quite simple: I want to use a custom-designed masthead at the top, and perhaps change the typeface. I don't have the time or inclination to spend a huge amount of effort becoming a CSS expert; I just want to do a few simple changes and get on with the blog. I don't want to play with code or stylesheets; I just want to get my work done.

    Basically, all I need to do is:
    1. insert my custom masthead, designed in Photoshop, with my title and tagline, at the top of the page without any system-text title/tagline superimposed;
    2. change the default typeface from Helvetica to Verdana (I've found Verdana to be more easily readable at small sizes).
    3. create a menu bar with a few basic choices (online press kit page, link to my CafePress shop, the usual "about", "contact me", etc.)

    ...and that's pretty much it. I want to spend as little time futzing around with code and stylesheets as possible. Preferably, I'd like to do it in Dreamweaver if possible, as I have a fair amount of experience with it.

    Are there any tutorials here that I can go through, which don't automatically assume expert-level knowledge already, as so many CSS tutorials that I've found through Google do?

    Thanks in advance,
    flugennock@sinkers.org

Topic Closed

This topic has been closed to new replies.

About this Topic

Tags

No tags yet.