Voltar

Postado em 12 de janeiro de 2023

Snippets WordPress

Atalhos

O que é wordpress?

Resumo

É um CMS Content Manage System ou sistema de gerenciamento de conteúdo que facilita o manuseio de partes do site por meio de um painel de fácil utilização, assim o manuseio não precisa ser feito diretamente no código do site, facilitando a gerencai já que quem vai manusear não precisará entender de programação, desta forma o próprio cliente conseguirá atualizar seu site.

Conhecimentos básicos para utilizar wordpress

Utiliza Linguageum de programação PHP
Utiliza Banco dados MySQL

Vantagens

  • Uso intuitivo
  • Instalação fácil
  • Alta oferta de plugins e extensões
  • Utilização em dispositivos móveis
  • Atualizações constantes

WordPress.org x WordPress..com

WordPress.org é aonde está toda a documentação do wordpress. Neste site terá tudo sobre a estruturação de templates, hierarquias, funções…

WordPress.com é o próprio site do wordpress que fornece algun serviços como o de hospedagem

Funções básicas para templates

Utilizados no Header

  • <?php get_header(); ?>

  • <title><?php bloginfo(‘name’); ?> <?php wp_title(‘-‘); ?></title>

  • /*template name: Page-Sobre*/

Utilizados no Footer

  • <?php get_footer(); ?>

Utilizado dentro das páginas

  • <?php get_template_part(‘path’); ?>

  • <?php echo get_home_url() ?>

Utilizados em postagens de blog

  • <?php echo get_permalink(); ?>

  • <?php the_permalink(); ?>

  • <?php the_title(); ?>

  • <?php the_title_attribute(); ?>

  • <?php the_content(); ?>

  • <p>Postado em <?php the_time(‘j \d\e F \d\e Y’) ?></p>

  • <?php _e( ‘Posted in’ ); ?> <?php the_category( ‘, ‘ ); ?>

  • <?php the_author(); ?>

  • <?php the_time(‘F jS, Y’); ?> by <?php the_author_posts_link(); ?>

  • <?php the_excerpt(); ?>

  • <?php the_category(); ?>

  • <?php the_post_thumbnail(‘large’); ?>

Função is_page

<?php if(is_page('Home')) { ?>
	<ul>
		<li><a href="<?php echo get_permalink(get_page_by_path('/')); ?>">Produtos Neon</a></li>
		<li><a href="<?php echo get_permalink(get_page_by_path('Conta')); ?>">Conta digital PJ</a></li>
		<li><a href="<?php echo get_permalink(get_page_by_path('Sobre')); ?>">Quem somos</a></li>
	</ul>
<?php } else { ?>
	<ul>
		<li><a href="<?php echo get_permalink(get_page_by_path('Blog')); ?>">Blog</a></li>
		<li><a href="<?php echo get_permalink(get_page_by_path('Contato')); ?>">Ajuda</a></li>
	</ul>
<?php } ?>

Geolocalização

Código que vai aonde você quer que apareça a localização

<?php
  session_start();
  echo $_SESSION["cidade"];
?>

Código com condicional

<?php
	session_start();
	if ($_SESSION[“cidadeslug”] === ‘arapiraca’ ||
		$_SESSION[“cidadeslug”] === ‘itabaiana’ ||
		$_SESSION[“cidadeslug”] === ‘rio-real’ ||
		$_SESSION[“cidadeslug”] === ‘petrolina’ ||
		$_SESSION[“cidadeslug”] === ‘juazeiro’ ||
		$_SESSION[“cidadeslug”] === ‘mosssoro’ ||
		$_SESSION[“cidadeslug”] === ‘maceio’
		){ echo ‘/’ . $_SESSION[“cidadeslug”];}
	else{ echo ‘/lojas’;}
?>

Loop Básico - Blog sem controle de postagens

CMS WordPress

  • Lista de acordo com a configuração em configurações > leitura > As páginas do blog mostram no máximo

Código PHP

<!– INICIO – LOOP BASICO DE BLOG –>
	<?php if ( have_posts() ) : while ( have_posts() ) : the_post(); ?>
	
		<!– O conteudo do loop vai aqui –>
			O conteudo vai aqui
		<!– O conteudo do loop termina aqui –>
	
	<?php endwhile; else : ?>
	<?php endif; ?>
<!– FIM – LOOP BASICO DE BLOG –>

Loop Básico - Blog com controle de postagens

Custom Fields WordPress

