Plantilla para las páginas de servicios
This commit is contained in:
12
template-servicio.php
Normal file
12
template-servicio.php
Normal file
@@ -0,0 +1,12 @@
|
||||
<?php
|
||||
/**
|
||||
* Template Name: Plantilla de Servicio
|
||||
* Description: Para páginas donde se describe un servicio.
|
||||
*/
|
||||
|
||||
$context = Timber::context();
|
||||
|
||||
$timber_post = Timber::get_post();
|
||||
$context['post'] = $timber_post;
|
||||
|
||||
Timber::render( ['template-servicio.twig'], $context );
|
||||
@@ -14,13 +14,13 @@
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="page-content pb-3 {% if post.id in [29,37,66,70,72] %}page-servicios{% endif %}">
|
||||
<div class="page-content pb-3">
|
||||
<div class="container">
|
||||
{{post.content}}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{% if post.id == '29' or post.id == '37' or post.id == '66' or post.id == '70' or post.id == '72' %}
|
||||
{#{% if post.id == '29' or post.id == '37' or post.id == '66' or post.id == '70' or post.id == '72' %}
|
||||
|
||||
<div class="container-fluid mt-5 pb-5 page-servicios que-hacemos" style="background-image:url({% if post.id == '29' %}{{site.theme.link}}/public/img/icono_investigacion3x.png{% elseif post.id == '37' %}{{site.theme.link}}/public/img/icono_evaluacion3x.png{% elseif post.id == '66' %}{{site.theme.link}}/public/img/icono_formacion3x.png{% elseif post.id == '70' %}{{site.theme.link}}/public/img/icono_intervencion3x.png{% elseif post.id == '72' %}{{site.theme.link}}/public/img/icono_consultoria3x.png{% endif %}); background-repeat:no-repeat; background-position:-50px 0; background-size:250px;">
|
||||
<div class="section-heading border-bottom mb-3 pt-5 mb-5">
|
||||
@@ -32,19 +32,6 @@
|
||||
<div class="section-body container">
|
||||
<div class="row">
|
||||
|
||||
{#<div class="col-md-2">#}
|
||||
{#{% if post.id == '29' %}
|
||||
<img src="{{site.theme.link}}/public/img/icono_investigacion3x.png" alt="{{ post.title }}" />
|
||||
{% elseif post.id == '37' %}
|
||||
<img src="{{site.theme.link}}/public/img/icono_evaluacion3x.png" alt="{{ post.title }}" />
|
||||
{% elseif post.id == '66' %}
|
||||
<img src="{{site.theme.link}}/public/img/icono_formacion3x.png" alt="{{ post.title }}" />
|
||||
{% elseif post.id == '70' %}
|
||||
<img src="{{site.theme.link}}/public/img/icono_intervencion3x.png" alt="{{ post.title }}" />
|
||||
{% elseif post.id == '72' %}
|
||||
<img src="{{site.theme.link}}/public/img/icono_consultoria3x.png" alt="{{ post.title }}" />
|
||||
{% endif %}#}
|
||||
{#</div>#}
|
||||
<div class="col-md-10 offset-md-2">
|
||||
|
||||
{{post.meta('que_hacemos')}}
|
||||
@@ -66,18 +53,6 @@
|
||||
<div class="row">
|
||||
<div class="col-md-4">
|
||||
<img src="{{post.meta('imagen_como_lo_hacemos').url}}" class="img-fluid" alt="{{ post.title }}">
|
||||
|
||||
{#{% if post.id == '29' %}
|
||||
<img src="{{site.theme.link}}/public/img/como-hacemos-consultoria.jpg" alt="{{ post.title }}" />
|
||||
{% elseif post.id == '37' %}
|
||||
<img src="{{site.theme.link}}/public/img/icono_evaluacion3x.png" alt="{{ post.title }}" />
|
||||
{% elseif post.id == '66' %}
|
||||
<img src="{{site.theme.link}}/public/img/icono_formacion3x.png" alt="{{ post.title }}" />
|
||||
{% elseif post.id == '70' %}
|
||||
<img src="{{site.theme.link}}/public/img/icono_intervencion3x.png" alt="{{ post.title }}" />
|
||||
{% elseif post.id == '72' %}
|
||||
<img src="{{site.theme.link}}/public/img/icono_consultoria3x.png" alt="{{ post.title }}" />
|
||||
{% endif %}#}
|
||||
</div>
|
||||
<div class="col-md-8 pt-5 pr-5">
|
||||
|
||||
@@ -88,46 +63,6 @@
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{#<!--<div class="container-fluid mt-5 pb-5 page-servicios proyectos servicio-{{post.id}}">
|
||||
<div class="section-heading border-bottom mb-3 pt-5">
|
||||
<div class="container">
|
||||
<h2 class="title underline">Proyectos relacionados</h2>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div id="areas-filter" class="mb-5 mt-5 pb-5 pt-2 collapse show" data-parent="#main-filter">
|
||||
<div class="container-fluid pb-3 term-filter">
|
||||
<div class="row text-uppercase font-weight-bold d-flex flex-row mr-5 ml-5">
|
||||
<div class="term-filter-item">
|
||||
<span class="d-block h-100 p-4 d-flex h-100 align-items-top border-right"><small>Filtrar por áreas de trabajo</small></span>
|
||||
</div>
|
||||
{% for term in areas %}
|
||||
<div class="term-filter-item">
|
||||
<a href="#projects{{loop.index}}" data-toggle="collapse" aria-expanded="true" aria-controls="projects{{loop.index}}" class="d-block h-100 p-4 d-flex h-100 align-items-center {% if not loop.last %}border-right{% endif %}"><small>{{term.name}}</small></a>
|
||||
</div>
|
||||
{% endfor %}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="container proyectos pt-5">
|
||||
|
||||
{% set postslug = post.slug %}
|
||||
|
||||
{% for term in areas %}
|
||||
<div id="projects{{loop.index}}" class="row collapse{% if loop.first %} show{% endif %}" data-parent="#areas-filter">
|
||||
|
||||
{% set slug = term.slug %}
|
||||
|
||||
{{ posts_by_service(-1,postslug,slug,'related_proyectos_item-servicio.twig') }}
|
||||
|
||||
</div>
|
||||
{% endfor %}
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>-->#}
|
||||
|
||||
<div class="container mt-5 pb-5 page-servicios proyectos servicio-{{post.id}}">
|
||||
|
||||
<div class="container proyectos">
|
||||
@@ -136,9 +71,6 @@
|
||||
{{post.meta('servicio_eslogan')}}
|
||||
</div>
|
||||
|
||||
{#{% set postslug = post.slug %}
|
||||
{{ posts_by_service(1,postslug,postslug,'related_proyectos_item-servicio-unico.twig') }}#}
|
||||
|
||||
<div class="row proyecto-unico h-100">
|
||||
<div class="col-md-4">
|
||||
<img src="{{post.meta('proyecto_destacado').thumbnail|resize(500,500)}}" class="img-fluid" alt="{{post.meta('proyecto_destacado').title}}">
|
||||
@@ -203,8 +135,6 @@
|
||||
<img src="{{site.theme.link}}/public/img/icono_consultoria2x.png" alt="{{ post.title }}" />
|
||||
{% endif %}
|
||||
|
||||
{#<img src="{{site.theme.link}}/public/img/icono_{{post.slug}}.png" alt="">#}
|
||||
|
||||
<div class="font-weight-bold pt-3 pb-2">{{ post.title }}</div>
|
||||
|
||||
</a>
|
||||
@@ -213,7 +143,7 @@
|
||||
</div>
|
||||
|
||||
</div>
|
||||
{% endif %}
|
||||
{% endif %}#}
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
160
views/template-servicio.twig
Normal file
160
views/template-servicio.twig
Normal file
@@ -0,0 +1,160 @@
|
||||
{% extends "base.twig" %}
|
||||
|
||||
{% block content %}
|
||||
|
||||
<div id="page" class="{{post.slug}}">
|
||||
|
||||
<div class="page-header mb-5 pb-5" style="background-image:url({% if post.thumbnail %}{{post.thumbnail|resize(1440,400)}}{% else %}{{site.theme.link}}/public/img/cabecera-provisional.jpg{% endif %}); background-repeat:no-repeat; background-position:center center; background-size:cover;">
|
||||
<div class="overlay bg-gradient-1">
|
||||
<div class="container pb-5 h-100">
|
||||
<div class="d-flex h-100 justify-content-center align-items-end">
|
||||
<h1 class="title text-white">{{post.title}}</h1>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="page-content pb-3 page-servicios">
|
||||
<div class="container">
|
||||
{{post.content}}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="container-fluid mt-5 pb-5 page-servicios que-hacemos" style="background-image:url({% if post.id == '29' %}{{site.theme.link}}/public/img/icono_investigacion3x.png{% elseif post.id == '37' %}{{site.theme.link}}/public/img/icono_evaluacion3x.png{% elseif post.id == '66' %}{{site.theme.link}}/public/img/icono_formacion3x.png{% elseif post.id == '70' %}{{site.theme.link}}/public/img/icono_intervencion3x.png{% elseif post.id == '72' %}{{site.theme.link}}/public/img/icono_consultoria3x.png{% endif %}); background-repeat:no-repeat; background-position:-50px 0; background-size:250px;">
|
||||
|
||||
<div class="section-heading border-bottom mb-3 pt-5 mb-5">
|
||||
<div class="container">
|
||||
<h2 class="title underline">Qué hacemos</h2>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="section-body container">
|
||||
<div class="row">
|
||||
|
||||
<div class="col-md-10 offset-md-2">
|
||||
|
||||
{{post.meta('que_hacemos')}}
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<div class="container-fluid mt-5 pb-5 page-servicios como-hacemos">
|
||||
|
||||
<div class="section-heading border-bottom mb-3 pt-5 mb-2">
|
||||
<div class="container">
|
||||
<h2 class="title underline">Cómo lo hacemos</h2>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="section-body container-fluid">
|
||||
<div class="row">
|
||||
<div class="col-md-4">
|
||||
|
||||
<img src="{{post.meta('imagen_como_lo_hacemos').url}}" class="img-fluid" alt="{{ post.title }}">
|
||||
|
||||
</div>
|
||||
<div class="col-md-8 pt-5 pr-5">
|
||||
|
||||
{{post.meta('como_lo_hacemos')}}
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="container mt-5 pb-5 page-servicios proyectos servicio-{{post.id}}">
|
||||
|
||||
<div class="container proyectos">
|
||||
|
||||
<div class="lead mb-5 font-weight-bold">
|
||||
|
||||
{{post.meta('servicio_eslogan')}}
|
||||
|
||||
</div>
|
||||
|
||||
<div class="row proyecto-unico h-100">
|
||||
|
||||
<div class="col-md-4">
|
||||
<img src="{{post.meta('proyecto_destacado').thumbnail|resize(500,500)}}" class="img-fluid" alt="{{post.meta('proyecto_destacado').title}}">
|
||||
</div>
|
||||
|
||||
<div class="col-md-8">
|
||||
|
||||
<div class="linea {% for term in post.meta('proyecto_destacado').terms %}{% if term.slug == 'investigacion-social-aplicada' %}linea-investigacion {% elseif term.slug == 'evaluacion-externa-y-participativa' %}linea-evaluacion {% elseif term.slug == 'formacion' %}linea-formacion {% elseif term.slug == 'intervencion-social-y-educativa' %}linea-intervencion {% elseif term.slug == 'consultoria' %}linea-consultoria {% endif %}{% endfor %} mb-3 w-50"></div>
|
||||
|
||||
|
||||
<h3><a href="{{post.meta('proyecto_destacado').link}}">{{ post.meta('proyecto_destacado').title }}</a></h3>
|
||||
|
||||
<a href="{{post.meta('proyecto_destacado').link}}"><img src="/wp-content/themes/andaira/public/img/right-arrow.png" alt="{{ post.meta('proyecto_destacado').title }}" /></a>
|
||||
|
||||
<div class="text-right text-uppercase font-weight-bold proyecto-unico-term">
|
||||
{% for term in post.meta('proyecto_destacado').terms %}
|
||||
{% if term.slug == 'investigacion-social-aplicada' %}<!--investigacion-->
|
||||
{{ term }}
|
||||
{% elseif term.slug == 'evaluacion-externa-y-participativa' %}<!--evaluacion-->
|
||||
{{ term }}
|
||||
{% elseif term.slug == 'formacion' %}<!--formacion-->
|
||||
{{ term }}
|
||||
{% elseif term.slug == 'intervencion-social-y-educativa' %}<!--intervencion-->
|
||||
{{ term }}
|
||||
{% elseif term.slug == 'consultoria' %}<!--consultoria-->
|
||||
{{ term }}
|
||||
{% endif %}
|
||||
{% endfor %}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<div class="servicios-info-adicional text-right text-uppercase text-white font-weight-bold pt-5 pb-5" style="background:url('{{site.theme.link}}/public/img/bg-servicios-info-adicional.png') repeat-y">
|
||||
<div class="container">
|
||||
<p class="mb-0">Llámanos y solicita información adicional<br>915 42 83 43</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="container-fluid mt-3 page-servicios otros-servicios">
|
||||
<div class="section-heading border-bottom mb-5 pt-5">
|
||||
<div class="container">
|
||||
<h2 class="title underline">Otros servicios</h2>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row">
|
||||
|
||||
{% for post in servicios %}
|
||||
|
||||
<div class="col-fifth pb-5">
|
||||
<a href="{{ post.link }}" class="d-block {% if not loop.first %}border-left{% endif %} pl-4 pr-4">
|
||||
{% if post.id == '29' %}
|
||||
<img src="{{site.theme.link}}/public/img/icono_investigacion2x.png" alt="{{ post.title }}" />
|
||||
{% elseif post.id == '37' %}
|
||||
<img src="{{site.theme.link}}/public/img/icono_evaluacion2x.png" alt="{{ post.title }}" />
|
||||
{% elseif post.id == '66' %}
|
||||
<img src="{{site.theme.link}}/public/img/icono_formacion2x.png" alt="{{ post.title }}" />
|
||||
{% elseif post.id == '70' %}
|
||||
<img src="{{site.theme.link}}/public/img/icono_intervencion2x.png" alt="{{ post.title }}" />
|
||||
{% elseif post.id == '72' %}
|
||||
<img src="{{site.theme.link}}/public/img/icono_consultoria2x.png" alt="{{ post.title }}" />
|
||||
{% endif %}
|
||||
|
||||
{#<img src="{{site.theme.link}}/public/img/icono_{{post.slug}}.png" alt="">#}
|
||||
|
||||
<div class="font-weight-bold pt-3 pb-2">{{ post.title }}</div>
|
||||
|
||||
</a>
|
||||
</div>
|
||||
|
||||
{% endfor %}
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
{% endblock %}
|
||||
Reference in New Issue
Block a user