fix: correction affichage des images articles

Fixes #20

components/article.php

@@ -6,6 +6,7 @@
 <article class="article container-article" id="post-<?php the_ID(); ?>">
   <?php if ($haveTitle) { ?>
     <h1 class="page-title"><?php the_title(); ?></h1>
+    <p class="text-right"><span class="btn-small btn-secondary"> <?php echo reading_time(); ?> </span></p>
   <?php } ?>
 
   <div class="article-entry">
@@ -29,7 +30,5 @@
   </div>
 </section>
 
-<?php comments_template(); ?>
-
 <?php endwhile; ?>
 <?php endif; ?>

components/footer-content.php

@@ -7,8 +7,14 @@
         foreach ($menu as $menuElement) {
           echo '<li class="social-li"><a class="social-link" href="'. $menuElement->url .'" title="Accéder à mon '.$menuElement->title.'" aria-label="Accéder à mon '.$menuElement->title.'"><i class="fa fa-fw fa-'.$menuElement->title.'" aria-hidden="true"></i></a></li> ';
         }
+
       }
       ?>
+      <li class="social-li">
+        <a class="social-link" href="https://kazhnuz.space/links" title="Plus de liens" aria-label="Plus de liens">
+          <i class="fa fa-fw fa-ellipsis-h" aria-hidden="true"></i>
+        </a>
+      </li>
   </ul>
 
   <div class="footer-collumns">

components/navbar-category.php

@@ -1,19 +1,33 @@
-<nav class="navbar navbar-expand-lg navbar-dark bg-grey" id="navbar-category">
+<?php
-  <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
+  $parent_categories = get_categories( array(
-    <span class="navbar-toggler-icon"></span>
+    'orderby' => 'slug',
-  </button>
+    'order'   => 'ASC',
+    'parent'  => 0
+  ) );
 
-  <div class="collapse navbar-collapse" id="navbarSupportedContent">
+  foreach( $parent_categories as $parent_category ) {
-    <ul class="navbar-nav nav-justified w-100">
+?>
+  <li>
+    <span class="btn btn-navbar">
+      <?php echo $parent_category->name ?> <i class="fa fa-caret-down" aria-hidden="true"></i>
+
+      <ul class="card-menu">
         <?php
           $categories = get_categories( array(
-          'orderby' => 'name',
+            'orderby' => 'slug',
-          'order'   => 'ASC'
+            'order'   => 'ASC',
+            'parent'  => $parent_category->term_id
           ) );
 
           foreach( $categories as $category ) {
-          echo '<li class="nav-item"><a class="nav-link" href="' . get_category_link($category->term_id) . '">' . $category->name . '</a></li>';   
+            if ($category->slug != "chapters") {
-        }?>
+              echo '<li><a class="menu-element" href="' . get_category_link($category->term_id) . '">' . $category->name . '</a></li>';
+              }
+          }
+        ?>
       </ul>
-  </div>
+    </span>
-</nav>
+  </li>      
+<?php      
+  }
+?>

components/navbar-pages.php

@@ -5,24 +5,7 @@
         <i class="fa fa-home"  aria-hidden="true"></i><span class="sr-only">Accueil</span>
       </a>
     </li>
-    <li>
+    <?php include(TEMPLATEPATH . '/components/navbar-category.php'); ?>
-      <span class="btn btn-navbar">
-        Catégories <i class="fa fa-caret-down" aria-hidden="true"></i>
-        <ul class="card-menu">
-          <?php
-            $categories = get_categories( array(
-              'orderby' => 'name',
-              'order'   => 'ASC'
-            ) );
-
-            foreach( $categories as $category ) {
-              if ($category->slug != "blog" && $category->slug != "chapters") {
-                echo '<li><a class="menu-element" href="' . get_category_link($category->term_id) . '">' . $category->name . '</a></li>';
-                }
-            }?>
-        </ul>
-      </span>
-    </li>
     <?php
       $listmenu = get_nav_menu_locations();
       $menu = wp_get_nav_menu_items($listmenu['top-navbar']);

components/preview-list.php