Para este loop não é necessário nada do lado do wordpress

Código PHP

<!– INICIO – LOOP DE BLOG COM CONTROLE DE POSTAGENS –>
  <?php $blog = new WP_Query(
    array(
      ‘posts_per_page’ => -1,
      ‘post_type’ => ‘post’,
      ‘order’ => ‘DESC’,
     )
   );
    while ($blog->have_posts()) : $blog->the_post(); ?>

       <!-- O conteudo do loop vai aqui -->
        O conteudo vai aqui
       <!-- O conteudo do loop termina aqui -->
   
    <?php endwhile; ?>
  <?php wp_reset_query(); ?>
<!– FIM – LOOP DE BLOG COM CONTROLE DE POSTAGENS –>

Loop Básico - Custom Post Type

Custom Fields WordPress

Necessário configurar o custom post type e os custom fields como grupo e dentro dele colocar outros custom fields.

Código PHP

<!-- INICIO - LOOP CUSTOM POST TYPE BASICO -->
  <?php $produtos = new WP_Query(
      array(
        'post_type' => 'produtos',
        'posts_per_page' => 10,
        'tax_query' => array(
          array(
            'taxonomy' => 'produtos-categoria',
            'field' => 'slug',
            'terms' => 'mais-procurados'
          )
        )
      )
    );                                   
    while ( $produtos->have_posts() ) : $produtos->the_post(); ?>
       <!-- O conteudo do loop vai aqui -->
	   <div>
	     <?php
	        $produtos_ACF = get_field('component-card-oferta');
	        if ($produtos_ACF) : ?> 
	          <div class="content">
	            <?php echo $produtos_ACF['page-index-offer-product-modal-content']; ?>
	          </div>                               
	        <?php endif; 
	      ?>                  
	    </div>  
  	<!-- O conteudo do loop termina aqui -->
    <?php endwhile; ?>
  <?php wp_reset_query(); ?>
<!-- FIM - LOOP CUSTOM POST TYPE BASICO -->

Loop Avançado - Custom Post Type com repetidor de custom field dentro

Custom Fields WordPress

Necessário configurar o custom post type e os custom fields como repetidor e dentro dele colocar outros custom fields.

Código PHP

<!-- INICIO - LOOP CUSTOM POST TYPE COM REPETIDOR DENTRO -->
  <?php $produtos = new WP_Query(
      array(
        'post_type' => 'produtos',
        'posts_per_page' => 10,
        'tax_query' => array(
          array(
            'taxonomy' => 'produtos-categoria',
            'field' => 'slug',
            'terms' => 'mais-procurados'
          )
        )
      )
    );                                   
    while ( $produtos->have_posts() ) : $produtos->the_post(); ?>
      
      <!-- INICIO REPETIDOR DE CUSTON FIELDS -->
        <?php if (have_rows('loop-s-produtos-relacionados-a-postagem')) : while (have_rows('loop-s-produtos-relacionados-a-postagem')) : the_row(); ?>

            <!-- O conteudo do loop vai aqui -->

            <h4><?php the_sub_field('page-blog-product-name'); ?></h4>

            <!-- O conteudo do loop termina aqui -->

        <?php endwhile;
          else : endif; ?>
      <!-- FIM REPETIDOR DE CUSTON FIELDS -->

    <?php endwhile; ?>
  <?php wp_reset_query(); ?>
<!-- FIM - LOOP CUSTOM POST TYPE COM REPETIDOR DENTRO -->

Loop Básico - Repetidor de Custom Fields

Custom Fields WordPress

Necessário configurar o custom field como repetidor e dentro dele colocar outros custom fields.

Código PHP

<!-- INICIO REPETIDOR DE CUSTON FIELDS -->
  <?php if (have_rows('loop-s-produtos-relacionados-a-postagem')) : while (have_rows('loop-s-produtos-relacionados-a-postagem')) : the_row(); ?>

      <!-- O conteudo do loop vai aqui -->

      <h4><?php the_sub_field('page-blog-product-name'); ?></h4>

      <!-- O conteudo do loop termina aqui -->

  <?php endwhile;
    else : endif; ?>
<!-- FIM REPETIDOR DE CUSTON FIELDS -->

Editar página de Recuperar senha e de Login

Processo de modificar a página do wordpress

1 – app/public/wp-admin/images/wordpress-logo.svg

  • Mudar a logo, pode colar por cima

2 – app/public/wp-admin/css/login.min.css

