WordPress editing index problem

Discussion in 'HTML & Website Design' started by choyj, May 12, 2012.

  1. #1
    Hey guys,

    Is there a way to edit the index page of a WordPress theme? the theme is I am working with is Clockwork

    I want to add a slideshow to the index page (mainly) and probably move stuffs around, like the recent post and other rss feeds in different boxes instead of having them on the side.

    however, I am not sure how, I won't able to find the actual index page where I can paste some code in.

    Here is an example:
    http://www.carolinarollergirls.com/
    slideshow under the navigation bar, and then some recent posts updated in different boxes.

    thank you in advance.
     
    Solved! View solution.
    choyj, May 12, 2012 IP
  2. #2
    As for a slideshow, there are plenty of plugins to do that job for you.
    http://wordpress.org/extend/plugins/tags/slideshow

    As far as editing the main page. With a WordPress theme, it's all styled in CSS and made up of php files. It's not like a normal index.html file you can just go in and move things around. Here's how I edit Wordpress themes.

    I use Right Click (anywhere on the page) "Inspect Element" and hover over the elements until you find the div or the section you want to change. If you've hovered over the element you want to change, it should be highlighted in your browser and it will tell you the width and height of the element in the browser. (Well at least Chrome does all this).

    On the right hand side, it will tell you what CSS files are making it behave the way it's behaving. I'll use carolinarollergirls.com as the example.

    Let's say, I don't like the Header, I would

    #1 - Right click on the background of the page and hit (Inspect Element)
    #2 - With the developer mode window open, I would scroll until I found a div that highlights the entire page or the section I want (as this will more than likely be the wrapper) And in this case there is a wrapper, it's called "wrapper"
    #3 - Double click (expand) that and then you'll see a section called "header".
    #4 - I once again would expand that and you'll see the div "mainnav". It will show you the CSS file attached to it that's making it behave the way it does on the right hand side.

    As far as editing it to do exactly what you want to do, you'll have to either edit it yourself or find someone who can.
     
    coreygeer, May 12, 2012 IP
  3. choyj

    choyj Member

    Messages:
    47
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    41
    #3
    Hi coreygeer,

    thanks for the tip!

    Actually I just want to have a customized home page, if I change the CSS file, it might affect other pages if they are using the same id or class.

    I found a plugin that requires me to paste a piece of php code to activate it. I found some solutions online saying that I should create my own homepage template.

    However I don't have the time do so since my deadline is almost up, I found another theme that has all the features I need, so I can do the CSS trick and edit what I need.

    Thank you very much btw!

     
    choyj, May 12, 2012 IP