@@ -4,7 +4,17 @@
       <article class="card card-preview card-primary">
           <a href="<?php the_permalink(); ?>" class="preview-link">
             <div class="preview-item">
+              
+              <?php if(!has_post_thumbnail( $post->ID )) {
+                ?>
                 <div class="preview-content" aria-hidden="true"><?php the_excerpt(); ?></div>
+                <?php
+              } else {
+                ?>
+                <div class="preview-content" aria-hidden="true"><p class="p-img"><img class="preview-img" src="<?php echo get_the_post_thumbnail_url(); ?>" /></p></div>
+                <?php
+              }
+              ?>
               <div class="preview-overlay">
                 <h1 class="card-header"><?php the_title(); ?></h1>
                 <div class="preview-metadata">

components/sidebar/categories.php

@@ -1,16 +1,30 @@
+<?php
+  $parent_categories = get_categories( array(
+    'orderby' => 'slug',
+    'order'   => 'ASC',
+    'parent'  => 0
+  ) );
+
+  foreach( $parent_categories as $parent_category ) {
+?>
     <div class="card card-primary">
-  <div class="card-header"><i class="fa fa-folder" aria-hidden="true"></i> Catégories</div>
+      <div class="card-header"><i class="fa fa-folder" aria-hidden="true"></i> <?php echo $parent_category->name ?></div>
       <ul class="card-menu">
         <?php
           $categories = get_categories( array(
-        'orderby' => 'name',
+            'orderby' => 'slug',
-        'order'   => 'ASC'
+            'order'   => 'ASC',
+            'parent'  => $parent_category->term_id
           ) );
 
           foreach( $categories as $category ) {
-        if ($category->slug != "blog" && $category->slug != "chapters") {
+            if ($category->slug != "chapters") {
               echo '<li><a class="menu-element" href="' . get_category_link($category->term_id) . '">' . $category->name . '<span class="menu-label label-secondary">'. $category->count . '</span></a></li>';
               }
-      }?>
+          }
+        ?>
       </ul>
     </div>
+<?php      
+  }
+?>

footer.php

@@ -4,5 +4,6 @@
 	<?php include(TEMPLATEPATH . '/components/footer-content.php'); ?>
     <?php wp_footer(); ?>
 	<script src="<?php echo get_template_directory_uri();?>/js/trim.js"></script>
+	<script src="<?php echo get_template_directory_uri();?>/js/prettylinks.js"></script>
 </body>
 </html>

functions.php

@@ -19,7 +19,7 @@
  add_action( 'init', 'kspace_post_supports' );
 
  add_theme_support( 'post-thumbnails' );
