commit c15fbe69ddb993a22f1209be596e1220ed84e262 Author: Marco Antonio Vivas Date: Fri Aug 8 22:32:35 2025 -0300 Initial commit diff --git a/.gitattributes b/.gitattributes new file mode 100644 index 0000000..dfe0770 --- /dev/null +++ b/.gitattributes @@ -0,0 +1,2 @@ +# Auto detect text files and perform LF normalization +* text=auto diff --git a/404.php b/404.php new file mode 100644 index 0000000..3cdccd7 --- /dev/null +++ b/404.php @@ -0,0 +1,13 @@ + + +

+ + \ No newline at end of file diff --git a/README.md b/README.md new file mode 100644 index 0000000..9b6fe44 --- /dev/null +++ b/README.md @@ -0,0 +1,78 @@ +# Intranet Corporativa Moderna + +Tema WordPress moderno para intranet corporativa, focado em usabilidade, integração de notícias, atalhos rápidos, estatísticas, eventos e recursos internos para equipes municipais. + +## Recursos Principais + +- Layout responsivo e moderno +- Menu lateral personalizável +- Seção de destaques com integração ao WhatsApp +- Atalhos rápidos para Helpdesk, Artes, Diretório, Notícias, Folha de Pagamento, Eventos e Relatórios +- Listagem de notícias e eventos com paginação +- Estatísticas e métricas importantes +- Integração com calendário e eventos via shortcode +- Feed de redes sociais (Instagram) +- Suporte a widgets na barra lateral e rodapé +- Suporte a imagens destacadas e thumbnails customizadas +- Tradução pronta para pt_BR +- Suporte a WebP +- SEO básico (title-tag) +- Lazy loading para imagens + +## Estrutura de Pastas + +``` +wp-content/themes/intranet/ +├── assets/ +│ └── images/ +├── languages/ +│ ├── pt_BR.po +│ └── pt_BR.mo +├── template-parts/ +│ └── content.php +├── 404.php +├── all-news.php +├── archive.php +├── content-noticia.php +├── footer.php +├── front-page.php +├── functions.php +├── header.php +├── index.php +├── page.php +├── search.php +├── sidebar.php +├── single.php +├── style.css +├── README.md +└── screenshot.png +``` + +## Instalação + +1. Faça upload da pasta do tema para `wp-content/themes/intranet`. +2. Ative o tema pelo painel do WordPress. +3. Certifique-se de que as dependências externas (Font Awesome) estão carregando corretamente. +4. Configure os menus e widgets pelo painel. +5. Para atalhos e eventos, utilize os shortcodes sugeridos ou plugins compatíveis. + +## Personalização + +- Edite o arquivo `front-page.php` para alterar textos, atalhos e integrações. +- As cores principais podem ser ajustadas no CSS, especialmente para adaptar ao branding da organização. +- Para alterar ícones, utilize as classes do Font Awesome. +- Traduções podem ser ajustadas nos arquivos `.po` e `.mo` em `languages/`. + +## Suporte a Plugins + +- Compatível com plugins de calendário e eventos via shortcode. +- Suporte a widgets padrão do WordPress. + +## Créditos + +Desenvolvido por Marco Antonio Vivas +https://marcovivas.com/ + +--- + +Para dúvidas ou sugestões, utilize o painel de administração do WordPress ou entre em contato com o desenvolvedor. \ No newline at end of file diff --git a/all-news.php b/all-news.php new file mode 100644 index 0000000..de9c1a3 --- /dev/null +++ b/all-news.php @@ -0,0 +1,60 @@ + + +

+ 'post', + 'posts_per_page' => 9, + 'paged' => $paged, + 'post_status' => 'publish' + ); + $query = new WP_Query($args); + + if ($query->have_posts()) : + while ($query->have_posts()) : $query->the_post(); ?> +

+ +

+ + + +

+ +

+ + +

+ + + +

+ 2, + 'prev_text' => __('Anterior', 'intranet'), + 'next_text' => __('Próximo', 'intranet'), + )); + wp_reset_postdata(); + else : + echo '

' . __('Nenhuma notícia encontrada.', 'intranet') . '

'; + endif; + ?> +

+ + \ No newline at end of file diff --git a/archive.php b/archive.php new file mode 100644 index 0000000..3d6b6e8 --- /dev/null +++ b/archive.php @@ -0,0 +1,56 @@ + + +

+ +

+ 2, + 'prev_text' => __('Anterior', 'intranet'), + 'next_text' => __('Próximo', 'intranet'), + )); + else : + echo '

' . __('Nenhum post encontrado.', 'intranet') . '

'; + endif; + ?> +

+ + +

+ + \ No newline at end of file diff --git a/assets/images/imagem-lateral.png b/assets/images/imagem-lateral.png new file mode 100644 index 0000000..4c5551f Binary files /dev/null and b/assets/images/imagem-lateral.png differ diff --git a/assets/images/logo.png b/assets/images/logo.png new file mode 100644 index 0000000..b63cc7a Binary files /dev/null and b/assets/images/logo.png differ diff --git a/content-noticia.php b/content-noticia.php new file mode 100644 index 0000000..47c98d1 --- /dev/null +++ b/content-noticia.php @@ -0,0 +1,19 @@ +

+ +

+ + + +

+ + +

+ +

