WordPress.org

Forums

Turning DIV layer HTML design into theme (7 posts)

  1. mirichanchi
    Member
    Posted 8 years ago #

    I am at my wit's end of how to work this out.
    http://dollie.space-halo.org/tempnew

    I originally created this design for my collective, and I'd like to implement a WordPress blog into it. I want the sidebar I originally created to remain intact and unedited save for the essentials (categories, archives, etc.)

    I've read probably five tutorials and gone through them, but I have no idea how to work this out. I'd much rather not have sidebar.php in my code, but I know that if I take it out the categories, archives, etc. will be removed.

    So I guess to sum up my post... what are the NECESSARY lines of code to make WordPress work? If possible, I'd like to retain as much of my original code and as least possible of all the WordPress PHP, if that makes any sense.

  2. Chris_K
    Member
    Posted 8 years ago #

  3. mirichanchi
    Member
    Posted 8 years ago #

    EDIT: Sorry, problem fixed.

  4. Doodlebee
    Member
    Posted 8 years ago #

    You're linking to the stylesheet incorrectly. The actual location of your stylesheet (if you'd hard-coded it) is http://www.yoursite.com/wordpress/wp-content/themes/themename/style.css. However, when the site is pulled up, it sees the location as http://www.yoursite.com/wordpress/styles.css - which, of course, is not there.

    You need to replace your stylesheet call with this:

    <link rel="stylesheet" href="<?php bloginfo('stylesheet_url'); ?>" style="text/css">

    and that should do it.

  5. Chris_K
    Member
    Posted 8 years ago #

    Let's hope someone brighter than I wanders by now. You've done an excellent job of asking a question that I just have no knowledge on how to answer!

    I gotta say, now that you've mastered your The_Loop - fu, you're most of the way towards having your own WP theme. If you took it the rest of the way... and treated it as a theme, it might actually be easier. Maybe?

    Just in case you didn't see these: Theme_Development is pretty decent and has some great links under "References" towards the bottom.

  6. mirichanchi
    Member
    Posted 8 years ago #

    Yeah, this is really a bit of trouble trying to lump WordPress and a regular HTML design together, but I'm going to try it XD

    Just one more quick question, and then I should be well on my way. How should I assign a CSS class to my title?

    Index.php:
    <?php the_title('&nbsp; <img src="/blog/images/phead.gif"> ', '...', 'display'); ?><br>

    Style.css:
    .title
    {font-size: 16px; color:#c4577e;
    letter-spacing:1px;word-spacing:0px;
    line-height: 12px; font-family: Georgia;
    font-style: italic; font-weight: bold; text-align:left;
    marign: 0px; cursor: default;}

    However, whenever the title displays it does not use these parameters I set up for it. I am positive I'm doing something wrong and probably missing something very blatant and in my face.

  7. Chris_K
    Member
    Posted 8 years ago #

    Something like this maybe?

    <span class="title">
    <?php the_title('&nbsp; <img src="/blog/images/phead.gif"> ', '...', TRUE); ?>
    </span>
    <br />

Topic Closed

This topic has been closed to new replies.

About this Topic