uploaded

category.php

@@ -0,0 +1,23 @@
+<?php get_header() ?>
+	<!-- main -->
+	<main class="main">
+		<div class="hero-unit">
+			<div class="uk-grid uk-grid-small">
+
+				<!-- main content -->
+				<div class="uk-width-medium-1-1 uk-width-large-7-10">
+				<h3 class="list-title"><i class="uk-icon-coffee"></i> เรื่องน่าอ่านในหมวด <?php single_cat_title(); ?></h3>
+					<?php get_template_part('view', 'list') ?>
+					<!-- pagination -->
+					<?php get_template_part('view', 'pagination') ?>
+				</div>				
+
+				<!-- sidebar -->
+				<div class="sidebar-block uk-width-medium-1-1 uk-width-large-3-10">
+					<?php get_template_part('view', 'sidebar') ?>
+				</div>
+
+			</div>		
+		</div>
+	</main>
+<?php get_footer() ?>

footer.php

@@ -8,9 +8,9 @@
 					</div>
 					<div class="uk-width-small-4-10">
 						<ul class="footer-social-list uk-subnav">
-							<li><a href="#"><i class="uk-icon-facebook-square"></i></a></li>
+							<li><a href="https://www.facebook.com/pages/Techr"><i class="uk-icon-facebook-square"></i></a></li>
 							<li><a href="#"><i class="uk-icon-twitter-square"></i></a></li>
-							<li><a href="#"><i class="uk-icon-google-plus-square"></i></a></li>
+							<li><a href="https://plus.google.com/105874781308314969682" rel="publisher"><i class="uk-icon-google-plus-square"></i></a></li>
 							<li><a href="#"><i class="uk-icon-youtube-square"></i></a></li>
 						</ul>
 						<p class="footer-made uk-text-small">จัดทำขึ้นที่ กรุงเทพฯ</p>

header.php

@@ -18,7 +18,7 @@
   var js, fjs = d.getElementsByTagName(s)[0];
   if (d.getElementById(id)) return;
   js = d.createElement(s); js.id = id;
-  js.src = "//connect.facebook.net/en_US/sdk.js#xfbml=1&appId=562245173865084&version=v2.0";
+  js.src = "//connect.facebook.net/en_US/sdk.js#xfbml=1&appId=745618748820464&version=v2.0";
   fjs.parentNode.insertBefore(js, fjs);
 }(document, 'script', 'facebook-jssdk'));</script>
 <script>

scss/_global.scss

@@ -4,6 +4,7 @@ h1,h2,h3,h4,h5,h6,p{
 
 h1,h2,h3,h4,h5,h6{
 	font-family: 'rsu';
+	font-weight: bold;
 }
 
 a{
@@ -15,17 +16,16 @@ a{
 }
 
 body{
-	// background: $main-white	url('img/site-bg2.jpg') no-repeat;
-	// background-size: cover;
+	// background: $main-white	url('img/photography.png') repeat;
 	// background-color: $main-white;
 }
 
 #wrapper{
 	// @media #{$large} {
-	// 	max-width: 1024px;
-	// 	margin: auto;
-	// 	background-color: white;
-	// 	box-shadow: 0 1px 12px -2px rgba(0,0,0,0.125);
+		// max-width: 1024px;
+		// margin: auto;
+		// background-color: white;
+		// box-shadow: 0 1px 12px -2px rgba(0,0,0,0.125);
 	// }
 }
 

scss/_header.scss

@@ -9,6 +9,7 @@
 .site-logo{
 	margin: 10px auto;
 	display: block;
+	cursor: pointer;
 	@media #{$small} {
 		margin: 10px auto 15px;
 		display: initial;		

scss/_list.scss

@@ -54,4 +54,21 @@
 			}
 		}
 	}
+}
+
+.list-title{
+	text-align: center;
+	font-size: 22px;
+	margin: 0 auto 20px;
+	padding: 30px 15px 25px;
+	background-color: $main-red;
+	color: $main-white;
+	font-weight: bold;
+	text-transform: uppercase;
+	.search-query{
+		display: block;
+		font-size: 26px;
+		line-height: 1.7em;
+		margin-bottom: 10px;
+	}
 }

