Change material design icons

src/assets/js/js.js

@@ -28,8 +28,8 @@ jQuery(document).ready(function( $ ) {
     /**
      * Add the icon on previous and next pagination in comment list
      */
-    $('<i class="material-icons">arrow_drop_down</i>').insertBefore("#comment-nav-below .float-left a");
+    $('<i class="mdi mdi-menu-left"></i>').insertBefore("#comment-nav-below .float-left a");
-    $('<i class="material-icons">arrow_drop_up</i>').insertAfter("#comment-nav-below .float-right a");
+    $('<i class="mdi mdi-menu-right"></i>').insertAfter("#comment-nav-below .float-right a");
 
     /**
      * Change the class of guttenberg button

src/footer.php

@@ -4,65 +4,6 @@
             <div class="row">
                 <div class="col-12 col-lg">
                     <ul class="p-4 d-lg-flex justify-content-md-center mb-md-0">
-                        <!-- <li class="border border-white border-left-0 border-right-0 border-bottom-0">
-                            <input type="checkbox" checked>
-                            <i></i>
-                            <h6 class="text-white font-weight-bold mb-lg-4">Mapa do site <i class="material-icons mt-2 symbol"></i></h2>
-                            <?php for($i=0;$i<=4;$i++){ ?>
-                                <p class="text-oslo-gray">
-                                    <i class="d-none d-md-inline-block material-icons text-white fiber">fiber_manual_record</i> Página <?=$i;?>
-                                </p>
-                            <?php } ?>
-                        </li>
-                        <li class="border border-white border-left-0 border-right-0 border-bottom-0">
-                            <input type="checkbox" checked>
-                            <i></i>
-                            <h6 class="text-white font-weight-bold mb-lg-4">Funções de administração <i class="material-icons mt-2 symbol"></i></h2>
-                            <?php for($i=0;$i<=3;$i++){ ?>
-                                <p class="text-oslo-gray">
-                                    <i class="d-none d-md-inline-block material-icons text-white fiber">fiber_manual_record</i> Administração <?=$i;?>
-                                </p>
-                            <?php } ?>
-                        </li>
-                        <li class="border border-white border-left-0 border-right-0 border-bottom-0">
-                            <input type="checkbox" checked>
-                            <i></i>
-                            <h6 class="text-white font-weight-bold mb-lg-4">Funções do usuário <i class="material-icons mt-2 symbol"></i></h2>
-                            <?php for($i=0;$i<=2;$i++){ ?>
-                                <p class="text-oslo-gray">
-                                    <i class="d-none d-md-inline-block material-icons text-white fiber">fiber_manual_record</i> Usuário <?=$i;?>
-                                </p>
-                            <?php } ?>
-                        </li>
-                        <li class="border border-white border-left-0 border-right-0">
-                            <input type="checkbox" checked>
-                            <i></i>
-                            <h6 class="text-white font-weight-bold mb-lg-4">Redes sociais <i class="material-icons mt-2 symbol"></i></h2>
-                            <p class="text-oslo-gray">
-                                <svg style="width:1rem;height:1rem" viewBox="0 0 24 24">
-                                    <path fill="#fff" d="M17,2V2H17V6H15C14.31,6 14,6.81 14,7.5V10H14L17,10V14H14V22H10V14H7V10H10V6A4,4 0 0,1 14,2H17Z" />
-                                </svg>
-                                Facebook
-                            </p>
-                            <p class="text-oslo-gray">
-                                <svg style="width:1rem;height:1rem" viewBox="0 0 24 24">
-                                    <path fill="#fff" d="M10,16.5V7.5L16,12M20,4.4C19.4,4.2 15.7,4 12,4C8.3,4 4.6,4.19 4,4.38C2.44,4.9 2,8.4 2,12C2,15.59 2.44,19.1 4,19.61C4.6,19.81 8.3,20 12,20C15.7,20 19.4,19.81 20,19.61C21.56,19.1 22,15.59 22,12C22,8.4 21.56,4.91 20,4.4Z" />
-                                </svg>
-                                Youtube
-                            </p>
-                            <p class="text-oslo-gray">
-                                <svg style="width:1rem;height:1rem" viewBox="0 0 24 24">
-                                    <path fill="#fff" d="M22.46,6C21.69,6.35 20.86,6.58 20,6.69C20.88,6.16 21.56,5.32 21.88,4.31C21.05,4.81 20.13,5.16 19.16,5.36C18.37,4.5 17.26,4 16,4C13.65,4 11.73,5.92 11.73,8.29C11.73,8.63 11.77,8.96 11.84,9.27C8.28,9.09 5.11,7.38 3,4.79C2.63,5.42 2.42,6.16 2.42,6.94C2.42,8.43 3.17,9.75 4.33,10.5C3.62,10.5 2.96,10.3 2.38,10C2.38,10 2.38,10 2.38,10.03C2.38,12.11 3.86,13.85 5.82,14.24C5.46,14.34 5.08,14.39 4.69,14.39C4.42,14.39 4.15,14.36 3.89,14.31C4.43,16 6,17.26 7.89,17.29C6.43,18.45 4.58,19.13 2.56,19.13C2.22,19.13 1.88,19.11 1.54,19.07C3.44,20.29 5.7,21 8.12,21C16,21 20.33,14.46 20.33,8.79C20.33,8.6 20.33,8.42 20.32,8.23C21.16,7.63 21.88,6.87 22.46,6Z" />
-                                </svg>
-                                Twitter
-                            </p>
-                            <p class="text-oslo-gray">
-                                <svg style="width:1rem;height:1rem" viewBox="0 0 24 24">
-                                    <path fill="#fff" d="M23,11H21V9H19V11H17V13H19V15H21V13H23M8,11V13.4H12C11.8,14.4 10.8,16.4 8,16.4C5.6,16.4 3.7,14.4 3.7,12C3.7,9.6 5.6,7.6 8,7.6C9.4,7.6 10.3,8.2 10.8,8.7L12.7,6.9C11.5,5.7 9.9,5 8,5C4.1,5 1,8.1 1,12C1,15.9 4.1,19 8,19C12,19 14.7,16.2 14.7,12.2C14.7,11.7 14.7,11.4 14.6,11H8Z" />
-                                </svg>
-                                Google Plus
-                            </p>
-                        </li> -->
                         <?php dynamic_sidebar('footer-1'); ?>
                     </ul>
                 </div>

src/functions/enqueues.php

@@ -29,11 +29,18 @@ if ( ! function_exists('tainacan_Enqueues') ) {
             wp_enqueue_script('popper_bootstrap4');
             
         /**
-         * Google Charts
+         * Google
-         
-         *   wp_register_script( 'googleCharts', 'https://www.gstatic.com/charts/loader.js');
-         *   wp_enqueue_script('googleCharts');
          */
+        
+         /* Material Icons */
+            wp_register_style('MaterialIconsFonts', get_template_directory_uri() . '/assets/fonts/material-design-icons/css/materialdesignicons.min.css', '', '2.4.85', '');
+            wp_enqueue_style('MaterialIconsFonts');
+            
+         /* Charts */
+        
+            /* wp_register_script( 'googleCharts', 'https://www.gstatic.com/charts/loader.js');
+            wp_enqueue_script('googleCharts'); */
+        
         /**
          * Tainacan Theme
          */
@@ -41,8 +48,8 @@ if ( ! function_exists('tainacan_Enqueues') ) {
             wp_enqueue_style('tainacanStyle');
             wp_register_script('tainacanJS', get_template_directory_uri() . '/assets/js/js.js', '', '1.0', true);
             wp_enqueue_script('tainacanJS');
-            wp_register_script('collectionGraph_googleCharts', get_template_directory_uri() . '/assets/js/charts.js', array('googleCharts'), '1.0');
+            /* wp_register_script('collectionGraph_googleCharts', get_template_directory_uri() . '/assets/js/charts.js', array('googleCharts'), '1.0');
-            wp_enqueue_script('collectionGraph_googleCharts');
+            wp_enqueue_script('collectionGraph_googleCharts'); */
         /**
          * Comments
          */

src/header.php

@@ -5,8 +5,6 @@
     <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
     <meta http-equiv="X-UA-Compatible" content="ie=edge">
     <title><?php wp_title( '|', true, 'right' ); bloginfo( 'name' ); ?></title>
-    <link href="https://fonts.googleapis.com/icon?family=Material+Icons"
-      rel="stylesheet">
     <link href="https://fonts.googleapis.com/css?family=Roboto:100,100i,300,300i,400,400i,500,500i,700,700i,900,900i" rel="stylesheet">
     <?php if ( is_singular() && pings_open( get_queried_object() ) ) : ?>
 	    <link rel="pingback" href="<?php bloginfo( 'pingback_url' ); ?>">
@@ -19,7 +17,7 @@
         <div class="container-fluid pr-lg-5 max-large">
             <?php echo tainacan_get_logo(); ?>
             <div class="btn-group ml-auto p-4"> <!-- Quando retirar o commentario para exibir o menu retirar o p-4 -->
-                <!-- <button type="button" class="btn btn-link text-heavy-metal px-0"><i class="material-icons">person_outline</i></button>
+                <!-- <button type="button" class="btn btn-link text-heavy-metal px-0"><i class="mdi mdi-account-outline"></i></button>
                 <button type="button" class="btn btn-link text-heavy-metal dropdown-toggle dropdown-toggle-split px-1 pt-lg-0" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                     <div class="d-none d-md-inline-block">User</div><span class="sr-only text-jelly-bean">Toggle Dropdown</span>
                 </button>
@@ -28,8 +26,8 @@
                     <a class="dropdown-item" href="#">Coleção</a>
                     <a class="dropdown-item" href="#">Sair</a>
                 </div>
-                <button type="button" class="btn btn-link text-heavy-metal px-1"><i class="material-icons">notifications_none</i></button>
+                <button type="button" class="btn btn-link text-heavy-metal px-1"><i class="mdi mdi-bell-outline"></i></button>
-                <button type="button" class="btn btn-link text-heavy-metal pl-1 pr-lg-0"><i class="material-icons">help_outline</i></button> -->
+                <button type="button" class="btn btn-link text-heavy-metal pl-1 pr-lg-0"><i class="mdi mdi-help-circle-outline"></i></button> -->
             </div>
         </div>
     </nav>

src/searchform.php

@@ -3,7 +3,7 @@
         <input class="form-control py-2 border-right-0 border-0" type="search" name="s" value="search" id="tainacan-search">
         <span class="input-group-append">
             <button class="btn btn-outline-secondary border-0 border bg-white" type="submit">
-                <i class="material-icons" style="line-height: inherit;">search</i>
+                <i class="mdi mdi-magnify" style="line-height: inherit;"></i>
             </button>
         </span>
     </div>

src/single-colecoes.php

@@ -27,23 +27,23 @@
         </div>
         <div class="row p-5">
             <div class="col-sm border-bottom p-2 mx-lg-5">
-                <i class="material-icons text-scooter p-3">play_arrow</i> Esculturas
+                <i class="mdi mdi-play text-scooter p-3"></i> Esculturas
             </div>
             <div class="col-sm border-bottom p-2 mx-lg-5">
-                <i class="material-icons text-scooter p-3">play_arrow</i> Livros
+                <i class="mdi mdi-play text-scooter p-3"></i> Livros
             </div>
             <div class="col-sm border-bottom p-2 mx-lg-5">
-                <i class="material-icons text-scooter p-3">play_arrow</i> Quadros
+                <i class="mdi mdi-play text-scooter p-3"></i> Quadros
             </div>
             <div class="w-100"></div>
             <div class="col-sm border-bottom p-2 mx-lg-5">
-                <i class="material-icons text-scooter p-3">play_arrow</i> Artefatos
+                <i class="mdi mdi-play text-scooter p-3"></i> Artefatos
             </div>
             <div class="col-sm border-bottom p-2 mx-lg-5">
-                <i class="material-icons text-scooter p-3">play_arrow</i> Documentos
+                <i class="mdi mdi-play text-scooter p-3"></i> Documentos
             </div>
             <div class="col-sm border-bottom p-2 mx-lg-5">
-                <i class="material-icons text-scooter p-3">play_arrow</i> Outros
+                <i class="mdi mdi-play text-scooter p-3"></i> Outros
             </div>
         </div>
     </section>
@@ -80,11 +80,11 @@
                     </div>
                 </div>
                 <a class="carousel-control-prev text-scooter justify-content-start" href="#carouselExample" role="button" data-slide="prev">
-                    <i class="material-icons prev-play">play_arrow</i>
+                    <i class="mdi mdi-play prev-play"></i>
                     <span class="sr-only">Previous</span>
                 </a>
                 <a class="carousel-control-next text-scooter justify-content-end" href="#carouselExample" role="button" data-slide="next">
-                    <i class="material-icons">play_arrow</i>
+                    <i class="mdi mdi-play"></i>
                     <span class="sr-only">Next</span>
                 </a>
             </div>

src/template-parts/bannerHeader.php

@@ -4,15 +4,12 @@
             <input class="form-control h-75 tainacan-input-search py-0 border-0" type="search" placeholder="Pesquisar">
         </div>
         <div class="pt-1 mt-2 ml-1">
-            <button type="reset" class="btn h-75 pt-0 pr-0 border-0 bg-white tainacan-button-search" onclick=""><i class="material-icons">close</i></button>
+            <button type="reset" class="btn h-75 pt-0 pr-0 border-0 bg-white tainacan-button-search" onclick=""><i class="mdi mdi-close"></i></button>
         </div>
         <div class="pt-1 mt-2 mx-1">
-            <button type="submit" class="btn h-75 pt-0 border-0 text-heavy-metal bg-white tainacan-button-search" onclick=""><i class="material-icons">search</i></button>
+            <button type="submit" class="btn h-75 pt-0 border-0 text-heavy-metal bg-white tainacan-button-search" onclick=""><i class="mdi mdi-magnify"></i></button>
         </div>
     </div>
 </form>
 
-<div <?php if ( get_header_image() ) : ?>class="page-header header-filter clear-filter page-height" style="background-image: url('<?php header_image(); ?>')"<?php else: ?>class="page-header header-filter clear-filter" style="background-image: url('<?php echo get_template_directory_uri() ?>/assets/images/capa.png')"<?php endif; ?>>
+<div <?php if ( get_header_image() ) : ?>class="page-header header-filter clear-filter page-height" style="background-image: url('<?php header_image(); ?>')"<?php else: ?>class="page-header header-filter clear-filter" style="background-image: url('<?php echo get_template_directory_uri() ?>/assets/images/capa.png')"<?php endif; ?>></div>
-    <!-- <img src="<?php echo get_template_directory_uri() ?>/assets/images/capa.png" class="img-fluid header-img">
-    <i class="material-icons float-right p-1 m-2 mt-3 text-white rounded-circle position-absolute header-icon">settings</i> -->
-</div>