{"id":152,"date":"2023-05-25T10:27:47","date_gmt":"2023-05-25T08:27:47","guid":{"rendered":"https:\/\/user0.gesem.es\/blog\/?page_id=152"},"modified":"2023-05-25T10:27:47","modified_gmt":"2023-05-25T08:27:47","slug":"conceptes-basics-de-wordpress","status":"publish","type":"page","link":"https:\/\/user0.gesem.es\/blog\/conceptes-basics-de-wordpress\/","title":{"rendered":"Conceptes b\u00e0sics de WordPress"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">Un <strong>gestor de continguts<\/strong> \u00e9s un sistema per emmagatzemar continguts que despr\u00e9s podrem recuperar. Normalment, els continguts es desen a una base de dades. <\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Una <strong>base de dades<\/strong> \u00e9s un conjunt de taules (com un excel) amb informaci\u00f3 organitzada de forma que pugui ser consultada f\u00e0cilment.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">WordPress \u00e9s un gestor de continguts una mica especial, perqu\u00e8 no nom\u00e9s ens permet afegir continguts a una base de dades, sin\u00f3 tamb\u00e9 generar les diferents p\u00e0gines d&#8217;un lloc web  sense necessitat d&#8217;escriure HTML ni CSS (tot i que ens pot ser mooolt \u00fatil en alguns moments). Per fer-ho, fa servir un conjunt de plantilles, que anomena \u00abtema\u00bb.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Un <strong>tema<\/strong> \u00e9s un conjunt de <strong>plantilles<\/strong> que el servidor pot fer servir per a completar-les amb la informaci\u00f3 desada a la base de dades. Quan el servidor completa les plantilles genera un HTML que el navegador pot llegir i mostrar. Les plantilles estan fetes en html amb indicacions de php, un llenguatge de programaci\u00f3 que els servidors poden llegir i interpretar.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"904\" height=\"164\" src=\"https:\/\/user0.gesem.es\/blog\/wp-content\/uploads\/2023\/05\/imagen-7.png\" alt=\"\" class=\"wp-image-157\" srcset=\"https:\/\/user0.gesem.es\/blog\/wp-content\/uploads\/2023\/05\/imagen-7.png 904w, https:\/\/user0.gesem.es\/blog\/wp-content\/uploads\/2023\/05\/imagen-7-300x54.png 300w, https:\/\/user0.gesem.es\/blog\/wp-content\/uploads\/2023\/05\/imagen-7-768x139.png 768w\" sizes=\"auto, (max-width: 904px) 100vw, 904px\" \/><figcaption class=\"wp-element-caption\">A classe hem fet un petit exemple de php<\/figcaption><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Un tema, a m\u00e9s, pot modificar  el gestor de continguts. Per exemple, pot afegir nous <strong>tipus de continguts<\/strong> (portfoli, habitacions,..) o <strong>taxonomies<\/strong> (tipus d&#8217;habitaci\u00f3, clients,&#8230;).<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Com es fan les p\u00e0gines amb WordPress?<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Aquest \u00e9s el moll de l&#8217;os de WordPress i val la pena tenir-ho ben clar.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">WordPress genera p\u00e0gines individuals a partir dels continguts que introdu\u00efm:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Entrades<\/li>\n\n\n\n<li>P\u00e0gines<\/li>\n\n\n\n<li>Altres tipus de contingut que puguin estar presents.<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">A m\u00e9s, tamb\u00e9 genera algunes p\u00e0gines autom\u00e0ticament, sense que fem nosaltres res: <\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Les p\u00e0gines on es mostren totes les entrades amb la mateixa categoria (una p\u00e0gina per cada categoria associada a un o m\u00e9s entrades<\/li>\n\n\n\n<li>Les p\u00e0gines on es mostren totes les entrades amb la mateixa etiqueta (una p\u00e0gina per cada etiqueta associada a un o m\u00e9s entrades).<\/li>\n\n\n\n<li>P\u00e0gines que mostren totes les entrades publicades un mateix any, mes o dia.<\/li>\n\n\n\n<li>etc<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">Cada tema donar\u00e0 una aparen\u00e7a diferent a aquestes p\u00e0gines. Alguns temes ens donen opcions de configuraci\u00f3 per afegir o treure-hi elements. En altres temes, si volem modificar-les no hi haur\u00e0 m\u00e9s remei que modificar-ne el codi html i php o afegir CSS.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Cadascuna de les p\u00e0gines HTML que es generen t\u00e9 la seva pr\u00f2pia URL. L&#8217;estructura de les URLs (la pinta que tenen els enlla\u00e7os) la podem canviar a <strong>Opcions > enlla\u00e7os permanents<\/strong>. <\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"446\" src=\"https:\/\/user0.gesem.es\/blog\/wp-content\/uploads\/2023\/05\/imagen-5-1024x446.png\" alt=\"\" class=\"wp-image-154\" srcset=\"https:\/\/user0.gesem.es\/blog\/wp-content\/uploads\/2023\/05\/imagen-5-1024x446.png 1024w, https:\/\/user0.gesem.es\/blog\/wp-content\/uploads\/2023\/05\/imagen-5-300x131.png 300w, https:\/\/user0.gesem.es\/blog\/wp-content\/uploads\/2023\/05\/imagen-5-768x334.png 768w, https:\/\/user0.gesem.es\/blog\/wp-content\/uploads\/2023\/05\/imagen-5.png 1186w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Des de la p\u00e0gina d&#8217;edici\u00f3 d&#8217;una entrada o una p\u00e0gina tamb\u00e9 tenim cert control sobre com \u00e9s la URL d&#8217;aquella p\u00e0gina o entrada.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"312\" height=\"347\" src=\"https:\/\/user0.gesem.es\/blog\/wp-content\/uploads\/2023\/05\/imagen-6.png\" alt=\"\" class=\"wp-image-155\" srcset=\"https:\/\/user0.gesem.es\/blog\/wp-content\/uploads\/2023\/05\/imagen-6.png 312w, https:\/\/user0.gesem.es\/blog\/wp-content\/uploads\/2023\/05\/imagen-6-270x300.png 270w\" sizes=\"auto, (max-width: 312px) 100vw, 312px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Portada i p\u00e0gina d&#8217;entrades<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Hem de tenir en ment que WordPress es va inventar per facilitar la creaci\u00f3 de blogs. Aix\u00f2 es nota en el tipus de continguts que porta de s\u00e8rie i en que, <strong>per defecte, la portada d&#8217;un lloc web fet amb WordPress mostrar\u00e0 les \u00faltimes entrades publicades<\/strong>. Si volem que la <strong>p\u00e0gina d&#8217;inici<\/strong> sigui una p\u00e0gina est\u00e0tica, haurem d&#8217;indicar-ho a <strong>opcions > lectura<\/strong>.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Si hem posat una p\u00e0gina est\u00e0tica a la portada, per\u00f2 volem tenir un blog \/ p\u00e0gina amb les \u00faltimes entrades a una p\u00e0gina interior, aleshores podem crear una p\u00e0gina i, a opcions > lectura, indica que aquesta p\u00e0gina ha de ser la <strong>p\u00e0gina que mostrar\u00e0 les entrades<\/strong>.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Quan fem servir el contingut tipus p\u00e0gina i quan fem servir el contingut tipus entrada?<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Un dels dubtes m\u00e9s habituals \u00e9s quan hem de fer servir el contingut tipus p\u00e0gina i quan el de tipus entrada. Per resoldre aquest dubte ens podem fer algunes preguntes:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>\u00c9s important la <strong>data de publicaci\u00f3<\/strong> d&#8217;aquell contingut per a l&#8217;usuari de la web? Si la resposta \u00e9s s\u00ed, aleshores estem parlant d&#8217;entrades. Exemples: not\u00edcies.<\/li>\n\n\n\n<li>Ser\u00e0 \u00fatil organitzar aquests continguts en <strong>categories<\/strong>? Si la resposta \u00e9s s\u00ed, estem parlant d&#8217;entrades. Exemple: llibres, receptes, dietes<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">Quina difer\u00e8ncia hi ha entre categories i etiquetes?<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Aquest \u00e9s un altre dels dubtes habituals. Categories i etiquetes s\u00f3n el que WordPress anomena \u00abtaxonomies\u00bb. <\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Difer\u00e8ncia 1: jerarquia<\/strong>. Les categories poden ser jer\u00e0rquices, les etiquetes no <br><sub>Exemple: categoria <em>novel\u00b7la<\/em> > subcategoria <em>novel\u00b7la negra<\/em> > sub sub categoria <em>novel\u00b7la negra europea<\/em>)<\/sub><\/li>\n\n\n\n<li><strong>Difer\u00e8ncia 2: avast<\/strong>. Les categories agrupen moltes entrades per tem\u00e0tica; les etiquetes ajuden a definir de forma m\u00e9s concreta una entrada i poden no ser compartides entre entrades (pot haver-hi etiquetes que nom\u00e9s les fan servir una entrada). <br><sub>Exemple: un llibre pot pert\u00e0nyer a les categories novela i novel\u00b7la negra i estar etiquetat amb les etiquetes \u00abBarcelona\u00bb, \u00abm\u00e0fia\u00bb, \u00abviol\u00e8ncia\u00bb,&#8230;.<\/sub><\/li>\n<\/ul>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p class=\"wp-block-paragraph\">Recorda que WordPress generar\u00e0 autom\u00e0ticament una p\u00e0gina per cadascuna de les categories que es facin servir! No caldr\u00e0 que facis una p\u00e0gina, es generar\u00e0 autom\u00e0ticament<\/p>\n<\/blockquote>\n\n\n\n<h2 class=\"wp-block-heading\">Qu\u00e8 necessitem per fer una web amb WordPress?<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Un servidor amb els seg\u00fcents requirements<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Ha de poder llegir arxius php<\/li>\n\n\n\n<li>Ha de comptar amb una base de dades (mySQL)<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">Quan instal\u00b7lem WordPress a un servidor, el que fem \u00e9s:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Desar-hi un conjunt d&#8217;arxius<\/li>\n\n\n\n<li>Establir una connexi\u00f3 amb la base de dades<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">Avui dia, molts servidors tenen un botonet al panell de control per instal\u00b7lar WordPress sense despentinar-nos.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Al servidor, els arxius de wordpress es classifiquen en 2 blocs:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Els que controlen el gestor de continguts (wp-admin, wp-includes,..)<\/li>\n\n\n\n<li>Els que controlen el que es veur\u00e0 (dins de wp-content trobem themes, uploads,&#8230;)<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">Quan fem servir l&#8217;admin \/ dashboard \/ backoffice \/ gestor de continguts, el que fem \u00e9s anar posant continguts a la base de dades i pujant imatges a la carpeta uploads. A la base de dades no hi haur\u00e0 les imatges, per\u00f2 s\u00ed indicacions d&#8217;on estan guardades. La carpeta del tema no es modificar\u00e0, perqu\u00e8 all\u00e0 dins nom\u00e9s hi ha plantilles. El contingut que t\u00fa afegeixes es guarda a la base de dades i el servidor nom\u00e9s far\u00e0 servir les plantilles per generar l&#8217;HTML que s&#8217;enviar\u00e0 al navegador de l&#8217;usuari. Aquest HTML no queda enmagatzemat enlloc, \u00e9s virtual!<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Quan pugem imatges, WordPress generar\u00e0, autom\u00e0ticament, v\u00e0ries versions de cadascuna. Cada tema indica a WordPress quines mides ha de generar. Per aix\u00f2, si mires dins de la carpeta uploads veur\u00e0s moltes m\u00e9s imatges de les que t\u00fa havies pujat.. Aix\u00f2 \u00e9s aix\u00ed per qu\u00e8 cadascuna de les plantilles pot necessitar mides diferents d&#8217;imatges.<br><sub>Exemple: la imatge destacada pot ser quadrada a la p\u00e0gina d&#8217;entrades i apaisada a la p\u00e0gina individual<\/sub><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Altres temes:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Men\u00fas<\/li>\n\n\n\n<li>Widgets<\/li>\n\n\n\n<li>Plugins<\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"<p>Un gestor de continguts \u00e9s un sistema per emmagatzemar continguts que despr\u00e9s podrem recuperar. Normalment, els continguts es desen a una base de dades. Una base de dades \u00e9s un conjunt de taules (com un excel) amb informaci\u00f3 organitzada de forma que pugui ser consultada f\u00e0cilment. WordPress \u00e9s un gestor de continguts una mica especial,&hellip; <a class=\"more-link\" href=\"https:\/\/user0.gesem.es\/blog\/conceptes-basics-de-wordpress\/\">Continueu llegint <span class=\"screen-reader-text\">Conceptes b\u00e0sics de WordPress<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-152","page","type-page","status-publish","hentry","entry"],"_links":{"self":[{"href":"https:\/\/user0.gesem.es\/blog\/wp-json\/wp\/v2\/pages\/152","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/user0.gesem.es\/blog\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/user0.gesem.es\/blog\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/user0.gesem.es\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/user0.gesem.es\/blog\/wp-json\/wp\/v2\/comments?post=152"}],"version-history":[{"count":4,"href":"https:\/\/user0.gesem.es\/blog\/wp-json\/wp\/v2\/pages\/152\/revisions"}],"predecessor-version":[{"id":159,"href":"https:\/\/user0.gesem.es\/blog\/wp-json\/wp\/v2\/pages\/152\/revisions\/159"}],"wp:attachment":[{"href":"https:\/\/user0.gesem.es\/blog\/wp-json\/wp\/v2\/media?parent=152"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}