change logo and colors
This commit is contained in:
41
README.md
41
README.md
@@ -19,11 +19,50 @@ Web de la protectora **Gure Ametsa Bi Lagun** (Jaizubia 44, Hondarribia), en cas
|
||||
- Formulario de contacto/adopción `[ga_contacto]`. Envía un email **y** guarda cada mensaje en *Mensajes* dentro del panel, así no se pierde aunque falle el correo.
|
||||
- Shortcode `[ga_animales numero="6" especie="perro" estado="urgente"]` para usar en cualquier página.
|
||||
|
||||
## Logo y colores
|
||||
|
||||
- El logo original se ha vectorizado en `wp-content/themes/gure-ametsa/assets/img/`:
|
||||
- `logo.svg`: logo completo, sin fondo.
|
||||
- `logo-mark.svg`: el arco con el perro y el gato, sin texto.
|
||||
- `favicon.svg`: el mismo símbolo, para la pestaña del navegador.
|
||||
- Las capas del SVG (arco, animales, texto) llevan clases propias. Así, en el pie oscuro el texto del logo se muestra en beige.
|
||||
- La paleta por defecto, «Colores del logo», sale del propio logo:
|
||||
|
||||
| Color | Valor | Dónde se usa |
|
||||
|---|---|---|
|
||||
| Principal | `#401f0c` (marrón del logo) | Cabecera, botones, secciones oscuras |
|
||||
| Acento | `#bd8537` (caramelo, el beige del logo más intenso) | Botones principales y palabras resaltadas |
|
||||
| Secciones | `#f3ecdc` (beige aclarado) | Fondos alternos |
|
||||
| Fondo | `#fcfaf5` | Fondo general |
|
||||
| Texto | `#2b1508` | Texto |
|
||||
|
||||
- En *Diseño → Cabecera* se elige cómo sale el logo arriba: símbolo + nombre, logo completo o solo el nombre.
|
||||
|
||||
## APIs
|
||||
|
||||
| API | Dirección | Qué incluye |
|
||||
|---|---|---|
|
||||
| REST | `/wp-json/wp/v2/animales`, `/wp-json/wp/v2/especies` | Animales con el campo `ficha` (valores y textos legibles en su idioma). Se puede filtrar por idioma con `?lang=es` o `?lang=eu`. |
|
||||
| GraphQL (WPGraphQL) | `/graphql` | Tipos `Animal` / `Especie` con el campo `ficha`. Explorador GraphiQL en el panel (menú GraphQL). |
|
||||
| Swagger / OpenAPI 3 | `/rest-api/docs/` (interfaz) y `/rest-api/schema` (esquema) | Documentación interactiva de la API REST. Por defecto solo para usuarios conectados; `API_DOCS_PUBLIC=true` la hace pública. |
|
||||
|
||||
Ejemplo de consulta GraphQL:
|
||||
|
||||
```graphql
|
||||
{
|
||||
animales(first: 10) {
|
||||
nodes { title uri especies { nodes { name } } ficha { estado edad edadUnidad compatible textos { estado edad } } }
|
||||
}
|
||||
}
|
||||
```
|
||||
|
||||
Para escribir en la API REST (crear o editar animales) se usan las *contraseñas de aplicación* de WordPress (Usuarios → Perfil) con autenticación Basic sobre HTTPS; Swagger lo admite desde el botón «Authorize». Los mensajes del formulario no se exponen en ninguna API.
|
||||
|
||||
## Diseño
|
||||
|
||||
El diseño está inspirado en [Beargrass Animal Rescue](https://louisvillewebguy.com/examples/beargrass-animal-rescue/):
|
||||
- **Tipografía:** títulos en Fraunces muy gruesa y texto en Karla. Las dos van incluidas en el tema, sin Google Fonts.
|
||||
- **Paleta por defecto:** ciruela y mostaza.
|
||||
- **Paletas:** por defecto, los colores del logo. También están ciruela y mostaza (la de Beargrass), verde y rojo, azul mar y bosque.
|
||||
- **Portada:** a pantalla completa con cuatro «puertas»: Adopta, Acoge, Voluntariado y Dona.
|
||||
- **Listado de animales:** panel de filtros por especie, tamaño, edad, sexo y compatibilidad.
|
||||
- **Pasos de adopción:** en tarjetas.
|
||||
|
||||
Reference in New Issue
Block a user