• Hey there!

    I have a problem, and I was hoping one of you lovely people would help me out.

    I’m trying to code my site (the link is stephanielange.com). The thing is, I would like my blogs that appear on the main page, to show up when you click on the links in the navigation.

    For example:

    When you hover over “entertainment” and click “movies”, I would like all my blogs I have written about movies to appear in the main page – not just the links, but the actual blog.

    Kind of like how this site has theirs: http://www.mademoisellerobot.com

    How would I go about doing this? :S Of course I don’t have anything but simple testing blogs at the moment, but I hope you get the idea of what I’m trying to achieve.

Viewing 3 replies - 1 through 3 (of 3 total)
  • If you want to do that then you need to create categories for those 4 topics. After that you will need to edit your theme so the categories show in the header and not pages.

    If you post your header.php from your Appearance Editor starting with this line below I can tell you what to edit to get that look.

    <ul id="menuInner">

    Or if you want to try it yourself checkout

    http://codex.wordpress.org/Template_Tags/wp_list_categories

    Thread Starter midnightshowx0

    (@midnightshowx0)

    That would be wonderful! Here is the coding you asked for:

    <div id="menuHolder">
    	<ul id="menuInner">
    		<li class="about"><a href="http://stephanielange.com/?page_id=26"><b>About</b></a></li>
    		<li class="lifestyle" ><a href="#url"><b>Lifestyle</b><!--[if gte IE 7]><!--></a><!--<![endif]-->
    		<!--[if lte IE 6]><table><tr><td><![endif]-->
    			<ul>
    <li><a href="http://stephanielange.com/?page_id=8">Home</a></li>
    				<li><a href="http://stephanielange.com/?page_id=8">Travels</a></li>
    			</ul>
    		<!--[if lte IE 6]></td></tr></table></a><![endif]-->
    		</li>
    		<li class="artwork" ><a href="#url"><b>Artwork</b><!--[if gte IE 7]><!--></a><!--<![endif]-->
    		<!--[if lte IE 6]><table><tr><td><![endif]-->
    			<ul>
    				<li><a href="http://stephanielange.com/?page_id=8">Photographs</a></li>
    				<li><a href="http://stephanielange.com/?page_id=10">Web Designs</a></li>
    				<li><a href="#url">Drawings</a></li>
    				<li><a href="#url">Paintings</a></li>
    			</ul>
    		<!--[if lte IE 6]></td></tr></table></a><![endif]-->
    		</li>
    		<li class="entertainment" ><a href="#url"><b>Entertainment</b><!--[if gte IE 7]><!--></a><!--<![endif]-->
    		<!--[if lte IE 6]><table><tr><td><![endif]-->
    			<ul>
    				<li><a href="http://stephanielange.com/?page_id=12">Interviews</a></li>
    				<li><a href="http://stephanielange.com/?page_id=14">Music</a></li>
    				<li><a href="http://stephanielange.com/?page_id=16">Television</a></li>
    				<li><a href="http://stephanielange.com/?page_id=18">Movies</a></li>
    			</ul>
    		<!--[if lte IE 6]></td></tr></table></a><![endif]-->
    		</li>
    		<li class="vogue" ><a href="#url"><b>Vogue</b><!--[if gte IE 7]><!--></a><!--<![endif]-->
    		<!--[if lte IE 6]><table><tr><td><![endif]-->
    			<ul>
    				<li><a href="http://stephanielange.com/?page_id=20">Styling</a></li>
    				<li><a href="http://stephanielange.com/?page_id=22">Beauty</a></li>
    <li><a href="http://stephanielange.com/?page_id=24">Shop</a></li>
    			</ul>
    		<!--[if lte IE 6]></td></tr></table></a><![endif]-->
    		</li>
    	</ul>
    </div>
    
    <div id="contactme">
    <a id="email" href="stephanie@stephanielange.com"><span class="hide">Email</span></a>
    </div>
    
    	</div>
    	</center>
    
      <!--/header -->
      <div id="page">
    Thread Starter midnightshowx0

    (@midnightshowx0)

    Actually, I think I got it! 😀

Viewing 3 replies - 1 through 3 (of 3 total)

The topic ‘Turning posts into pages?’ is closed to new replies.