{"id":1735,"date":"2022-08-10T10:35:00","date_gmt":"2022-08-10T08:35:00","guid":{"rendered":"https:\/\/pontevedra.wordcamp.org\/2022\/?p=1735"},"modified":"2022-08-09T18:03:37","modified_gmt":"2022-08-09T16:03:37","slug":"deseno-da-web-coa-edicion-completa-do-sitio","status":"publish","type":"post","link":"https:\/\/pontevedra.wordcamp.org\/2022\/deseno-da-web-coa-edicion-completa-do-sitio\/","title":{"rendered":"Dese\u00f1o da web coa edici\u00f3n completa do sitio"},"content":{"rendered":"\n

A web de WordCamp Pontevedra est\u00e1 feita coa edici\u00f3n completa do sitio<\/strong>! Esta nova caracter\u00edstica, o Full Site Editing <\/em>en ingl\u00e9s ou edici\u00f3n completa do sitio en galego. Para non liarnos m\u00e1is, e porque as\u00ed \u00e9 como se co\u00f1ece \u00abno sector\u00bb, en adiante, usaremos FSE. <\/p>\n\n\n\n

Pois o FSE perm\u00edtenos crear p\u00e1xinas de forma visual en t\u00f3dolos seus elementos. Agora podemos crear un cabeceira ou un p\u00e9 de p\u00e1xina totalmente personalizado cos bloques que esteamos a usar habitualmente. Mais isto s\u00f3 funciona se tes un tema compatible co FSE, sen\u00f3n, como ata agora.<\/p>\n\n\n\n

<\/div>\n\n\n\n

Que \u00e9 a edici\u00f3n completa do sitio?<\/h2>\n\n\n\n

O FSE \u00e9 un novo editor que nos trae WordPress por defecto. \u00c9 similar \u00f3 actual editor, pero con algunhas caracter\u00edsticas novas que nos permite configurar toda a parte visual do noso sitio web. Para iso, temos que ter presente dous conceptos importantes que veremos a continuaci\u00f3n.<\/p>\n\n\n\n

<\/div>\n\n\n\n

Os modelos ou templates<\/em><\/h3>\n\n\n\n

Son aquelas visualizaci\u00f3ns que se fan de cada tipo de contido que temos na nosa web. <\/p>\n\n\n\n

Por exemplo, temos o modelo do Single<\/em> que ser\u00eda a que se usa para cada unha das entradas individuais das entradas do blog ou o modelo Page<\/em>, que se usa para amosar t\u00f3dalas p\u00e1xinas en s\u00ed do noso sitio web. <\/p>\n\n\n\n

Hai moitos m\u00e1is modelos, e dependendo do tema que usemos, teremos m\u00e1is ou menos.<\/p>\n\n\n\n

No caso do Twenty Twenty Two<\/em>, que \u00e9 o tema que eleximos na WordCamp Pontevedra, podemos crear incluso distintos modelos para o Single<\/em> e para a Page<\/em>. Queda con isto que \u00e9 importante e logo volveremos sobre el \ud83d\ude09.<\/strong><\/p>\n\n\n\n

En cada un destes modelos podemos dese\u00f1ar esas partes com\u00fans do sitio e que afectan a t\u00f3dalas p\u00e1xinas do mesmo tipo. <\/p>\n\n\n\n

Por exemplo, no Single<\/em> das entradas, podemos configurar a cabeceira que queiramos, a imaxe destacada, o t\u00edtulo, etc. E todo iso, \u00f3 noso gusto. Este dese\u00f1o repetirase en cada unha das entradas do blog. E se o cambiamos aqu\u00ed, logo cambiase en t\u00f3dolos lados.<\/p>\n\n\n\n

Aqu\u00ed tes unha captura dos modelos que se poden configurar dende o Twenty Twenty Two<\/em> por defecto.<\/p>\n\n\n\n

\"\"<\/a><\/figure>\n\n\n\n
<\/div>\n\n\n\n

As partes do modelo ou Template Parts<\/em><\/h3>\n\n\n\n

Antes comentabamos que para cada un dos modelos podemos crear unhas cabeceiras personalizadas, por exemplo. E podemos facelo. Pero tam\u00e9n podemos usar unha cabeceira para t\u00f3dolos modelos (ou para alg\u00fan deles \ud83d\ude01) grazas \u00e1s partes dos modelos. <\/p>\n\n\n\n

Con esta caracter\u00edstica podemos crear diferentes partes de modelos para a cabeceira, para o p\u00e9 de p\u00e1xina, ou partes xerais para configurar en diferentes sitios. Como por exemplo unha parte para o bolet\u00edn de suscritores e que s\u00f3 uses no Single<\/em>. Ou para unha parte do modelo para os patrocinadores (como creamos n\u00f3s). Estas partes do modelo pod\u00e9molas seleccionar dende cada un dos modelos, e modificada unha, modificadas todas \ud83d\udcaa.<\/p>\n\n\n\n

Aqu\u00ed ens\u00ednoche as partes do modelo da web de WordCamp Pontevedra.<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

Que cousi\u00f1as m\u00e1is interesantes podes ver aqu\u00ed\u2026 \u263a\ufe0f!<\/p>\n\n\n\n

<\/div>\n\n\n\n

A raz\u00f3n fundamental para usar o FSE na WordCamp Pontevedra<\/h2>\n\n\n\n

Primeiro un pouco de contexto para que se entenda todo mellor. As webs de t\u00f3dalas WordCamps son realmente un multisite<\/em> cun sitio para cada unha. De tal xeito que non podemos instalar plugins<\/em> adicionais nin usar o tema que n\u00f3s queiramos. Sen\u00f3n que dependemos exclusivamente dos que te\u00f1amos instalados. <\/p>\n\n\n\n

Iso est\u00e1 ben, e \u00e9 m\u00e1is que suficiente para a maior\u00eda de sitios. Pero en Galicia, \u00f3 igual que ocorre en moitos outros sitios como Pa\u00eds Vasco, Catalu\u00f1a ou Valencia, por exemplo, que temos un idioma cooficial, o ideal \u00e9 facer a web en ambos idiomas. Como non temos plugin<\/em> multidioma, ata agora, nos enxe\u00f1abamos a maneira para po\u00f1er os textos nos dous idiomas, e os men\u00fas con CSS… Buscabamos soluci\u00f3ns, en definitiva!<\/p>\n\n\n\n

Coa chegada do FSE pregunt\u00e1monos, podemos buscar unha soluci\u00f3n mellor para po\u00f1er a web nos dous idiomas? E ante esta pregunta, a soluci\u00f3n veu soa. Pois claro que pod\u00edamos! E esta \u00e9 a raz\u00f3n fundamental para usar o FSE.<\/p>\n\n\n\n

Como podes ver na captura anterior<\/a>, creamos d\u00faas partes para a cabeceira, Header ES<\/em> y Header GL<\/em>, totalmente personalizadas. En esencia e en dese\u00f1o son as mesmas, pero o men\u00fa \u00e9 diferente.<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

Na versi\u00f3n Header ES,<\/em> t\u00f3dalas ligaz\u00f3ns apuntan \u00e1s p\u00e1xinas en castel\u00e1n creadas para a web ou o blog coas entradas en castel\u00e1n da web. Esta parte do modelo pux\u00e9mola en dous modelos, na Page<\/em> e na Single Post<\/em> da primeira captura<\/a>. E t\u00f3dalas p\u00e1xinas ou entradas do blog na s\u00faa versi\u00f3n en castel\u00e1n que creamos van con estes modelos.<\/p>\n\n\n\n

Esta parte do modelo duplic\u00e1mola, e modificamos o men\u00fa para facer a versi\u00f3n Header GL<\/em> con t\u00f3dalas ligaz\u00f3ns \u00e1s mesmas p\u00e1xinas que en castel\u00e1n, pero \u00e1 s\u00faa versi\u00f3n galega. A parte do modelo Header GL<\/em> pux\u00e9mola nos modelos Single Post (no separators)<\/em> e Page (no separators)<\/em> da primera captura.<\/a> O mesmo que antes, as p\u00e1xinas creadas na versi\u00f3n galega, asign\u00e1moslle a Page (no separators)<\/em>, e \u00e1s entradas, a Single Post (no separators)<\/em>.<\/p>\n\n\n\n

O mesmo fixemos cos Footer ES <\/em>e Footer GL<\/em>.<\/p>\n\n\n\n

Liacheste un pouco? Non hai problema. Volve aqu\u00ed, <\/a>rel\u00e9 con calma que che espero \ud83d\ude09<\/p>\n\n\n\n

…….<\/p>\n\n\n\n

Seguimos. Que conseguimos con todo isto? Simular un sitio multidioma. Recalco o de simular. Obviamente, a experiencia non \u00e9 a mesma. Porque se ti, que est\u00e1s lendo esta p\u00e1xina en galego, pulsas no men\u00fa en ES, l\u00e9vate \u00e1 p\u00e1xina de inicio do castel\u00e1n. Cando estar\u00eda ben que te levase a esta mesma entrada, pero en castel\u00e1n. Pero oe, da o pego, no cres?<\/p>\n\n\n\n

<\/div>\n\n\n\n

M\u00e1is vantaxes para usar o FSE<\/h2>\n\n\n\n

Hai moitas m\u00e1is vantaxes encima da mesa que fixeron que nos decant\u00e1semos \u00e1 hora de usar o FSE na web de WordCamp Pontevedra. Moitas p\u00f3delas considerar incluso para os teus proxectos. Detall\u00e1molas:<\/p>\n\n\n\n