Taula de continguts:
- Pas 1: Obteniu allotjament web i registreu un nom de domini
- Pas 2: configureu el lloc web
- Pas 3: Dissenyeu el vostre lloc web
- Pas 4: afegiu contingut al vostre lloc web
Vídeo: Com crear un lloc web (una guia pas a pas): 4 passos
2024 Autora: John Day | [email protected]. Última modificació: 2024-01-30 08:13
En aquesta guia, us mostraré com la majoria de desenvolupadors web construeixen els seus llocs i com podeu evitar costosos creadors de llocs web que sovint són massa limitats per a un lloc més gran.
També t’ajudo a evitar alguns errors que vaig cometre quan vaig començar.
Pas 1: Obteniu allotjament web i registreu un nom de domini
Per configurar el vostre WordPress (o qualsevol altre tipus de lloc web), necessitareu dues coses:
- Nom de domini (una adreça web com YourSiteName.com)
- Allotjament web (un servei que connecta el vostre lloc a Internet)
Per emmagatzemar les vostres imatges, contingut i fitxers de llocs web, necessitareu un allotjament web. Sense allotjament web, el vostre lloc web no serà visible a Internet.
Posseir el vostre propi nom de domini sembla molt més professional que tenir el vostre lloc al domini d’una altra persona (com ara yourbusiness.my-free-website.com), i també és molt assequible. La majoria dels proveïdors d’allotjament ofereixen dominis GRATU forTS durant un any (normalment ~ 15 € / any).
En poques paraules: sense allotjament web ni nom de domini, el vostre lloc web NO existirà.
On puc registrar un nom de domini i obtenir allotjament web?
Divulgació completa: guanyo una comissió si acabeu comprant Bluehost mitjançant els meus enllaços de referència d’aquesta guia. Això m'ajuda a mantenir WebsiteSetup actualitzat i actualitzat. Gràcies pel teu recolzament.
He utilitzat sobretot Bluehost com a allotjament web i registrador de dominis gratuït.
El seu preu inicial és de 2,75 dòlars al mes i actualment estan llançant un nom de domini gratuïtament (primer any); per tant, val la pena consultar-los.
També són un dels proveïdors d’allotjament més populars del mercat, de manera que definitivament estan prou consolidats i segurs per allotjar el vostre lloc web.
Tot i que la majoria dels seus servidors es basen als Estats Units, poden gestionar molt trànsit de tot el món. I probablement sigui més barat que el vostre amfitrió local.
Com a persona que viu a Europa, encara prefereixo utilitzar-les. Ja teniu un nom de domini i un allotjament?
Seguiu endavant i passeu al pas 2, on us explicaré com podeu configurar el vostre lloc web.
Baixeu-vos pas a pas de com registrar-vos amb un proveïdor d'allotjament web (i registreu un nom de domini si encara no el teniu) a continuació:
Pas 2: configureu el lloc web
Un cop hàgiu comprat el vostre nom de domini i hàgiu configurat l’allotjament, esteu en bon camí.
Ara toca posar en marxa el vostre lloc web. El primer que heu de fer és instal·lar WordPress al vostre domini.
Instal·lació de WordPress
Hi ha dues maneres possibles d’instal·lar WordPress, una MOLT més fàcil que l’altra.
1. Per crear un lloc web amb WordPress (o Joomla i Drupal), utilitzeu la "instal·lació amb un sol clic":
Gairebé totes les empreses d’allotjament fiables i consolidades han integrat la instal·lació amb un sol clic per a WordPress, cosa que fa que tirar endavant sigui molt ràpid.
Si us heu registrat a Bluehost o a qualsevol altra empresa d’allotjament similar, hauríeu de trobar la vostra “instal·lació amb 1 clic” al tauler de control del vostre compte.
Aquests són els passos que heu de seguir (haurien de ser similars / iguals a totes les principals empreses d’allotjament web):
- Inicieu la sessió al vostre compte d’allotjament (Bluehost).
- Aneu al tauler de control.
- Cerqueu la icona "WordPress" o "Lloc web".
- Trieu el domini on voleu instal·lar el vostre lloc web nou.
- Feu clic al botó "Instal·la ara" i obtindreu accés al vostre nou lloc web de WordPress.
(Consulteu la imatge 2 de dalt)
2. O INSTAL·LACIÓ MANUAL (per a aquells que no utilitzen Bluehost ni cap amfitrió similar):
Si per alguna estranya raó (algunes empreses d’allotjament no proporcionen instal·lació d’un sol clic per a WordPress) no teniu l’opció d’instal·lar WordPress automàticament, consulteu aquesta guia manual següent:
1) Descarregueu WordPress des d’aquí:
2) Creeu una carpeta nova a l'escriptori i descomprimiu-la de WordPress
3) Cerqueu un fitxer anomenat wp-config-sample.php i canvieu-lo pel nom: wp-config.php
4) Ara obriu wp-config.php (amb un bloc de notes per exemple) i empleneu les línies següents:
- defineix ('DB_NAME', 'nom_base_data_de_base'); - Nom de la base de dades (si no el coneixeu, demaneu-ho al vostre servei d’allotjament)
- define ('DB_USER', 'nom_usuari_aquí'); - El vostre nom d’usuari d’allotjament
- define ('DB_PASSWORD', 'password_here'); - La vostra contrasenya d’allotjament
Després d'haver omplert els buits, deseu el fitxer.
5) Ara inicieu sessió al ftp d'allotjament (descarregueu FileZilla per a això). L'adreça FTP sol ser ftp.yourdomain.com, el nom d'usuari i la contrasenya són els mateixos que es van utilitzar per registrar-se al vostre amfitrió
6) Si hi ha algun fitxer anomenat "índex": suprimiu-lo. Després, carregueu tots els fitxers de la carpeta WordPress al servidor FTP. Crec que podeu utilitzar la funció "arrossegar i deixar anar" a FileZilla
7) Un cop hàgiu completat els passos anteriors, aneu a l'URL: domini.com/wp-admin/install.php Aquesta és la pàgina que hauríeu de veure: (Comproveu la imatge 3 anterior)
Ompliu els formularis i ja esteu a punt.
Pssst: si no tenen instal·lació amb un clic, potser teniu problemes amb un amfitrió deficient.
Pas 3: Dissenyeu el vostre lloc web
Un cop hàgiu instal·lat WordPress al vostre domini, veureu un lloc molt bàsic però net.
Però no voleu semblar-vos a tothom, oi?
Per això, necessiteu un tema: una plantilla de disseny que expliqui a WordPress com ha de quedar el vostre lloc web. Vegeu un exemple de tema gratuït de WordPress que podeu instal·lar:
(Comproveu la imatge 2 anterior)
Aquí és on es fa divertit: hi ha més de 1500 temes fantàstics i de disseny professional que podeu triar i personalitzar per al vostre lloc.
La majoria dels temes de WordPress són d’ús lliure i molt personalitzables.
A continuació s’explica com trobar un tema que us agradi
1. Inicieu la sessió al tauler de WordPress: si no esteu segur de com, escriviu: https://yoursite.com/wp-admin (substituïu "yoursite" pel vostre domini). Així és el tauler de WordPress:
(Consulteu la imatge 3 anterior)
2. Accediu a temes GRATU:TS: una vegada que esteu al tauler de control, teniu accés a més de 1500 temes gratuïts. Només cal que cerqueu "Aspecte" a la barra lateral i feu clic a "Temes".
Si voleu alguna cosa més professional o elegant del que trobeu aquí, podeu dirigir-vos a ThemeForest.net, on hi ha una gran biblioteca de temes per triar a diversos costos.
Abans de fer-ho, us suggereixo que, com a mínim, intenteu dedicar una estona a navegar pels temes lliures. Molts d’ells són realment professionals i estan ben fets; així que no les anoteu.
Com podeu veure més amunt, instal·lar un tema nou per al vostre lloc web és molt fàcil.
Podeu cercar paraules clau específiques o utilitzar filtres per trobar temes que s’adaptin al vostre estil. Trobar el tema perfecte pot trigar una estona, però val la pena.
També heu de buscar temes que siguin "sensibles", ja que això vol dir que quedaran bé en qualsevol dispositiu mòbil. Només cal que la col·loqueu com una de les vostres paraules clau i ja estareu a punt.
3. Instal·leu el vostre nou tema
Quan hàgiu trobat un tema que us agradi, instal·lar-lo és tan senzill com fer clic a "Instal·la" seguit de "Activa".
IMPORTANT: canviar els temes no suprimirà les vostres publicacions, pàgines i contingut anteriors. Podeu canviar temes amb la freqüència que vulgueu sense haver de preocupar-vos de perdre el que heu creat.
Pas 4: afegiu contingut al vostre lloc web
Amb el tema instal·lat, ja podeu començar a crear contingut. Examinem ràpidament alguns aspectes bàsics:
Afegir i editar pàgines:
Voleu una pàgina "Serveis" o una pàgina "Sobre mi" (com tinc al menú a la part superior del lloc)?
1. Cerqueu "Pàgines" a la barra lateral del tauler de WordPress:> "Afegeix un nou".
2. Trobareu una pantalla que s’assembla molt a la que potser heu vist a Microsoft Word. Afegiu text, imatges i molt més per crear la pàgina que vulgueu i deseu-la quan hàgiu acabat. (Comproveu la imatge superior 1)
Afegir pàgines al menú: si voleu que la vostra pàgina nova estigui enllaçada a la barra de navegació, 1. Deseu els canvis que hàgiu fet a la pàgina fent clic a "Actualitza"
2. Feu clic a "Aspecte" -> "Menús" a la barra lateral del tauler de WordPress.
3. Cerqueu la pàgina que heu creat i afegiu-la a la llista fent clic a la casella de selecció que hi ha al costat i després a "Afegeix al menú".
(Comproveu la imatge superior 2)
Afegir i editar publicacions:
Si teniu un bloc al vostre lloc web, passareu a "Publicacions". Podeu utilitzar diferents categories per agrupar publicacions similars.
Si voleu afegir un bloc al vostre lloc web, podeu utilitzar diferents categories i publicacions. Suposem que voleu crear una categoria anomenada "Blog". Simplement afegiu-lo al menú i comenceu a publicar publicacions.
Això és el que heu de fer:
Creeu una categoria nova anant a "Publicacions -> Categories"
O
Creeu una publicació de bloc anant a "Publicacions -> Afegeix una nova". Un cop hàgiu acabat d’escriure la publicació del bloc, heu d’afegir la categoria adequada per a ella
Un cop hàgiu creat la vostra categoria, només cal que l’afegiu al menú i ja tingueu feina.
Personalització i ajustos infinits …
En aquesta secció, tractaré algunes de les coses bàsiques que em pregunten tot el temps que us ajudaran a ajustar el vostre lloc web.
Canviant el títol i el lema
Els títols de les pàgines expliquen als cercadors de què tracta el vostre lloc web. També són una part important de com els motors de cerca determinen la vostra classificació. Voleu estar segur que tenen les paraules clau que voleu orientar (però de manera natural, escrites per a persones reals).
Heu d'utilitzar un títol únic a totes les pàgines del vostre lloc. Per exemple, el títol del meu lloc és "Com crear un lloc web".
(No el trobeu? Mantingueu el ratolí sobre la pestanya de la part superior del navegador web).
Els eslògans s’afegeixen al final dels títols de cada pàgina. El slogan del meu lloc és "Guia pas a pas"
Per canviar el títol i el slogan del vostre lloc web, aneu a "Configuració -> General" i empleneu el formulari següent: (Marqueu la imatge superior 3)
Desactivació de comentaris per a publicacions i pàgines
Alguns llocs web (principalment llocs d’empresa / organització) no volen que els visitants puguin comentar les seves pàgines.
A continuació s’explica com es poden tancar els comentaris a les pàgines de WordPress:
- 1. Mentre escriviu una pàgina nova, feu clic a "Opcions de pantalla" a l'extrem superior dret.
- 2. Feu clic al quadre "Discussió". El quadre "Permetre comentaris" apareixerà a la part inferior.
- 3. Desmarqueu "Permet comentaris".
Voleu desactivar els comentaris a cada pàgina nova per defecte?
1. Aneu a "Configuració -> Debat" i desmarqueu "Permetre que la gent publiqui comentaris sobre articles nous" (Marqueu la imatge superior 4)
Configuració d'una portada estàtica:
Algunes persones es posen en contacte amb mi dient que estan frustrats perquè la seva pàgina d'inici sembli una publicació al bloc. Podeu solucionar-ho fent que la vostra pàgina d'inici sigui "estàtica".
Una pàgina estàtica és una pàgina que no canvia. A diferència d’un bloc, on el primer article nou apareixerà a la part superior cada vegada, una pàgina "estàtica" mostrarà el mateix contingut cada vegada que algú vingui al lloc, com una pàgina d'inici que heu dissenyat.
Per configurar una portada estàtica:
1. Aneu a "Configuració -> Lectura" 2. Trieu una pàgina estàtica que hàgiu creat. "Pàgina inicial" indica la vostra pàgina d'inici. "Pàgina de publicacions" és la pàgina principal del vostre bloc (si tot el lloc no és un bloc).
Si no escolliu una pàgina estàtica pel vostre compte, WordPress agafarà les vostres darreres publicacions i començarà a mostrar-les a la vostra pàgina principal. (Consulteu la imatge superior a 5)
S'està editant la barra lateral:
La majoria de temes de WordPress tenen una barra lateral al costat dret (en alguns casos, a l’esquerra).
Si voleu desfer-vos de la barra lateral o editar elements que no necessiteu, com ara "Categories", "Meta" i "Arxius", que normalment no tenen sentit, aquí teniu el següent:
1. Aneu a "Aspecte -> Ginys" al tauler de WordPress.
2. A partir d’aquí, podeu fer arrossegar i deixar anar per afegir diferents "quadres" a la barra lateral o eliminar els elements que no vulgueu.
També hi ha un "quadre HTML": un quadre de text on podeu utilitzar codi HTML. Per als principiants, no us preocupeu, només heu d’arrossegar i deixar anar els elements que voleu a la barra lateral.
Instal·lació de connectors per treure més profit a WordPress
Què és un complement? Els "connectors" són extensions creades per ampliar les funcions de WordPress, que afegeixen funcions i funcions al vostre lloc que no són incorporades.
Són dreceres per aconseguir que el vostre lloc faci el que vulgueu sense haver de crear les funcions des de zero.
Podeu utilitzar connectors per fer-ho tot, des d’afegir galeries de fotos i formularis d’enviament fins a optimitzar el vostre lloc web i crear una botiga en línia.
Com puc instal·lar un connector nou?
Per començar a instal·lar connectors, aneu a "Connectors -> Afegeix un nou" i simplement comenceu a cercar.
Tingueu en compte que hi ha més de 25.000 connectors diferents, de manera que teniu molt per triar.
La instal·lació és fàcil: un cop trobeu un connector que us agradi, feu clic a "Instal·la".
Per estalviar-vos una mica de temps, he elaborat una llista dels connectors més populars que els administradors web consideren útils:
# 1 Formulari de contacte 7: El meu lloc web té un formulari de contacte a la meva pàgina Sobre mi. És una característica fantàstica, ja que la gent (com vosaltres!) Pot omplir el formulari i enviar-me un correu electrònic sense iniciar sessió al seu propi proveïdor de correu electrònic. Si voleu fer alguna cosa similar, obteniu definitivament aquest complement.
# 2 Yoast SEO per a WordPress: si voleu que el vostre lloc de WordPress sigui encara més adequat per al SEO, aquest complement és imprescindible. És gratuït i és increïble. Podreu editar les etiquetes de títol, les meta descripcions i molt més, tot des de la mateixa pàgina, sense deixar de banda la configuració de WordPress.
Google Analytics núm. 3: us interessa fer un seguiment dels vostres visitants / trànsit i del seu comportament? Només cal que instal·leu el connector, que el connecteu amb el vostre compte de Google i ja podreu començar.
Per descomptat, això és només la punta de l’iceberg. Aquí teniu una llista de connectors recomanats per mi:
1. Yoast SEO
2. Akismet Anti-Spam
3. WooCommerce
4. TinyMCE Advanced
5. Seguretat de WordFence
6. Mapes del lloc XML de Google
7. WP Super Cache
8. Tauler de control de Google Analytics per a WP per ExactMetrics
9. Plugin de còpia de seguretat de UpdraftPlus per a WordPress
10. Elementor Page Builder
11. Compressió i optimització d’imatges
I la llista continua.
Recomanat:
Motor pas a pas controlat Motor pas a pas sense microcontrolador: 6 passos
Motor pas a pas controlat pel motor pas a pas sense microcontrolador. Aquest projecte no requereix cap circuit complex ni un microcontrolador. Així doncs, sense més, comencem
Motor pas a pas controlat pel motor pas a pas sense microcontrolador (V2): 9 passos (amb imatges)
Motor pas a pas controlat amb motor pas a pas sense microcontrolador (V2): en una de les meves instruccions anteriors, us vaig mostrar com controlar un motor pas a pas mitjançant un motor pas a pas sense microcontrolador. Va ser un projecte ràpid i divertit, però va venir amb dos problemes que es resoldran en aquest instructiu. Llavors, enginy
Locomotora model controlada per motor pas a pas - Motor pas a pas com a codificador rotatiu: 11 passos (amb imatges)
Locomotora controlada per motor pas a pas | Motor pas a pas com a codificador rotatiu: en una de les instruccions anteriors, vam aprendre a utilitzar un motor pas a pas com a codificador rotatiu. En aquest projecte, ara utilitzarem aquest motor pas a pas encodador giratori per controlar una locomotora model mitjançant un microcontrolador Arduino. Així, sense fu
Com crear un lloc web en un Raspberry Pi, amb Node.js, Express i MongoDB Part 1: 6 passos
Com es crea un lloc web en un Raspberry Pi, amb Node.js, Express i MongoDB … Primera part: Benvingut a la PART 1 del meu tutorial d'aplicacions web node.js. La primera part revisarà el programari necessari que s’utilitza per al desenvolupament d’aplicacions node.js, com utilitzar el reenviament de ports, com crear una aplicació mitjançant Express i com executar la vostra aplicació. La segona part d'aquest
Com crear el vostre propi lloc web: 16 passos
Com crear el vostre propi lloc web: una guia completament coberta per passar del paper al web, de manera gratuïta si voleu, especialment si algun administrador web amable us deu alguns favors, però fins i tot amb poca experiència i coneixements podeu crear un lloc i obtenir-lo al web així: