Comenceu aquí

Estilisme

Comencem amb l'estil de la plantilla.

Colors

La plantilla Suite X es crea amb mostres de color, el que significa que podeu editar fàcilment una mostra de color per actualitzar-la a tot el lloc.

Per fer-ho, només cal que aneu a la pestanya Estil de la barra lateral dreta, després desplaceu-vos fins a la secció Colors a Tipografia i, si feu clic al color, podreu veure totes les mostres de color i editar-les per actualitzar-les. a tot el lloc amb qualsevol color necessari.

Fonts

La plantilla Suite X utilitza un sol tipus de lletra a tot el costat i està configurat al selector Cos (Totes les pàgines) , de manera que podeu actualitzar fàcilment el tipus de lletra a tot el lloc amb un sol clic.

A qualsevol pàgina, només cal que feu clic a l'opció selector taronja a la part superior dreta de la pestanya Estil i, a continuació, seleccioneu Cos (Totes les pàgines) . Un cop fet això, podeu anar a la secció Tipografia següent i canviar el tipus de lletra a qualsevol tipus de lletra per a la vostra marca comercial.

En cas que necessiteu un tipus de lletra personalitzat o premium que no estigui disponible a Webflow, sempre podeu anar a Configuració del projecte > Tipus de lletra i podreu carregar tipus de lletra personalitzats o connectar el vostre compte d'Adobe Fonts.

Gràfics i icones

Algunes icones o gràfics de la plantilla són imatges/gràfics normals, de manera que notareu que quan actualitzeu tots els colors, aquests encara tindran el color de la plantilla.

Això passa perquè aquests gràfics són imatges (PNG, JPG, SVG, etc.), de manera que l'actualització del Webflow CSS (estil) no els afectarà. Si voleu reutilitzar aquests gràfics, sempre podeu descarregar-los i editar-los amb qualsevol programari de disseny (és a dir, Photoshop, Illustrator, Sketch, Figma, etc.), o carregar directament les vostres imatges/gràfics que coincideixin amb la vostra marca.

Pàgines estàtiques

El contingut estàtic és tot el contingut que no està basat en CMS, el que significa que no és dinàmic (com una entrada de bloc, per exemple).

Podeu identificar fàcilment tot aquest contingut perquè es mostra com a gris al Navegador de la barra lateral esquerra i mostra una vora blava quan hi feu clic o passeu el cursor per sobre.

Si voleu editar aquest tipus de contingut, només podeu fer-hi doble clic i podreu escriure directament allà mateix.

Contingut dinàmic (CMS)

El contingut dinàmic és tot el contingut que és dinàmic i es generarà automàticament en funció del contingut afegit a la secció CMS de la barra lateral esquerra (just a sota de la icona Pàgines).

Tot això ho podeu identificar fàcilment perquè es mostra com a morat al Navegador de la barra lateral esquerra i mostra una vora porpra quan hi feu clic o ho passeu.

Aquest contingut s'ha d'actualitzar directament a la secció CMS. Això pretén que us sigui molt fàcil actualitzar-lo, ja que és molt probable que s'hagi d'actualitzar constantment (per exemple, afegint una nova entrada al bloc)

A més, si voleu editar una pàgina completa de CMS generada automàticament (per exemple, una publicació de bloc), trobareu aquesta pàgina disponible per editar-la a la part inferior de totes les pàgines a la secció Pàgines de la barra lateral esquerra.

Productes (comerç electrònic)

Els productes o el contingut de comerç electrònic funcionen de manera semblant al contingut dinàmic del CMS, però, això està enfocat exclusivament als productes de comerç electrònic.

Podeu identificar el contingut de comerç electrònic d'una manera similar al contingut del CMS, perquè també es mostra com a morat al Navegador de la barra lateral esquerra, així com amb una vora violeta quan hi feu clic o ho passeu.

Aquest contingut s'ha d'actualitzar directament a la pestanya de comerç electrònic de la barra lateral esquerra. Això vol facilitar-vos l'actualització, ja que és molt probable que s'hagi d'actualitzar constantment (per exemple, canviar el preu d'un producte o afegir més estoc)

A més, si voleu editar la pàgina de comerç electrònic del producte generada automàticament, trobareu aquesta pàgina disponible per editar-la gairebé a la part inferior de totes les pàgines just a sobre de les pàgines de col·lecció CMS.

Notes útils

A més de l'explicació bàsica principal que hem compartit anteriorment, aquí compartim alguns consells i procediments que provenen de les preguntes més habituals que rebem.

Interaccions

Si voleu editar qualsevol plantilla d'interacció (és a dir, eliminar un efecte d'aparença), podeu identificar fàcilment els elements que tinguin interaccions, ja que tenen una petita icona d'interaccions (un petit tro) al Navegador de la barra lateral esquerra.

Si feu clic a aquesta petita icona d'Interaccions, obrireu la pestanya Interaccions de la barra lateral dreta d'aquest element, on podeu editar la interacció.

Vista mòbil o tauleta

Cada vegada que feu un canvi (per exemple, creeu un disseny de secció nou), és una bona pràctica anar a la navegació superior de Viewport i veure com es veu a la tauleta i al mòbil.

Si només editeu una secció de Plantilla amb text o imatges actualitzats i no esborreu cap classe de Plantilla, això no hauria de ser necessari, però, si personalitzeu la plantilla amb més profunditat, editeu classes o creeu seccions noves, sempre és bo Editeu constantment les visualitzacions del vostre mòbil i tauleta per assegurar-vos que tot sembli perfecte.

Edició del metatítol, descripció i imatge destacada

Si voleu personalitzar el títol, la descripció i la imatge que es mostra quan compartiu el vostre lloc web en qualsevol lloc (és a dir, Facebook, Twitter, etc.), podeu anar fàcilment a la secció Pàgines de la barra lateral esquerra, fer clic a la petita icona de configuració. de la pàgina que voleu personalitzar i apareixeran tots aquests paràmetres.

Tingueu en compte que és important canviar-ho per pàgina.

Còpies de seguretat

Si alguna cosa va malament, per exemple, si no us agrada on va el lloc web, si heu suprimit algunes classes crítiques que eren necessàries per fer que la plantilla sembli bé, o si només voleu anar a una versió anterior per qualsevol motiu , sempre podeu anar a la secció Còpies de seguretat.

El podeu trobar a la secció Configuració de la barra lateral esquerra i només podeu veure totes les còpies de seguretat automàtiques o manuals. La restauració a la còpia de seguretat antiga és només un clic de distància.