manual de instalaciÓn de cms wordpress … · se incluye la estructura de los archivos y carpetas...
TRANSCRIPT
MANUAL DE INSTALACIÓN
CARACTERÍSTICAS TÉCNICASCMS WORDPRESSDE
Y
GUBERNAMENTALES 3.0SITIOS WEBDE LOS
MANUAL DE INSTALACIÓNCMS WORDPRESS
GUBERNAMENTALES 3.0
DE
SITIOS WEBDE LOSCARACTERÍSTICAS TÉCNICASY
CMS 3.0 WordPressManual de estilo
Contenido
1. Propósitos del manual 6
2. Introducción al CMS WordPress 7
2.1. Estructura 7
3. Instalación del CMS WordPress 9
3.1 Características básicas del Servidor 9
3.2 Librerías requeridas 9
3.3 Módulos APACHE 10
3.4Configuraciones 10
3.5 Insumos 10
3.6 Creación de BBD 11
3.7 Ambiente para instalación 11
3.7.1Configuraciónarchivowp-config.php 13
3.8Verificacióndepermisos 13
3.9Verificacióndeaplicativoweb 14
3.10 Validación de componentes 15
4. Características técnicas 17
5.Migración 20
6.Troubleshooting 21
7. Créditos 22
6
MANUAL DE INSTALACIÓN Y CARACTERÍSTICAS TÉCNICAS
SITIOS WEB GUBERNAMENTALES 3.0
Archivo WordPress .tar .gz
El presente manual tiene por objetivo presentar de manera didáctica sobre los pasos necesarios para la instalación del CMS WordPress para creación y administración de sitios web sobre un servidorespecífico.
Cabe mencionar que existen algunas maneras deinstalar CMS WordPress.
La mayoría de la documentación que se encuentra enlawebilustraacercadelprocesotradicionalparallevar a cabo la instalación. Este procedimiento consiste en descargar el archivo de instalación delCMS WordPress (existen varias versiones e idiomas disponbles del aplicativo) desde el sitio oficial delautor(https://wordpress.org/download/)odesdeotrosrepositorios,paraluegoextraerlodentrodeldirectoriodestinado para el alojamiento del sitio web previacreación de la BDD necesaria.
El siguiente paso, una vez publicado el sitio webcon los valores por defecto que trae la versión de WordPress instalada, es procedecer con la instalación vía CMS de cada uno de los componentes que darán formadefinitivaalportal,esdecircargar laplantillao tema y los plugins necesarios para completarfuncionalidadesespecíficas.Finalmentesedeberánconfigurarestoselementos.
Hemos facilitado el proceso de instalación del CMS WordPress, simplificando los pasos descritos conanterioridadyoptimizandoaccionesparaevitarcargasinadecuadas e instalación manual de cada componente. Dichoprocedimientoserádescritoalolargodelpresentedocumento, en donde se explica la manera en que se debencrearyconfigurarlasBDDsyarchivosdesistemaparaunacorrectaejecucióndelaplicativoweb.
Además se detallará de manera puntual el mecanismo de instalaciónyconfiguracióndelSitioWebGubernamental3.0,asícomosuspluginsycomponentes.Adicionalmenteseincluyelaestructuradelosarchivosycarpetasquepermitirán hacer un comparativo, luego de finalizar elprocesodecreacióndelsitioweb.
1. Propósitos del manual
7
MANUAL DE INSTALACIÓN Y CARACTERÍSTICAS TÉCNICAS
SITIOS WEB GUBERNAMENTALES 3.0
Manual de estilo
2. Introducción al CMS WordPress
Introducción
Web oficial: https://wordpress.org/
WordPressesunsistemadegestióndecontenidosoCMS(porsussiglasen inglés,ContentManagementSystem) enfocado a la creación de cualquier tipo de sitioweb,aunquemayoritariamentesehaenfocadosuusoallevantamientoycreacióndeblogs.EstesistemahasidodesarrolladoenellenguajePHPparaentornosqueejecutenMySQLyApache,bajolicenciaGPLyessoftware libre.Estádisponibleenvariasversionesdeidioma.Suúltimo lanzamiento se ha liberadobajo laversión 4.4.1
2.1. Estructura
• WordPressesunsistemadepublicaciónwebbasadoenentradasordenadasporfecha;lasentradascorrespondenaunaomáscategoríasotaxonomías. Además, cuenta con un administrador depáginasestáticasnocronológicas.
• La estructura y diseño visual del sitio conforman un sistema de plantillas independiente del contenido, que pueden tener varias opciones de personalizacióndependiendodesuautor.
• Bloquesconfuncionesespecíficasenlosqueseutilizancomplementoscuyapublicaciónserealizapormediodewidgets.
• WordPresshasidodesarrolladobajoparámetrosdeelegancia,sencillezyrecomendacionesW3C
• SeparaelcontenidoyeldiseñoenXHTMLyCSS;• Lagestiónyejecucióncorrenacargodelsistemadeadministraciónconloscomplementosywidgetsque usan las plantillas.
2.2. Funcionalidades • Fácilinstalación,actualizaciónypersonalización.• Actualizaciónautomáticadelsistema
implementada desde la versión 2.7.
8
MANUAL DE INSTALACIÓN Y CARACTERÍSTICAS TÉCNICAS
SITIOS WEB GUBERNAMENTALES 3.0
1. Fuente: https://es.wikipedia.org/wiki/WordPress
• Múltiples autores o usuarios, junto con sus roles operfilesqueestablecendistintosnivelesdepermisos.
• Sitiosconvariosblogs,reddemultisitios.• Capacidaddecrearpáginasestáticas.• Permiteordenarartículosypáginasestáticasencategorías,subcategoríasyetiquetas.
• Cuatroestadosporentrada:“Publicado”,“Borrador”,“Esperandorevisión”y“Privado”parausuariosregistrados;ademásdeunoadicional:“Protegidoconcontraseña”.
• EditorWYSIWYG(porsussiglaseninglés,«loqueves es lo que tienes»),
• Publicación mediante correo electrónico.• ImportacióndesdeBlogger,Blogware,Dotclear,Greymatter,Livejournal,MovableTypeyTypepad,Textpattern y desde cualquier fuente RSS. Se está trabajandoparapoderimportardesdepMachiney Nucleus además de la importación a través de scripts o directamente de base de datos.
• Guardadoautomáticotemporizadodelartículocomo“Borrador”.
• Permitecomentariosyherramientasdecomunicaciónentreblogs(Trackback,Pingback,etc).
• Admiteelusodepermalinks(enlacespermanentesyfácilesderecordar)mediantemod_rewrite.
• DistribucióndelosartículosmedianteRDF,RSS0.92, RSS 2.0 y Atom 1.0.
• Distribución de los comentarios (mediante RSS 2.0 y ATOM 1.0).
• Gestiónydistribucióndeenlaces.• Subidaygestióndedatosadjuntosyarchivos
multimedia.• Admite complementos.• Admiteplantillasywidgets.• Búsquedaintegradaenentradasypáginasestáticas,asícómoenwidgetpredeterminadoparalabúsquedaintegradadeGoogle.1
9
MANUAL DE INSTALACIÓN Y CARACTERÍSTICAS TÉCNICAS
SITIOS WEB GUBERNAMENTALES 3.0
3. Instalación del CMS WordPress
Para un correcto desempeño del aplicativo web esnecesariocumplirconalgunosrequerimientosmínimos,tanto dehardware comode software,mismosque sedetallanacontinuación:
3.1 Características básicas del Servidor
• Servidor web:ApacheoNginx• Tasa de procesamiento: 1Ghz• Memoria RAM: 1024MB• Espacio en disco:10G• MySQL: versión 5.6 o superior• PHP: versión 5.6 o superior
3.2 Librerías requeridas
ExtencionesPHP:
• curl• soap• ereg• gd• hash• iconv• json• libxml• mbstring• mhash• mysql• mysqli• openssl
• pdo_mysql• session• sockets• zip
10
MANUAL DE INSTALACIÓN Y CARACTERÍSTICAS TÉCNICAS
SITIOS WEB GUBERNAMENTALES 3.0
3.3 Módulos APACHE
• rewrite_module
3.4 Configuraciones
• Habilitarlecturadearchivos.htaccess• Configurarlímitedememoriaenphp.inien64MB• Verificarqueelpropietariodeldirectoriowebnosea
root, por defecto debe ser APACHE• DeshabilitarmensajesdeadvertenciadePHP• Elservidordebetenerpermisoahttp://adserver.contactociudadano.gob.ec,http://www.administracionpublica.gob.ecyhttps://gdata.youtube.com/feeds/api/users/usuario_youtube/uploads
3.5 Insumos
Se hace entrega de dos CDs anexos (“Ministerios ySecretarías”y“TipologíasSecundarias”)quecontienenlosarchivosdeinstalaciónymanualesdeadministración,estiloseinstalaciónytécnicoenversióndigitaldecadatipologíaespecífica.
Dentro de la carpeta “Archivos de instalación” , seencuentra un archivo comprimido y compactado conextensióntarygzip.
Contenido de CDs anexos - Archivos de instalación (figura 1)
11
MANUAL DE INSTALACIÓN Y CARACTERÍSTICAS TÉCNICAS
SITIOS WEB GUBERNAMENTALES 3.0
Estearchivocontieneelárboldedirectoriosdelsitioweb y un archivo con extensión SQL, contenidosnecesarios para continuar con el proceso de instalación delsitioweb.
3.6 Creación de BBD
Mediante el administrador de bases de datos mysql de su preferencia, vía Cpanel o vía consola, se debe crear una base de datos para alojar la información del sitioweb.Duranteesteprocesosedebeproporcionarla siguiente información, misma que será utilizadaposteriormenteparalainstalacióndelCMSWordPress:
• Nombre de la base de datos MySQL• Usuario de acceso a la base de datos• Clave de acceso a la base de datos MySQLSe recomienda además la creación de un usuario y su respectiva contraseña, solo con permisos para esa base de datos.
3.6.1 BDD tipologías Una vez creada la base de datos según el procesodescrito en el paso anterior (apartado 3.6), mediante el administrador de base de datos mysql de su preferencia ovíaconsola,sedebeimportarelcontenidodelarchivocon extensión SQL, disponible en el contenido del CD Anexo(figura2).
3.7 Ambiente para instalación
Con los recursos físicos disponibles para el alojamiento del sitio web, según las especificaciones antesdescritas(apartado3.1),elsiguientepasoesaccederalhost.Paraestosepuedehacerusodelclientesftpdesupreferencia(consolassh,Filezilla,Cpanel,etc.).
Una vez dentro del host, se debe copiar el archivocomprimidoycompactadoconextensióntarygzipdela tipología específica (figura1), ydescomprimirlodentro del directorio destinado para el alojamiento del sitioweb.Generalmenteestedirectorioparaelárbolde contenidos es el var/www.
Contenido de archivo comprimido (figura 2)
Cliente phpMyAdmin
12
MANUAL DE INSTALACIÓN Y CARACTERÍSTICAS TÉCNICAS
SITIOS WEB GUBERNAMENTALES 3.0
Laestructuracreadacorrespondealosarchivosqueejecutan el aplicativo web para administración decontenidos WordPress, mismo que ya contiene la el Sitio Web Gubernamental 3.0 y plugins necesariospara su funcionamiento.
Extracción de archivo .tar.gz dentro del directorio var/wwwÁrbol de directorios WordPress - Cliente SFTP Fillezila (figura 3)
13
MANUAL DE INSTALACIÓN Y CARACTERÍSTICAS TÉCNICAS
SITIOS WEB GUBERNAMENTALES 3.0
3.7.1 Configuración archivo wp-config.php
En el siguiente paso se debe configurar el archivo wp-config.php que se encuentra en la raíz deldirectorioWordPress.Estaconfiguraciónesnecesariapara que sitioweb se publique demanera efectiva,esdecir,paraquetengaunavisualizacióncorrectaentema, estilos y contenidos.
Sedeberánajustarlosvaloresdeconfiguracióndelaconexióna labasededatos,según losdatosde labase creada anteriormente (apartado 3.6). Además sedeberánajustarlasURLsdelsitioweb.
Haciendo uso del cliente sftp de su preferencia (consola ssh,Filezilla,Cpanel,etc.)sedeberáneditarlassiguienteslíneasdecódigodedichoarchivosegúncorresponda:
Edición de líneas de código de Archivo wp-config.php (figura 4)
3.8 Verificación de permisos
Verificarqueelusuariodelprocesodelservidorwebtengapermisosdeescrituraeneldirectoriowp-content/uploadsytodossussub-directorios.
14
MANUAL DE INSTALACIÓN Y CARACTERÍSTICAS TÉCNICAS
SITIOS WEB GUBERNAMENTALES 3.0
Pantalla de acceso al CMS (figura 5)
Ambiente de administración de contenidos CMS (figura 6)
3.9 Verificación de aplicativo web
Paraverificarlacorrectapublicacióndelsitioweb,sedeberá acceder a la URL correspondiente a través del navegador de preferencia (Chrome, Firefox,Safari,etc).Ademásesnecesarioingresaralpaneldeadministración del CMS WorPress para comprobar la existencia de los componentes.
Por defecto, la URL de acceso al panel de administraciónes: http://www.nombredelsitio.gob.ec/wp-admin
Sedesplegarálapantalladeacceso(figura5),endondesedeberáningresarlascredencialescorrespondientes,pordefectoson:
Nombredeusuario:oraculo
Contraseña:oraculo
15
MANUAL DE INSTALACIÓN Y CARACTERÍSTICAS TÉCNICAS
SITIOS WEB GUBERNAMENTALES 3.0
3.10 Validación de componentes
Elsitioweb3.0instaladocorrectamentecontienetodoslos componentes necesarios para la administración total de contenidos y funcionalidades.
Dentro del árbol de directorios WordPress, en el subdirectorio wp-content/plugins, se encuentran las carpetasquecontienenlospluginsmínimosnecesariosparaelcorrectodesempeñodelaplicativoweb.
Alrealizaruncomparativoentreloselementosdeestesubdirectorio y los del menú Plugins del administrador de contenidos CMS, se podrá verificar la perfectaconcordancia de los componentes, con un total de 12 plugins instalados.
***Elementos ajenos al Sitio Web Gubernamental 3.0 deberán ser desactivados y removidos permanentemente, tanto a través del CMS, como a través del árbol de directorios, en ese orden en particular.***
Homepage de sitio web 3.0 publicado (figura 7)
16
MANUAL DE INSTALACIÓN Y CARACTERÍSTICAS TÉCNICAS
SITIOS WEB GUBERNAMENTALES 3.0
Elementos (12) del menu Plugins CMS (figura 9)
Elementos del subdirectorio wp-content/plugins (figura10)
17
MANUAL DE INSTALACIÓN Y CARACTERÍSTICAS TÉCNICAS
SITIOS WEB GUBERNAMENTALES 3.0
LospluginsquecontrolaneldesempeñodelSitioWebGubernamental3.0paratodaslastipologías,hansidodesarrollados para las versiones de WordPress 4.X.X, bajo el lenguaje de propragmación PHP.Algunos deestoselementoshansidodesarrolladosamedidadelasnecesidades,yotroshansidoimportadosdelsitioweboficial para plugins deWordPress (https://wordpress.org/plugins).
A continuación se detallan las características, versión yfuncióndecadaunodeestoselementos:
1. Administración de Sitios (Banner Rotativo)Función: Administrarelbannerrotativodelahomepage.Consta de cinco (5) elementos (banners) cada uno con unaimagenyunenlaceespecífico.Loselementossepueden ordenar visualmente con el cursor del mouse. Estepluginpermiteademáshabilitarunstreamingenelcaso de ser necesario.
Versión 1.1 | Autor:PGV
2. Administración de UbicaciónFunción: Administrar la Dirección y Teléfono de la institución. Está información se visualiza en el footerdelsitioweb.
Versión 1.0 | Autor:PGV
3. Breadcrumb NavXTFunción: Agregaunmenúdenavegaciónbreadcrumbparalaspáginasinternasdelsitioweb.
Versión 5.2.0 | Autor:JohnHavlik
4. Disqus Comment SystemFunción: Sistema de comentarios DISQUS que reemplaza al sistema de comentarios nativo de
4. Características técnicas
18
MANUAL DE INSTALACIÓN Y CARACTERÍSTICAS TÉCNICAS
SITIOS WEB GUBERNAMENTALES 3.0
WordPress, anclándolo a una cuenta de administración ymoderacióncreadaenelsitioweboficialdelautor.
Versión 2.84 | Autor: Disqus
5. Google AnalyticsFunción:Activa un traking code deGoogleAnalyticsentodaslaspáginasdelsitioweb.Lasmétricasestánancladasaunacuentadeadministradorcredaenlaweboficialdelautor.
Versión: 1.0.6 | Autor: Kevin Sylvestre
6. Link ManagerFunción: Activa el componente de enlaces externos paraelsitioweb.EnelSitioWebGubernamental3.0,sirve para configurar los canales de redes socialesinstitucionalesfacebook,twitter,youtubeyflickr.
Versión:0.1-beta|Autor: WordPress
7. Menu IconsFunción:Agregaíconosa loselementosdemenúdenavegación.Seutilizaen losmenúsquecontienenelelementovisualenlamaquetaweb.
Versión: 0.7.0 | Autor:DzikriAziz
8. OraculoFunción: Activa el componente de centralización deimágenes (banners y cabecera), menús y videos delsitioweb3.0
Versión: 1.0 | Autor: PGV
9. Promotion SliderFunción:Complementoal pluginAdministración de Sitios (Banner Rotativo). Esteplugincreaunaentrada
19
MANUAL DE INSTALACIÓN Y CARACTERÍSTICAS TÉCNICAS
SITIOS WEB GUBERNAMENTALES 3.0
especialllamada‘Promotions’paraelcarruselatravésdelshortcode[promoslider].
Versión: 3.3.1 | Autor: MicahWood
10. Wordpress Download MonitorFunción: Plugin de Descargas de la SecciónTransparencia y Biblioteca.
Versión: 3.3.5.9 | Autor: SNAP
11. WordPress ImporterFunción: Importa entradas, páginas, comentarios,campospersonalizados, categoríasy tagsdesdeunarchivodeexportaciónxmldeWordPress.
Versión: 0.6.1 | Autor: wordpressdotorg
12. WP Banners LiteFunción: Este plugin sirve para modificar laspublicidadesdelsitioweb.
Versión: 1.40 | Autor:MarioAguilar
***Los componentes han sido probados y verificados para su correcto desempeño con las versiones especificadas. Una actualización de versión podría comprometer su funcionamiento***
20
MANUAL DE INSTALACIÓN Y CARACTERÍSTICAS TÉCNICAS
SITIOS WEB GUBERNAMENTALES 3.0
Únicamente para los sitiosweb deMinisterios, Secretarías, Presidencia yVicepresidencia,sehacreadounambientedepruebasconel objetivode levantar la versión3.0dedichossitiosweb.Unavezconcluída la instalaciónyconfiguracióncompletade lossitiosweb3.0enlosambientesdepruebas,elsiguientepasoeshacerunamigracióndedichasversionesalambientedeproducción.Esteprocesoserágestionadopor laSubsecreteríadeGobiernoElectrónicoSGEdelaSecretaríaNacionaldelaAdministraciónPúblicaSNAP.Parallevaracabolamigraciónsedebenseguirlossiguientespasos:
1. Copiarlospluginsdelacarpetaplugins(figura10)2. Activarplugins(listadocompletodescritoenelapartado4)3. CambiartemaaSitio-314. Crear menu temas importantesv30, superiorv30, servicios5. Crear banners type banner Enterate y Banner Central 520x330Crearlaspáginasquehacenfaltayaplicarlasplantillas:
-Biblioteca: copiar contenido, aplicar plantilla pag.: Biblioteca -Comunicamos: aplicar plantilla Pag.: Comunicamos 3.0;cambiarsluganoticias; cambiar título a Noticias -La secretaria: aplicar plantilla Pag.: Institucion -Transparencia: copiar contenido y aplicar plantilla Pag.: Transparencia -Boletines:crearpáginayaplicarplantillapag.: Boletines -Accesibilidad:crearpáginayaplicarplantillapag.: accesbilidad -Indicadores:crearpáginayaplicarplantillapag.: indicadores
6. Crearcategoríasenlaces: -facebook -flickr -twitter -youtube
7. Crear los enlaces a las redes sociales -facebook::url::categoriafacebook -flickr::url::categoriaflickr -twitter::url::categoriatwitter -youtube::url::categoriayoutube
8. Actualizarellogoinstitucional(procedimientodescritoenManualAdministraciónCMSWordPress, apartado 4.1)
5. Migración
21
MANUAL DE INSTALACIÓN Y CARACTERÍSTICAS TÉCNICAS
SITIOS WEB GUBERNAMENTALES 3.0
EnelcasodequeelSitioWebGubernamental3.0nofuncione correctamente o presente inconsistencias, es necesariohacerunaverificacióndelasconfiguracionessegúnsehadescritoenelpresentemanual.
Adicionalmenteserecomiendarevisarlosiguiente:
• Verificardisponibilidaddelosservicios(infraestructura y conectividad)
• Habilitarlecturadearchivos.htaccess• Configurarlímitedememoriaenphp.inien64MB• Restablecerpermalinks• Verificarpermisosdeescrituraeneldirectoriowp-
content/uploadsytodossussub-directorios• VerificarversionesdepluginsyWordPress• Comprobar permisos (roles de usuarios)
6. Troubleshooting
22
MANUAL DE INSTALACIÓN Y CARACTERÍSTICAS TÉCNICAS
SITIOS WEB GUBERNAMENTALES 3.0
7. Créditos