WordPress.org

Support

Support » Themes and Templates » Struggling with customizing templates

Struggling with customizing templates

  • I am having am impossible time figuring out how to customize my page. I wonder if there is a special tool that can allow me to quickly create my own custom template.

    http://www.clean-credit.org/blog/ – All I want to do for now is 1 – widen the main page table with the blue background and border to exactly match that of my custom graphics table “My Clean Start” you see sitting above it.

    2 – Take the “My Clean Start” table and move it down into where the blue background currently resides.

    From all my experiences with WordPress, customizing the templates is the single most difficult and problematic issue. WordPress is a great blogging program, but it almost takes a professional web programmer to figure out how to customize the templates.

    If somebody recommends I download one of the theme templates, that might work, if it closely matches the dimensions and layout of what I want to achieve, but in the past, how exactly to install a new theme has been a source of great confusion in of itself.

Viewing 15 replies - 1 through 15 (of 22 total)
  • You could try adding a width spec to the page id in themes/default/style.css

    #page {
    background: white;
    border: 1px solid #959596;
    text-align: left;
    width:784px;
    }

    and specify the image that is in the table at the top as the background (find this coding on the index page in themes/default/

    #headerimg { background: url('http://www.clean-credit.org/images/h_header.jpg') no-repeat top;}

    I don’t know for certain that that would work, but you could give it a shot.

    The following sites may also be of help:
    http://www.htmlhelp.com/reference/css/structure.html
    http://glish.com/css/
    http://www.htmldog.com/

    Incidentally, there are a number of coding errors on your page. If you plug the page URL into the window at
    http://www.htmlhelp.org/tools/validator/
    you can see a list of them. Fixing the errors may well help you a lot in figuring out how to get your site to look the way you expect it to look. (There are generally explanations about each error on the results page of the validator.)

    Hope that helps.

    I tried that but it made no difference. I earlier tried changing 2 other TD widths in styles.php from 760px to 784px but it only widened a little and part of it went off-kilter.

    h_header.jpg is only one of the images that wouldn’t look right by itself. I would need to insert the entire table code in there.

    This is my biggest complaint about WordPress. The template system is so complex, almost nobody can figure it out except for the people who designed it. What we really need is a Wizzywig editing tool to customize the themes.

    If I choose one of the themes at http://wordpress.org/extend/themes/ to customize, how do I install it? Does each theme come complete with all it’s files, so I only need to create a new directory and upload it there?
    Thanks,
    Fred

    All you have to do is drop the new theme folder into /wp-content/themes. Then navigate to wp-admin/Presentation in your blog and select the new theme as the active one.

    Is there such as thing as a custom theme generator, where I can create my own custom theme from scratch? I want to design my own custom template modeled after this new page on my site:
    http://www.clean-credit.org/credit-card-rebuild.html

    I’m not an IT professional, nor a professional web designer, so figuring out how to manipulate WordPress’s existing themes is way beyond my ken.

    You might suggest bloggia.com, but that site is no more. The domain is for sale.
    Fred

    Not so far as I know, sorry. If you can’t find a theme out there which will approximate what you want, and you don’t care to mess with learning the process yourself, you’re left with finding someone you can pay to produce what you want.

    I’m thinking I could go to http://wordpress.org/extend/themes/ and find a theme that closely matches the layout of my page, and work with that. I just need to find one with the border width set to 784px. For some reason, changing the widths in styles.php has no effect. Maybe the border widths are someplace else besides styles.php.

    Well, practically any centered fixed-width theme out there would be a far far better place to start than with kubrick.

    How do the designers build the themes on the themes page? Is this done by hard coding the theme files, or by using a program like Frontpage?

    I couldn’t say. I use a real html/css editor. I’ve never considered using what came with wp….

    Frontpage is an option, though it throws totally crap code, and if you build a theme with it you’ll need to remove the “valid xhtml” link from the meta info – unless you want to spend hours and hours chasing validator errors.

    I have already spent hours attempting to customize Kubrick, but I gave up on that and looking for a new theme that will be much easier to customize. What makes matters worse is the WordPress codex site is running very slow today. Since there are so many themes to choose from, it might take me hours just to find the right one. I temporarily installed the “Connections” theme for now. I will need to replace the top image with my “CleanStart” graphics, put in a thin solid border, and upsize the tiny links.

    I use Dreamweaver, but everybody has advised against using that to edit the theme pages.

    Dreamweaver is way better than Frontpage! There are ways to set dw up to produce relatively clean code at least, though I haven’t any idea what they are.

    I use TopStyle Pro from http://bradsoft.com – it’s magnitudes less massive, less expensive, and less difficult to figure out than dw. It produces pristine code – as long as I don’t screw it up myself (which of course I all too often manage to do anyway).

    There are a lot of white background themes out there, fixed width 2 column. You might have better luck at http://themes.wordpress.net if the codex is being a beast….

    Dreamweaver is OK if you edit the files in “code view” not the wysiwig.
    As it was said above: find a theme that is not kubrick or a kubrick clone and edit the files on your computer (not in the theme editor online). I use Notepad++ and/or PSPad and I also have XAMPP installed on my machine so I can see locally the result before uploading.

    connections is no better than Kubrick, so I won’t be using that. It’s just as complex if not worse. Attempting to decypher WordPress’s complex theme system ranks almost with learning C++. It’s fine for somebody who’s happy with one of the default themes, but it’s a Bear for anybody who wants to customize it.

    The problem with viewing theme files locally, is they always appear all screwed up with broken images, layout stretched way off the screen, etc..

    The themes selection looks much better. I might find something close there.
    Thanks

    I think you are on the right track, Netdetective, to customize an existing theme that is as close as possible to what you want. That is what I did….

    I would definitely not use Frontpage. and I know nothing about Dreamweaver. But if the coding that is on your page now was produced by Dreamweaver, then I would advise against it as well. There are many many HTML errors on the page.

    I use a simple text editor (editpad) to encode pages. (I’m not an IT designer or professional web designer either.)

    Moderator James Huff

    @macmanx

    Attempting to decypher WordPress’s complex theme system ranks almost with learning C++. It’s fine for somebody who’s happy with one of the default themes, but it’s a Bear for anybody who wants to customize it.

    I’d have to disagree with you there. If it really was that difficult, then there wouldn’t be over 300 user-contributed themes in the various theme databases. WordPress’s theme structure is really nothing more than XHTML, CSS, and PHP.

    http://codex.wordpress.org/Blog_Design_and_Layout

Viewing 15 replies - 1 through 15 (of 22 total)
  • The topic ‘Struggling with customizing templates’ is closed to new replies.