Guía de instalación WordPress Patricio Mas @patriciomas
Welcome message from author
This document is posted to help you gain knowledge. Please leave a comment to let me know what you think about it! Share it to your friends and learn new things together.
Transcript
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
Crear ambiente local
• Descomprimir contenidos del archivo en escritorio.
• Renombrar carpeta sin espacios.
• Mover carpeta al directorio del servidor local.
Crear ambiente local
Editar archivo config.php
Crear ambiente local
Crear base de datos con phpMyAdmin
Crear ambiente local
Abrir sitio local en navegador y seguir instrucciones
Crear ambiente local
Configuración inicial WordPress
Crear ambiente local
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
Related Documents
