Clase 1 Fundamentos de WddddordPress.pdf

dsffsdfsdf

2. ¿Qué es un Sitio Web?

3. ¿Qué es un Sitio Web?
Unsitiowebesunconjuntodepáginaswebrelacionadasyaccesiblesatravésde
Internet,generalmentebajounmismonombrededominio.Estaspáginaspueden
contenertexto,imágenes,videosyotrostiposdecontenidomultimedia.Lossitios
webseutilizanparacompartirinformación,venderproductos,ofrecerserviciosy
muchomás.

4. ¿Qué es WordPress?

5. ¿Qué es WordPress?
WordPressesunaplataformadegestióndecontenidos,representaunsoftware
decódigoabiertoaltamenteversátilquepermitealosusuarioscreary
desarrollarsitioswebpersonalizadosdemanerasencilla,adaptableyprofesional,
conunamuybuenaexperienciadeusuario.

6. ¿Qué es WordPress?
Consuampliagamadecaracterísticasyflexibilidad,WordPresssehaconvertido
enlaelecciónpreferidatantoparaprincipiantesquebuscanestableceruna
presenciaenlíneasólida,comoparaprofesionalesquenecesitanunaplataforma
potenteparaconstruirsitioswebdinámicosyatractivos.

7. Para quésirveWordPress
WordPressesunaherramientaversátilypoderosaqueteayudaaconstruiruna
presenciaenlíneaefectivayexitosa,independientementedetusobjetivoso
industria.Tebrindalasherramientasnecesariasparaconstruirsitiosweb
altamentepersonalizadosyfuncionales,yaquepuedescrearyadministrarblogs,
sitioswebcorporativos,tiendasenlínea,portafoliosy¡muchomás!

8. Característicasde WordPress
Blogging
WordPressseoriginócomounaplataformadeblogsyaúnesampliamente
utilizadaparacrearyadministrarblogsensueditornormalyconotroscomo
Elementor.Ofrececaracterísticasespecíficasparablogging,comolacapacidad
depublicarfácilmenteartículos,organizarelcontenidoporcategoríasy
etiquetas,permitircomentariosdeloslectoresycompartircontenidoenredes
sociales.

9. Característicasde WordPress
Ecommerce
ConlaayudadepluginscomoWooCommerce,WordPresssepuedetransformar
enunapoderosaplataformadecomercioelectrónico.Puedescrearyadministrar
unatiendaenlíneacompleta,agregarproductos,gestionarinventario,procesar
pagosyconfiguraropcionesdeenvío.

10. Característicasde WordPress
Optimizaciónparamotoresdebúsqueda(SEO)
WordPressesaltamenteamigableparaSEOyofrecenumerosasherramientasy
pluginsparaayudarteaoptimizartusitioweb.PuedesutilizarpluginscomoYoast
SEOoAllinOneSEOPackparamejorarelrendimientoenlosmotoresde
búsqueda,realizarlaoptimizaciónon-pagedetuscontenidos,administrarlas
etiquetasmeta,generarmapasdelsitioXML,gestionarenlacespermanentesy
más.

11. Característicasde WordPress
Integraciónconredessociales
Laplataformafacilitalaintegracióndetusperfilesderedessocialesentusitio
web.Puedesañadirbotonesdecompartirenredessociales,mostrarfeedsde
redessocialesentiemporealypermitirquelosvisitantescomentenycompartan
tucontenidoenplataformas.Estofomentalainteracciónsocialypuedeayudara
aumentarlavisibilidaddetusitiowebenlínea.

12. Característicasde WordPress
Generacióndecontenidoregular
Laherramientapermiteprogramarlapublicacióndecontenido,loqueteayudaa
mantenerunflujoconstantedeactualizaciones.EstoesbenéficoparaelSEO,ya
quelosmotoresdebúsquedavaloranlossitioswebqueofrecencontenidofresco
yrelevantedeformaregular.Puedesestableceruncalendariodepublicaciones
yasegurartedequesiemprehayanuevocontenidoparaatraeralosmotoresde
búsquedayalosvisitantes.

13. Característicasde WordPress
PersonalizacióndeURLyestructuradeenlaces
OtragranventajaparaelposicionamientoesqueWordPresstepermite
personalizarlasURLdetuspáginasyentradas,loquecontribuyeaunaestructura
deenlacesamigable.PuedesutilizarpalabrasclaverelevantesenlasURLy
establecerunaestructuralógicadeenlacesquefacilitelanavegacióndelos
motoresdebúsquedaportusitioweb.

