1.wordpress化
2.index.phpのお知らせを表示したい部分に以下を記述、カスタムフィールドでそれぞれのカテゴリを作って、スラッグの部分にカテゴリの名前（当てたいCSSを書く）、それぞれのスラッグ名のクラスにCSSを当てたものを用意するとカテゴリ別に色分けできる

<?php query_posts('showposts=3'); ?>
				<?php if (have_posts()) :while (have_posts()) : the_post(); ?>	
					
					
					
				<?php
				$cat = get_the_category();
				$catname = $cat[0]->cat_name; //カテゴリー名
				$catslug = $cat[0]->slug; //スラッグ名
				?>
			
						
				<li class="link_area">
					
					<a href="<?php the_permalink();?>">
						<aside class="<?php echo $catslug; ?>"><?php echo $catname; ?></aside>
						
						
						<time><?php the_time('Y. m. d');?></time>
						<h3 class="h"><?php the_title();?></h3>
						<p><?php
						if(mb_strlen($post->post_content,'UTF-8')>200){
							$content= str_replace('\n', '', mb_substr(strip_tags($post-> post_content), 0, 80,'UTF-8'));
							echo $content.'……';
						}else{
							echo str_replace('\n', '', strip_tags($post->post_content));
						}
						?></p>
											</a>
				</li>
				<?php endwhile;endif;?>
				<?php wp_reset_query(); ?>

3.single.phpに以下を記述

<?php //クエリー渡す
                    $paged = get_query_var('paged', 1);
                    $args = array(
                        'paged' => $paged,
                        'post_type' => 'post',
                    );
                    $query = new WP_Query($args);
                ?>
		
		
		
        
         <?php if (have_posts()) :while (have_posts()) : the_post(); ?>
			
			<?php
				$cat = get_the_category();
				$catname = $cat[0]->cat_name; //カテゴリー名
				$catslug = $cat[0]->slug; //スラッグ名
				?>
		
			
				<div class="col-12">
					<div class="news_item">
						<div class="date_wrap">
							<h2 class="category <?php echo $catslug; ?>">
								<?php echo $catname; ?>
							</h2>

							<div class="date">
								<?php echo get_post_time('Y.m.d');?>
							</div>
						</div>
						
						<h2 class="news_ttl font-M"><?php the_title();?></h2>
						
						
						
						<p class="news_p">
							<?php the_content(); ?>
						</p>
						
					</div>		
				</div>
			<hr class="archive_hr">
		
		
          <?php endwhile;endif;?>
			
                    <ul class="pager">
                        <li class="before_link link">
                        <?php previous_post_link('%link', '« 前へ');  ?>
                        </li>
					
						<li><a href="<?php echo $root_url ?>" class="return_home btn">ホームへ戻る</a></li>
					
						
                        <li  class="after_link link">
                        <?php next_post_link('%link', '次へ »'); ?>
                        </li>
                    </ul>

archive.phpに以下を記述


<?php //クエリー渡す
                    $paged = get_query_var('paged', 1);
                    $args = array(
                        'paged' => $paged,
                        'post_type' => 'post',
                    );
                    $query = new WP_Query($args);
                ?>
		
		
		
        
         <?php if (have_posts()) :while (have_posts()) : the_post(); ?>
			
			<?php
				$cat = get_the_category();
				$catname = $cat[0]->cat_name; //カテゴリー名
				$catslug = $cat[0]->slug; //スラッグ名
				?>
		
			
				<div class="col-12">
					<div class="news_item">
						<div class="date_wrap">
							<h2 class="category <?php echo $catslug; ?>">
								<?php echo $catname; ?>
							</h2>

							<div class="date">
								<?php echo get_post_time('Y.m.d');?>
							</div>
						</div>
						
						<h2 class="news_ttl font-M"><?php the_title();?></h2>
						
						
						
						<p class="news_p">
							<?php the_content(); ?>
						</p>
						
					</div>		
				</div>
			<hr class="archive_hr">
		
		
          <?php endwhile;endif;?>
			
                    <ul class="pager">
                        <li class="before_link link">
                        <?php previous_post_link('%link', '« 前へ');  ?>
                        </li>
					
						<li><a href="<?php echo $root_url ?>" class="return_home btn">ホームへ戻る</a></li>
					
						
                        <li  class="after_link link">
                        <?php next_post_link('%link', '次へ »'); ?>
                        </li>
                    </ul>

WP-PAGEnavというプラグインを入れてくださいやり方は別記事参照（ページネーションを作るより）