AYUDA Y INSTRUCCIONES WEB

IMPORTANTE: Compresión de imágenes

Es estrictamente necesario para el buen funcionamiento de la web y el rendimiento a nivel SEO que todas las imágenes que se suban a la web se pasen por un proceso de compresión.

  • Antes de subir una imagen se debe comprimir mediante la siguiente herramienta gratuita online: https://compressjpeg.com/es/
  • Esta página permite comprimir jpeg, png, gifs y pdfs.

INFORMACIÓN Y USO WEB

TRABAJOS

Cada uno de los apartados de un trabajo está representado por secciones dentro del WordPress. Dentro de estos diferenciaremos varios grupos:

CAMPOS VISUALES
  • Extracto (Equivale a la descripción de NEW THINKING)
  • INVESTIGACIÓN & INSIGHT: Compuesta de un título y un editor libre*
  • ESTRATEGIA & CREATIVIDAD: Compuesta de un título y un editor libre*
  • PLANIFICACIÓN: Compuesta de un título y un editor libre*
  • IMPACTO: Compuesta de un título, un editor libre y 6 campos para mostrar los valores quantitativos (numero + descripción)
    • Valor Dato1: numerico (permito prefijos y sufijos)
    • Descripción Dato1: texto
    • Valor Dato2: numerico (permito prefijos y sufijos)
    • Descripción Dato2: texto
    • Valor Dato3: numerico (permito prefijos y sufijos)
    • Descripción Dato3: texto
  • IMÁGEN CABECERA: Permite cambiar la imágen de la cabecera cuando se visualiza el interior del trabajo => DEBE ESTAR COMPRIMIDA
  • Imágen destacada: Es la imágen que se mustra en la “card”. En contenido de esta es recomendable que esté centrado ya que se puede visualizar en diversos formatos dónde se va a “recortar” => DEBE ESTAR COMPRIMIDA

*Editor libre: Este componente permite añadir texto enriquecido, imagenes, textos, videos, posts, de instagram, tiwitter, tiktok, etc. A continuación se dan ayudas de como insertar estos elementos:

  • Insertar una galeria de imagenes: Se añade la galeria seleccionando las imagenes, y hay que marcar en “Ajustes de la galeria”:
    • Columnas: 1
    • Tamaño: Tamaño completo
  • Insertar un twit, instagram o titok: Copiar el codigo de inserción desde la página de RRSS, y en el editor:
    • Cambiar de Visual a Texto
    • Pegar el código de inserción
    • Volver a cambiar de Texto a Visual.
CAMPOS DE GESTiÓN
  • SERVICIOS: Permite la multiseleccion de los servicios, para que las páginas de cada servicio se vean los trabajos relacionados
  • Destacado: Permite priorizar el orden en el que aparece en las paginas de servicios
ORDENACiÓN TRABAJOS

Los trabajos no se ordenan por fecha sino que tienen un criteria de ordenación a medida para poder mostrar los más relevantes. Para ordenarlos hay que ir a la opción Trabajos -> Reordenar.

Dentro de esta opción se pueden ordenar arrastrandolos arriba y abajo y una vez finalizada la ordenación que que pulsar “Actualizar”.

Hay que tener en cuenta que por la tecnologia y arquitectura de la web, este proceso es muy tedioso, y puede que tarde unos 15-20minutos en realizarse, paciencia….

SERVICIOS

Cada uno de los apartados de un servicio está representado por secciones dentro del WordPress. Dentro de estos diferenciaremos varios grupos:

CAMPOS VISUALES
  • Extracto (Equivale a la descripción de ENFOQUE)
  • CAPACIDADES: Compuesta de 3 bloques (título descripción)
    • Título Capacidad 1: texto
    • Descripción Capacidad 1: texto
    • Título Capacidad 2: texto
    • Descripción Capacidad 2 texto
    • Título Capacidad 3: texto
    • Descripción Capacidad 3: texto
  • IMÁGEN CABECERA: Permite cambiar la imágen de la cabecera cuando se visualiza el interior del servicio => DEBE ESTAR COMPRIMIDA
  • Imágen destacada: Es la imágen que se mustra en la “card”. En contenido de esta es recomendable que esté centrado ya que se puede visualizar en diversos formatos
