treehouse : what would you like to learn today?
Web Design Web Development iOS Development

Custom WP template + HTML/CSS??

  • Hello, I am a web designer/developer, i am redesigning a site for a client using WP platform, and adding my own custom template making the home page in the dashboard use my custom template in the templates drop menu, my current issue is i have uploaded WP in a folder called wp and created a folder in the wp-content/themes folder and uploaded all the basic template files in this folder, inside this folder i am adding my own php files called home.php, about-us.php, concat-us.php, etc with code <? Template Name: my chosen name ?>, and added my own css file, but the home page can not locate the css page, and other images/js folders etc so i am wondering if the issue is with WP or address or location of the files, so can anyone figure the cause of the problem, and how to fix it, and let me know asap, thanks.

    current site: http://www.beigi.ca/wp/

  •   <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
      <html xmlns="http://www.w3.org/1999/xhtml">
      <head>
      <link rel="stylesheet" type="text/css" href="beigi.ca/wp/wp-content/themes/beigi/beigi.css">
      <link type="text/css" rel="stylesheet" href="beigi.ca/wp/wp-content/themes/beigi/vmenu/style.css"></link>
      <link rel="stylesheet" type="text/css" href="homegallery/engine1/style.css" />
      <!--<style type="text/css">a#vlb{display:none}</style>-->
      <link rel="shortcut icon" href="images/blogo.png">
      <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
      <meta content="Site By Yash Design" />
      <meta name="Author" content="Yashar k, www.yashdesign.com">
      <meta name="content-type" content="Beigi.ca" />
      <meta name="description" content="Beigi.ca" />
      <meta name="keywords" content="New & Used Processing & packaging Dairy & Beverage Machinery" />
      <meta name="Generator" content="Yash Design, www.yashdesign.com ">
      <title>Beigi.ca|New & Used Processing & packaging Dairy & Beverage Machinery</title>
        <script src="vmenu/jquery.js"></script>
        <script src="vmenu/jquery.slidemenu.js"></script>
        <script language="javascript">
        $(function() {
        $(".list").slideMenu();
        });
        </script>
    
    
      <!--Start WOWSlider.com HEAD section 
        <script type="text/javascript" src="homegalley/engine1/jquery.js"></script>
        <script type="text/javascript" src="homegalley/engine1/wowslider.js"></script>
       End WOWSlider.com HEAD section--> 
    
    
      </head>
    
  • You have:

      <link rel="stylesheet" type="text/css" href="beigi.ca/wp/wp-content/themes/beigi/beigi.css">
    

    Change all of those links to this:

      <link rel="stylesheet" type="text/css" href="<?php echo bloginfo('template_directory'); ?>/beigi.css">
    
  • Hi, thanks for letting me know, but i have tried the code you provided above but nothing has changed, i am not seeing any images, or changes to the page, so i was wondering if there is another code to use for this issue or other ways of going to fix this issue, let me know,,,'

    site: http://www.beigi.ca/wp/

  • @yashar Link us to the stylesheet, then. That is the only way we can help you.

  • The code appears the same on the website. Either you didn't follow my instructions or there is another problem. Did you make sure to upload your new file? Remember you need to change ALL of the links to use the format that I showed you.

  • @yashar You're misunderstanding. I want the actual URL of the css..not the css contained in the file.

  • @yashar Try this:

    <link rel="stylesheet" type="text/css" href="http://beigi.netfirms.com/<?php echo bloginfo('template_directory'); ?>/beigi.css">
    
  • hi, i have tried what you have mentioned but i dont see any chages to the site, so i am wondering is it the html, css or location or address of the files, please let me know, thanks,

  • <?php 
    /* 
    Template Name:beigi
    Template URL: www.yashdesign.com
    Template Description: Beigi Enterprises Inc.
    Template Author: Yashar K, yashdesign.com 
    */
    ?>
    

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "<a href="http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" target="_blank" rel="nofollow">http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> http://www.w3.org/1999/xhtml"> http://beigi.netfirms.com/<?php echo bloginfo('template_directory'); ?>/beigi.css"> vmenu/style.css"> Beigi.ca|New & Used Processing & packaging Dairy & Beverage Machinery

    $(function() { $(".list").slideMenu(); });

        <div id="wrapper">
    
              <div id="wrapperbg">
    

    Beigi Enterprises Inc was established in 1999. Our Company specializes in offering New and Used Processing and Packaging Dairy and Beverage Machinery.
    Whether you need a single Machine or a complete Production Line we have what you need at prices you can afford. At Beigi Enterprises Inc our goal is to provide you with courteous, expedient, professional service of the highest caliber. Browse our Web Site for more information regarding our available machines. If you have any questions please email us at info@beigi.ca At Beigi Enterprises Inc, The customer always comes first.

    Beigi Enterprises Inc has been Buying & Selling Used Dairy Processing & Packaging Machinery since 1999.
    We Buy, Sell, Recondition homoginizers,seperators,UHT & HTST system, ice cream freezers, butter making & packing machinery & Fillers, Etc.

    ©2012-Beigi.ca, All Rights Reserved. Site Design By: Yash Design
       </div><!--wrapperbg-->
    
          </div> <!--wrapper-->
    

  • @TheDoc @Paulie_D Can you guys clear out his huge list of code and then delete this text?

    @Yashar Please post your code on http://codepen.io

  • ok, do you have any tips or suggestions on figuring out the cause of this problem, or how to fix it, thanks.

  • @yashar We know what the problem is but I'm trying to figure out how to get you to display the links correctly.

  • ok, can you let me know please, thanks...

  • @yashar Can you clean up your code structure above?

  • Hmmm.... This might be an unnecessary question, but what do you have listed in your settings>general for Site URL and Wordpress URL? I've seen issues when these aren't written correctly in certain conditions. If you could let me know what it say, I'd appreciate it. Does it have "http://", "www", and the "/wp/"?

  • Unfortunately, there's just no way I can help you until you or the mods clean up the code above. Sorry.