Índice de páginas
- Cómo pedimos información
- Cómo mostramos información
- Ayudar a resolver
- Páginas y flujos
- Cómo pedimos información
- Cómo mostramos información
- Ayudar a resolver
- Páginas y flujos
Title de página
Cómo mostramos información
El texto que aparece en la pestaña del navegador
Mostrar código del ejemplo: includes/_pattern.ejemplo-title.njk
Contenido
Nunjucks macro del ejemplo: includes/_pattern.ejemplo-title.njk
{% set title = "Patrones - Title de página. DESY. Sistema de diseño del Gobierno de Aragón." %}
<!doctype html>
<html lang="es">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>{{ title if title else "Project title" }}</title>
<link rel="icon" type="image/x-icon" href="https://aplicaciones.aragon.es/favicon.ico">
<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=Open+Sans:ital,wght@0,400;0,600;0,700;1,400;1,600;1,700&display=swap" rel="stylesheet">
<link rel="stylesheet" href="css/styles.css">
</head>
<!-- /page.head -->
HTML del ejemplo: includes/_pattern.ejemplo-title.njk
<!doctype html>
<html lang="es">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Patrones - Title de página. DESY. Sistema de diseño del Gobierno de Aragón.</title>
<link rel="icon" type="image/x-icon" href="https://aplicaciones.aragon.es/favicon.ico">
<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=Open+Sans:ital,wght@0,400;0,600;0,700;1,400;1,600;1,700&display=swap" rel="stylesheet">
<link rel="stylesheet" href="css/styles.css">
</head>
<!-- /page.head -->
Qué debes tener en cuenta #
- El literal debe ser distinto para cada una de las páginas de tu web.
- Utiliza la estructura
para optimizar la encontrabilidad.[Sección/palabra clave]. [Nombre del sitio web]
- En el include head de la plantilla se encuentra una variable que podemos definir con un
{% set title = "title" %}
.