Made DroidPress responsive with bootstrap integration

404.php

@@ -16,21 +16,23 @@
 
 <div id="content_wrap">
 
-	<div id="content_left">
+	<div class="col-md-8">
 
 		<div class="content_padding">
 
 			<div class="error">Error 404 <br />
-				<img src="<?php echo get_template_directory_uri() ;?>/images/confusedchimp.png" height="400" width="400" />
+                            <h3> Nothing found for the requested page. Please try a search instead.</h3>
+                            <?php get_search_form(); ?> <br />
+				<img class="img-responsive" src="<?php echo get_template_directory_uri() ;?>/images/confusedchimp.png" height="400" width="400" />
 			</div>
 
 		</div><!--end content_padding-->
 
 	</div><!--end content_left-->
 
-	<div id="sidebar_right">
+
 		<?php get_sidebar(); ?>
-	</div>
+
 
 </div><!--end content_wrap-->
 

archive.php

@@ -16,8 +16,7 @@
 ?>
 
 <div id="content_wrap">
-
-	<div id="content_left">
+	<div class="col-md-8">
 
 		<div class="content_padding">
 
@@ -41,7 +40,8 @@
 				<div class="archive-title">Archive for <?php the_time('Y'); ?>:</div><br />
 
 			<?php /* If this is an author archive */ } elseif (is_author()) { ?>
-				<div class="archive-title"><Author Archive:</div><br />
+				<div class="archive-title">Author : <?php the_author(); ?></div><br />
+
 
 			<?php /* If this is a paged archive */ } elseif (isset($_GET['paged']) && !empty($_GET['paged'])) { ?>
 				<div class="archive-title">Blog Archives:</div><br />
@@ -85,14 +85,14 @@
 	<?php endif; ?>
 		</div><!--end content_padding-->
 
-	</div><!--end content_left-->
+	</div>
 
-	<div id="sidebar_right">
+
 		<?php get_sidebar(); ?>
-	</div>
+
 
 </div><!--end content_wrap-->
 
 <div style="clear:both;"></div>
 
-<?php get_footer(); ?>
+<?php get_footer(); ?>

changelog.txt

@@ -1,6 +1,9 @@
 DroidPress Changelog
 
 ****************************
+Version 1.2 (11-17-2016)
+- Made Droidpress responsive
+
 Version 1.1 (10-21-2016)
 - Changes done as per the new WordPress guideline
 - Fixed warnings

comments.php

@@ -13,7 +13,7 @@
 		return;
 	}
 ?>
-
+              
 <?php if ( have_comments() ) : ?>
 	<br />
 	<h2 id="comments"><?php comments_number('No Responses', 'One Response', '% Responses' );?></h2>
@@ -46,7 +46,7 @@
 
 <?php if ( comments_open() ) : ?>
 
-<div id="respond">
+<div id="respond" class="col-md-12">
 
 	<div class="cancel-comment-reply">
 		<?php cancel_comment_reply_link(); ?>

footer.php

@@ -28,34 +28,35 @@
 	</div><!--end main-->
 </div><!--end page_wrap-->			
 
-
-<div id="footer">
-    <div id="footer_wrap">
-
+
+<div id="footer" class="col-md-12">
+
+    <div class="container wrapper">
+        <div class="row">
     	<?php if ( !function_exists('dynamic_sidebar') || !dynamic_sidebar("Footer") ) : ?>
 
-		<div class="footer-widgets">
+		<div class="footer-widgets col-xs-12 col-sm-6 col-md-3">
 			<h3 class="footer-widget-title">Recent Posts</h3>
 			<ul>
 				<?php wp_get_archives('type=postbypost&limit=4'); ?>
 			</ul>
 		</div>
 
-		<div class="footer-widgets">
+		<div class="footer-widgets col-xs-12 col-sm-6 col-md-3">
 			<h3 class="footer-widget-title">Archives</h3>
 			<ul>
 				<?php wp_get_archives('type=monthly&limit=16'); ?>
 			</ul>
 		</div>
 
-		<div class="footer-widgets">
+		<div class="footer-widgets col-xs-12 col-sm-6 col-md-3">
 			<h3 class="footer-widget-title">Links</h3>
 			<ul>
 				<?php wp_list_bookmarks('categorize=0&title_li='); ?>
 			</ul>
 		</div>
 
-		<div class="footer-widgets">
+		<div class="footer-widgets col-xs-12 col-sm-6 col-md-3">
 			<h3 class="footer-widget-title">WordPress</h3>
 			<ul>
     		<?php wp_register(); ?>
@@ -70,34 +71,35 @@
 		<!--Inserts Google Analytics Code-->
 
 		<?php echo stripslashes($analytics); ?>
-			   
+        </div>	   
 	</div><!--end footer_wrap-->
 </div><!--end footer-->
 
 	<div id="afterfooter">
 