scss/_override.scss

@@ -32,4 +32,26 @@
 			right: 5px;
 		}
 	}
-}
+}
+
+.uk-thumbnail{
+	background-color: $main-white;
+	padding: 2px;
+	border-radius: 0;
+}
+
+.facebook-comment{
+	margin: 15px auto;
+}
+
+.facebook-comment-title{
+	margin: 30px auto 15px;
+	font-size: 22px;
+}
+
+.fb_iframe_widget,
+.fb_iframe_widget span,
+.fb_iframe_widget span iframe[style] {
+  min-width: 100% !important;
+  width: 100% !important;
+}

search.php

@@ -0,0 +1,54 @@
+<?php get_header() ?>
+	<!-- main -->
+	<main class="main">
+		<div class="hero-unit">
+			<div class="uk-grid uk-grid-small">
+
+				<!-- main content -->
+				<div class="uk-width-medium-1-1 uk-width-large-7-10">
+					<?php if ( have_posts() ) : ?>
+						<h3 class="list-title"><i class="uk-icon-tags"></i> คำที่ใช้ค้นหา: <?php echo get_search_query() ?></h3>
+						<?php while ( have_posts() ) : the_post(); ?>
+							<div class="list-item uk-width-small-1-2 uk-width-medium-1-1">
+								<div class="uk-grid uk-grid-small">
+									<div class="uk-width-medium-4-10 uk-width-large-4-10">
+
+										<a href="<?php the_permalink() ?>" class="uk-thumbnail post-image" title="<?php the_title() ?>">
+										<?php if (has_post_thumbnail()): ?>
+											<?php the_post_thumbnail('jindaCover', array('alt' => get_the_title())) ?>
+										<?php else: ?>
+											<img src="http://www.placehold.it/768x384" alt="<?php the_title() ?>" />
+										<?php endif ?>
+										</a>
+
+									</div>
+									<div class="uk-width-medium-6-10 uk-width-large-6-10">
+										<h3 class="post-title"><a href="<?php the_permalink() ?>" title="<?php the_title() ?>"><?php the_title() ?></a></h3>
+										<p class="post-meta uk-text-small">เขียนเมื่อ <?php the_date(); ?> ในหมวด <?php the_category(' ') ?></p>
+										<p class="post-excerpt"><?= iconv_substr(get_the_excerpt(),0,160,"UTF-8").' '; ?> <a href="<?php the_permalink() ?>" title="อ่านต่อ">อ่านต่อ..</a> </p>
+									</div>
+								</div>
+							</div>
+						<?php endwhile; ?>
+					<!-- pagination -->
+					<?php get_template_part('view', 'pagination') ?>
+					<?php else: ?>
+						<h3 class="list-title">
+							<span class="search-query"><?php echo get_search_query() ?></span>
+							<small>
+								<i class="uk-icon-frown-o"></i> ไม่พบบทความใดเลย, ลองค้นหาด้วยคำอื่น		
+							</small>
+						</h3>
+					<?php endif; ?>
+
+				</div>				
+
+				<!-- sidebar -->
+				<div class="sidebar-block uk-width-medium-1-1 uk-width-large-3-10">
+					<?php get_template_part('view', 'sidebar') ?>
+				</div>
+
+			</div>		
+		</div>
+	</main>
+<?php get_footer() ?>

single.php

@@ -15,7 +15,15 @@
 						<?php if ( comments_open() || get_comments_number() ) {
 								comments_template();
 						}?>
-
+						<!-- fb comment -->
+						<div class="facebook-comment">
+							<h4 class="facebook-comment-title">แสดงความคิดเห็น</h4>
+							<div class="fb-comments"
+							     data-href="http://www.thetechr.com"
+							     data-numposts="3"
+							     data-width="100%"
+							     data-colorscheme="light"></div>
+						</div>
 					<? endwhile; ?>
 				</div>