Copie e cole os tres códigos no final da folha de estilo, se a folha de estilo estiver inline, clique com o botão direito no vscode e selecione format document

  • Estilizar cor da borda dos inputs
.login .message,
.login .success,
.login #login_error {
	border-left: 4px solid #72aee6;
	background-color: #fff;
}

 

  • Mudar a cor do body, basta procurar este codigo e mudar o background
body {
background: #f0f0f1;
min-width: 0;
color: #3c434a;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
font-size: 13px;
line-height: 1.4
}

 

  • Aumentar o tamanho da area de login
#login {
  width: 28rem;
}

 

3 – app/public/wp-includes/css/dist/buttons.min.css

  • Estilizar cor dos botões.

4 – Retirar o que não for necessário do layout em app/wp-login.php

  • Encontrar a linha <p id=”nav”> e adicionar um estilo deve ficar assim:
<p id="nav" style="padding: 1rem 2rem; background: #070969; color:white; font-weight: 700; text-align:center; text-transform: uppercase; ">

 

  • Adicionar essas duas tags p no form de login, <form name=”loginform” id=”loginform”
  • Depois adicione o mesmo código em form name=”lostpasswordform” id=”lostpasswordform”
<p style="font-weight: 800; font-size: 1rem; text-align: center; margin-bottom: 1rem;">PAINEL ADMINISTRATIVO</p>
<p style="color: white; font-weight: 600; font-size: 1rem; margin-bottom: 1rem; text-align: justify; padding: .5rem 1rem; background: #070969;">Aviso: Este site é protegido pela Lei Geral de Proteção de Dados (LGPD) e apenas usuários autorizados têm permissão para acessar seu conteúdo. Qualquer tentativa de acesso não autorizado pode resultar em penalidades nos termos da LGPD. Por favor, certifique-se de ter permissão para acessar este site antes de continuar.</p>

Tratando erros de login, e registro

Passos para edição

  • Baixe o programa Poedit
  • Após vá na pasta public/wp-content/languages e faça uma cópia do arquivo pt_BR.po
  • Agora abra o arquivo no Poedit
  • CTRL + F e digite o que você quer traduzir, o encontrar traduza e após salve.
  • Após salvar será gerado dois arquivos pt_BR.po e pt_BR compilado, copie os dois e cole em public/wp-content/languages.

Editando diretamente no arquivo user.php

  • Para esta edição sugiro que você no próprio Poedit copie a sentensa em ingles a frase que deseja editar.
  • Após isto vá no vscode e abra a pasta public do seu projeto wordpress
  • Depois vá em find no vscode e cole seu codigo, vai aparecer exatamente o caminho do que você quer editar veja a imagem abaixo:

  • Faça isso para tudo que quiser editar diretamente, no meu caso eu tanto editei quanto estilizei inline após o print.

Arquivo wp-login.php modificado

Siga os passos

Adicione wp login em app/public

Adicione a logo em app/public/wp-admin/images/wordpress-logo.svg

Adicione Este código no final do arquivo app/public/wp-admin/css/login.min.css

Troque todas as cores deste path app/public/wp-includes/css/buttons.min.css pelas cores do seu tema

  • Você pode selecionar todas as cores selecionando a primeira e depois CTRL+D

Header modify by path

<!DOCTYPE html>
<html lang="pt-br">

<head>
  <meta charset="UTF-8" />
  <meta http-equiv="X-UA-Compatible" content="IE=edge" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <?php wp_head(); ?>

	<!-- Google Fonts -->
  <link rel="preconnect" href="<https://fonts.googleapis.com>" />
  <link rel="preconnect" href="<https://fonts.gstatic.com>" crossorigin />
  <link href="<https://fonts.googleapis.com/css2?family=Monda:wght@400;700&family=Raleway:wght@400;500;600;700&display=swap>" rel="stylesheet" />
  
	<!-- Link Pushbar.js CSS -->
  <link rel="stylesheet" href="<https://cdn.jsdelivr.net/npm/pushbar.js@1.0.0/src/pushbar.min.css>" />

  <!-- Link Swiper's CSS -->
  <link rel="stylesheet" href="<https://unpkg.com/swiper/swiper-bundle.min.css>" />
  <link rel="stylesheet" href="<?php echo get_template_directory_uri() ?>/css/main.css" />
  
  <!--Sweet-->
	<script src="<https://unpkg.com/sweetalert/dist/sweetalert.min.js>"></script>
</head>

