Nexos/cnt-sindikatua
3
1
Fork 0
Code Issues 1 Pull Requests Actions Packages Projects 1 Releases Wiki Activity

refactor accesibilidad etiquetas y encabezados

Browse Source
This commit is contained in:
gustavo
2025-11-03 11:03:58 +00:00
parent ed7c6cfcda
commit 803f86e4be
17 changed files with 69 additions and 43 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
src/StarterSite.php
View File

@ -463,6 +463,14 @@ class StarterSite extends Site {
$context['listContacts'] = $this->getListContacts(); $context['listContacts'] = $this->getListContacts();
$context['footer_1'] = get_field('footer_text_1', 'option'); $context['footer_1'] = get_field('footer_text_1', 'option');
$context['footer_2'] = get_field('footer_text_2', 'option'); $context['footer_2'] = get_field('footer_text_2', 'option');
$footer_img_id = get_option('options_logo_footer');
if ($footer_img_id) {
$context['footer_img'] = wp_get_attachment_image_url($footer_img_id, 'full');
$context['footer_img_alt'] = get_post_meta($footer_img_id, '_wp_attachment_image_alt', true);
} else {
$context['footer_img'] = '';
$context['footer_img_alt'] = '';
}
//Otras páginas //Otras páginas
$context['enlaces'] = $this->getEnlaces(); $context['enlaces'] = $this->getEnlaces();

6
views/layouts/base.twig
View File

@ -8,7 +8,7 @@
{{ function('wp_body_open') }} {{ function('wp_body_open') }}
<a class="skip-link screen-reader-text" href="#content">{{ _e('Skip to content') }}</a> <a class="skip-link screen-reader-text" href="#content">{{ _e('Skip to content') }}</a>
<header class="header"> <header class="header" aria-label="Cabecera del sitio">
{% block header %} {% block header %}
<div class="container-fluid text-bg-light"> <div class="container-fluid text-bg-light">
{% include "partials/top-bar.twig" %} {% include "partials/top-bar.twig" %}
@ -21,7 +21,7 @@
<!-- nav --> <!-- nav -->
<div class="align-items-center justify-content-around bg-body-tertiary d-none d-lg-flex"> <div class="align-items-center justify-content-around bg-body-tertiary d-none d-lg-flex">
<div> <div>
<nav class="navbar navbar-expand-lg"> <nav class="navbar navbar-expand-lg" role="navigation" aria-label="Menú principal">
<div class="container-fluid"> <div class="container-fluid">
<div class="collapse navbar-collapse" id="navbarNavDropdown"> <div class="collapse navbar-collapse" id="navbarNavDropdown">
{% include "partials/menu.twig" with {'items': menu.get_items} %} {% include "partials/menu.twig" with {'items': menu.get_items} %}
@ -50,7 +50,7 @@
<!-- footer --> <!-- footer -->
{% block footer %} {% block footer %}
<footer id="footer" class="container-fluid text-bg-dark mt-5 section-footer"> <footer id="footer" class="container-fluid text-bg-dark mt-5 section-footer" role="contentinfo">
{% include 'partials/footer.twig' %} {% include 'partials/footer.twig' %}
</footer> </footer>
{{ function('wp_footer') }} {{ function('wp_footer') }}

2
views/partials/btn-search.twig
View File

@ -5,7 +5,7 @@
<div class="offcanvas offcanvas-top" tabindex="-1" id="offcanvasTop" aria-labelledby="offcanvasTopLabel" style="max-height: 18vh;"> <div class="offcanvas offcanvas-top" tabindex="-1" id="offcanvasTop" aria-labelledby="offcanvasTopLabel" style="max-height: 18vh;">
<div class="offcanvas-header"> <div class="offcanvas-header">
<h5 class="offcanvas-title" id="offcanvasTopLabel">Búsqueda</h5> <p class="offcanvas-title fs-4" id="offcanvasTopLabel">Búsqueda</p>
<button type="button" class="btn-close" data-bs-dismiss="offcanvas" aria-label="Close"></button> <button type="button" class="btn-close" data-bs-dismiss="offcanvas" aria-label="Close"></button>
</div> </div>
<div class="offcanvas-body"> <div class="offcanvas-body">

20
views/partials/footer.twig
View File

@ -1,15 +1,21 @@
<div class="container"> <div class="container">
<div class="row py-4"> <div class="row py-4">
{# logo y rrss #}
<div class="col-sm-4 mb-1"> <div class="col-sm-4 mb-1">
<div><img src="/wp-content/uploads/2025/07/logobehea.png" class="img-fluid" /></div> {# <div><img src="{{site.url}}/wp-content/uploads/2025/07/logobehea.png" class="img-fluid" alt="logo cnt sindikatua"/></div> #}
<div><img src="{{ footer_img }}" class="img-fluid" alt="{{ footer_img_alt }}"/></div>
<div class="p-1 text-footer"> <div class="p-1 text-footer">
<p>{{ footer_1 }}</p> <p>{{ footer_1 }}</p>
<p>{{ footer_2 }}</p> <p>{{ footer_2 }}</p>
</div> </div>
<div class="btn-group m-1" role="group" aria-label="First group"> <div class="btn-group m-1" role="group" aria-label="First group">
{% for red in redes_sociales %} {% for red in redes_sociales %}
<a href="{{ red.url }}" class="btn btn-outline-white pt-1" target="_blank" rel="noopener noreferrer"> <a href="{{ red.url }}" class="btn btn-outline-white pt-1"
target="_blank"
rel="noopener noreferrer"
aria-label="Botones redes sociales footer"
>
{% if red.imagen %} {% if red.imagen %}
<img src="{{ red.imagen.url }}" alt="{{ red.imagen.alt }}" class="social-icon svg-white"> <img src="{{ red.imagen.url }}" alt="{{ red.imagen.alt }}" class="social-icon svg-white">
{% else %} {% else %}
@ -21,6 +27,7 @@
</div> </div>
</div> </div>
{# noticias y opinion #}
<div class="col-sm-5 mb-5 px-2 text-footer"> <div class="col-sm-5 mb-5 px-2 text-footer">
<h5 class="text-decoration-underline">{{ __('Últimas noticias', 'Sindikatua') }}</h5> <h5 class="text-decoration-underline">{{ __('Últimas noticias', 'Sindikatua') }}</h5>
@ -48,6 +55,8 @@
{% endfor %} {% endfor %}
</div> </div>
{# contactos #}
<div class="col-sm-3 text-footer"> <div class="col-sm-3 text-footer">
{% if listContacts %} {% if listContacts %}
@ -71,11 +80,12 @@
</div> </div>
</div> </div>
<div class="py-2 text-center mt-5 border-top border-light text-footer"> <div class="py-2 text-center mt-5 border-top border-light text-footer">
<p>{{ __('El contenido de esta página web está bajo una licencia Creative Commons Reconocimiento-Compartir Igual 4.0 Internacional excepto aquel en el que se indique una fuente externa.', 'Sindikatua') }}</p> <p>{{ __('El contenido de esta página web está bajo una licencia Creative Commons Reconocimiento-Compartir Igual 4.0 Internacional excepto aquel en el que se indique una fuente externa.', 'Sindikatua') }}</p>
<p class="mb-0">&bullet; {{ __('Todos los derechos reservados', 'Sindikatua') }}&bullet; {{"now"|date('Y')}}</p> <p class="mb-0">&bullet; {{ __('Todos los derechos reservados', 'Sindikatua') }}&bullet; {{"now"|date('Y')}}</p>
<a class="nav-link d-inline" href="/aviso-legal">{{ __('Aviso legal', 'Sindikatua') }} &bullet;</a> <a class="nav-link d-inline" href="{{site.url}}/aviso-legal">{{ __('Aviso legal', 'Sindikatua') }} &bullet;</a>
<a class="nav-link d-inline" href="/politica-privacidad">{{ __('Política de privacidad', 'Sindikatua') }} &bullet;</a> <a class="nav-link d-inline" href="{{site.url}}/politica-privacidad">{{ __('Política de privacidad', 'Sindikatua') }} &bullet;</a>
<a class="nav-link d-inline" href="/politica-de-cookies">{{ __('Política de cookies', 'Sindikatua') }}</a> <a class="nav-link d-inline" href="{{site.url}}/politica-de-cookies">{{ __('Política de cookies', 'Sindikatua') }}</a>
</div> </div>
</div> </div>

6
views/partials/logos-header.twig
View File

@ -7,13 +7,13 @@
{# Primera columna #} {# Primera columna #}
<div class="col-lg-5 col-12 mb-3 mb-md-0"> <div class="col-lg-5 col-12 mb-3 mb-md-0">
<div class="d-flex align-items-center justify-content-between"> <div class="d-flex align-items-center justify-content-between">
<a class="navbar-brand d-block" href="{{site.url}}" rel="home"> <a class="navbar-brand d-block" href="{{site.url}}" rel="home" role="banner">
<div class="d-flex align-items-center"> <div class="d-flex align-items-center">
<img src="{{ logo.logo.sizes.medium }}" <img src="{{ logo.logo.sizes.medium }}"
alt="{{ logo.logo.alt }}" alt="{{ logo.logo.alt }}"
class="img-fluid me-3" class="img-fluid me-3"
style="max-height: 100px; flex-shrink: 0;"> style="max-height: 100px; flex-shrink: 0;">
<h1 class="mb-0 text-sindikatua text-uppercase">{{ logo.texto }}</h1> <p class="mb-0 fs-1 text-sindikatua text-uppercase">{{ logo.texto }}</p>
</div> </div>
</a> </a>
<div class="d-block d-lg-none"> <div class="d-block d-lg-none">
@ -25,7 +25,7 @@
{# Segunda columna #} {# Segunda columna #}
<div class="col-lg-7 col-12 d-none d-lg-block"> <div class="col-lg-7 col-12 d-none d-lg-block">
<div class="d-flex align-items-center justify-content-center justify-content-md-start h-100"> <div class="d-flex align-items-center justify-content-center justify-content-md-start h-100">
<a class="navbar-brand d-block" href="{{site.url}}" rel="home"> <a class="navbar-brand d-block" href="{{site.url}}" rel="home" role="banner">
<img src="{{ logo.logo.sizes.large }}" <img src="{{ logo.logo.sizes.large }}"
alt="{{ logo.logo.alt }}" alt="{{ logo.logo.alt }}"
class="img-fluid" class="img-fluid"

2
views/partials/menu-burger.twig
View File

@ -1,5 +1,5 @@
{% if menu %} {% if menu %}
<nav class="navbar justify-content-center menu-burger"> <nav class="navbar justify-content-center menu-burger" role="navigation" aria-label="Menú lateral responsive">
{#<a class="navbar-brand" href="#"></a>#} {#<a class="navbar-brand" href="#"></a>#}
<button class="navbar-toggler" type="button" <button class="navbar-toggler" type="button"
data-bs-toggle="offcanvas" data-bs-toggle="offcanvas"

2
views/partials/pagination-custom.twig
View File

@ -1,5 +1,5 @@
{% if pagination and pagination.total > 1 %} {% if pagination and pagination.total > 1 %}
<nav class="pagination-block d-flex justify-content-center"> <nav class="pagination-block d-flex justify-content-center" aria-label="Paginación de artículos">
<ul class="pagination"> <ul class="pagination">
{# First #} {# First #}

6
views/partials/section-videos&opinion.twig
View File

@ -3,7 +3,7 @@
{# Primera columna - Carousel con vídeos embebidos #} {# Primera columna - Carousel con vídeos embebidos #}
<div class="col-lg-8 col-12 mb-4 mb-lg-0 order-2 order-lg-1 mt-5 mt-lg-0"> <div class="col-lg-8 col-12 mb-4 mb-lg-0 order-2 order-lg-1 mt-5 mt-lg-0">
<h1 class="mb-4 position-relative fs-4 fw-bold sp-module-title">{{ __('Vídeos', 'Sindikatua')|upper }}</h1> <h2 class="mb-4 position-relative fs-4 fw-bold sp-module-title">{{ __('Vídeos', 'Sindikatua')|upper }}</h2>
{% if videos %} {% if videos %}
<div id="videosCarousel" class="carousel slide" data-bs-ride="carousel"> <div id="videosCarousel" class="carousel slide" data-bs-ride="carousel">
@ -116,13 +116,13 @@
{# Segunda columna - Último artículo de opinión #} {# Segunda columna - Último artículo de opinión #}
<div class="col-lg-4 col-12 opinion-article d-flex flex-column order-1 order-lg-2 "> <div class="col-lg-4 col-12 opinion-article d-flex flex-column order-1 order-lg-2 ">
<h1 class="mb-4 position-relative fs-4 fw-bold sp-module-title">{{ __('Opinión', 'Sindikatua')|upper}}</h1> <h2 class="mb-4 position-relative fs-4 fw-bold sp-module-title">{{ __('Opinión', 'Sindikatua')|upper}}</h2>
<div class="flex-grow-1 d-flex"> <div class="flex-grow-1 d-flex">
{% if last_posts_opinion and last_posts_opinion|length > 0 %} {% if last_posts_opinion and last_posts_opinion|length > 0 %}
{% for article in last_posts_opinion %} {% for article in last_posts_opinion %}
{% set imagen = article.thumbnail.src('medium') | default('/wp-content/uploads/2025/10/Imagen_por_defecto_300.jpg') %} {% set imagen = article.thumbnail.src('medium') | default('/wp-content/uploads/2025/10/Imagen_por_defecto_300.jpg') %}
{% set alt = article.thumbnail.alt | default('Imagen por defecto') %} {% set alt = article.thumbnail.alt | default('Imagen Opinión') %}
<div class="card w-100 h-100 secondary-article"> <div class="card w-100 h-100 secondary-article">
<a class="h-100" href="{{ article.link }}"> <a class="h-100" href="{{ article.link }}">

11
views/partials/top-bar.twig
View File

@ -9,7 +9,7 @@
{% for lang in languages %} {% for lang in languages %}
{% if lang.slug == 'es' or lang.slug == 'cas' %} {% if lang.slug == 'es' or lang.slug == 'cas' %}
{# Botón Castellano #} {# Botón Castellano #}
<a href="{{ lang.url }}" <a href="{{ lang.url }}" aria-label="Botón idiomas castellano"
class="btn {{ lang.current ? 'btn-dark' : 'btn-outline-dark' }} btn-sm ms-2" class="btn {{ lang.current ? 'btn-dark' : 'btn-outline-dark' }} btn-sm ms-2"
{% if lang.current %}aria-current="page"{% endif %}> {% if lang.current %}aria-current="page"{% endif %}>
<span class="d-inline d-sm-none">CAS</span> <span class="d-inline d-sm-none">CAS</span>
@ -17,7 +17,7 @@
</a> </a>
{% elseif lang.slug == 'eu' or lang.slug == 'eus' %} {% elseif lang.slug == 'eu' or lang.slug == 'eus' %}
{# Botón Euskera #} {# Botón Euskera #}
<a href="{{ lang.url }}" <a href="{{ lang.url }}" aria-label="Botón idiomas euskera"
class="btn {{ lang.current ? 'btn-dark' : 'btn-outline-dark' }} btn-sm ms-2" class="btn {{ lang.current ? 'btn-dark' : 'btn-outline-dark' }} btn-sm ms-2"
{% if lang.current %}aria-current="page"{% endif %}> {% if lang.current %}aria-current="page"{% endif %}>
<span class="d-inline d-sm-none">EUS</span> <span class="d-inline d-sm-none">EUS</span>
@ -40,7 +40,12 @@
<div class="btn-group m-1" role="group" aria-label="First group"> <div class="btn-group m-1" role="group" aria-label="First group">
{% for red in redes_sociales %} {% for red in redes_sociales %}
<a href="{{ red.url }}" class="btn btn-outline-dark btn-sm pt-0" target="_blank" rel="noopener noreferrer"> <a href="{{ red.url }}"
class="btn btn-outline-dark btn-sm pt-0"
target="_blank"
rel="noopener noreferrer"
aria-label="Botones redes sociales cabecera"
>
{% if red.imagen %} {% if red.imagen %}
<img src="{{ red.imagen.url }}" alt="{{ red.imagen.alt }}" class="social-icon pt-1 svg-hover-white"> <img src="{{ red.imagen.url }}" alt="{{ red.imagen.alt }}" class="social-icon pt-1 svg-hover-white">
{% else %} {% else %}

2
views/templates/page-conflictos-laborales.twig
View File

@ -23,7 +23,7 @@
<div class="col-md-8"> <div class="col-md-8">
<div class="card-body" style="padding-bottom: 60px;"> <div class="card-body" style="padding-bottom: 60px;">
<a href="{{ noticias.link }}" title="{{ noticias.title }}" class="text-decoration-none card-title"> <a href="{{ noticias.link }}" title="{{ noticias.title }}" class="text-decoration-none card-title">
<h5 class="fw-bolder hover-title-text">{{ noticias.title }}</h5> <h2 class="fw-bolder fs-4 hover-title-text">{{ noticias.title }}</h2>
</a> </a>
<p class="card-text"> {{ <p class="card-text"> {{

2
views/templates/page-industria.twig
View File

@ -9,7 +9,7 @@
{% for subpagIndustria in post.children('page') %} {% for subpagIndustria in post.children('page') %}
{% set imagen = subpagIndustria.thumbnail.src | default(imagen_default) %} {% set imagen = subpagIndustria.thumbnail.src | default(imagen_default) %}
{% set alt = subpagIndustria.thumbnail.alt | default('Imagen por defecto') %} {% set alt = subpagIndustria.thumbnail.alt | default('Imagen Industria cnt') %}
<div class="card my-3 position-relative posts-noticias"> <div class="card my-3 position-relative posts-noticias">
<div class="row g-0"> <div class="row g-0">

2
views/templates/page-noticias.twig
View File

@ -23,7 +23,7 @@
<div class="col-md-8"> <div class="col-md-8">
<div class="card-body" style="padding-bottom: 60px;"> <div class="card-body" style="padding-bottom: 60px;">
<a href="{{ noticias.link }}" title="{{ noticias.title }}" class="text-decoration-none card-title"> <a href="{{ noticias.link }}" title="{{ noticias.title }}" class="text-decoration-none card-title">
<h5 class="fw-bolder hover-title-text">{{ noticias.title }}</h5> <h2 class="fw-bolder fs-4 hover-title-text">{{ noticias.title }}</h2>
</a> </a>
<p class="card-text"> {{ <p class="card-text"> {{
noticias.excerpt({ noticias.excerpt({

2
views/templates/page-opinion.twig
View File

@ -22,7 +22,7 @@
<div class="col-md-8"> <div class="col-md-8">
<div class="card-body" style="padding-bottom: 60px;"> <div class="card-body" style="padding-bottom: 60px;">
<a href="{{ noticias.link }}" title="{{ noticias.title }}" class="text-decoration-none card-title"> <a href="{{ noticias.link }}" title="{{ noticias.title }}" class="text-decoration-none card-title">
<h5 class="fw-bolder hover-title-text">{{ noticias.title }}</h5> <h2 class="fw-bolder fs-4 hover-title-text">{{ noticias.title }}</h2>
</a> </a>
<p class="card-text"> {{ <p class="card-text"> {{
noticias.excerpt({ noticias.excerpt({

29
views/templates/page-portada.twig
View File

@ -3,15 +3,14 @@
<div class="page-portada"> <div class="page-portada">
{# Sección noticias #} {# Sección noticias #}
{% if lasts_posts_news %}
<section class="recent-posts"> <section class="recent-posts">
{% if lasts_posts_news %}
<div class="row g-4 mt-3"> <div class="row g-4 mt-3">
{# Columna izquierda - Artículo principal #} {# Columna izquierda - Artículo principal #}
<div class="col-md-8"> <div class="col-md-8">
{% set main_article = lasts_posts_news[0] %} {% set main_article = lasts_posts_news[0] %}
{% set imagen = main_article.thumbnail.src | default('/wp-content/uploads/2025/10/Imagen_por_defecto_300.jpg') %} {% set imagen = main_article.thumbnail.src | default('/wp-content/uploads/2025/10/Imagen_por_defecto_300.jpg') %}
{% set alt = main_article.thumbnail.alt | default('Imagen por defecto') %} {% set alt = main_article.thumbnail.alt | default('Imagen noticias') %}
<div class="card main-article h-100"> <div class="card main-article h-100">
<a href="{{ main_article.link }}"> <a href="{{ main_article.link }}">
@ -49,10 +48,10 @@
</div> </div>
</div> </div>
</div> </div>
{% else %}
<p>{{ __('No hay artículos', 'Sindikatua') }}</p>
{% endif %}
</section> </section>
{% else %}
<p>{{ __('No hay artículos', 'Sindikatua') }}</p>
{% endif %}
{# Sección vídeos / Opinión #} {# Sección vídeos / Opinión #}
<section class="py-4 margin-50"> <section class="py-4 margin-50">
@ -61,7 +60,7 @@
{# Sección Enlaces #} {# Sección Enlaces #}
<section class="custom-buttons-section margin-50"> <section class="custom-buttons-section margin-50">
<h1 class="mb-4 position-relative fs-4 fw-bold sp-module-title">{{ __('Enlaces', 'Sindikatua')|upper }}</h1> <h2 class="mb-4 position-relative fs-4 fw-bold sp-module-title">{{ __('Enlaces', 'Sindikatua')|upper }}</h2>
<div class="row g-3"> <div class="row g-3">
{% if botones_imagen %} {% if botones_imagen %}
@ -84,14 +83,18 @@
{# Campañas #} {# Campañas #}
<div class="col-12 col-sm-12 col-md-6"> <div class="col-12 col-sm-12 col-md-6">
<h1 class="mb-4 position-relative fs-4 fw-bold sp-module-title">{{ __('Campañas', 'Sindikatua')|upper }}</h1> <h2 class="mb-4 position-relative fs-4 fw-bold sp-module-title">{{ __('Campañas', 'Sindikatua')|upper }}</h2>
{% if posts_campana and posts_campana|length > 0 %} {% if posts_campana and posts_campana|length > 0 %}
{% set main_article = posts_campana[0] %} {% set main_article = posts_campana[0] %}
{% set imagen = main_article.thumbnail.src('medium') | default('/wp-content/uploads/2025/10/Imagen_por_defecto.png') %}
{% set alt = main_article.thumbnail.alt | default('imagen campañas') %}
<div class="card main-article"> <div class="card main-article">
<a href="{{ main_article.link }}"> <a href="{{ main_article.link }}">
<img src="{{ main_article.thumbnail.src('medium') }}" <img src="{{ imagen }}"
alt="{{ main_article.thumbnail.alt }}" alt="{{ alt }}"
class="card-img card-img-fixed img-noticias" /> class="card-img card-img-fixed img-noticias" />
<div class="card-img-overlay"> <div class="card-img-overlay">
<h3 class="card-title text-wrap"> <h3 class="card-title text-wrap">
@ -106,13 +109,13 @@
{# conflictos #} {# conflictos #}
<div class="col-12 col-sm-12 col-md-6 mt-5 mt-md-0"> <div class="col-12 col-sm-12 col-md-6 mt-5 mt-md-0">
<h1 class="mb-4 position-relative fs-4 fw-bold sp-module-title">{{ __('Conflictos Laborales', 'Sindikatua')|upper }}</h1> <h2 class="mb-4 position-relative fs-4 fw-bold sp-module-title">{{ __('Conflictos Laborales', 'Sindikatua')|upper }}</h2>
{% if posts_conflicts and posts_conflicts|length > 0 %} {% if posts_conflicts and posts_conflicts|length > 0 %}
{% set main_article = posts_conflicts[0] %} {% set main_article = posts_conflicts[0] %}
{% set imagen = main_article.thumbnail.src('medium') | default('/wp-content/uploads/2025/10/Imagen_por_defecto.png') %} {% set imagen = main_article.thumbnail.src('medium') | default('/wp-content/uploads/2025/10/Imagen_por_defecto.png') %}
{% set alt = main_article.thumbnail.alt | default('Imagen por defecto') %} {% set alt = main_article.thumbnail.alt | default('imagen conflictos laborales') %}
<div class="card main-article"> <div class="card main-article">
<a href="{{ main_article.link }}"> <a href="{{ main_article.link }}">

2
views/templates/page-servicios.twig
View File

@ -8,7 +8,7 @@
{% for SubpagServicio in post.children('page') %} {% for SubpagServicio in post.children('page') %}
{% set imagen = SubpagServicio.thumbnail.src | default(imagen_default) %} {% set imagen = SubpagServicio.thumbnail.src | default(imagen_default) %}
{% set alt = SubpagServicio.thumbnail.alt | default('Imagen por defecto') %} {% set alt = SubpagServicio.thumbnail.alt | default('Imagen servicios cnt') %}
<div class="card my-3 position-relative posts-noticias"> <div class="card my-3 position-relative posts-noticias">
<div class="row g-0"> <div class="row g-0">

2
views/templates/page-videos.twig
View File

@ -42,7 +42,7 @@
{# Título del vídeo #} {# Título del vídeo #}
<div class="position-absolute bottom-0 start-0 end-0 bg-dark bg-opacity-75 text-white p-3 rounded"> <div class="position-absolute bottom-0 start-0 end-0 bg-dark bg-opacity-75 text-white p-3 rounded">
<h6 class="mb-0 text-white">{{ video.titulo }}</h6> <h2 class="mb-0 fs-6 text-white">{{ video.titulo }}</h2>
</div> </div>
</div> </div>

8
views/templates/single.twig
View File

@ -4,15 +4,15 @@
{# <h1>SINGLE ARTÍCULOS</h1> #} {# <h1>SINGLE ARTÍCULOS</h1> #}
<div class="container"> <div class="container">
<article class="post-type-{{ post.type }}" id="post-{{ post.id }}"> <article class="post-type-{{ post.type }} mt-5" id="post-{{ post.id }}">
<!-- <img src="{{ post.thumbnail.src }}" /> -->
<p class="my-5 position-relative fs-5 fw-bold sp-module-title"> <span class="my-5 position-relative fs-5 fw-bold sp-module-title">
{% if post.category %} {% if post.category %}
{{ post.category }} {{ post.category }}
{% else %} {% else %}
{{ post.post_type == 'opinion' ? 'Opinión' : 'Sin categoría' }} {{ post.post_type == 'opinion' ? 'Opinión' : 'Sin categoría' }}
{% endif %} {% endif %}
</p> </span>
<section class="article-content mt-5 border-dark border-top"> <section class="article-content mt-5 border-dark border-top">