\ No newline at end of file diff --git a/design.png b/design.png new file mode 100644 index 0000000..d2ebd9e Binary files /dev/null and b/design.png differ diff --git a/footer.php b/footer.php new file mode 100644 index 0000000..109edd1 --- /dev/null +++ b/footer.php @@ -0,0 +1,40 @@ + + + + + \ No newline at end of file diff --git a/front-page.php b/front-page.php new file mode 100644 index 0000000..a923b9f --- /dev/null +++ b/front-page.php @@ -0,0 +1,298 @@ + + +

+ + + + +

+ + + +

+ +

+ + +

+ + + +

+ 'post', + 'posts_per_page' => 4, + 'post_status' => 'publish' + ); + $query = new WP_Query($args); + if ($query->have_posts()) : + while ($query->have_posts()) : $query->the_post(); ?> +

+ +

+ + + +

+ +

+ + +

+ + + +

+ ' . __('Nenhuma notícia encontrada.', 'intranet') . '

'; + endif; + ?> +

+ +

+ + +

+ +

1.245

+ +

127

+ + +

+ +

+ + + \ No newline at end of file diff --git a/functions.php b/functions.php new file mode 100644 index 0000000..7b94f4c --- /dev/null +++ b/functions.php @@ -0,0 +1,78 @@ + __('Menu Principal', 'intranet') + )); +} +add_action('after_setup_theme', 'intranet_menus'); + +// Suporte a thumbnails +add_theme_support('post-thumbnails'); + +// Suporte a tradução +load_theme_textdomain('intranet', get_template_directory() . '/languages'); + +// Registrar áreas de widgets +function intranet_widgets() { + register_sidebar(array( + 'name' => __('Barra Lateral', 'intranet'), + 'id' => 'sidebar-1', + 'description' => __('Adicione widgets para a barra lateral.', 'intranet'), + 'before_widget' => '', + 'before_title' => '', + )); + register_sidebar(array( + 'name' => __('Rodapé', 'intranet'), + 'id' => 'footer-1', + 'description' => __('Adicione widgets ao rodapé.', 'intranet'), + 'before_widget' => '', + 'before_title' => '', + )); +} +add_action('widgets_init', 'intranet_widgets'); + +// Adicionar suporte a título dinâmico +add_theme_support('title-tag'); + +// Personalizar o tamanho das thumbnails +add_image_size('noticia-thumb', 300, 200, true); + +// Suporte a WebP +function webp_upload_mimes($existing_mimes) { + $existing_mimes['webp'] = 'image/webp'; + return $existing_mimes; +} +add_filter('mime_types', 'webp_upload_mimes'); + +// Breadcrumbs +function intranet_breadcrumbs() { + // Implementação dos breadcrumbs +} + +// Lazy loading +add_filter('wp_get_attachment_image_attributes', function($attr) { + $attr['loading'] = 'lazy'; + return $attr; +}); + +// Tempo de leitura estimado +if (!function_exists('estimated_reading_time')) { + function estimated_reading_time() { + $content = get_post_field('post_content', get_the_ID()); + $word_count = str_word_count(strip_tags($content)); + $readingtime = ceil($word_count / 200); + return ($readingtime == 0) ? 'Menos de 1' : $readingtime; + } +} + +?> \ No newline at end of file diff --git a/header.php b/header.php new file mode 100644 index 0000000..4a0fc2f --- /dev/null +++ b/header.php @@ -0,0 +1,40 @@ + +> + + + + + +> +

+ +

\ No newline at end of file diff --git a/index.php b/index.php new file mode 100644 index 0000000..6f42e06 --- /dev/null +++ b/index.php @@ -0,0 +1,45 @@ + + +

+ +

+ ' . __('Nenhum post encontrado.', 'intranet') . '

'; + endif; + ?> +

+ + \ No newline at end of file diff --git a/languages/pt_BR.mo b/languages/pt_BR.mo new file mode 100644 index 0000000..e69de29 diff --git a/languages/pt_BR.po b/languages/pt_BR.po new file mode 100644 index 0000000..e69de29 diff --git a/leiame.md b/leiame.md new file mode 100644 index 0000000..b441551 --- /dev/null +++ b/leiame.md @@ -0,0 +1,24 @@ +/wp-content/themes/nome-do-tema/ +├── style.css +├── index.php +├── functions.php +├── header.php +├── footer.php +├── sidebar.php +├── front-page.php +├── page.php +├── single.php +├── archive.php +├── 404.php +├── search.php +├── assets/ +│ ├── css/ +│ ├── js/ +│ └── images/ +├── languages/ +│ ├── pt_BR.po +│ └── pt_BR.mo +├── template-parts/ +│ └── content.php +├── rtl.css +└── screenshot.png \ No newline at end of file diff --git a/page.php b/page.php new file mode 100644 index 0000000..e8c949a --- /dev/null +++ b/page.php @@ -0,0 +1,26 @@ + + +

+ +

> +

+ +

+ ' . __('Nenhuma página encontrada.', 'intranet') . '

'; + endif; + ?> +

+ + +

+ + \ No newline at end of file diff --git a/screenshot.png b/screenshot.png new file mode 100644 index 0000000..302f0f9 Binary files /dev/null and b/screenshot.png differ diff --git a/search.php b/search.php new file mode 100644 index 0000000..32b1b82 --- /dev/null +++ b/search.php @@ -0,0 +1,45 @@ + + +

+ ' . esc_html(get_search_query()) . ''); + ?> +

+ +

+ 2, + 'prev_text' => __('Anterior', 'intranet'), + 'next_text' => __('Próximo', 'intranet'), + )); + else : + echo '

' . __('Nenhum resultado encontrado. Tente outra busca.', 'intranet') . '