14. Característicasde WordPress
Velocidadyrendimiento
Laplataformatieneunaampliavariedaddepluginsyherramientaspara
optimizarlavelocidadyelrendimientodetusitioweb.Estoincluyela
compresiónyelalmacenamientoencachédearchivos,laoptimizaciónde
imágenes,laminimizacióndecódigoylaimplementacióndetécnicasdecarga
diferida.UnsitiowebrápidoyeficienteescrucialparaelSEO,yaquelosmotores
debúsquedavaloranlaexperienciadelusuarioypremianlossitioswebquese
carganrápidamente.

15. Qué puedes hacer con WordPress
Ensusinicios,WordPresserautilizadoparalacreacióndeblogs.Actualmente,
cuentaconmásfuncionesdebidoalaevolucióndesusherramientas,lascuales
puedenadaptarsealaintencióndelosusuariosysusrequerimientos.
WordPresspuedeserutilizadoparablogsdeestilodevida,entretenimiento,
sitiosprofesionales,tiendasenlíneaysitiosdemembresía.Ahondemosunpoco
másenestetema.

16. Qué puedes hacer con WordPress
Blogs
LascaracterísticasqueWordPressofreceparablogssondiversas,entrelasque
destacanlassiguientes:
•Capacidaddediferenciarentrepublicacionesypáginas.
•PluginsdeeditoresWYSIWYGparaelaborarpublicacionesmásfácilmente.
•Publicaciones,etiquetasycategoríasparacrearunsistemadeorganizaciónde
contenidomásenriquecido.
•Opcionesparaquelosusuariosdejencomentariosafindequeel
administradordelsitiopuedamoderarlosdeformasencilla.

17. Qué puedes hacer con WordPress
LaventajadehacerunblogenWordPressconsisteenqueesmuy
fácildepersonalizar.Elsoftwarecuentaconunagrangamadetemas
quepuedenadaptarseadiferentestemáticas,comonoticias,revistas,
diseñosenmosaicos,entreotros.

18. Portafolios profesionales
WordPresstambiénofreceunaampliavariedadencuantoatemaspara
portafoliosprofesionales.Estoslospuedespersonalizarcomodeseespara
mostrartumarcapersonalalosusuarios.Porejemplo,puedesimplementarsu
funcióndepáginasparatupáginadeinicio,acercade,contacto,etc.;mientras
quelafuncionalidaddepublicacionespuedeusarseparapiezasespecíficasque
quieresquedestaquendelrestoenelsitio,yaseanimágenes,texto,audioo
videos.

19. Portafolios profesionales
Sitioswebcomerciales
UnsitiowebempresarialnecesitaaprovecharaúnmáslasbondadesdeWordPress,puesen
muchoscasossuelecontenermáspáginasypublicacionesqueunblogositiopersonal;porlo
tanto,requieresfuncionalidadesadicionales.Labuenanoticiaesqueelsoftwaretieneintegradas
capacidadesCMS(sistemadegestióndecontenidos),asícomolaopcióndecódigoabiertopara
configurartusitiocontodaslasfuncionesyopcionesquenecesitesparasatisfacertus
necesidades.

20. Tiendas de ecommerce
Hoymásquenunca,WordPresssehavueltounasoluciónintegralparalacreación
detiendasenlínea.CuentaconcomplementoscomoWooCommerce para
administrartusproductos,pagosyenvíosy,alavez,disponesdeunsitioweb
óptimoparasatisfacerlasnecesidadesdenavegaciónyexperienciadeusuario.

21. Aplicaciones móviles
Puedesermuchomásconvenienteparaalgunosusuariosaccederalasfunciones
detusitioatravésdeunaaplicaciónmóvil,enlugardeunnavegador.El
desarrollodeaplicacionespuederequerirunaltoniveldeinversión,perolos
pluginsdeWordPresstedanlaposibilidaddeconvertirtusitioenunaaplicación
sincomplicaciones.

22. Sitios de membresías
Siestásbuscandomonetizartusesfuerzosrestringiendoelcontenidopremium
soloalosmiembros,WordPressadmitepluginsparacrearsitiosdemembresía.
Podrásadministrarpagos,configurarnivelesdemiembrosymonitorizar
suscripciones.