SECCIÓN TRABAJOS & NEW THINKING DE WEB

Para estas dos secciones se muestran:

  • Trabajos: Los trabajos que tengan seleccionado el servicio en questión. La ordenación de estos se realiza siguendo el mismo criterio que en la pagina de trabajos. Por defecto aparecen los dos primeros
  • NEW THINKING: Las entradas que tengan seleccionado el servicio en questión. La ordenación de estos se realiza por fecha mas reciente. Por defecto aparecen los dos primeros
ORDENACiÓN SERVICIOS

Los servicios no se ordenan por fecha sino que tienen un criteria de ordenación a medida para poder mostrar los más relevantes. Para ordenarlos hay que ir a la opción Servicios -> Reordenar.

Dentro de esta opción se pueden ordenar arrastrandolos arriba y abajo y una vez finalizada la ordenación que que pulsar “Actualizar”.

Hay que tener en cuenta que por la tecnologia y arquitectura de la web, este proceso es muy tedioso, y puede que tarde unos 15-20minutos en realizarse, paciencia….

EMPLEADOS

En la página de Sobre Nosotros de la web, se muestran los empleados, diferenciados por soci@s y director@s. Cada uno de ellos se gestiona con la opción de menú “Empleados”, y tienen los siguintes campos:

CAMPOS VISUALES
  • Título (nombre de la persona)
  • Rol
  • Categoria: PARTNER/DIRECTOR
  • Enlace LinkedIn
  • Imagen destacada => DEBE ESTAR COMPRIMIDA
ORDENACiÓN EMPLEADOS

Los servicios no se ordenan por fecha sino que tienen un criteria de ordenación a medida para poder mostrar los más relevantes. Para ordenarlos hay que ir a la opción Empleados -> Reordenar.

Dentro de esta opción se pueden ordenar arrastrandolos arriba y abajo y una vez finalizada la ordenación que que pulsar “Actualizar”.

Hay que tener en cuenta que por la tecnologia y arquitectura de la web, este proceso es muy tedioso, y puede que tarde unos 15-20minutos en realizarse, paciencia….

OFERTAS

En la página de “Únete a nosotros” (work-with-us), aparece una sección con ofertas de empleo, estas se gestionan desde la opción de menú “Ofertas” y tienen los siguintes campos:

CAMPOS VISUALES
  • Título (nombre en castellano de la oferta)
  • Título inglés: (nombre en inglés de la oferta)
  • URL oferta: Enlace de la oferta, por ejemplo de LinkedIn.

Cuando un visitante envia el formulario este se envia a Magdalena (mda@appletree.agency) Este proceso se realiza a través de la plataforma Brevo (propiedad de APPLE TREE)

ENTRADAS (Página NEW THINKING)

Las entradas de la web se muestran en prácticamente en todas las paginas de la web, ya se en secciones en el footer, entradas relacionados o la propia pagina de NEW THINKING. Cada entrada se pueden definir los siguientes campos:

CAMPOS
  • Título
  • Contenido
    • Las imágenes o videos que se incrusten deben estar marcadas como “Tamaño completo” par que ocupen todo el ancho de la entrada.
  • Categoria (News, New Thinking, Appletreebytes)
  • Imagen destacada
  • Fijar (Fíjalo en la parte superior del blog): Este campo se usa para marcar las entradas que se queire que se vean como principales en la sección NEW THINKING final de las páginas (home, trabajos, servicios y sobre nosotros). Si hay más de 3, en la web se realiza un ordenación aletoria para que no se muestren las mismas en todas las paginas al navegar entre ellas.
  • Imagen Destacada: La imágen Que se mostrará en la card => DEBE ESTAR COMPRIMIDA
  • Servicios: Permite la multiseleccion de los servicios, para que las páginas de cada servicio se vean las entradas relacionadas
  • Imagen Cabecera: Permite cambiar la imágen de la cabecera cuando se visualiza el interior de la entrada => DEBE ESTAR COMPRIMIDA