'; + endif; + ?> +

+ + +

+ + \ No newline at end of file diff --git a/sidebar.php b/sidebar.php new file mode 100644 index 0000000..680f65b --- /dev/null +++ b/sidebar.php @@ -0,0 +1,20 @@ + \ No newline at end of file diff --git a/single.php b/single.php new file mode 100644 index 0000000..7d276e4 --- /dev/null +++ b/single.php @@ -0,0 +1,95 @@ + + +

+ +

> + +

+ +

+ 'featured-img']); ?> +

+ + +

+ +

+ + + + + min de leitura + +

+ + +

+ '

' . __('Páginas:', 'intranet'), + 'after' => '

', + ]); + ?> +

+ + + +

+ + +

+ +

+ + + +

+ + + + + + +

+ +

+ \ No newline at end of file diff --git a/style.css b/style.css new file mode 100644 index 0000000..0d167ba --- /dev/null +++ b/style.css @@ -0,0 +1,1453 @@ +/* +Theme Name: Intranet Corporativa Moderna +Theme URI: https://marcovivas.com/ +Author: Marco Antonio Vivas +Author URI: https://marcovivas.com/ +Description: Tema moderno para intranet corporativa com foco em usabilidade +Version: 2.0 +*/ + +/*-------------------------------------------------------------- +# Variáveis +--------------------------------------------------------------*/ +:root { + --azul-principal: #006494; + --azul-escuro: #003554; + --azul-claro: #0582ca; + --azul-brilhante: #00a6fb; + --amarelo: #ffb700; + --cinza-claro: #f8f9fa; + --cinza: #e9ecef; + --preto: #212529; + --branco: #ffffff; + --sombra: 0 4px 6px rgba(0, 0, 0, 0.1); + --borda-radius: 8px; + --transicao: all 0.3s ease; + --azul-principal: #006494; + --azul-escuro: #003554; + --azul-brilhante: #00a6fb; + --roxo: #9C27B0; + --verde: #4CAF50; + --laranja: #FF9800; + --vermelho: #F44336; + --branco: #ffffff; + --sombra: 0 4px 12px rgba(0, 0, 0, 0.08); + --sombra-hover: 0 8px 24px rgba(0, 0, 0, 0.12); + --borda-radius: 12px; + --transicao: all 0.25s ease; +} +.entry-title { display: none; } + +/*-------------------------------------------------------------- +# Base +--------------------------------------------------------------*/ +body { + margin: 0; + font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif; + background-color: var(--cinza-claro); + color: var(--preto); + line-height: 1.6; +} + +@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap'); + +/*-------------------------------------------------------------- +# Layout geral +--------------------------------------------------------------*/ +.container { + width: 100%; + max-width: 1400px; + margin: 0 auto; + padding: 0 20px; +} + +.grid-layout { + display: grid; + grid-template-columns: 250px 1fr; + gap: 30px; + margin-top: 30px; +} + +@media (max-width: 900px) { + .grid-layout { + display: block; + } +} + +/*-------------------------------------------------------------- +# Header Moderno +--------------------------------------------------------------*/ +.header-moderno { + background: var(--branco); + box-shadow: var(--sombra); + position: sticky; + top: 0; + z-index: 100; +} + +.header-container { + display: flex; + justify-content: space-between; + align-items: center; + padding: 15px 0; +} + +.logo { + display: flex; + align-items: center; + gap: 10px; +} + +.logo img { + height: 40px; +} + +.logo h1 { + margin: 0; + font-size: 1.5rem; + font-weight: 700; + color: var(--azul-principal); +} + +.nav-principal ul { + display: flex; + gap: 25px; + list-style: none; + margin: 0; + padding: 0; +} + +.nav-principal a { + text-decoration: none; + color: var(--azul-escuro); + font-weight: 500; + padding: 8px 0; + position: relative; + transition: var(--transicao); +} + +.nav-principal a:after { + content: ''; + position: absolute; + bottom: 0; + left: 0; + width: 0; + height: 2px; + background: var(--azul-brilhante); + transition: var(--transicao); +} + +.nav-principal a:hover:after { + width: 100%; +} + +.user-menu { + display: flex; + align-items: center; + gap: 15px; +} + +.user-avatar { + width: 40px; + height: 40px; + border-radius: 50%; + background: var(--azul-principal); + color: var(--branco); + display: flex; + align-items: center; + justify-content: center; + font-weight: 600; + cursor: pointer; +} + +/*-------------------------------------------------------------- +# Sidebar Moderno +--------------------------------------------------------------*/ +.sidebar-moderno { + background: var(--branco); + border-radius: var(--borda-radius); + box-shadow: var(--sombra); + padding: 25px; + height: fit-content; + position: sticky; + top: 90px; +} + +@media (max-width: 900px) { + .sidebar-moderno { + position: static; + width: 100%; + margin-bottom: 30px; + box-sizing: border-box; + max-width: 100%; + min-width: 0; + padding: 20px 10px; + } +} + +.menu-vertical { + list-style: none; + padding: 0; + margin: 0; +} + +.menu-vertical li { + margin-bottom: 10px; +} + +.menu-vertical a { + display: flex; + align-items: center; + gap: 12px; + padding: 12px 15px; + color: var(--azul-escuro); + text-decoration: none; + border-radius: var(--borda-radius); + transition: var(--transicao); +} + +.menu-vertical a:hover, +.menu-vertical .current-menu-item a { + background: rgba(0, 100, 148, 0.1); + color: var(--azul-principal); +} + +.menu-vertical i { + width: 20px; + text-align: center; +} + +/*-------------------------------------------------------------- +# Hero Moderno +--------------------------------------------------------------*/ +.hero-moderno { + background: linear-gradient(135deg, var(--azul-principal), var(--azul-escuro)); + color: var(--branco); + padding: 80px 0; + margin-bottom: 40px; + position: relative; + overflow: hidden; +} + +.hero-content { + position: relative; + z-index: 2; + max-width: 600px; +} + +.hero-moderno h2 { + font-size: 2.5rem; + margin-bottom: 20px; + font-weight: 700; +} + +.hero-moderno p { + font-size: 1.2rem; + margin-bottom: 30px; + opacity: 0.9; +} + +.btn-primario { + background: var(--branco); + color: var(--azul-principal); + padding: 12px 25px; + border-radius: var(--borda-radius); + font-weight: 600; + text-decoration: none; + display: inline-flex; + align-items: center; + gap: 8px; + transition: var(--transicao); + box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1); +} + +.btn-primario:hover { + transform: translateY(-3px); + box-shadow: 0 6px 20px rgba(0, 0, 0, 0.15); +} + +.hero-pattern { + position: absolute; + top: 0; + right: 0; + height: 100%; + opacity: 0.15; +} + +/*-------------------------------------------------------------- +# Atalhos Modernos +--------------------------------------------------------------*/ +.atalhos-modernos { + margin-bottom: 40px; +} + +.atalhos-grid { + display: grid; + grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); + gap: 20px; +} + +.atalho-card { + background: var(--branco); + border-radius: var(--borda-radius); + padding: 25px 15px; + text-align: center; + box-shadow: var(--sombra); + transition: var(--transicao); + cursor: pointer; +} + +.atalho-card:hover { + transform: translateY(-5px); + box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1); +} + +.atalho-card i { + font-size: 2rem; + color: var(--azul-principal); + margin-bottom: 15px; + transition: var(--transicao); +} + +.atalho-card:hover i { + color: var(--azul-brilhante); + transform: scale(1.1); +} + +.atalho-card span { + font-weight: 500; + color: var(--azul-escuro); +} + +/*-------------------------------------------------------------- +# Notícias Modernas +--------------------------------------------------------------*/ +.noticias-modernas { + margin-bottom: 50px; +} + +.section-header { + display: flex; + justify-content: space-between; + align-items: center; + margin-bottom: 30px; +} + +.section-header h3 { + font-size: 1.8rem; + color: var(--azul-principal); + margin: 0; +} + +.ver-tudo { + color: var(--azul-principal); + font-weight: 500; + text-decoration: none; + display: flex; + align-items: center; + gap: 5px; + transition: var(--transicao); +} + +.ver-tudo:hover { + color: var(--azul-brilhante); +} + +.noticias-grid { + display: grid; + grid-template-columns: repeat(auto-fill, minmax(350px, 1fr)); + gap: 25px; +} + +.noticia-card { + background: var(--branco); + border-radius: var(--borda-radius); + overflow: hidden; + box-shadow: var(--sombra); + transition: var(--transicao); +} + +.noticia-card:hover { + transform: translateY(-5px); + box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15); +} + +.noticia-imagem { + height: 200px; + overflow: hidden; +} + +.noticia-imagem img { + width: 100%; + height: 100%; + object-fit: cover; + transition: transform 0.5s ease; +} + +.noticia-card:hover .noticia-imagem img { + transform: scale(1.05); +} + +.noticia-conteudo { + padding: 20px; +} + +.noticia-meta { + display: flex; + gap: 15px; + font-size: 0.85rem; + color: var(--azul-claro); + margin-bottom: 10px; +} + +.noticia-titulo { + font-size: 1.2rem; + margin: 0 0 10px; +} + +.noticia-titulo a { + color: var(--azul-escuro); + text-decoration: none; + transition: var(--transicao); +} + +.noticia-titulo a:hover { + color: var(--azul-brilhante); +} + +.noticia-resumo { + color: var(--preto); + margin-bottom: 15px; + font-size: 0.95rem; +} + +.leia-mais { + color: var(--azul-principal); + font-weight: 500; + text-decoration: none; + display: inline-flex; + align-items: center; + gap: 5px; + transition: var(--transicao); +} + +.leia-mais:hover { + color: var(--azul-brilhante); +} + +/*-------------------------------------------------------------- +# Estatísticas Modernas +--------------------------------------------------------------*/ +.estatisticas-modernas { + margin-bottom: 50px; +} + +.stats-grid { + display: grid; + grid-template-columns: repeat(auto-fill, minmax(250px, 1fr)); + gap: 25px; +} + +.stats-card { + background: var(--branco); + border-radius: var(--borda-radius); + padding: 25px; + box-shadow: var(--sombra); + transition: var(--transicao); +} + +.stats-card:hover { + transform: translateY(-5px); + box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15); +} + +.stats-card i { + font-size: 1.8rem; + color: var(--azul-principal); + margin-bottom: 15px; +} + +.stats-card h4 { + font-size: 1rem; + color: var(--azul-escuro); + margin: 0 0 10px; +} + +.stats-value { + font-size: 1.8rem; + font-weight: 700; + color: var(--azul-principal); + margin-bottom: 5px; +} + +.stats-period { + font-size: 0.85rem; + color: var(--azul-claro); +} + +/*-------------------------------------------------------------- +# Rodapé +--------------------------------------------------------------*/ +.footer-moderno { + background: var(--azul-escuro); + color: var(--branco); + padding: 50px 0 20px; + margin-top: 50px; +} + +.footer-grid { + display: grid; + grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); + gap: 30px; + margin-bottom: 30px; +} + +.footer-col h4 { + font-size: 1.1rem; + margin-bottom: 20px; + position: relative; + padding-bottom: 10px; +} + +.footer-col h4:after { + content: ''; + position: absolute; + bottom: 0; + left: 0; + width: 40px; + height: 2px; + background: var(--azul-brilhante); +} + +.footer-col ul { + list-style: none; + padding: 0; + margin: 0; +} + +.footer-col li { + margin-bottom: 10px; +} + +.footer-col a { + color: rgba(255, 255, 255, 0.8); + text-decoration: none; + transition: var(--transicao); +} + +.footer-col a:hover { + color: var(--branco); + padding-left: 5px; +} + +.footer-bottom { + text-align: center; + padding-top: 20px; + border-top: 1px solid rgba(255, 255, 255, 0.1); + font-size: 0.9rem; + color: rgba(255, 255, 255, 0.6); +} + +/*-------------------------------------------------------------- +# Dark Mode +--------------------------------------------------------------*/ +@media (prefers-color-scheme: dark) { + :root { + --azul-principal: #0582ca; + --azul-escuro: #003554; + --azul-claro: #00a6fb; + --azul-brilhante: #7ec8ff; + --preto: #f8f9fa; + --branco: #121212; + --cinza-claro: #1e1e1e; + --cinza: #2d2d2d; + } + + .header-moderno { + background: var(--cinza-claro); + border-bottom: 1px solid var(--cinza); + } + + .sidebar-moderno, + .atalho-card, + .noticia-card, + .stats-card { + background: var(--cinza-claro); + border: 1px solid var(--cinza); + } +} + +/*-------------------------------------------------------------- +# Animações +--------------------------------------------------------------*/ +@keyframes fadeIn { + from { opacity: 0; transform: translateY(20px); } + to { opacity: 1; transform: translateY(0); } +} + +.noticia-card, +.stats-card, +.atalho-card { + animation: fadeIn 0.5s ease-out forwards; +} + +/*-------------------------------------------------------------- +# Responsividade +--------------------------------------------------------------*/ +@media (max-width: 768px) { + .header-container { + flex-direction: column; + gap: 15px; + } + + .nav-principal ul { + flex-wrap: wrap; + justify-content: center; + } + + .hero-moderno h2 { + font-size: 2rem; + } + + .noticias-grid { + grid-template-columns: 1fr; + } + + .atalhos-grid { + grid-template-columns: repeat(2, 1fr); + } +} + +@media (max-width: 900px) { + .grid-layout { + display: block; + } + .sidebar-moderno { + position: static; + width: 100%; + margin-bottom: 30px; + box-sizing: border-box; + max-width: 100%; + min-width: 0; + padding: 20px 10px; + } + .main-content { + width: 100%; + } + .menu-vertical { + flex-direction: row; + flex-wrap: wrap; + gap: 10px; + justify-content: flex-start; + } + .menu-vertical li { + margin-bottom: 0; + } + .menu-vertical a { + width: auto; + min-width: 120px; + justify-content: flex-start; + padding: 10px 8px; + font-size: 1rem; + } +} + +.news-wrapper { + max-width: 800px; /* Ajuste para a largura desejada da sua área de notícia */ + margin: 0 auto; /* Centraliza o conteúdo */ + padding: 20px; /* Adiciona um pouco de espaço interno */ +} + +.post-thumbnail.featured-image { + margin-bottom: 20px; + border-radius: 8px; + overflow: hidden; + box-shadow: var(--sombra); +} + +.post-thumbnail.featured-image img { + width: 100%; + height: auto; /* Mantém a proporção da imagem */ + display: block; +} + +.logo-container { + width: 300px; + height: 90px; + display: flex; + align-items: center; + justify-content: center; /* Centraliza horizontalmente */ +} + +.logo-container img { + max-height: 100%; /* Garante que a imagem não ultrapasse a altura */ + max-width: 100%; /* Garante que a imagem não ultrapasse a largura */ + height: auto; /* Mantém a proporção */ + width: auto; /* Mantém a proporção */ +} + +.logo-container h1 { + margin: 0; + font-size: 1.5rem; + font-weight: 700; + color: var(--azul-principal); + line-height: 1; /* Ajuste a altura da linha para centralizar verticalmente o texto */ +} + +.header-container { + display: flex; + justify-content: space-between; + align-items: center; + padding: 15px 0; +} + +/* Acesso Rápido - Atalhos Modernos */ +.atalhos-modernos { + margin-bottom: 40px; +} + +.atalhos-grid { + display: grid; + grid-template-columns: repeat(auto-fill, minmax(160px, 1fr)); + gap: 20px; +} + +.atalho-card { + background: var(--branco); + border-radius: var(--borda-radius); + padding: 25px 15px; + text-align: center; + box-shadow: var(--sombra); + transition: var(--transicao); + cursor: pointer; + display: flex; + flex-direction: column; + align-items: center; + border: 1px solid rgba(0, 0, 0, 0.05); +} + +.atalho-card:hover { + transform: translateY(-5px); + box-shadow: var(--sombra-hover); +} + +.atalho-card i { + font-size: 1.8rem; + margin-bottom: 15px; + width: 50px; + height: 50px; + border-radius: 50%; + display: flex; + align-items: center; + justify-content: center; + transition: var(--transicao); +} + +/* Cores dos ícones (personalizáveis) */ +.atalho-card:nth-child(1) i { + background: rgba(0, 166, 251, 0.1); + color: var(--azul-brilhante); +} + +.atalho-card:nth-child(2) i { + background: rgba(156, 39, 176, 0.1); + color: var(--roxo); +} + +.atalho-card:nth-child(3) i { + background: rgba(76, 175, 80, 0.1); + color: var(--verde); +} + +.atalho-card:nth-child(4) i { + background: rgba(255, 152, 0, 0.1); + color: var(--laranja); +} + +.atalho-card:nth-child(5) i { + background: rgba(244, 67, 54, 0.1); + color: var(--vermelho); +} + +.atalho-card:nth-child(6) i { + background: rgba(0, 106, 148, 0.1); + color: var(--azul-principal); +} + +.atalho-card:nth-child(7) i { + background: rgba(156, 39, 176, 0.1); + color: var(--roxo); +} + +.atalho-card:hover i { + transform: scale(1.1); +} + +.atalho-card span { + font-weight: 500; + color: var(--azul-escuro); + font-size: 0.95rem; +} + +/* Responsividade */ +@media (max-width: 768px) { + .atalhos-grid { + grid-template-columns: repeat(2, 1fr); + } +} + +@media (max-width: 480px) { + .atalhos-grid { + grid-template-columns: 1fr; + } +} + +/*-------------------------------------------------------------- +# Ícones (Font Awesome) +--------------------------------------------------------------*/ +@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css'); + +/*-------------------------------------------------------------- +# Single Post Styles +--------------------------------------------------------------*/ +.single-post-container { + padding: 40px 0; +} + +.post-content { + max-width: 800px; + margin: 0 auto; + background: var(--branco); + border-radius: var(--borda-radius); + box-shadow: var(--sombra); + overflow: hidden; +} + +.post-header { + margin-bottom: 30px; +} + +.post-featured-image { + margin-bottom: 25px; + border-radius: var(--borda-radius) var(--borda-radius) 0 0; + overflow: hidden; +} + +.post-featured-image img { + width: 100%; + height: auto; + display: block; + transition: transform 0.5s ease; +} + +.post-content:hover .post-featured-image img { + transform: scale(1.02); +} + +.post-meta-wrapper { + padding: 0 30px; +} + +.post-categories { + margin-bottom: 10px; +} + +.post-categories a { + display: inline-block; + background: var(--azul-principal); + color: white; + padding: 4px 12px; + border-radius: 20px; + font-size: 0.8rem; + text-decoration: none; + transition: var(--transicao); +} + +.post-categories a:hover { + background: var(--azul-brilhante); + transform: translateY(-2px); +} + +.post-title { + font-size: 2.2rem; + line-height: 1.3; + margin: 15px 0 20px; + color: var(--azul-escuro); +} + +.post-meta { + display: flex; + align-items: center; + gap: 15px; + margin-bottom: 30px; +} + +.author-avatar { + width: 48px; + height: 48px; + border-radius: 50%; + overflow: hidden; +} + +.author-avatar img { + width: 100%; + height: auto; + display: block; +} + +.meta-content { + flex: 1; +} + +.author-name { + display: block; + font-weight: 600; + color: var(--azul-escuro); + margin-bottom: 3px; +} + +.meta-details { + display: flex; + gap: 15px; + font-size: 0.9rem; + color: var(--azul-claro); +} + +.meta-details i { + margin-right: 5px; +} + +.entry-content { + padding: 0 30px 30px; + line-height: 1.8; + font-size: 1.1rem; + color: var(--preto); +} + +.entry-content p { + margin-bottom: 1.5em; +} + +.entry-content h2, +.entry-content h3, +.entry-content h4 { + margin-top: 1.8em; + margin-bottom: 0.8em; + color: var(--azul-principal); +} + +.entry-content img { + max-width: 100%; + height: auto; + border-radius: var(--borda-radius); + margin: 1.5em 0; +} + +.post-footer { + padding: 20px 30px; + border-top: 1px solid rgba(0, 0, 0, 0.1); + display: flex; + justify-content: space-between; + align-items: center; + flex-wrap: wrap; + gap: 15px; +} + +.post-tags { + flex: 1; + min-width: 200px; +} + +.tags-label { + font-weight: 500; + color: var(--azul-escuro); + margin-right: 8px; +} + +.post-tags a { + display: inline-block; + background: var(--cinza-claro); + color: var(--azul-escuro); + padding: 4px 12px; + border-radius: 20px; + font-size: 0.8rem; + text-decoration: none; + margin-right: 5px; + margin-bottom: 5px; + transition: var(--transicao); +} + +.post-tags a:hover { + background: var(--azul-principal); + color: white; +} + +.post-share { + display: flex; + align-items: center; + gap: 10px; +} + +.share-label { + font-weight: 500; + color: var(--azul-escuro); +} + +.share-btn { + width: 36px; + height: 36px; + border-radius: 50%; + display: flex; + align-items: center; + justify-content: center; + color: white; + text-decoration: none; + transition: var(--transicao); +} + +.share-btn.facebook { background: #3b5998; } +.share-btn.twitter { background: #1da1f2; } +.share-btn.linkedin { background: #0077b5; } +.share-btn.whatsapp { background: #25d366; } + +.share-btn:hover { + transform: translateY(-3px); + box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); +} + +/* Author Box */ +.author-box { + background: var(--branco); + border-radius: var(--borda-radius); + box-shadow: var(--sombra); + padding: 30px; + margin: 50px auto; + max-width: 800px; + display: flex; + gap: 20px; + align-items: center; +} + +.author-box .author-avatar { + width: 96px; + height: 96px; + min-width: 96px; + border-radius: 50%; + overflow: hidden; +} + +.author-info h4 { + margin: 0 0 10px; + color: var(--azul-escuro); +} + +.author-info p { + margin: 0 0 15px; + color: var(--preto); + line-height: 1.6; +} + +.author-link { + color: var(--azul-principal); + text-decoration: none; + font-weight: 500; + display: inline-flex; + align-items: center; + gap: 5px; + transition: var(--transicao); +} + +.author-link:hover { + color: var(--azul-brilhante); + gap: 8px; +} + +/* Related Posts */ +.related-posts { + margin: 50px auto; + max-width: 800px; +} + +.related-posts h3 { + color: var(--azul-escuro); + margin-bottom: 20px; + font-size: 1.5rem; +} + +.related-grid { + display: grid; + grid-template-columns: repeat(auto-fill, minmax(250px, 1fr)); + gap: 20px; +} + +/* Comments Section */ +.comments-section { + background: var(--branco); + border-radius: var(--borda-radius); + box-shadow: var(--sombra); + padding: 30px; + margin: 50px auto; + max-width: 800px; +} + +.comments-title { + color: var(--azul-escuro); + margin-bottom: 20px; +} + +/* Responsividade */ +@media (max-width: 768px) { + .post-title { + font-size: 1.8rem; + } + + .post-meta-wrapper, + .entry-content { + padding: 0 20px 20px; + } + + .author-box { + flex-direction: column; + text-align: center; + } + + .post-footer { + flex-direction: column; + align-items: flex-start; + } + + .post-share { + width: 100%; + justify-content: flex-start; + } +} + +/* Função para tempo de leitura estimado */ +function estimated_reading_time() { + $content = get_post_field('post_content', get_the_ID()); + $word_count = str_word_count(strip_tags($content)); + $readingtime = ceil($word_count / 200); + + if ($readingtime == 0) { + return 'Menos de 1'; + } else { + return $readingtime; + } +} + +/* Estilos para o conteúdo do post */ +.entry-content { + padding: 0 30px 30px; + line-height: 1.8; + font-size: 1.1rem; + color: var(--preto); + max-width: 100%; + overflow: hidden; +} + +.entry-content p { + margin-bottom: 1.5em; +} + +.entry-content h2 { + font-size: 1.6rem; + margin-top: 2em; + margin-bottom: 0.8em; + color: var(--azul-principal); +} + +.entry-content h3 { + font-size: 1.4rem; + margin-top: 1.8em; + margin-bottom: 0.8em; + color: var(--azul-principal); +} + +.entry-content h4 { + font-size: 1.2rem; + margin-top: 1.5em; + margin-bottom: 0.8em; + color: var(--azul-principal); +} + +.entry-content img { + max-width: 100%; + height: auto; + border-radius: var(--borda-radius); + margin: 1.5em 0; +} + +.entry-content ul, +.entry-content ol { + margin-bottom: 1.5em; + padding-left: 1.5em; +} + +.entry-content li { + margin-bottom: 0.5em; +} + +.entry-content blockquote { + border-left: 4px solid var(--azul-principal); + padding-left: 1.5em; + margin: 1.5em 0; + font-style: italic; + color: var(--azul-escuro); +} + +.entry-content a { + color: var(--azul-principal); + text-decoration: underline; +} + +.entry-content a:hover { + color: var(--azul-brilhante); +} + +/*-------------------------------------------------------------- +# Estilos do Calendário +--------------------------------------------------------------*/ +/* ========================= + Calendário Personalizado - Visual Moderno e Autoral + ========================= */ +@import url('https://fonts.googleapis.com/css?family=Roboto:400,500,700&display=swap'); + +.fc, .fc-unthemed { + font-family: 'Roboto', Arial, sans-serif !important; + background: #fff; + border-radius: 20px; + box-shadow: 0 4px 24px rgba(60,64,67,0.10); + border: none; + padding: 0 0 24px 0; + margin: 0 auto; + max-width: 420px; +} +.fc-toolbar, .fc-header-toolbar { + background: #f8f9fa; + border-radius: 20px 20px 0 0; + padding: 28px 32px 8px 32px; + display: flex; + align-items: center; + justify-content: space-between; + margin-bottom: 0; + border-bottom: 1px solid #e0e0e0; + box-shadow: 0 2px 8px rgba(60,64,67,0.06); + min-height: 64px; +} +.fc-toolbar .fc-center h2, .fc-header-toolbar .fc-center h2 { + color: #006494 !important; + font-size: 2em; + font-weight: 700; + margin: 0; + letter-spacing: 0.01em; + text-transform: capitalize; +} +.fc-toolbar .fc-left, .fc-toolbar .fc-right, +.fc-header-toolbar .fc-left, .fc-header-toolbar .fc-right { + display: flex; + gap: 0; +} +.fc-button { + background: none; + color: #1a73e8; + border: none; + border-radius: 50%; + width: 44px; + height: 44px; + display: flex; + align-items: center; + justify-content: center; + font-size: 1.6em; + transition: background 0.2s, color 0.2s; + box-shadow: none; + outline: none; + margin: 0 2px; +} +.fc-button svg { + width: 28px; + height: 28px; + display: block; +} +.fc-button:hover, .fc-button:focus, .fc-button.active { + background: #f1f3f4; + color: #1765c1; +} +.fc-button:disabled { + opacity: 0.4; + cursor: not-allowed; +} +.fc-unthemed .fc-day-header { + color: #8a8d91; + font-weight: 700; + background: none; + border: none; + font-size: 1em; + padding: 18px 0 10px 0; + letter-spacing: 0.12em; + text-transform: uppercase; +} +.fc-unthemed .fc-day { + background: #fff; + border: none; + border-radius: 16px; + transition: background 0.2s; + position: relative; + min-height: 64px; + margin: 2px 0; +} +.fc-unthemed .fc-day:hover { + background: #f6f8fa; + cursor: pointer; +} +.fc-unthemed .fc-other-month { + background: #f8f9fa; + color: #d0d0d0; + opacity: 1; +} +.fc-unthemed .fc-day-number { + color: #222; + font-weight: 500; + font-size: 1.18em; + z-index: 2; + position: relative; + padding: 0; + width: 38px; + height: 38px; + display: flex; + align-items: center; + justify-content: center; + border-radius: 50%; + margin: 0 auto 2px auto; + transition: background 0.2s, color 0.2s; +} +.fc-unthemed .fc-today .fc-day-number { + background: linear-gradient(135deg, #1a73e8 60%, #4fc3f7 100%); + color: #fff !important; + font-weight: 700; + box-shadow: 0 2px 8px rgba(26,115,232,0.10); +} +.fc-unthemed .fc-day.selected .fc-day-number, +.fc-unthemed .fc-day.active .fc-day-number { + background: #e3f2fd !important; + color: #1a73e8 !important; + font-weight: 700; +} +.fc-unthemed .fc-sat, .fc-unthemed .fc-sun { + background: #f6f8fa; +} +.fc-unthemed .fc-day-grid-event, .fc-unthemed .fc-event-dot { + background: none !important; + color: #1a73e8 !important; + border-radius: 50%; + font-size: 0.98em; + padding: 0; + margin: 0; + box-shadow: none; + border: none; + position: absolute; + left: 50%; + bottom: 8px; + transform: translateX(-50%); + width: 8px; + height: 8px; + background: #1a73e8 !important; + display: block; +} +.fc-unthemed .fc-day-grid-event { + background: #1a73e8 !important; +} +.fc-unthemed .fc-event-dot { + background: #4fc3f7 !important; +} +.fc-unthemed .fc-day-grid-event .fc-time { + display: none; +} +.fc-unthemed .fc-row { + min-height: 64px; +} +.fc-unthemed .fc-content-skeleton td, .fc-unthemed .fc-content-skeleton th { + border: none; +} +.fc-unthemed .fc-day-grid-container { + border-radius: 0 0 20px 20px; + overflow: visible; +} +.fc-unthemed .fc-day-grid { + min-height: unset; + max-height: unset; + height: auto; +} +.fc-unthemed .fc-day-grid .fc-row { + min-height: 64px; +} +.fc-unthemed .fc-row:last-child { + border-bottom-left-radius: 20px; + border-bottom-right-radius: 20px; +} +.fc-unthemed .fc-highlight { + background: #e3f2fd; +} +.fc-unthemed .fc-divider, .fc-unthemed .fc-widget-header, .fc-unthemed .fc-widget-content { + border: none; +} +.fc-unthemed .fc-popover { + background: #fff; + border-radius: 16px; + box-shadow: 0 4px 24px rgba(60,64,67,0.12); + color: #222; +} +/* Força o FullCalendar v3 a exibir no máximo 5 linhas (semanas) no mês */ +.fc-unthemed .fc-day-grid .fc-row:nth-child(6) { + display: none !important; +} +@media (max-width: 600px) { + .fc-toolbar { + flex-direction: column; + gap: 10px; + align-items: flex-start; + padding: 16px 8px 0 8px; + } + .fc { + font-size: 1em; + max-width: 100%; + border-radius: 12px; + } + .fc-unthemed .fc-day-number { + width: 32px; + height: 32px; + font-size: 1em; + } +} +/* Ícones SVG para navegação (substitua os botões do FullCalendar por SVGs via JS se possível) */ +.fc-button .fc-icon-left:before, .fc-button .fc-icon-right:before { + display: none; +} +.fc-button.fc-prev-button::after { + content: ''; + display: inline-block; + width: 24px; + height: 24px; + background: url('data:image/svg+xml;utf8,') no-repeat center center; + background-size: 24px 24px; +} +.fc-button.fc-next-button::after { + content: ''; + display: inline-block; + width: 24px; + height: 24px; + background: url('data:image/svg+xml;utf8,') no-repeat center center; + background-size: 24px 24px; +} +.fc-button.fc-prev-button, .fc-button.fc-next-button { + font-size: 0; + background: none; + border: none; + box-shadow: none; + width: 44px; + height: 44px; + border-radius: 50%; + transition: background 0.2s; +} +.fc-button.fc-prev-button:hover, .fc-button.fc-next-button:hover { + background: #e3f2fd; +} \ No newline at end of file diff --git a/template-parts/content.php b/template-parts/content.php new file mode 100644 index 0000000..8ebef42 --- /dev/null +++ b/template-parts/content.php @@ -0,0 +1,14 @@ +

> +

+ +

\ No newline at end of file

+ +

', + 'after_title' => '

', + 'after_title' => '

+ ' . esc_html(get_search_query()) . ''); + ?> +