23. Historia de WordPress
LahistoriadeWordPressseremontaal27demayode2003,cuandounparde
programadores,MattMullenwegyMikeLittlelanzansuprimeraversiónpública.
Desdeentonces,WordPresshaidocreciendohastaconvertirseenellíder
indiscutibledelosCMS,yestádetrásdecasiunadecadatrespáginaswebdel
mundo.

24. ¿Qué es un dominio?
UndominiowebeselnombreúnicoquerecibeunsitiowebenInternet.Este
nombreidentificaaunapáginawebconcretasinquepuedanexistirmássitios
webqueconelmismonombrededominio.
Porejemplo,ennuestrocaso,nuestrodominiowebeswebempresa.com.
Sitienesenmenteempezarunproyectoyquierescomprarundominioweb,
puedeshacerlodeformarápidaysencilladesdenuestroregistradorde
dominios.

25. ¿Qué es un Hosting?
Elhostingoalojamientowebesunserviciodigitalquetienecomofunción
almacenarlainformaciónycontenidodeunsitiowebencentrosde
procesamientodedatossegurosyveloces.Esesencialparahacerqueunsitio
webestédisponibleeninternet,yaquebrindaelespacioylosrecursos
necesariosparaalmacenarlo.

26. ¿Qué es un Hosting?
Losservidorescuentanconlainfraestructuraytecnologíanecesariasparaalojar
tupáginaypermitirqueseavisitadaencualquiermomentoydesdecualquier
partedelmundo.Cuandoalguiendeseavisitarunsitioweb,elnavegadorse
conectaalservidordehostingdondeseencuentraalojadoesesitioydescarga
losarchivosnecesariosparamostrarelcontenidoenelnavegadordelusuario.

27. Wordpress.org y Wordpress.com.
WordPress.comyWordPress.orgfuncionanconelmismosoftwaredeWordPress.
Unadelasprincipalesdiferenciasescómosealojatusitioweb.Elalojamiento
webesunservicioquepermitequetusitiowebsepubliqueyseaaccesibleen
Internet.

28. Wordpress.org y Wordpress.com.
•WordPress.com:incluyealojamientogestionado,queayudaaoptimizartusitiowebencuantoa
velocidad,seguridadyrendimiento.Elalojamientogestionadoseencargademuchosaspectos
técnicosdetusitioporti.WordPress.comtienemuchosplanesconfuncionescadavezmás
potentesparadiferentestiposdesitiosypresupuestos.
•WordPress.org:puedesdescargarelcódigofuentedeWordPressdeformagratuitaysubirlo
conunproveedordealojamientodetuelección.Seguirestarutatambiénsedenomina
«autoalojamiento»deWordPress.Comoestaopciónnoincluyeelalojamiento,tendrásque
encontrarypagarporunalojamientoindependienteyparticiparmásenelaspectotécnico
paracrearymantenertusitiowebdeformaeficaz.

29. Instalación y configuración de Xampp.

30. Instalación de Xampp
Seprocedeairalasiguientedirecciónparapoderinstalarelpaquete.
https://www.apachefriends.org/es/index.html

31. Instalación de Xampp
Despuésdedescargarelpaquete,seprocedeainstalarlo,ensucarpetadedescargase
encuentraelsiguientearchivo:

32. Instalación de Xampp
Enestaventananosmuestraelcontrolparentalquesedebederevisarenestecasoledamosclic
enaceptar.

33. Instalación de Xampp
NosdalabienvenidayledamosclicenNext.

34. Instalación de Xampp
Enestaventananosindicaquedebemosseleccionarloscomponentesquedeseamostrabajar:

35. Instalación de Xampp
Nosmuestraladirecciónquesevaainstalar,enestecasoledamosclicenNext.

36. Instalación de Xampp
EnestaventanaledamosclicenelbotónNextparaprocederconlainstalación.

37. Instalación de Xampp
Semuestraelprocesodeinstalación.

38. Instalación de Xampp
Enestaventananosmuestralafinalizacióndelainstalación,procedemosadarclicenelbotón
Finish.

39. Configuración de Xampp
Despuésqueseinstaladoelxampp,enelescritorioencontramosunaccesodirectoyledamos
dobleclic.

40. Configuración de Xampp
Despuésqueseinstaloelxampp,enelescritorioencontramosunaccesodirectoyledamos
dobleclicytambiéndamosclicenelbotónstartparaqueseinicielosservicios.

41. Descargar, Instalar y configurar WordPress.

42. Descargar de WordPress
Seprocedeairalasiguientedirecciónparapoderinstalarelpaquete.
https://es-ec.wordpress.org/download/

