Plantilla Spacious: espai per a la creativitat

Començant

Aquesta és la pàgina d’instruccions del tema o plantilla Spacious. Hem fet tot el possible per fer-ho el més senzill. Si penses que es pot fer encara més fàcil fes-nos-ho saber, estarem encantats de canviar-lo. Comencem!

Aquest tutorial és un extracte traduït del manual de Spacious en anglès, també podeu consultar el vídeo-tutorial per tenir una idea més clara de la configuració, també en anglès.

Activar el tema

No ens hem de preocupar per la instal·lació, aquest tema està disponible en els portals d’entitats com també en els blogs d’entitats! Només cal activar-ho i configurar-ho bé! I així ho expliquem aquí tot seguit!

Activar el tema

  • Anar a Aparença -> Temes al menú de WordPress
  • Passar el ratolí sobre la miniatura del tema i prémer el botó Activa

Informació addicional: Codex de WordPress – Ús de Temes

Menú personalitzat

En activar un tema, per defecte les Pàgines es convertiran en opcions dels menús, i hem de configurar de nou els nostres menús. Això vol dir que just després de l’activació del tema veuràs totes les pàgines actives com menús. Si vols menús selectius amb una combinació d’enllaços, pàgines, categories llavors un menú personalitzat és el que estàs buscant.

Configurar el menú personalitzat

  • Anar a Aparença -> Menús al menú de WordPress
  • Fer clic a Crea un nou enllaç del menú
  • Donar un nom al seu menú al nom del menú i feu clic al botó Crear menú
  • A continuació, seleccionar les pàgines, categories, enllaços personalitzats des del costat esquerre de la pantalla mitjançant la selecció de la casella de verificació i fer clic a Afegeix menú
  • Fer clic a Desa del menú després d’afegir les pàgines necessàries, les categories al menú

Informació addicional: si encara no ho tens tot clar dóna un cop d’ull aquí: Menú personalitzat de WordPress

Carrousel de la pàgina d’inici

Aquest tema és compatible amb el carrousel d’imatges de la pàgina d’inici. Per usar-lo, segueix els passos descrits a continuació.

  • Al panell de control, anar a Aparença-> Personalitzar.
  • Anar a la secció Slider.
  • Per activar el control de Slider, comprovar si la casella de verificació de control d’Slider està activada. Si no ho està, activar-la.
  • Pujar la imatge # 1 per al primer slide. De la mateixa manera, afegir el títol corresponent, la descripció i redirigir l’enllaç. Es pot enllaçar al mateix lloc web o fora d’ell.
  • Repetir el pas anterior per a les altres diapositives.
  • A continuació, fer clic a Desa els canvis. Això és tot, obrir la pàgina d’inici i hauria d’estar allà. 🙂

Afegir logotip personalitzat

Sí, aquest tema és compatible amb logotip personalitzat. Per usar-lo, fes el següent.

  • Al quadre de comandament, anar a Aparença-> Personalitzar-> Capçalera.
  • Pujar el logotip personalitzat.
  • A més, el logotip de la demostració només o mostrar tant casella necessiten ser revisats per mostrar el logotip a la capçalera.
  • Fer clic a Desa els canvis.

Imatge de capçalera

Per configurar la imatge de capçalera cal seguir els passos següents.

  • Al tauler cal anar a Aparença-> Capçalera.
  • Fer clic a Navega per afegir la seva imatge. A continuació, fer clic al botó Publicar.
  • Retallar la imatge al teu gust. L’amplada recomanada és de 1500px per la capçalera.
  • Fer clic a Desa els canvis.

Nota: Pots triar la imatge de capçalera que es mostra per sobre del text de l’encapçalament o sota d’ella.

  • Al tauler cal anar a Aparença-> Personalitzar-> Capçalera.
  • Desplaçar una mica més avall i comprovar la posició a l’opció Capçalera Posició de la imatge.
  • Fes clic a Desa els canvis.

Informació addicional: si encara no ho tens tot clar dóna un cop d’ull aquí – WordPress Header Image

Configuració de la plantilla Business

Informació addicional: Vídeo-tutorial d’instal·lació de la Business Page

Primer pas

  • En el tauler afegim una nova pàgina.
  • En el quadre d’atributs de la pàgina triar la plantilla Business“.
  • Publicar la pàgina. Sí, això és tot pel primer pas.

