ホーム エクスプローラ ヘルプ
登録 サインイン
realitylab
/
rl-theme
2
0
フォーク 0
ファイル 課題 0 プルリクエスト 0 Wiki
ソースを参照

page template

Juan Carlos 5 年 前
親
6e6db8459b
コミット
c94e635b31
4 ファイル変更、378 行追加、258 行削除
分割表示 差分情報を表示
  1. 4 0
      css/main.css
  2. 234 217
      header.php
  3. 73 41
      page.php
  4. 67 0
      page.php.old

+ 4 - 0
css/main.css
ファイルの表示 

@@ -387,6 +387,10 @@ strong {
 
   padding: 30px 0;
 
 }
 
 
+.header-fill{
 
+  background-color: #323944;
 
+}
 
+
 
 /* Footer */
 
 .footer-info {
 
   padding: 25px 0;

+ 234 - 217
header.php
ファイルの表示 

@@ -1,217 +1,234 @@
 
-			<!DOCTYPE html>
 
-			<meta charset="utf-8">
 
-
 
-			<?php // force Internet Explorer to use the latest rendering engine available ?>
 
-			<meta http-equiv="X-UA-Compatible" content="IE=edge">
 
-
 
-			  <head>
 
-			    <!-- Required meta tags -->
 
-			    <meta charset="utf-8">
 
-			    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
 
-
 
-			    <title><?php wp_title(''); ?></title>
 
-
 
-			    <!-- Bootstrap CSS -->
 
-			    <link rel="stylesheet" type="text/css" href="<?php echo get_template_directory_uri(); ?>/css/bootstrap.min.css" >
 
-			    <!-- Font -->
 
-			    <link rel="stylesheet" type="text/css" href="<?php echo get_template_directory_uri(); ?>/css/font-awesome.min.css">
 
-			    <!-- Slicknav -->
 
-			    <link rel="stylesheet" type="text/css" href="<?php echo get_template_directory_uri(); ?>/css/slicknav.css">
 
-			    <!-- Owl carousel -->
 
-			    <link rel="stylesheet" type="text/css" href="<?php echo get_template_directory_uri(); ?>/css/owl.carousel.css">
 
-			    <link rel="stylesheet" type="text/css" href="<?php echo get_template_directory_uri(); ?>/css/owl.theme.css">
 
-			    <!-- Animate -->
 
-			    <link rel="stylesheet" type="text/css" href="<?php echo get_template_directory_uri(); ?>/css/animate.css">
 
-			    <!-- Main Style -->
 
-			    <link rel="stylesheet" type="text/css" href="<?php echo get_template_directory_uri(); ?>/css/main.css">
 
-			    <!-- Extras Style -->
 
-			    <link rel="stylesheet" type="text/css" href="<?php echo get_template_directory_uri(); ?>/css/extras.css">
 
-			    <!-- Responsive Style -->
 
-			    <link rel="stylesheet" type="text/css" href="<?php echo get_template_directory_uri(); ?>/css/responsive.css">
 
-
 
-
 
-					<?php // icons & favicons (for more: http://www.jonathantneal.com/blog/understand-the-favicon/) ?>
 
-					<link rel="apple-touch-icon" href="<?php echo get_template_directory_uri(); ?>/library/images/apple-touch-icon.png">
 
-					<link rel="icon" href="<?php echo get_template_directory_uri(); ?>/favicon.png">
 
-					<!--[if IE]>
 
-						<link rel="shortcut icon" href="<?php echo get_template_directory_uri(); ?>/favicon.ico">
 
-					<![endif]-->
 
-					<?php // or, set /favicon.ico for IE10 win ?>
 
-					<meta name="msapplication-TileColor" content="#aaa">
 
-					<meta name="msapplication-TileImage" content="<?php echo get_template_directory_uri(); ?>/library/images/win8-tile-icon.png">
 
-			            <meta name="theme-color" content="#bbb">
 
-
 
-					<link rel="pingback" href="<?php bloginfo('pingback_url'); ?>">
 
-
 
-					<?php // wordpress head functions ?>
 
-					<?php wp_head(); ?>
 
-					<?php // end of wordpress head ?>
 
-
 
-
 
-
 
-			  </head>
 
-			  <body <?php body_class(); ?> >
 
-
 
-			    <!-- Header Area wrapper Starts -->
 
-			    <header id="header-wrap">
 
-			      <!-- Navbar Start -->
 
-			      <nav class="navbar navbar-expand-lg fixed-top scrolling-navbar indigo">
 
-			        <div class="container">
 
-			          <!-- Brand and toggle get grouped for better mobile display -->
 
-			          <div class="navbar-header">
 
-			            <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#main-navbar" aria-controls="main-navbar" aria-expanded="false" aria-label="Toggle navigation">
 
-			              <span class="navbar-toggler-icon"></span>
 
-			              <span class="icon-menu"></span>
 
-			              <span class="icon-menu"></span>
 
-			              <span class="icon-menu"></span>
 
-			            </button>
 
-			            <a href="index.html" class="navbar-brand"><img src="<?php echo get_template_directory_uri(); ?>/img/logo.png" alt=""></a>
 
-			          </div>
 
-			          <div class="collapse navbar-collapse" id="main-navbar">
 
-			            <ul class="navbar-nav mr-auto w-100 justify-content-end clearfix">
 
-			              <li class="nav-item active">
 
-			                <a class="nav-link" href="#sliders">
 
-			                  Home
 
-			                </a>
 
-			              </li>
 
-			              <li class="nav-item">
 
-			                <a class="nav-link" href="#about">
 
-			                  Geschäftsfelder
 
-			                </a>
 
-			              </li>
 
-			              <li class="nav-item">
 
-			                <a class="nav-link" href="#portfolio">
 
-			                  Projekte
 
-			                </a>
 
-			              </li>
 
-			              <li class="nav-item">
 
-			                <a class="nav-link" href="#team-section">
 
-			                  Team
 
-			                </a>
 
-			              </li>
 
-			              <li class="nav-item">
 
-			                <a class="nav-link" href="#baugruppen">
 
-			                  Baugruppen
 
-			                </a>
 
-			              </li>
 
-			              <li class="nav-item">
 
-			                <a class="nav-link" href="#clients">
 
-			                  Kunden
 
-			                </a>
 
-			              </li>
 
-										<li class="nav-item">
 
-			                <a class="nav-link" href="#footer">
 
-			                  Contact
 
-			                </a>
 
-			              </li>
 
-
 
-			            </ul>
 
-			          </div>
 
-			        </div>
 
-
 
-			        <!-- Mobile Menu Start -->
 
-			        <ul class="mobile-menu navbar-nav">
 
-								<li>
 
-									<a class="page-scroll" href="#sliders">
 
-										Home
 
-									</a>
 
-								</li>
 
-								<li>
 
-									<a class="page-scroll" href="#about">
 
-										Geschäftsfelder
 
-									</a>
 
-								</li>
 
-								<li>
 
-									<a class="page-scroll" href="#portfolio">
 
-										Projekte
 
-									</a>
 
-								</li>
 
-								<li>
 
-									<a class="page-scroll" href="#team-section">
 
-										Team
 
-									</a>
 
-								</li>
 
-								<li>
 
-									<a class="page-scroll" href="#baugruppen">
 
-										Baugruppen
 
-									</a>
 
-								</li>
 
-								<li>
 
-									<a class="page-scroll" href="#clients">
 
-										Kunden
 
-									</a>
 
-								</li>
 
-								<li>
 
-									<a class="page-scroll" href="#footer">
 
-										Contact
 
-									</a>
 
-								</li>
 
-
 
-			        </ul>
 
-			        <!-- Mobile Menu End -->
 
-
 
-			      </nav>
 
-			      <!-- Navbar End -->
 
-
 
-
 
-						<?php if ( is_front_page()  ): ?>
 
-
 
-						<!-- sliders -->
 
-			      <div id="sliders">
 
-			        <div class="full-width">
 
-			          <!-- light slider -->
 
-			          <div id="light-slider" class="carousel slide">
 
-			            <div id="carousel-area">
 
-			              <div id="carousel-slider" class="carousel slide" data-ride="carousel">
 
-			                <ol class="carousel-indicators">
 
-			                  <li data-target="#carousel-slider" data-slide-to="0" class="active"></li>
 
-			                  <li data-target="#carousel-slider" data-slide-to="1"></li>
 
-			                  <li data-target="#carousel-slider" data-slide-to="2"></li>
 
-			                </ol>
 
-			                <div class="carousel-inner" role="listbox">
 
-			                  <div class="carousel-item active">
 
-			                    <img src="<?php echo get_template_directory_uri(); ?>/img/slider/bg-1.jpg" alt="">
 
-			                    <div class="carousel-caption">
 
-			                      <h3 class="slide-title animated fadeInDown"><span>Helium</span> - Bootstrap 4 UI Kit</h3>
 
-			                      <h5 class="slide-text animated fadeIn">Lorem ipsum dolor sit amet, consectetuer adipiscing elit<br> Curabitur ultricies nisi Nam eget dui. Etiam rhoncus</h5>
 
-			                      <a href="#" class="btn btn-lg btn-common animated fadeInUp">Get Started</a>
 
-			                      <a href="#" class="btn btn-lg btn-border animated fadeInUp">Learn More</a>
 
-			                    </div>
 
-			                  </div>
 
-			                  <div class="carousel-item">
 
-			                    <img src="<?php echo get_template_directory_uri(); ?>/img/slider/bg-2.jpg" alt="">
 
-			                    <div class="carousel-caption">
 
-			                      <h3 class="slide-title animated fadeInDown"><span>Cutting-edge</span> Features</h3>
 
-			                      <h5 class="slide-text animated fadeIn">Lorem ipsum dolor sit amet, consectetuer adipiscing elit<br> Curabitur ultricies nisi Nam eget dui. Etiam rhoncus</h5>
 
-			                      <a href="#" class="btn btn-lg btn-common animated fadeInUp">Download Now</a>
 
-			                    </div>
 
-			                  </div>
 
-			                  <div class="carousel-item">
 
-			                    <img src="<?php echo get_template_directory_uri(); ?>/img/slider/bg-3.jpg" alt="">
 
-			                    <div class="carousel-caption">
 
-			                      <h3 class="slide-title animated fadeInDown"><span>100+</span> UI Blocks & Components</h3>
 
-			                      <h5 class="slide-text animated fadeIn">Lorem ipsum dolor sit amet, consectetuer adipiscing elit<br> Curabitur ultricies nisi Nam eget dui. Etiam rhoncus</h5>
 
-			                      <a href="#" class="btn btn-lg btn-border animated fadeInUp">Get Started</a>
 
-			                      <a href="#" class="btn btn-lg btn-common animated fadeInUp">Download</a>
 
-			                    </div>
 
-			                  </div>
 
-			                </div>
 
-			                <a class="carousel-control-prev" href="#carousel-slider" role="button" data-slide="prev">
 
-			                  <i class="fa fa-chevron-left"></i>
 
-			                </a>
 
-			                <a class="carousel-control-next" href="#carousel-slider" role="button" data-slide="next">
 
-			                  <i class="fa fa-chevron-right"></i>
 
-			                </a>
 
-			              </div>
 
-			            </div>
 
-			          </div>
 
-			        </div>
 
-			      </div>
 
-			      <!-- End sliders -->
 
-
 
-						<?php endif; ?>
 
-
 
-
 
-
 
-					</header>
 
-			    <!-- Header Area wrapper End -->
 
+<!DOCTYPE html>
 
+<html <?php language_attributes(); ?> class="no-js">
 
+<head>
 
+<meta charset="utf-8">
 
+
 
+<?php // force Internet Explorer to use the latest rendering engine available?>
 
+<meta http-equiv="X-UA-Compatible" content="IE=edge">
 
+
 
+
 
+		<!-- Required meta tags -->
 
+
 
+		<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
 
+
 
+		<title><?php wp_title(''); ?></title>
 
+
 
+		<!-- Bootstrap CSS -->
 
+		<link rel="stylesheet" type="text/css" href="<?php echo get_template_directory_uri(); ?>/css/bootstrap.min.css" >
 
+		<!-- Font -->
 
+		<link rel="stylesheet" type="text/css" href="<?php echo get_template_directory_uri(); ?>/css/font-awesome.min.css">
 
+		<!-- Slicknav -->
 
+		<link rel="stylesheet" type="text/css" href="<?php echo get_template_directory_uri(); ?>/css/slicknav.css">
 
+		<!-- Owl carousel -->
 
+		<link rel="stylesheet" type="text/css" href="<?php echo get_template_directory_uri(); ?>/css/owl.carousel.css">
 
+		<link rel="stylesheet" type="text/css" href="<?php echo get_template_directory_uri(); ?>/css/owl.theme.css">
 
+		<!-- Animate -->
 
+		<link rel="stylesheet" type="text/css" href="<?php echo get_template_directory_uri(); ?>/css/animate.css">
 
+		<!-- Main Style -->
 
+		<link rel="stylesheet" type="text/css" href="<?php echo get_template_directory_uri(); ?>/css/main.css">
 
+		<!-- Extras Style -->
 
+		<link rel="stylesheet" type="text/css" href="<?php echo get_template_directory_uri(); ?>/css/extras.css">
 
+		<!-- Responsive Style -->
 
+		<link rel="stylesheet" type="text/css" href="<?php echo get_template_directory_uri(); ?>/css/responsive.css">
 
+
 
+
 
+		<?php // icons & favicons (for more: http://www.jonathantneal.com/blog/understand-the-favicon/)?>
 
+		<link rel="apple-touch-icon" href="<?php echo get_template_directory_uri(); ?>/library/images/apple-touch-icon.png">
 
+		<link rel="icon" href="<?php echo get_template_directory_uri(); ?>/favicon.png">
 
+		<!--[if IE]>
 
+			<link rel="shortcut icon" href="<?php echo get_template_directory_uri(); ?>/favicon.ico">
 
+		<![endif]-->
 
+		<?php // or, set /favicon.ico for IE10 win?>
 
+		<meta name="msapplication-TileColor" content="#aaa">
 
+		<meta name="msapplication-TileImage" content="<?php echo get_template_directory_uri(); ?>/library/images/win8-tile-icon.png">
 
+						<meta name="theme-color" content="#bbb">
 
+
 
+		<link rel="pingback" href="<?php bloginfo('pingback_url'); ?>">
 
+
 
+		<?php // wordpress head functions?>
 
+		<?php wp_head(); ?>
 
+		<?php // end of wordpress head?>
 
+
 
+
 
+
 
+	</head>
 
+	<body <?php body_class(); ?> >
 
+
 
+		<!-- Header Area wrapper Starts -->
 
+		<header id="header-wrap">
 
+			<!-- Navbar Start -->
 
+			<nav class="navbar navbar-expand-lg fixed-top scrolling-navbar indigo">
 
+				<div class="container">
 
+					<!-- Brand and toggle get grouped for better mobile display -->
 
+					<div class="navbar-header">
 
+						<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#main-navbar" aria-controls="main-navbar" aria-expanded="false" aria-label="Toggle navigation">
 
+							<span class="navbar-toggler-icon"></span>
 
+							<span class="icon-menu"></span>
 
+							<span class="icon-menu"></span>
 
+							<span class="icon-menu"></span>
 
+						</button>
 
+						<a href="index.html" class="navbar-brand"><img src="<?php echo get_template_directory_uri(); ?>/img/logo.png" alt=""></a>
 
+					</div>
 
+					<div class="collapse navbar-collapse" id="main-navbar">
 
+						<ul class="navbar-nav mr-auto w-100 justify-content-end clearfix">
 
+							<li class="nav-item active">
 
+								<a class="nav-link" href="#sliders">
 
+									Home
 
+								</a>
 
+							</li>
 
+							<li class="nav-item">
 
+								<a class="nav-link" href="#about">
 
+									Geschäftsfelder
 
+								</a>
 
+							</li>
 
+							<li class="nav-item">
 
+								<a class="nav-link" href="#portfolio">
 
+									Projekte
 
+								</a>
 
+							</li>
 
+							<li class="nav-item">
 
+								<a class="nav-link" href="#team-section">
 
+									Team
 
+								</a>
 
+							</li>
 
+							<li class="nav-item">
 
+								<a class="nav-link" href="#baugruppen">
 
+									Baugruppen
 
+								</a>
 
+							</li>
 
+							<li class="nav-item">
 
+								<a class="nav-link" href="#clients">
 
+									Kunden
 
+								</a>
 
+							</li>
 
+							<li class="nav-item">
 
+								<a class="nav-link" href="#footer">
 
+									Contact
 
+								</a>
 
+							</li>
 
+
 
+						</ul>
 
+					</div>
 
+				</div>
 
+
 
+				<!-- Mobile Menu Start -->
 
+				<ul class="mobile-menu navbar-nav">
 
+					<li>
 
+						<a class="page-scroll" href="#sliders">
 
+							Home
 
+						</a>
 
+					</li>
 
+					<li>
 
+						<a class="page-scroll" href="#about">
 
+							Geschäftsfelder
 
+						</a>
 
+					</li>
 
+					<li>
 
+						<a class="page-scroll" href="#portfolio">
 
+							Projekte
 
+						</a>
 
+					</li>
 
+					<li>
 
+						<a class="page-scroll" href="#team-section">
 
+							Team
 
+						</a>
 
+					</li>
 
+					<li>
 
+						<a class="page-scroll" href="#baugruppen">
 
+							Baugruppen
 
+						</a>
 
+					</li>
 
+					<li>
 
+						<a class="page-scroll" href="#clients">
 
+							Kunden
 
+						</a>
 
+					</li>
 
+					<li>
 
+						<a class="page-scroll" href="#footer">
 
+							Contact
 
+						</a>
 
+					</li>
 
+
 
+				</ul>
 
+				<!-- Mobile Menu End -->
 
+
 
+			</nav>
 
+			<!-- Navbar End -->
 
+
 
+
 
+			<?php if (is_front_page()): ?>
 
+
 
+			<!-- sliders -->
 
+			<div id="sliders">
 
+				<div class="full-width">
 
+					<!-- light slider -->
 
+					<div id="light-slider" class="carousel slide">
 
+						<div id="carousel-area">
 
+							<div id="carousel-slider" class="carousel slide" data-ride="carousel">
 
+								<ol class="carousel-indicators">
 
+									<li data-target="#carousel-slider" data-slide-to="0" class="active"></li>
 
+									<li data-target="#carousel-slider" data-slide-to="1"></li>
 
+									<li data-target="#carousel-slider" data-slide-to="2"></li>
 
+								</ol>
 
+								<div class="carousel-inner" role="listbox">
 
+									<div class="carousel-item active">
 
+										<img src="<?php echo get_template_directory_uri(); ?>/img/slider/bg-1.jpg" alt="">
 
+										<div class="carousel-caption">
 
+											<h3 class="slide-title animated fadeInDown"><span>Helium</span> - Bootstrap 4 UI Kit</h3>
 
+											<h5 class="slide-text animated fadeIn">Lorem ipsum dolor sit amet, consectetuer adipiscing elit<br> Curabitur ultricies nisi Nam eget dui. Etiam rhoncus</h5>
 
+											<a href="#" class="btn btn-lg btn-common animated fadeInUp">Get Started</a>
 
+											<a href="#" class="btn btn-lg btn-border animated fadeInUp">Learn More</a>
 
+										</div>
 
+									</div>
 
+									<div class="carousel-item">
 
+										<img src="<?php echo get_template_directory_uri(); ?>/img/slider/bg-2.jpg" alt="">
 
+										<div class="carousel-caption">
 
+											<h3 class="slide-title animated fadeInDown"><span>Cutting-edge</span> Features</h3>
 
+											<h5 class="slide-text animated fadeIn">Lorem ipsum dolor sit amet, consectetuer adipiscing elit<br> Curabitur ultricies nisi Nam eget dui. Etiam rhoncus</h5>
 
+											<a href="#" class="btn btn-lg btn-common animated fadeInUp">Download Now</a>
 
+										</div>
 
+									</div>
 
+									<div class="carousel-item">
 
+										<img src="<?php echo get_template_directory_uri(); ?>/img/slider/bg-3.jpg" alt="">
 
+										<div class="carousel-caption">
 
+											<h3 class="slide-title animated fadeInDown"><span>100+</span> UI Blocks & Components</h3>
 
+											<h5 class="slide-text animated fadeIn">Lorem ipsum dolor sit amet, consectetuer adipiscing elit<br> Curabitur ultricies nisi Nam eget dui. Etiam rhoncus</h5>
 
+											<a href="#" class="btn btn-lg btn-border animated fadeInUp">Get Started</a>
 
+											<a href="#" class="btn btn-lg btn-common animated fadeInUp">Download</a>
 
+										</div>
 
+									</div>
 
+								</div>
 
+								<a class="carousel-control-prev" href="#carousel-slider" role="button" data-slide="prev">
 
+									<i class="fa fa-chevron-left"></i>
 
+								</a>
 
+								<a class="carousel-control-next" href="#carousel-slider" role="button" data-slide="next">
 
+									<i class="fa fa-chevron-right"></i>
 
+								</a>
 
+							</div>
 
+						</div>
 
+					</div>
 
+				</div>
 
+			</div>
 
+			<!-- End sliders -->
 
+
 
+		<?php else: ?>
 
+
 
+
 
+
 
+		<!-- sliders -->
 
+		<div id="sliders">
 
+			<div class="full-width header-fill">
 
+				<div class="full-width" style="height:150px;">
 
+					&nbsp;
 
+				</div>
 
+			</div>
 
+		</div>
 
+
 
+
 
+
 
+			<?php endif; ?>
 
+
 
+
 
+
 
+		</header>
 
+		<!-- Header Area wrapper End -->

+ 73 - 41
page.php
ファイルの表示 

@@ -1,67 +1,99 @@
 
 <?php get_header(); ?>
 
 
+<!--
 
 			<div id="content">
 
-
 
 				<div id="inner-content" class="wrap cf">
 
+						<main id="main" class="m-all t-2of3 d-5of7 cf" role="main" itemscope itemprop="mainContentOfPage" itemtype="">
 
+ -->
 
+
 
+
 
+
 
+
 
 
-						<main id="main" class="m-all t-2of3 d-5of7 cf" role="main" itemscope itemprop="mainContentOfPage" itemtype="http://schema.org/Blog">
 
 
 							<?php if (have_posts()) : while (have_posts()) : the_post(); ?>
 
 
-							<article id="post-<?php the_ID(); ?>" <?php post_class( 'cf' ); ?> role="article" itemscope itemtype="http://schema.org/BlogPosting">
 
+							<div id="post-<?php the_ID(); ?>" <?php post_class('cf'); ?> role="article" class="section-padding background-gray">
 
+							      <div class="container">
 
+
 
+											<!--
 
+							        <div class="row">
 
+							          <div class="col-md-12">
 
+							            <h2 class="section-title wow fadeInDown animated" data-wow-delay="0.3s">Unsere Kunden</h2>
 
+							          </div>
 
+							        </div> -->
 
+
 
+
 
+
 
+
 
+											<div class="row">
 
+											  <div class="col-sm-8">
 
+
 
+
 
+													<header class="article-header">
 
+
 
+														<h2 class="sub-title"><?php the_title(); ?></h2>
 
+
 
+														<p class="byline vcard">
 
+															<?php printf(__('Posted', 'bonestheme').' <time class="updated" datetime="%1$s" itemprop="datePublished">%2$s</time> '.__('by', 'bonestheme').' <span class="author">%3$s</span>', get_the_time('Y-m-j'), get_the_time(get_option('date_format')), get_the_author_link(get_the_author_meta('ID'))); ?>
 
+														</p>
 
+
 
+													</header> <?php // end article header?>
 
+
 
 
-								<header class="article-header">
 
 
-									<h1 class="page-title" itemprop="headline"><?php the_title(); ?></h1>
 
+											    <p>
 
 
-									<p class="byline vcard">
 
-										<?php printf( __( 'Posted', 'bonestheme').' <time class="updated" datetime="%1$s" itemprop="datePublished">%2$s</time> '.__( 'by',  'bonestheme').' <span class="author">%3$s</span>', get_the_time('Y-m-j'), get_the_time(get_option('date_format')), get_the_author_link( get_the_author_meta( 'ID' ) )); ?>
 
-									</p>
 
+															<?php
 
+                                  // the content (pretty self explanatory huh)
 
+                                  the_content();
 
 
-								</header> <?php // end article header ?>
 
+                                  /*
 
+                                   * Link Pages is used in case you have posts that are set to break into
 
+                                   * multiple pages. You can remove this if you don't plan on doing that.
 
+                                   *
 
+                                   * Also, breaking content up into multiple pages is a horrible experience,
 
+                                   * so don't do it. While there are SOME edge cases where this is useful, it's
 
+                                   * mostly used for people to get more ad views. It's up to you but if you want
 
+                                   * to do it, you're wrong and I hate you. (Ok, I still love you but just not as much)
 
+                                   *
 
+                                   * http://gizmodo.com/5841121/google-wants-to-help-you-avoid-stupid-annoying-multiple-page-articles
 
+                                   *
 
+                                  */
 
+                                  wp_link_pages(array(
 
+                                      'before'      => '<div class="page-links"><span class="page-links-title">' . __('Pages:', 'bonestheme') . '</span>',
 
+                                      'after'       => '</div>',
 
+                                      'link_before' => '<span>',
 
+                                      'link_after'  => '</span>',
 
+                                  ));
 
+                              ?>
 
 
-								<section class="entry-content cf" itemprop="articleBody">
 
-									<?php
 
-										// the content (pretty self explanatory huh)
 
-										the_content();
 
+			 											</p>
 
+											  </div>
 
+											  <div class="col-sm-4">
 
+											    <h2 class="sub-title">&nbsp;</h2>
 
+											    <p>
 
+											      &nbsp;.
 
+											    </p>
 
+											  </div>
 
+												<div class="col-sm-12">&nbsp;</div>
 
+											</div>
 
 
-										/*
 
-										 * Link Pages is used in case you have posts that are set to break into
 
-										 * multiple pages. You can remove this if you don't plan on doing that.
 
-										 *
 
-										 * Also, breaking content up into multiple pages is a horrible experience,
 
-										 * so don't do it. While there are SOME edge cases where this is useful, it's
 
-										 * mostly used for people to get more ad views. It's up to you but if you want
 
-										 * to do it, you're wrong and I hate you. (Ok, I still love you but just not as much)
 
-										 *
 
-										 * http://gizmodo.com/5841121/google-wants-to-help-you-avoid-stupid-annoying-multiple-page-articles
 
-										 *
 
-										*/
 
-										wp_link_pages( array(
 
-											'before'      => '<div class="page-links"><span class="page-links-title">' . __( 'Pages:', 'bonestheme' ) . '</span>',
 
-											'after'       => '</div>',
 
-											'link_before' => '<span>',
 
-											'link_after'  => '</span>',
 
-										) );
 
-									?>
 
-								</section> <?php // end article section ?>
 
 
-								<footer class="article-footer cf">
 
 
-								</footer>
 
+							      </div>
 
+							    </div>
 
 
-								<?php comments_template(); ?>
 
 
-							</article>
 
 
 							<?php endwhile; endif; ?>
 
 
-						</main>
 
+						<!-- </main> -->
 
 
-						<?php get_sidebar(); ?>
 
+						<?php /* get_sidebar(); */ ?>
 
 
-				</div>
 
+				<!-- </div>
 
 
-			</div>
 
+			</div> -->
 
 
 <?php get_footer(); ?>

+ 67 - 0
page.php.old
ファイルの表示 

@@ -0,0 +1,67 @@
 
+<?php get_header(); ?>
 
+
 
+			<div id="content">
 
+
 
+				<div id="inner-content" class="wrap cf">
 
+
 
+						<main id="main" class="m-all t-2of3 d-5of7 cf" role="main" itemscope itemprop="mainContentOfPage" itemtype="http://schema.org/Blog">
 
+
 
+							<?php if (have_posts()) : while (have_posts()) : the_post(); ?>
 
+
 
+							<article id="post-<?php the_ID(); ?>" <?php post_class( 'cf' ); ?> role="article" itemscope itemtype="http://schema.org/BlogPosting">
 
+
 
+								<header class="article-header">
 
+
 
+									<h1 class="page-title" itemprop="headline"><?php the_title(); ?></h1>
 
+
 
+									<p class="byline vcard">
 
+										<?php printf( __( 'Posted', 'bonestheme').' <time class="updated" datetime="%1$s" itemprop="datePublished">%2$s</time> '.__( 'by',  'bonestheme').' <span class="author">%3$s</span>', get_the_time('Y-m-j'), get_the_time(get_option('date_format')), get_the_author_link( get_the_author_meta( 'ID' ) )); ?>
 
+									</p>
 
+
 
+								</header> <?php // end article header ?>
 
+
 
+								<section class="entry-content cf" itemprop="articleBody">
 
+									<?php
 
+										// the content (pretty self explanatory huh)
 
+										the_content();
 
+
 
+										/*
 
+										 * Link Pages is used in case you have posts that are set to break into
 
+										 * multiple pages. You can remove this if you don't plan on doing that.
 
+										 *
 
+										 * Also, breaking content up into multiple pages is a horrible experience,
 
+										 * so don't do it. While there are SOME edge cases where this is useful, it's
 
+										 * mostly used for people to get more ad views. It's up to you but if you want
 
+										 * to do it, you're wrong and I hate you. (Ok, I still love you but just not as much)
 
+										 *
 
+										 * http://gizmodo.com/5841121/google-wants-to-help-you-avoid-stupid-annoying-multiple-page-articles
 
+										 *
 
+										*/
 
+										wp_link_pages( array(
 
+											'before'      => '<div class="page-links"><span class="page-links-title">' . __( 'Pages:', 'bonestheme' ) . '</span>',
 
+											'after'       => '</div>',
 
+											'link_before' => '<span>',
 
+											'link_after'  => '</span>',
 
+										) );
 
+									?>
 
+								</section> <?php // end article section ?>
 
+
 
+								<footer class="article-footer cf">
 
+
 
+								</footer>
 
+
 
+								<?php comments_template(); ?>
 
+
 
+							</article>
 
+
 
+							<?php endwhile; endif; ?>
 
+
 
+						</main>
 
+
 
+						<?php get_sidebar(); ?>
 
+
 
+				</div>
 
+
 
+			</div>
 
+
 
+<?php get_footer(); ?>