<body>
  <!-- Menu -->
  <div class="navbar navbar-push-responsivo" data-pushbar-id="menu-responsivo" data-pushbar-direction="bottom">
    <button class="push-close" data-pushbar-close>Voltar</button>
    <div class="push-conteudo">
      <nav>
        <ul>
          <li>
            <a <?php
                if ($urlAtualIndex === '') {
                  echo 'class="menu-branco"';
                }
                if ($urlAtualIndex === 'produtos') {
                  echo 'class="menu-branco menu-produtos"';
                }
                if ($urlAtualIndex === 'empresa') {
                  echo 'class="menu-empresa"';
                }
                if ($urlAtualIndex === 'contato') {
                  echo 'class="menu-contato"';
                }
                if ($urlAtualIndex === 'blog') {
                  echo 'class="menu-page-blog"';
                }
                if ($urlAtualIndex === 'mapa-alagoas') {
                  echo 'class="menu-branco menu-empresa"';
                }
                ?> href="/index.php">Home
            </a>
          </li>
          <li>
            <a <?php
                if ($urlAtualIndex === '') {
                  echo 'class="menu-branco"';
                }
                if ($urlAtualIndex === 'produtos') {
                  echo 'class="menu-branco menu-produtos"';
                }
                if ($urlAtualIndex === 'empresa') {
                  echo 'class="menu-empresa"';
                }
                if ($urlAtualIndex === 'contato') {
                  echo 'class="menu-contato"';
                }
                if ($urlAtualIndex === 'blog') {
                  echo 'class="menu-page-blog"';
                }
                if ($urlAtualIndex === 'mapa-alagoas') {
                  echo 'class="menu-branco menu-empresa"';
                }
                ?> href="/produtos">Produtos</a>
          </li>
          <li>
            <a <?php
                if ($urlAtualIndex === '') {
                  echo 'class="menu-branco"';
                }
                if ($urlAtualIndex === 'produtos') {
                  echo 'class="menu-branco menu-produtos"';
                }
                if ($urlAtualIndex === 'empresa') {
                  echo 'class="menu-empresa"';
                }
                if ($urlAtualIndex === 'contato') {
                  echo 'class="menu-contato"';
                }
                if ($urlAtualIndex === 'blog') {
                  echo 'class="menu-page-blog"';
                }
                if ($urlAtualIndex === 'mapa-alagoas') {
                  echo 'class="menu-branco menu-empresa"';
                }
                ?> href="/empresa">Empresa</a>
          </li>
          <li>
            <a <?php
                if ($urlAtualIndex === '') {
                  echo 'class="menu-branco"';
                }
                if ($urlAtualIndex === 'produtos') {
                  echo 'class="menu-branco menu-produtos"';
                }
                if ($urlAtualIndex === 'empresa') {
                  echo 'class="menu-empresa"';
                }
                if ($urlAtualIndex === 'contato') {
                  echo 'class="menu-contato"';
                }
                if ($urlAtualIndex === 'blog') {
                  echo 'class="menu-page-blog"';
                }
                if ($urlAtualIndex === 'mapa-alagoas') {
                  echo 'class="menu-branco menu-empresa"';
                }
                ?> href="/blog">Blog</a>
          </li>
          <li>
            <a <?php
                if ($urlAtualIndex === '') {
                  echo 'class="menu-branco"';
                }
                if ($urlAtualIndex === 'produtos') {
                  echo 'class="menu-branco menu-produtos"';
                }
                if ($urlAtualIndex === 'empresa') {
                  echo 'class="menu-empresa"';
                }
                if ($urlAtualIndex === 'contato') {
                  echo 'class="menu-contato"';
                }
                if ($urlAtualIndex === 'blog') {
                  echo 'class="menu-page-blog"';
                }
                if ($urlAtualIndex === 'mapa-alagoas') {
                  echo 'class="menu-branco menu-empresa"';
                }
                ?> href="/contato">Contato</a>
          </li>
        </ul>
      </nav>

      <div class="redes-sociais">
        <h2>Redes Sociais:</h2>
        <ul>
          <li>
            <a href="<https://www.instagram.com/tetovinilico/>" target="_blank">
              <img src="<?php echo get_template_directory_uri() ?>/img/icons/instagram.svg" alt="Ícone do Instagram" />
            </a>
          </li>
          <li>
            <a href="<https://br.pinterest.com/tetovinilico/>" target="_blank">
              <img src="<?php echo get_template_directory_uri() ?>/img/icons/pinterest.svg" alt="Ícone do Pinterest" />
            </a>
          </li>
          <li>
            <a href="<https://www.facebook.com/tetovinilico>" target="_blank">
              <img src="<?php echo get_template_directory_uri() ?>/img/icons/facebook.svg" alt="Ícone do Facebook" />
            </a>
          </li>
          <li>
            <a href="<https://www.youtube.com/channel/UCufhBCRVwGtYM4BrY2wHQkw>" target="_blank">
              <img src="<?php echo get_template_directory_uri() ?>/img/icons/youtube.svg" alt="Ícone do Youtube" />
            </a>
          </li>
        </ul>
      </div>
    </div>
  </div>

  <!--Função para chamar a url atual-->
  <?php $urlAtualIndex = $wp->request; ?>
  <header>
    <div class="linhas">
      <div class="
            <?php
            if ($urlAtualIndex === 'produtos') {
              echo "linhas-produtos";
            }
            if ($urlAtualIndex === 'empresa') {
              echo "linhas-empresa";
            }
            if ($urlAtualIndex === 'contato') {
              echo "linhas-contato";
            }
            if ($urlAtualIndex === 'blog') {
              echo "linhas-blog";
            }
            if ($urlAtualIndex === 'mapa-alagoas') {
              echo "linhas-empresa";
            }
            ?>
          ">
      </div>
      <div class="
            <?php
            if ($urlAtualIndex === 'produtos') {
              echo "linhas-produtos";
            }
            if ($urlAtualIndex === 'empresa') {
              echo "linhas-empresa";
            }
            if ($urlAtualIndex === 'contato') {
              echo "linhas-contato";
            }
            if ($urlAtualIndex === 'blog') {
              echo "linhas-blog";
            }
            if ($urlAtualIndex === 'mapa-alagoas') {
              echo "linhas-empresa";
            }
            ?>
          ">
      </div>
      <div class="
            <?php
            if ($urlAtualIndex === 'produtos') {
              echo "linhas-produtos";
            }
            if ($urlAtualIndex === 'empresa') {
              echo "linhas-empresa";
            }
            if ($urlAtualIndex === 'contato') {
              echo "linhas-contato";
            }
            if ($urlAtualIndex === 'blog') {
              echo "linhas-blog";
            }
            if ($urlAtualIndex === 'mapa-alagoas') {
              echo "linhas-empresa";
            }
            ?>
          ">
      </div>
      <div class="
            <?php
            if ($urlAtualIndex === 'produtos') {
              echo "linhas-produtos";
            }
            if ($urlAtualIndex === 'empresa') {
              echo "linhas-empresa";
            }
            if ($urlAtualIndex === 'contato') {
              echo "linhas-contato";
            }
            if ($urlAtualIndex === 'blog') {
              echo "linhas-blog";
            }
            if ($urlAtualIndex === 'mapa-alagoas') {
              echo "linhas-empresa";
            }
            ?>
          ">
      </div>
      <div class="
            <?php
            if ($urlAtualIndex === 'produtos') {
              echo "linhas-produtos";
            }
            if ($urlAtualIndex === 'empresa') {
              echo "linhas-empresa";
            }
            if ($urlAtualIndex === 'contato') {
              echo "linhas-contato";
            }
            if ($urlAtualIndex === 'blog') {
              echo "linhas-blog";
            }
            if ($urlAtualIndex === 'mapa-alagoas') {
              echo "linhas-empresa";
            }
            ?>
          ">
      </div>
    </div>

    <!--Pega a URL atual da página-->
    <div class="container" id="sBanner">
      <div class="menu">
        <a href="<?php echo get_home_url(); ?>">
          <img src="<?php echo get_template_directory_uri() ?>/img/<?php
                                                                    if ($urlAtualIndex === 'produtos' or $urlAtualIndex === '') {
                                                                      echo "logo-branca";
                                                                    } else {
                                                                      echo "logo";
                                                                    }
                                                                    ?>.png" alt="Logo Teto Vinílico" />
        </a>

        <div class="pushbar_main_content">
          <button class="menu-mobile" data-pushbar-target="menu-responsivo">
            <span style="
                    <?php
                    if ($urlAtualIndex === '') {
                      echo 'color:white;';
                    }
                    if ($urlAtualIndex === 'produtos') {
                      echo 'color:white;';
                    }
                    if ($urlAtualIndex === 'empresa') {
                      echo 'color:black;';
                    }
                    if ($urlAtualIndex === 'contato') {
                      echo 'color:black;';
                    }
                    if ($urlAtualIndex === 'blog') {
                      echo 'color:black;';
                    }
                    if ($urlAtualIndex === 'mapa-alagoas') {
                      echo 'color:white;';
                    }
                    ?>
                    ">
              Navegue
            </span>
            <img src="<?php echo get_template_directory_uri() ?>/img/icons/menu-mobile.svg" alt="Botão para o menu Mobile" />
          </button>
        </div>

        <nav>
          <ul>
            <li>
              <a <?php
                  if ($urlAtualIndex === '') {
                    echo 'class="menu-branco"';
                  }
                  if ($urlAtualIndex === 'produtos') {
                    echo 'class="menu-branco menu-produtos"';
                  }
                  if ($urlAtualIndex === 'empresa') {
                    echo 'class="menu-empresa"';
                  }
                  if ($urlAtualIndex === 'contato') {
                    echo 'class="menu-contato"';
                  }
                  if ($urlAtualIndex === 'blog') {
                    echo 'class="menu-page-blog"';
                  }
                  if ($urlAtualIndex === 'mapa-alagoas') {
                    echo 'class= "menu-empresa"';
                  }
                  ?> href="/index.php">Home
              </a>
            </li>
            <li>
              <a <?php
                  if ($urlAtualIndex === '') {
                    echo 'class="menu-branco"';
                  }
                  if ($urlAtualIndex === 'produtos') {
                    echo 'class="menu-branco menu-produtos"';
                  }
                  if ($urlAtualIndex === 'empresa') {
                    echo 'class="menu-empresa"';
                  }
                  if ($urlAtualIndex === 'contato') {
                    echo 'class="menu-contato"';
                  }
                  if ($urlAtualIndex === 'blog') {
                    echo 'class="menu-page-blog"';
                  }
                  if ($urlAtualIndex === 'mapa-alagoas') {
                    echo 'class= "menu-empresa"';
                  }
                  ?> href="/produtos">Produtos</a>
            </li>
            <li>
              <a <?php
                  if ($urlAtualIndex === '') {
                    echo 'class="menu-branco"';
                  }
                  if ($urlAtualIndex === 'produtos') {
                    echo 'class="menu-branco menu-produtos"';
                  }
                  if ($urlAtualIndex === 'empresa') {
                    echo 'class="menu-empresa"';
                  }
                  if ($urlAtualIndex === 'contato') {
                    echo 'class="menu-contato"';
                  }
                  if ($urlAtualIndex === 'blog') {
                    echo 'class="menu-page-blog"';
                  }
                  if ($urlAtualIndex === 'mapa-alagoas') {
                    echo 'class= "menu-empresa"';
                  }
                  ?> href="/empresa">Empresa</a>
            </li>
            <li>
              <a <?php
                  if ($urlAtualIndex === '') {
                    echo 'class="menu-branco"';
                  }
                  if ($urlAtualIndex === 'produtos') {
                    echo 'class="menu-branco menu-produtos"';
                  }
                  if ($urlAtualIndex === 'empresa') {
                    echo 'class="menu-empresa"';
                  }
                  if ($urlAtualIndex === 'contato') {
                    echo 'class="menu-contato"';
                  }
                  if ($urlAtualIndex === 'blog') {
                    echo 'class="menu-page-blog"';
                  }
                  if ($urlAtualIndex === 'mapa-alagoas') {
                    echo 'class= "menu-empresa"';
                  }
                  ?> href="/blog">Blog</a>
            </li>
            <li>
              <a <?php
                  if ($urlAtualIndex === '') {
                    echo 'class="menu-branco"';
                  }
                  if ($urlAtualIndex === 'produtos') {
                    echo 'class="menu-branco menu-produtos"';
                  }
                  if ($urlAtualIndex === 'empresa') {
                    echo 'class="menu-empresa"';
                  }
                  if ($urlAtualIndex === 'contato') {
                    echo 'class="menu-contato"';
                  }
                  if ($urlAtualIndex === 'blog') {
                    echo 'class="menu-page-blog"';
                  }
                  if ($urlAtualIndex === 'mapa-alagoas') {
                    echo 'class= "menu-empresa"';
                  }
                  ?> href="/contato">Contato</a>
            </li>
          </ul>
        </nav>
      </div>
    </div>

    <?php wp_head(); ?>
  </header>