Guía de Instalación de WordPress

Guía de instalaciónWordPress

Patricio Mas@patriciomas

Introducción

• Herramientas / Software• Crear ambiente local• Crear contenido• Crear theme personalizado• Publicar vía FTP

Herramientas / Software

• Editor de código (Notepad++)• Editor de imágenes (Fireworks)• Servidor local (XAMPP)• Navegador (Firefox + Firebug)• Cliente FTP (Filezilla)

Crear ambiente local

Descargar última versión de WordPress


• Descomprimir contenidos del archivo en escritorio.

• Renombrar carpeta sin espacios.

• Mover carpeta al directorio del servidor local.


Editar archivo config.php


Crear base de datos con phpMyAdmin


Abrir sitio local en navegador y seguir instrucciones


Configuración inicial WordPress


Ingresar credenciales

Crear contenido

Acceder al ambiente administrador

Crear contenido

Crear páginas principales

Crear contenido

Crear categorías de artículos

Crear contenido

Crear artículos con imágenes y videos

Crear theme personalizado

Diagramación de secciones

Header

Footer

SidebarContenidos

Crear carpeta nueva

• Nombrar la carpeta con el nombre del nuevo theme.

• Crear los siguientes archivos vacíos:

/ myTheme• style.css• header.php• index.php• sidebar.php• footer.php

Estilos

• Copiar los estilos dentro del archivo style.css.

• Agregar el siguiente encabezado al inicio:

/*Theme Name: Nombre del Theme.Theme URI: La dirección del theme.Description: Una breve descripción.Version: 1.0Author: Tu nombre.Author URI: Tu dirección web.*/

Header

• Desde el HTML original, pegar todo el contenido del encabezado en el archivo header.php.

• Dentro del elemento <head> agregar la función:<?php wp_head(); ?>

• Eliminar el elemento <link> con la ruta a la hoja de estilos.

Index

• Desde el HTML, pegar todo el contenido central en el archivo index.php.

• Al inicio insertar la siguiente función php:<?php get_header(); ?>

• Al final insertar dos funciones más:<?php get_sidebar(); ?><?php get_footer(); ?>

Sidebar

• Desde el HTML, pegar el contenido de la barra lateral en sidebar.php.

Footer

• Desde el HTML, pegar el contenido del pie en footer.php.

• Antes del cierre del elemento </body>, insertar la siguiente función php:<?php wp_footer(); ?>

Screenshot

• Crear imagen para el nuevo theme.• Debiera representar el diseño• Tamaño 880 X 660 px• Nombrarla screenshot.png • Guardarla en la mismo directorio

Activar theme

En la sección Apariencia > Temas, activar el nuevo theme

Revisar nuevo theme

Volver a visitar URL del sitio local

Publicar vía FTP

Abrir cliente FTP e ingresar credenciales• Host• Username• Password

Publicar vía FTPPublicar archivos desde Sitio Local (izquierda) al Sitio Remoto (derecha)

Revisar nuevo sitio

Visitar URL del sitio

Guía de Instalación de WordPress

Internet

Transcript of Guía de Instalación de WordPress