API tools faq
paste
aquaballoon

Wordpress Theme Dev.

aquaballoon
May 20th, 2014
122
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 3.54 KB | None | 0 0
raw download clone embed print report
  1. index.php  
  2. front-page.php => home page
  3. page.php => pages
  4. header.php
  5. footer.php
  6.  
  7. functions.php => loading scripts (jquery.js, bootstrap.js, etc)
  8. style.css => loading css (bootstrap.css, font.css, etc)
  9.  
  10. ================
  11. // style.css
  12. /*
  13. Theme Name: MyTheme
  14. Author: Jason Lee
  15. */
  16.  
  17. @import url('dist/css/bootstrap.css');
  18. @import url('dist/css/font-awesome.min.css');
  19. @import url('dist/css/main.css');
  20.  
  21. body {
  22.  padding-top: 50px;    
  23. }
  24.  
  25. .current_page_item {
  26.   color: #fff;
  27.   text-decoration: underline;
  28. }
  29.  
  30. ================
  31. // functions.php
  32. <?php
  33.  
  34. //wp_enqueue_scripts => init
  35. add_action('init', 'load_Myscript');
  36.  
  37. function load_Myscript() {
  38.   if (!is_admin()) {
  39.      // loading wp-includes/js/jquery/jquery.js
  40.      // wp_enqueue_script('jquery');
  41.  
  42.      // removing WordPress default jquery script
  43.      wp_deregister_script('jquery');
  44.  
  45.      //wp_register_script('jquery', 'http://code.jquery.com/jquery-1.11.0.min.js');
  46.      //wp_enqueue_script('jquery');
  47.  
  48.      // bloginfo('template_url')  vs get_bloginfo('template_url') => http://localhost/wordpress/wp-content/themes/myThemeName/
  49.      // wp_register_script( $handle, $src, $dependencies, $ver, $in_footer );  $in_footer <= true
  50.     wp_register_script('jquery', get_bloginfo('template_url').'/dist/js/jquery.js');
  51.     wp_enqueue_script('jquery');
  52.        
  53.     //wp_register_script('bootstrap', 'http://netdna.bootstrapcdn.com/bootstrap/3.1.1/js/bootstrap.min.js');
  54.     //wp_enqueue_script('bootstrap');
  55.     wp_register_script('bootstrap', get_bloginfo('template_url').'/dist/js/bootstrap.js', array('jquery'), '', true);
  56.     wp_enqueue_script('bootstrap');
  57.   }
  58. }
  59. ?>
  60.  
  61. ================
  62. // header.php
  63.     <head>      
  64.         <!-- Edit HERE===> CSS / Bootstrap -->
  65.         <link href="<?php bloginfo('stylesheet_url'); ?>" rel="stylesheet">
  66.  
  67.         <!-- Edit HERE===> JavaScript / jQuery.js bootstrap.js -->        
  68.         <?php wp_head(); ?>
  69.  
  70.     </head>
  71.     <body>
  72.  
  73.         <nav class="navbar navbar-inverse navbar-fixed-top" role="navigation">
  74.             <div class="container">
  75.                
  76.                 <div class="navbar-header">
  77.                     <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-ex1-collapse">
  78.                         <span class="sr-only">Toggle navigation</span>
  79.                         <span class="icon-bar"></span>
  80.                         <span class="icon-bar"></span>
  81.                         <span class="icon-bar"></span>
  82.                     </button>
  83.                    
  84.                     <!-- Edit HERE===> Home Button -->
  85.                     <a class="navbar-brand" href="<?php echo site_url(); ?>"><?php bloginfo('name'); ?></a>  
  86.                  
  87.                 </div>
  88.  
  89.                 <div class="collapse navbar-collapse navbar-ex1-collapse">
  90.                    
  91.                     <!-- Edit HERE===> Page nav bar -->
  92.                     <ul class="nav navbar-nav">                      
  93.                         <?php wp_list_pages(array('title_li' => '')); ?>
  94.                     </ul>
  95.                    
  96.                 </div> <!-- /.navbar-collapse -->
  97.                
  98.             </div>  <!-- /.container -->
  99.         </nav>  <!--end of nav-->
  100.  
  101. ================
  102. // front-page.php / page.php
  103. <?php get_header(); ?>
  104.  
  105.         <?php if(have_posts()): while(have_posts()):the_post(); ?>
  106.         <?php the_content(); endwhile; endif;?>
  107.  
  108. <?php get_footer(); ?>
  109.  
  110. ================
  111. // footer.php
  112. <!-- JavaScript -->
  113. <?php wp_footer(); ?>
  114.  
  115. </body>
  116. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Public Pastes
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!