Adding Selector Page.

  • Weish

    (@weish)


    11 years, 10 months ago

    Attempting to Create the Selector page from the ‘fidelity’ theme – the author sent me the files, I just need to implement them with my own images etc.

    I’ve created a child theme for this purpose.

    Here’s the selector page;

    http://themes.evgenyfireform.com/?theme=fidelity%20wordpress

    Here’s the html code;

    <!DOCTYPE html>
<html lang="en" class="no-js">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">
    <meta name="description" content="">
    <meta name="author" content="">
    <link rel="shortcut icon" href="layouts/img/favicon.png">
    <title>Fidelity - Choose Layout</title>

    <link href='http://fonts.googleapis.com/css?family=Amaranth:700' rel='stylesheet' type='text/css'>
    <link href="layouts/css/style.css" rel="stylesheet">

    <script type="text/javascript" src="layouts/js/modernizr.custom.js"></script>
    <script type="text/javascript" src="layouts/js/pace.min.js"></script>
  </head>
  <body>

    <div id="layouts">
      <div class="layout mixed">
        <img class="bg-img" src="layouts/img/mixed.jpg" alt="">
        <div class="layout-overlay"></div>
        <a class="layout-lnk" href="http://themes.evgenyfireform.com/wp-fidelity/mixed/">
          <span class="icon"></span>
          <span class="text">Mixed</span>
        </a>
      </div>
      <div class="layout narrow">
        <img class="bg-img" src="layouts/img/narrow.jpg" alt="">
        <div class="layout-overlay"></div>
        <a class="layout-lnk" href="http://themes.evgenyfireform.com/wp-fidelity/">
          <span class="icon"></span>
          <span class="text">Narrow</span>
        </a>
      </div>
      <div class="layout wide">
        <img class="bg-img" src="layouts/img/wide.jpg" alt="">
        <div class="layout-overlay"></div>
        <a class="layout-lnk" href="http://themes.evgenyfireform.com/wp-fidelity/wide/">
          <span class="icon"></span>
          <span class="text">Wide</span>
        </a>
      </div>
    </div>

    <div id="loading-overlay"></div>

    <script type="text/javascript" src="layouts/js/jquery.min.js"></script>
    <script type="text/javascript" src="layouts/js/app.js"></script>

  </body>
</html>

    I also have 3 Css files and 4 java files for the purpose.

    When I drop them into the site (using filezilla), Here’s the result I am getting.

    http://www.adamwl.com

    It is also on every single page instead of just one – i can’t find anyone do write this code in for me, and the enqueue script function is way over my head – is there no shortcut to this?

    I appreciate your patience,

    Adam

The topic ‘Adding Selector Page.’ is closed to new replies.

Tags