manual de instalaciÓn de cms wordpress … · se incluye la estructura de los archivos y carpetas...

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 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



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



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



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



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



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



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



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



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



Elementos (12) del menu Plugins CMS (figura 9)

Elementos del subdirectorio wp-content/plugins (figura10)

17



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



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



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



Ú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



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



7. Créditos

manual de instalaciÓn de cms wordpress … · se incluye la estructura de los archivos y carpetas...

Documents