43. Preparación de WordPress
Elarchivoquesedescargo,lodebemosdescomprimirycopiaralasiguientedirección:
C:\xampp\htdocs
Dentrodelacarpetadebesdecrearunacarpetaconelnombredetunegocio,yaseadeservicio
oproducto,porejemplo:
C:\xampp\htdocs\compuecuador

44. Panel principal WordPress
Luegodebemosabrirelnavegadoryenlabarradedireccióndemostipearlosiguiente:
http://localhost/dashboard/

45. Panel de Base de Datos
Debemoscrearunabasededato,porlocualdebemosdeingresaralasiguientedirección:
http://localhost/phpmyadmin/

46. Creación de la Base de Datos
Enelpanelizquierdo,ledamosclicdondedice<<Nueva>>,asignamosunnombre,enestecaso
bdcompuecuadoryluegoencrearydeestaformasecrealabasededatos.

47. Panel Principal de WordPress
Procedemosadigitarenlabarradedirección
delnavegadorelsiguienteenlace:
http://localhost/dashboard/ycambiamospor
estadirecciónhttp://localhost/compuecuador,
nosmuestraelpaneldeinstalaciónde
wordpress.Seleccionamoselidiomayluego
clicenelbotóncontinuar.

48. Panel Principal de WordPress
Procedemosadigitarenlabarradedirección
delnavegadorelsiguienteenlace:
http://localhost/dashboard/ycambiamospor
estadirecciónhttp://localhost/compuecuador,
nosmuestraelpaneldeinstalaciónde
wordpress.Seleccionamoselidiomayluego
clicenelbotóncontinuar.

49. Configuración de WordPress
Nosdalabienvenidaynosindicaque
elementosdebemosderealizar,damosclicen
elbotón¡Vamosaello!.

50. Configuración de WordPress
Llenamoslossiguientescampos.

51. Configuración de WordPress
Asignamoselnombredelabasededatosque
anteriormentecreamos,dondedicenombrede
usuario,leasignamosroot,noleasignamos
contraseñayluegoclicenelbotónEnviar.

52. Configuración de WordPress
ProcedemosadarclicenelbotónEjecutarlainstalación.

53. Configuración de WordPress
Procedemosallenarlos
siguientescamposyluego
agregamosnuestrocorreo
electrónicopersonaly
instalarwordpress.
Nota.-Anoteelusuarioyla
clave

54. Configuración de WordPress
Luegodeinstalarydamosclicenel
botónAcceder.

55. Ingreso a WordPress
Procedemosaingresarelusuarioy
laclave.

56. ¡Bienvenido a WordPress!
PanelprincipaldeWordPress.

57. Cómo instalar WordPress a través de cPanel
cPanelofreceunavariedaddeautoinstaladoresquepuedenagilizarlainstalacióndeWordPress
porti.Estosinstaladoresseencargandelastareasdefondodeconfigurarlasbasesdedatosy
conectarlosarchivosnecesariossinnecesidaddeintervenciónmanual.Cuandoaccedasatu
paneldecontroldecPanel,buscaseccionescomoSoftwareoInstaladorde
aplicacionesSoftaculous.Here,you’llfindWordPresslistedamongthetopscriptsforquick
installation.

58. Pasos de la instalación rápida de Softaculous
1.Primero,localizaelarchivo
SoftaculousentucPanely
ábrelo.
2.DentrodeSoftaculous,buscay
seleccionaWordPresspara
iniciarelprocesodeinstalación.

60. Pasos de la instalación rápida de Softaculous
SeleccionamoselCMS que
deseamosinstalar,enestecaso
wordpress.

61. Pasos de la instalación rápida de Softaculous
SeleccionamoselCMS que
deseamosinstalar,enestecaso
wordpress.

62. Pasos de la instalación rápida de Softaculous
Agregamos la siguiente
información:
1.Protocolo.
2.Eldominio.
3.Eldirectorioqueseinstala.

63. Pasos de la instalación rápida de Softaculous
Agregamoselnombredelsitio,ladescripción.

64. Pasos de la instalación rápida de Softaculous
Agregamoselnombredeladministrador,laclaveyelcorreoelectrónico.

65. Pasos de la instalación rápida de Softaculous
Revisamosotrasopciones.

66. Pasos de la instalación rápida de Softaculous
Deestaformainstalamosatravésdelinstaladordewordpress.