Segon pas

La plantilla Business compta amb quatre àrees de ginys. Fes-te una idea de la distribució dels ginys amb aquesta imatge, fes clic a la imatge per a una millor visió.

20170412_captura_arees_spacious

  1. Business barra superior (Business Top Sidebar)
  2. Business barra central esquerra (Business Middle Left)
  3. Business barra central dreta  (Business Middle Right)
  4. Business barra inferior (Business Bottom Sidebar)

Només has d’afegir ginys en aquestes 4 zones de la portada per configurar la web amb la plantilla Business.

Tercer pas

Expliquem aquí ens ginys propis del tema:

  • TG:Serveis: afegeix aquest giny a les zones de la barra superior/barra inferior. En aquest giny pots triar qualsevol de les teves pàgines i destacar-les. Hi ha sis opcions en el desplegable. Es mostraran el títol, la descripció i la imatge destacada de la pàgina triada.
  • TG:Crida a l’acció (Call to action): afegeix aquest giny a les zones de la barra superior/barra inferior. El giny et permet configurar un títol en dos línies, el text del botó i l’enllaç.
  • TG:Testimonis: afegeix aquest giny a qualsevol de les 4 zones. El giny et permet configurar títol, nom, subtítol, i ja està.
  • TG:Pàgina destacada: afegeix aquest giny a la zona central, a la barra central esquerra o dreta. Aquest giny permet seleccionar qualsevol de les pàgines amb un desplegable. Es mostraran el títol, la descripció i la imatge destacada d’aquesta pàgina.
  • TG:Destacats giny: afegeix aquest giny a les zones de la barra superior/barra inferior. En aquest giny pots afegir títol  descripció i triar qualsevol pàgina de la web. Hi ha tres desplegables amb opcions, i la imatge destacada de la pàgina es mostrarà.

Nota: Per establir aquesta pàgina com la pàgina d’inici has de seguir aquestes instruccions:

  • Al tauler cal anar a Arranjament-> Lectura.
  • Activa l’opció ‘Pàgina estàtica’.
  • Tria la pàgina que acabes de crear amb la plantilla Business (la pàgina que has creat seguint les instruccions de més amunt) com la primera pàgina.
  • Guardar els canvis.

Vols veure una mostra de pàgina configurada amb la plantilla Business? Plantilla de Business de Spacious

Com limitar l’entradeta (el resum)
Ara bé, si vols modificar el nombre de paraules que apareixen en els ginys de serveis o semblants, ho pots fer fàcilment:

  • Anar a editar la pàgina o el post.
  • Just a principi de la pàgina, a sobre de l’editor, veuras el quadre de configuració del resum.
  • Si no veus el quadre d’extracte, desplega’l a la part superior i veuras les opcions de la pantalla a la cantonada a mà dreta.

20170412_limitar_extracte_text

Fes clic i selecciona la casella extracte. Ara hauríes de veure el quadre extracte a continuació l’editor

  • Ompla la caixa resum amb la quantitat desitjada de text que vols mostrar.

Com configurar la pàgina Blog (llistat de notícies per ordre crononològic)?
Podeu escollir mostrar el bloc de 4 formes diferents.

  • En primer lloc aneu a Opcions -> Lectura-> Primera plana pantalles> Una pàgina estàtica (seleccioni a continuació).
  • Ara, des de la pàgina Entrades: desplegable per seleccionar qualsevol secció on vulguis mostrar el blog.
  • Fes clic a Desa els canvis.
  • Ara, si vols més opcions ves a aparença-> Customitzar -> Disseny-> Entrades de bloc.
    1. Trieu Blog Image Large per la imatge gran amb el text extracte.
    2. Trieu Blog Image Medium per al mitjà d’imatges amb text extracte.
    3. Seleccioneu Blog Full Content complet per mostrar el contingut complet sense les imatges destacades i llegir més.
    4. Tria Blog Image Alternate Medium per al suport d’imatges amb el text extracte però les imatges apareixen en forma alternada dreta, esquerra.
  • Ara ves a Aparença-> Menú i seleccioneu la pàgina del bloc.

Veure tota demostració del bloc aquí Demo

També has de carregar imatges destacades per a cada post o pàgina per mostrar les imatges a la pàgina del bloc.

(Traducció de la pàgina themegrill.com)

Deixa un comentari