Fer una web requereix una gran inversió, tant en temps com en pressupost. És per aquest motiu que moltes persones i empreses decideixen fer servir WordPress i una plantilla. Això té sentit quan només necessites una mica de presència online. Però tingues en compte que estaràs fent servir una web prefabricada, i que potser no podrà satisfer totes les teves necessitats. Això si, serà ràpida de fer i barata. A Breu, la meva agència digital, no fem aquest tipus de projectes perquè la nostra filosofia és entendre les necessitats dels nostres clients i oferir una solució creativa. Però entenc perfectament que de vegades només necessites alguna cosa low cost. És per això que he pensat que el millor en aquests casos és que et facis la web tu mateix/a. Així que si segueixes aquests pasos, al final del tutorial tindràs la teva web feta!
1. Prepara el contingut
El primer que has de fer per crear la teva web és planificar-te. Prepara tota la informació que hi vols mostrar. Escriu els textos i aconsegueix les imatges i vídeos.
2. Aconsegueix el hosting i el domini
El domini serà la URL i el hosting l’espai online on penjaràs la teva web, enllaçada amb el teu domini.
Hi ha moltes empreses que venen serveis de hosting. He triat Godaddy com a exemple, així que t’ensenyaré com aconseguir el hosting i el domini adequats pel teu projecte.
Si fas click aquí, aniràs directament al pla de hosting perfecte per una web amb WordPress. Hi ha 4 plans diferents. Et recomano que comencis amb el Bàsic i l’ampliïs en un futur quan et faci falta.
Una vegada hagis triat el plà de hosting, vés a fer el pagament. En aquest moment t’oferirà el domini per que puguis enllaçar-lo amb el teu hosting. És tan fàcil com escriure el nom del domini que vols al formulari “Añade un dominio en mi pedido”. El meu consell és que el domini sigui curt, que tingui relació amb la temàtica de la web i que sigui fàcil de llegir i recordar.
Potser necessites temps per pensar en el domini que vols i comprovar si està disponible. En aquest cas pots anar a la seva pàgina principal i prendre’t el temps que necessitis. És una decisió important.
3. Tria una plantilla de WordPress
Existeixen plantilles gratuïtes i premium. Et recomano sincerament que n’agafis una de premium, ja que no són tan cares i la teva web tindrà un aspecte molt més professional. De totes maneres, si no n’estàs segur/a, ho pots decidir més endavant després del pas 5.
La plataforma més gran on comprar plantilles de WordPress és Themeforest. Tenen infinites plantilles per temes molt diferents.
Per facilitar-te una mica les coses, n’he seleccionat algunes que m’agraden especialment:
Oshine: aquesta és molt completa. La pots utilitzar com a portfoli, web corporativa o fins i tot com a botiga online. Té un page builder molt potent que et permetrà crear diferents composicions sense tocar ni una linia de codi. D’altra banda, és una mica complicada de fer servir i pot ser que et perdis entre tantes funcionalitats. Pots veure les possibilitats que ofereix i vàries demos en aquest enllaç. Jo l’he feta servir vàries vegades i crec que és la meva preferida.
Ink: aquesta és molt fàcil d’utilitzar. Està pensada per escriure històries. El disseny és molt minimalista i mostra les imatges i els vídeos d’una manera molt visual. Jo la faig servir pel meu blog de viatges i m’encanta perquè és simple i bonica. Fes-li una ullada si estàs buscant una plantilla per un blog.
Avoc: està pensada per portfolios. És més simple que Oshine. M’encanta la composició, una mica hipster, neta i minimalista. També té un page builder que et permetrà crear diferents composicions i personalitzar-la de manera senzilla. Si ets un freelance o tens una agència i vols mostrar la teva feina, és una bona opció.
4. Configura el teu hositing utilitzant Godaddy
Una vegada ja tens el domini, el hosting i la plantilla, pots utilitzar GoDaddy per configurar la teva web. És molt fàcil de fer. Si tens algun problema pots contactar amb el seu servei d’ajuda i suport. Inicia la sessió a Godaddy i vés al teu panell. A on posa “Sitios web administrados por WordPress” fes click a “Administrar”.
A la nova finestra, fes click a “Añadir sitio” i segueix els quatre pasos del porcés que apareixerà a continuació.
Per començar: Marca que estàs creant una web nova i fes click a “Empezar”
Pas 1: Selecciona el teu domini de la llista desplegable. Si el teu domini no surt a la llista vol dir que encara l’has de comprar o validar. Mira el teu mail, ja que potser t’han enviat un mail de validació, o ves a comprar el teu domini.
Pas 2: Tria el centre de dades. Jo, com que sóc de Barcelona i la majoria dels meus clients estan a Europa, seleccionaria Europa.
Pas 3: Tria el teu nom d’usuari i contrasenya i fes click a “Instalar”
I ja ho tens!
5. Configura el teu WordPress
La teva web ja està online. La pots visitar a través del teu domini. Per configurar el WordPress, escriu el teu domini i després afegeix /wp-admin És a dir: www.elteudomini.com/wp-admin
Arribaràs a una pàgina amb un procés de 4 pasos. Et recomano que facis click a “Start Wizard” i que completis tots els formularis.
A l’últim pas, tria una plantilla. En trobaràs vàries gratis, no dubtis gaire perquè la canviaràs per la que has comprat. Una vegada s’acabi d’instalar, ves un altre cop a www.elteudomini.com/wp-admin i trobaràs el teu Panell d’Administració de WordPress.
6. Carrega la teva Plantilla i personalitza-la
Al Panell d’Administració de WordPress, fes click a “Aparença” i després a “Temes”
Arribaràs a una pàgina que et permetrà administrar les plantilles. Fes click a “Afegeix” i després a “Penja el Tema”. Ara només has de pujar un zip amb la plantilla que has aconseguit després de fer la teva compra a Themeforest. Ves amb compte perquè pot ser que no sigui exactament el zip que has descarregat. Ha de tenir el mateix nom que la teva plantilla, i pot estar a dins d’un altre zip. Mira la captura de pantalla de sota per aclarir els teus dubtes.
Després de seleccionar l’arixu, fes click a “Instal·lar” i recorda activar la plantilla després d’instal·lar-la.
I ara, només l’has de personalitzar. Ves a Aparença / Temes i fes totes les accions que requereixi la teva plantilla. Per exemple, en el meu cas, fent servir Ink, em demana que instal·li alguns plugins. Simplement segueix els pasos que t’apareguin als enllaços blaus.
Després, mira la llista de temes. Veuràs que el tema que has comprat està actiu. Fes click al botó blau que posa “Personalitzar”
T’apareixeran unes opcions de personalització al menú de l’esquerra. Ves revisant-les totes mentres veus els canvis en temps real. Recorda guardar els canvis quan estiguis satisfet/a amb els resultats.
Cada plantilla funciona diferent. Algunes es poden configurar a través d’aquest panell i altres tenen seccions específiques dins del Panell de WordPress. Si tens problemes per personalitzar la plantilla, demana ajuda al seu creador a través de Themeforest, ja que al comprar la plantilla, l’assistència està inclosa.
7. Col·loca el teu contingut a la web
Aquest últim pas és complicat d’explicar, ja que cada plantilla funciona a la seva manera. Però t’explicaré algunes coses generals:
Defineix el sistema de les URL
Fes click a Paràmetres / Enllaços Permanents i assegura’t que tens seleccionat “Nom de l’Entrada”
Crear pàgines
Per crear pàgines, fes click a Pàgies / Afegir Nova. Arribaràs a una fitxa on podràs afegir el contingut de la teva nova pàgina.
Gestiona el menú
Per crear o modificar els menús de la teva web, fes click a Aparença / Menú i defineix els enllaços que vols mostrar al menú. Pots tenir més d’un menú, a llocs diferents, amb enllaços a pàgines, entrades al blog, enllaços externs, etc. La ubicació dels menús vindrà donada per la plantilla que estiguis utilitzant.
Si tens dubtes, mira’t la web de WordPress, tenen molts tutorials i guies. Si no, al ser una plataforma tan utilitzada, no tindràs problemes en trobar tot tipus d’informació per internet.
8. Explora totes les funcionalitats de WordPress
Segueix jugant amb el Panell de WordPress. Potser pots instal·lar alguns plugins si necessites funcionalitats extra.
Fes servir la teva identitat de marca per triar els colors correctes i les tipografies. Puja el teu logo com a mínim a la barra de navegació. Fes que la web quedi bonica i que tingui bons continguts.
Si aquest article t’ha estat útil, comparteix-lo amb els teus amics per ajudar-los a crear també la seva pròpia web. Si et ve de gust, pots compartir les teves experiències als comentaris de sota. M’encantarà saber el que has aconseguit fer.
Llista de Recursos:
Oshine: Multi-purpose Portfolio Theme
Avoc: Creative Portfolio Theme
Espero que aquest tutorial et sigui útil i que aconsegueixis dissenyar la teva web. Si necessites ajuda, a Breu, el meu estudi de disseny, oferim serveis de consultoria per hores. Pots contactar amb nosaltres i t’ensenyarem a dissenyar la teva primera web.