67. Requerimientos técnicos
LociertoesquelosrequisitosdeWordPresssonmuybásicosycualquierhostingdebería
ofrecerlossinningúninconveniente.Noobstante,mejorcurarseensaludyverificarantesde
contratar,especialmenteconservidoreslowcost.
EncasodequetodavíanohayashecholainstalacióndeWordPress,puedesaccederalpanelde
controldetuhostingparaverificarquecumplecontodoslosrequisitos.

68. CREAR UN SERVIDOR LOCAL CON
(LOCALWP)

69. ¿Qué es Localwp?
LocalWPesunaaplicacióndeescritoriogratuitaymultiplataformaqueconviertetucomputadora
enunentornodeservidorparadesarrollaryprobarsitioswebdeWordPresssinnecesidadde
unaconexiónaInternetniunhostingpago.Permitecrear,administrarymigrarsitioswebde
WordPresslocalmente,ofreciendounainstalacióndeWordPressconunclic,accesoa
herramientascomoSSLyWP-CLI,yfuncionesdecomparticióndeenlacesparapruebas.
Enlace:
https://localwp.com/

70. ¿Cómo funciona?
1.Instalación:
DescargaseinstalaslaaplicaciónLocalWPentuordenador(macOS,WindowsoLinux).
2.Creacióndeunsitio:
UtilizaslaaplicaciónparacrearunnuevositiodeWordPressencuestióndesegundos,loquete
proporcionaunentornolocalcompleto.
3.Desarrollolocal:
Trabajasentusitioweblocalmente,realizandocambiosyprobandofuncionalidadessinafectartu
sitioenlínea

71. ¿Cómo funciona?
4.Pruebasycolaboración:
Puedescompartirunenlacetemporal(LiveLink)detusitiolocalconotraspersonasparaque
puedanaccederyrevisarlo,inclusosiestáentumáquina.

72. Ventajas principales de usar
LocalWP
Facilidaddeuso:
SimplificadrásticamentelainstalaciónyconfiguracióndeunentornoWordPresslocal.
Desarrollosinhosting:
Tepermitedesarrollarsinnecesidaddecontratarunhosting,loqueesidealparaaprendery
probar.
Compatibilidadmultiplataforma:
Funcionaenlosprincipalessistemasoperativos.

73. Ventajas principales de usar
LocalWP
Herramientasavanzadas:
IncluyefuncionalidadescomoSSL,accesoSSH,yunservidordecorreoincorporadopara
pruebas.
"Blueprints":
Permiteguardarconfiguracionesinicialesparaempezarnuevossitioswebrápidamente.
Transferenciasencilla:
Facilitaelprocesodemoverunsitiodesdetucomputadoraaunservidorenlínea

74. Pasos de Instalación
Abrimoslacarpetadedescargaydamos
cliceninstalarydamosclicenlaopción
Cualquiera que utiliceeste
ordenador(todoslosusuario).Ydamos
clicenelbotónSiguiente.

75. Pasos de Instalación
Enestepasonosmuestraladirección
dondesedescargarayseinstalarael
programaydamoscliceninstalar.

76. Pasos de Instalación
DamosclicenbotónTerminar.

77. Pasos de Instalación
Aceptamoslostérminosydamosclicnen
elbotónIagree.

78. Pasos de Instalación
Ledamosclicencreateafreeaccount

79. Pasos de Instalación
LedamosclicenelbotónNo,Thanks.

80. Pasos de Instalación
LedamosclicenelbotónNo,Thanks.

81. Pasos de Instalación
LedamosclicenelbotónCreateaNew
Site.

82. Pasos de Instalación
LedamosclicenelbotónCreateaNew
Site.

83. Pasos de Instalación
LedamosclicenCustom,donde
personalizamoslacaracterísticasdel
servidorlocalydamosclicenelbotón
continue.

84. Pasos de Instalación
Característicasdelservidor.

85. Pasos de Instalación
Agregoelnombredelaccesoalcpanel
deWordPressysuclave.,Enopciones
avanzado,seleccionamoselidioma.

86. Pasos de Instalación
ProcesodeInstalación.

87. Pasos de Instalación
EnlapartedelaDerechadamosclicen
WPAdmin

88. Pasos de Instalación
ElCpaneldelServidorLocal.
Ingresamosconelusuarioyclave.

89. Pasos de Instalación
Ingresamosdentrodelaplataformade
WordPress.

90. AGRADECE SU ATENCIÓN