WordPress.org

Ready to get started?Download WordPress

Forums

How Too Add A Link (5 posts)

  1. jrfc
    Member
    Posted 6 years ago #

    Firstly i am using the drunk loser template:

    my website can be seen at http://www.annasdiaries.com

    so here is my question, you see the buttons at the top of the page?

    Home>Submit News>About Us>Contact

    How do i get these to work, here is the code i found relevant to these buttons:

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
    <head>
    <title><?php bloginfo('name'); ?> - <?php bloginfo('description'); ?></title>
    <meta http-equiv="Content-Type" content="<?php bloginfo('html_type'); ?>; charset=<?php bloginfo('charset'); ?>" />
    <meta http-equiv="Content-Style-Type" content="text/css" />
    <meta name="generator" content="WordPress <?php bloginfo('version'); ?>" /> <!-- leave this for stats -->
    <meta http-equiv="content-language" content="en" />
    <meta name="revisit-after" content="2 days" />
    <meta name="MSSmartTagsPreventParsing" content="TRUE" />
    <meta http-equiv="imagetoolbar" content="no" />
    <link rel="stylesheet" href="<?php bloginfo('stylesheet_url'); ?>" type="text/css" media="screen" />
    <link rel="alternate" type="application/rss+xml" title="RSS 2.0" href="<?php bloginfo('rss2_url'); ?>" />
    <link rel="alternate" type="text/xml" title="RSS .92" href="<?php bloginfo('rss_url'); ?>" />
    <link rel="alternate" type="application/atom+xml" title="Atom 0.3" href="<?php bloginfo('atom_url'); ?>" />
    <link rel="pingback" href="<?php bloginfo('pingback_url'); ?>" />
    <?php wp_get_archives('type=monthly&format=link'); ?>
    <?php wp_head(); ?>
    
    <!--[if IE]>
    <style>
    #content_wrap { margin-left: 1px; width: 603px; }
    #navigation { margin-right: 0px; }
    </style>
    <![endif]-->
    </head>
    <body>
    
         <div id="site_wrap">
    
      <div id="grunge_left"><img src="<?php bloginfo('url'); ?>/wp-content/themes/drunkloser/images/grunge_top_left.gif" alt="grunge" /></div>
    
      <div id="wrap">
    
        <div id="banner">
    
          <ul>
          <!-- Start of Menu -->
          <li class="menu_divider"></li>
          <li class="menu_item"><a href="<?php bloginfo('url'); ?>/"><img src="<?php bloginfo('url'); ?>/wp-content/themes/drunkloser/images/menu_arrow.gif" alt="" />HOME</a></li>
          <li class="menu_divider"></li>
          <li class="menu_item"><a href="<?php bloginfo('url'); ?>/submit-news"><img src="<?php bloginfo('url'); ?>/wp-content/themes/drunkloser/images/menu_arrow.gif" alt="" />SUBMIT NEWS</a></li>
          <li class="menu_divider"></li>
          <li class="menu_item"><a href="<?php bloginfo('url'); ?>/about-us"><img src="<?php bloginfo('url'); ?>/wp-content/themes/drunkloser/images/menu_arrow.gif" alt="" />ABOUT US</a></li>
          <li class="menu_divider"></li>
          <li class="menu_item"><a href="<?php bloginfo('url'); ?>/contact-us"><img src="<?php bloginfo('url'); ?>/wp-content/themes/drunkloser/images/menu_arrow.gif" alt="" />CONTACT</a></li>
          <!-- End of Menu -->
        </ul>
    
        <span class="logo">
    				   <a class="text" href="<?php bloginfo('url'); ?>/" accesskey="1" title="<?php bloginfo('name'); ?> - <?php bloginfo('description'); ?>"><?php bloginfo('name'); ?> - <?php bloginfo('description'); ?><span title="<?php bloginfo('name'); ?> - <?php bloginfo('description'); ?>">&nbsp;</span></a>
    				  </span>
        </div>
    
        <div id="content_wrap">
          <div id="image">
          <!-- End of Rotating Image -->
          <img src="<?php bloginfo('url'); ?>/wp-content/themes/drunkloser/images/above_news.gif" class="imgspacer" alt="" />
          </div>

    Also, while getting these buttons to work how do i add another page to make them work? and what if i want to make one them an external link, i.e to google or something.

    thankyou any who helps.

  2. jrfc
    Member
    Posted 6 years ago #

    anyone?

  3. Bodhipaksa
    Member
    Posted 6 years ago #

    You need to go to your dashboard and then to click on Write and then Pages and create pages that correspond to submit-news, about-us, and contact-us. In the field for "Page slug" (it's on the right -- you may need to click to expand the field) you need to enter those three terms (one for each page, obviously).

    You also need to make sure that your Permalinks are set so that the page slugs are used as the address for the page. To do that go to Options then Permalinks and enter /%category%/%postname% in the "custom structure" field.

    If you want to have the pages be something other than those page slugs suggest (for example if you want to have an "feed-puppies" page rather than a "submit-news" page) then you can simply edit the header so that it reads /feed-puppies rather than /submit-news.

    Similarly if you want one of those links to point to an external site, you edit the link in the header. So you'd look replace everything between the quotes following an href= with a normal url, like http://www.google.com.

    So instead of <a href="<?php bloginfo('url'); ?>/about-us"> you'd have <a href="http://www.google.com">.

    Good luck. Any more questions, feel free to ask.

  4. jrfc
    Member
    Posted 6 years ago #

    Thanks very much, your very helpful on this!

    One more question that i have been stuck on though!

    if you visit my site, down the sidebar you will see LINKS, how do i actually get links under there,

    I have tried something different and have one, but it doesnt appear the same as under archives..

    thanks again and i do appreciate it.

  5. Bodhipaksa
    Member
    Posted 6 years ago #

    Look for "Blogroll" on your dashboard. That's where you add links. They should then be added automatically.

    See http://codex.wordpress.org/Links_Manager for full details.

Topic Closed

This topic has been closed to new replies.

About this Topic