El teu web amb WordPress Part, 2

Transcripción

1 El teu web amb WordPress Part, 2 Docent: Montserrat Peñarroya Octubre 2017

2 Curs creació Web amb WordPress Configuració de la plantilla Plantilles de pàgina Menús de navegació Configuració de la plantilla Shortcodes El Portfoli 2 2

3 Configuració de la plantilla 3

4 Plantilla per seguir el curs Treballarem amb la plantilla Pinnacle. És gratuïta i responsive: cal afegir-la des d Apariencia Temas Ens recomana que instal lem el plugin: Virtue / Pinnacle Toolkit, ens serivarà per maquetar el web, i per activar el portfoli. No cal que apliquis aquesta plantilla al teu Web definitivament, però ens servirà de mostra per familiaritzar-te en la configuració dels temes. 4

5 Theme Pinnacle La Pinnacle free, existeix la Premium que és de pagament 5

6 Establir Pàgina d inici La majoria de plantilles, per tal que es vegi la Home com a la demo, cal que, des de Ajustes / Lectura: Triar si: Volem que la pàgina d inici sigui el Blog (NO) Una pàgina estàtica: Assignar la que correspón (Inici, Home) Quina serà la de Blog (Si treballem amb la plantilla Pinnacle no hem d'indicar la pàgina de Blog, però en la majoria de plantilles s'ha d'indicar). 6

7 Configuració de cada pàgina Indicar el Superior o parent a les pàgines que correspongui. Permet ordenar las pàgines. Establir Breadcrumbs per a navegació i SEO (algunes plantilles no el porten i necessiten un plugin addicional). Establir la plantilla de la pàgina: si correspon al blog, al portfoli, etc. 7

8 Plantilla de pàgina Podem crear les pàgines: Blog Portfoli O una pàgina per cada categoria de producte servei. Canviar el tipus de plantilla. D aquesta manera, per exemple: Totes les entrades de Blog es trobaran sota la pestanya Blog que haurem d afegir al menú de navegació que ens interessi, etc. 8 8

9 Per triar la plantilla de pàgina 9

10 En canviar la Plantilla de pàgina Fer publicar o actualitzar. Ens sortiran tota una serie d opcions en funció de la que hàgim triat. Per exemple, la Feature: 10

11 Menú de Navegació Des d Aparença / Menús. Les plantilles en poden tenir més d un. Cada cop que canviem la plantilla caldrà assignar novament el menú. També podrem afegir un menú al Footer, amb el widget Menú personalizado. A les pàgines, és recomanable indicar el Parent. Permet endreçar les pàgines. Establir Breadcrumbs per navegació i SEO

12 Configurar la Plantilla Des d Aparença / Opcions del Tema 12

13 Controlar la capçalera Per controlar la capçalera de pàgines i entrades (no de la pàgina d'inici): Aparença / Opcions del Tema / Títol pàgina Si marquem transparent no apareixerà res. Tenim aquestes dues opcions: color o imatge 13

14 Els Sliders La millor zona per dirigir-nos als diferents segments de mercat, pensant en la nostra proposta de valor. Recomanable pujar les imatges de l'slider a 1400 d'ample, i totes amb la mateixa altura, per exemple a

15 Slider pàgina d Inici Apariencia / Opciones del Tema / Slider inicio Flex Slider: retalla i adapta les imatges perquè totes siguin igual Carrousel: respecta la mesura i format de cada imatge Si està activat, la imatge del slider apareix darrere del menú. Aconsellable no activar-ho 15

16 Gestionar la pàgina d inici Es gestiona des de: Apariencia / Opciones del tema / Diseño Portada. Triarem què és el que volem activar, per exemple: 3 o 4 destacats a sota l slider Últimes entrades de Blog 16

17 Els destacats La plantilla Pinnacle: Menú icono. Podem enllaçar cap els principals productes/serveis. El call to action (la crida a l acció!). Si el volem amb efecte parallax Establi 17

18 Les icones per defecte 18

19 Ajustes diversos Des de Apariencia / Opciones del Tema / Ajustes diversos, podrem: Pujar un Favicon. Modificar el text del copyright. Crear noves barras laterales. Etc 19

20 Shortcodes 20

21 Plugin virtue / pinnacle tool kit Ens ha permés: Secció opcions del tema per configurarlo Secció Portfoli. Shortcodes 21

22 Shortcodes 22

23 Portfoli 23

24 Portfoli La funcionalitat portfoli ens permet crear una fitxa per cada: Projecte realitzat. Producte (en el cas que no hi afegim comerç electrònic al web). Servei. Qualsevol element que podria formar part del nostre catàleg, o bé apartats de l empresa com ara: Els membres de l equip Partners Marques que comercialitzem Etc. 24

25 25

26 Els Portfolio Types Tipus de portfoli: funcionen per categoritzar els productes/serveis/projectes. No tenen res a veure amb les categories de les entrades de Blog. Es generen a part. És molt important utilitzar-los per establir: Tipus de projecte Família de producte Tipus de serveis Departaments (en cas de voler utilitzar-ho per l equip) Etc. 26

27 27

28 Es poden fer diferents tipus de portfoli Tot depèn de la plantilla. Com més complexa, més possibles formats. En el cas de la Pinnacle, més informació a: : 28

29 Documentació de la plantilla Més informació sobre la plantilla Pinnacle*: Documentació: *La Pinnacle Free (existeix la Premium de pagament) 29

30 3 0 DGCEC - ICEC 30

31 EMPRESARIAL (SDE) Tel