PÁgina NEW THINKING

Esta pagina tiene secciones correspondientes a cada una de las categorias (News, New Thinking, Appletreebytes)

Cada una de estas secciones muestra por defecto 3 entradas por defecto, ordenadas por fecha más reciente.

LANDINGS

Cada uno de los apartados de una landing está representado por secciones dentro del WordPress. Dentro de estos diferenciaremos varios grupos:

CAMPOS VISUALES

  • Subtitulo: Por defecto se muestra NUESTRO ENFOQUE
  • Extracto (Equivale a la descripción de NUESTRO ENFOQUE)
  • CONTENIDO: Permite añadir texto, imagenes, enlaces, RRSS y es donde se crea el contenido de la landing
  • Imágen destacada: Es la imágen que se muestra en la cabecera cuando se visualiza el interior del landing => DEBE ESTAR COMPRIMIDA
  • Entradas: Permite buscar y vincular las entradas de NEW THINKING deseadas
  • Trabajos: Permite buscar y vincular los trabajos deseados
  • HABLEMOS: Esta sección contiene los campos que van al final de la landing (se muestran valores por defecto pero pueden ser editados)
    • Titulo: por defecto “HABLEMOS”
    • Bloque izquierdo: por defecto “¿Tienes alguna duda o comentario?
      Pregunta lo que quieras o simplemente dinos hola.”
    • Bloque derecho: por defecto “Síguenos en las redes sociales para mantenerte al tanto de nuestras últimas novedades y actualizaciones.”
    • Boton: el texto del botón. Por defecto “CONTACTO”
    • Enlace boton: el enlace donde redirige el botón. Por defecto: “https://appletree.agency/contacto/”

AYUDAS EN ENTRADAS

Formularios HUBSPOT

Para añadir un formulario incrustado de HUBSPOT en una entrada (post) hay que seguir las siguintes indicaciones:

  • Insertar un campo como HTML con el código siguiente y reemplazar el IDENTIFICADOR_DEL_FORMULARIO_DE_HUBSPOT por el deseado:

<script charset=”utf-8″ type=”text/javascript” src=”//js-eu1.hsforms.net/forms/embed/v2.js“></script><script>
 window.hbspt.forms.create({
    region: “eu1”,
    portalId: “26776914”,
    formId: “IDENTIFICADOR_DEL_FORMULARIO_DE_HUBSPOT”,
    target:”.forms-hubspot”
  });
</script>

Instagram

Para insertar un entrada de IG, hay que añadir un bloque del tipo “HTML personalizado”

  • Con el botón “+” negro, aparece un buscador de componentes, se busca por “HTML personalizado”
  • En siguiente paso es ir a instagram, y copiar el “código de inserción”
  • Finalmente, se vuelve al WP y en la cajetilla del bloque “HTML personalizado”, se copia el “código de inserción”

X (Twitter)

Para insertar un enlace de twitter, hay un bloque de WP que permite adjuntarlo a través de la url del Twit directamente.

  • Con el botón “+” negro, aparece un buscador de componentes, se busca por twitter
  • Dentro hay que copiar en enlace de twit en la cajita (no el incrustado, el enlace directamente) y pulsar “Incrustar”

Galerias de imágenes (con carousel)

Para añadir una galeria de imágenes en la web y que se muestre correctamente hay que seguir los siguientes pasos.

  • Con el botón “+” negro, aparece un buscador de componentes, se busca por Galeria
  • Se seleccionan las imagenes deseadas
  • En las propiedades del Bloque de la galeria seleccionamos en Columnas el valor 1, y desmarcamos la opción “Recortar las imágenes”:
This site is registered on wpml.org as a development site.