-		<div id="afterfooterwrap">
+		<div id="afterfooterwrap" class="container">
+                    <div class="row">
 
 				<!--Inserts Copyright Text-->
 				<?php if ($copyright == ''): ?> 
 
-					<div id="afterfootercopyright">
+					<div id="afterfootercopyright" class="col-md-3">
 						&copy; <?php echo bloginfo ( 'name' );  ?>
 					</div>
 
 				<?php endif;?>
 
 				<?php if ($copyright != ''):?> 
 
-					<div id="afterfootercopyright">
+					<div id="afterfootercopyright" class="col-md-3">
 						&copy; <?php echo $copyright; ?>
 					</div>
 
 				<?php endif;?>
 
 			<!--Inserts Afterfooter Menu-->
 
-			<div id="afterfootermenu">
+			<div id="afterfootermenu" class="col-md-3">
 			<?php 
 			  if( has_nav_menu( 'footer-menu' ) ) :
 				wp_nav_menu( array(
@@ -106,10 +108,10 @@
 			  endif;	
 			 ?>
 			</div>
-					<div id="credit">
+					<div id="credit" class="col-md-3">
 						<?php get_template_part('credit', 'footer' ); ?>
 					</div>
-			
+                    </div>
 		</div>  <!--end afterfooterwrap-->	
 
 	</div> <!--end afterfooter-->	

functions.php

@@ -199,7 +199,7 @@ function droidpress_widgets_init() {
 		'name' => 'Footer',
 		'id' => 'footer-widgets',
 		'description'   => 'These are widgets for the footer',
-		'before_widget' => '<div class="footer-widgets">',
+		'before_widget' => '<div class="footer-widgets col-xs-12 col-sm-6 col-md-4">',
 		'after_widget' => '</div>',
 		'before_title' => '<h3 class="footer-widget-title">',
 		'after_title' => '</h3>',
@@ -212,4 +212,17 @@ function droidpress_widgets_init() {
 require_once ( get_template_directory() . '/library/options/options-core.php' );
 require_once ( get_template_directory() . '/library/options/meta-box.php' );
 require_once ( get_template_directory() . '/library/options/options-themes.php' );
+
+
+add_action( 'wp_enqueue_scripts', 'include_styles', 10 );
+function include_styles(){
+    $directory_uri  = get_template_directory_uri();
+    $bootstrap_path = $directory_uri . '/library/';
+    wp_enqueue_style( 'bootstrap-style', $bootstrap_path . 'css/bootstrap.min.css');
+    wp_enqueue_style( 'main-style', $directory_uri . '/style.css' );
+
+}
+
+
+
 ?>

header.php

@@ -79,37 +79,39 @@
 		<meta name="keywords" content="<?php echo $keywords ?>" />
 	<?php endif; ?>
 <!-- Page SEO options -->
-
+
+
 <link rel="shortcut icon" href="<?php echo stripslashes($favicon['url']); ?>" type="image/x-icon" />
-<link rel="stylesheet" href="<?php bloginfo('stylesheet_url'); ?>" type="text/css" />
 <link rel="pingback" href="<?php bloginfo('pingback_url'); ?>" />
 
 
 <link href='http://fonts.googleapis.com/css?family=<?php echo $font ?>' rel='stylesheet' type='text/css' />
-	
-	<?php if ( is_singular() ) wp_enqueue_script( 'comment-reply' ); ?>
+
+ 	<?php if ( is_singular() ) wp_enqueue_script( 'comment-reply' ); ?>
 
 	<?php wp_head(); ?>
 
 </head>
 
 <body style="font-family:'<?php echo $fontstrip ?>', Helvetica, serif ;" <?php body_class(); ?> >
-
-	<div id="page-wrap">
+
+
+	<div class="container wrapper">
 
 			<div id="header">
 				<div id="headerwrap">
 					<div id="header_right">
-							<div id="social">
+
 								<?php get_template_part('icons', 'header'); ?>
-							</div><!-- end social -->
+
 					</div><!-- end header_right -->
 							<div id="sitename">
 								<h1 class="sitename"><a href="<?php echo home_url(); ?>/"><?php bloginfo('name'); ?> </a></h1>
+                                                                <h3 class="tagline"><?php bloginfo('description'); ?> </h3> 
 							</div>
 				</div><!-- end headerwrap -->
 				<?php get_template_part('nav', 'header' ); ?>
 			</div><!-- end header -->
 
-			<div id="main">
+			<div id="main" class="col-md-12">
 

index.php

@@ -14,7 +14,7 @@
 
 <div id="content_wrap">
 
-	<div id="content_left">
+    <div class="col-md-8">
 
 		<div class="content_padding">
 
@@ -40,4 +40,4 @@
 </div><!--end content_wrap-->
 <div style="clear:both;"></div>
 
-<?php get_footer(); ?>
+<?php get_footer(); ?>