- set_post_thumbnail_size( 825, 510, true );
+ set_post_thumbnail_size( 825, 825, true );
 
 /* 1. Niveau support
  *
@@ -316,8 +316,25 @@ register_taxonomy('roman', 'post',
         'top-navbar-2' => __( 'Navbar (droite)' ),
         'link-menu' => __( 'Liste des liens' ),
         'footer-pages' => __( 'Pages dans le footer' ),
-        'social' => __( 'Reseaux sociaux' )
+        'social' => __( 'Reseaux sociaux' ),
+        'social-plus' => __( 'Reseaux sociaux supplémentaires' ),
       )
     );
   }
   add_action( 'init', 'wpb_custom_new_menu' );
+
+//estimated reading time
+function reading_time() {
+  $content = get_post_field( 'post_content', $post->ID );
+  $word_count = str_word_count( strip_tags( $content ) );
+  $readingtime = ceil($word_count / 200);
+
+  if ($readingtime == 1) {
+  $timer = " minute";
+  } else {
+  $timer = " minutes";
+  }
+  $totalreadingtime = $readingtime . $timer;
+
+  return $totalreadingtime;
+}

js/prettylinks.js

@@ -0,0 +1,8 @@
+var length = 35;
+
+$(function(){
+  $(".pretty-link").each(function(i){
+    var str = $(this).text().replace("https://", "");
+    $(this).text(str);
+  });
+});

page-links.php

@@ -0,0 +1,60 @@
+<?php /* Template Name: page-links */ ?>
+<?php get_header(); ?> <!-- ouvrir header,php -->
+<main>
+  <?php if(have_posts()) : ?><?php while(have_posts()) : the_post(); ?>
+
+  <article class="article-content" id="post-<?php the_ID(); ?>">
+  <h1 class="page-title"><?php the_title(); ?></h1>
+
+    <div class="article-body mb-2">
+      <?php the_content(); ?>
+    </div>
+  </article>
+
+  <div class="card card-primary">
+    <h2 class="card-header">Liste de mes réseaux sociaux</h2>
+    <table>
+      <thead>
+        <tr>
+          <th class="text-info">Réseau social</th>
+          <th class="text-right text-info">Lien</th>
+        </tr>
+      </thead>
+      <tbody>
+        <?php
+        $listmenu = get_nav_menu_locations();
+        $menu = wp_get_nav_menu_items($listmenu['social']);
+        if ($menu != null) {
+          foreach ($menu as $menuElement) {
+            ?>
+              <tr>
+                <th><i class="fa fa-fw fa-<?php echo $menuElement->title; ?>" aria-hidden="true"></i> <span class="text-maj"><?php echo $menuElement->title; ?></span></th>
+                <td class="text-right"><a class="pretty-link" href="<?php echo $menuElement->url; ?>"><?php echo $menuElement->url; ?></td>
+              </tr>
+            <?php
+          }
+        }
+        ?>
+        <?php
+        $listmenu = get_nav_menu_locations();
+        $menu = wp_get_nav_menu_items($listmenu['social-plus']);
+        if ($menu != null) {
+          foreach ($menu as $menuElement) {
+            ?>
+              <tr>
+                <th><i class="fa fa-fw fa-<?php echo $menuElement->title; ?>" aria-hidden="true"></i> <span class="text-maj"><?php echo $menuElement->title; ?></span></th>
+                <td class="text-right"><a class="pretty-link" href="<?php echo $menuElement->url; ?>"><?php echo $menuElement->url; ?></td>
+              </tr>
+            <?php
+          }
+        }
+        ?>
+      </tbody>
+    </table>
+  </div>
+
+  <?php endwhile; ?>
+  <?php endif; ?>
+</main>
+<?php get_sidebar(); ?>
+<?php get_footer(); ?>

scss/_typography.scss

@@ -132,6 +132,10 @@ article.maintext {
   padding-bottom: $lineheight;
 }
 
+.wp-block-image {
+  text-align:center;
+}
+
 /* 2.3 - Titles */
 
 @mixin newTitle($font, $size, $weight) {
@@ -325,3 +329,7 @@ th  {
   &-info { @include table-color($color-info); }
   &-success { @include table-color($color-success); }
 }
+
+.text-maj {
+  text-transform: capitalize;
+}

scss/components/_previews.scss

@@ -138,8 +138,9 @@ $preview-height: 8*$lineheight;
       text-align:center;
       margin:auto;
       padding:auto;
-      display: block;
+      display: flex;
       width:100%;
+      height: $preview-height;
     }
   }
 }

style.css

@@ -388,6 +388,9 @@ ul, ol {
 article.maintext {
   padding-bottom: 1.5rem; }
 
+.wp-block-image {
+  text-align: center; }
+
 /* 2.3 - Titles */
 h1, h2, h3, h4, h5, h6, h7 {
   font-family: Open Sans, sans-serif;
@@ -585,6 +588,9 @@ th {
 .table-success th {
   color: #859900; }
 
+.text-maj {
+  text-transform: capitalize; }
+
 /* --- 03. GLOBAL STYLING --- */
 /*
  * Les styles "globaux" touchant toute la page.
@@ -1874,8 +1880,9 @@ ul.breadcrumb, ol.breadcrumb, .breadcrumb {
       text-align: center;
       margin: auto;
       padding: auto;
-      display: block;
+      display: flex;
-      width: 100%; }
+      width: 100%;
+      height: 12rem; }
 
 .preview-metadata {
   color: #fdf6e3;