



































Prepara tus exámenes y mejora tus resultados gracias a la gran cantidad de recursos disponibles en Docsity
Gana puntos ayudando a otros estudiantes o consíguelos activando un Plan Premium
Prepara tus exámenes
Prepara tus exámenes y mejora tus resultados gracias a la gran cantidad de recursos disponibles en Docsity
Prepara tus exámenes con los documentos que comparten otros estudiantes como tú en Docsity
Encuentra los documentos específicos para los exámenes de tu universidad
Estudia con lecciones y exámenes resueltos basados en los programas académicos de las mejores universidades
Responde a preguntas de exámenes reales y pon a prueba tu preparación
Consigue puntos base para descargar
Gana puntos ayudando a otros estudiantes o consíguelos activando un Plan Premium
Comunidad
Pide ayuda a la comunidad y resuelve tus dudas de estudio
Ebooks gratuitos
Descarga nuestras guías gratuitas sobre técnicas de estudio, métodos para controlar la ansiedad y consejos para la tesis preparadas por los tutores de Docsity
Aprende a instalar y configurar Wordpress en un servidor local utilizando LAMP, creando una base de datos en phpMyAdmin, descomitiendo archivos y creando un archivo de configuración. En este tutorial también aprenderás a agregar imágenes y crear usuarios.
Tipo: Apuntes
1 / 43
Esta página no es visible en la vista previa
¡No te pierdas las partes importantes!




































Instalar un Servidor Local “LAMP” en nuestra máquina es el primer paso para poder seguir el curso sin necesi- dad de contratar un alojamiento.
En realidad no se instala un autentico servidor sino que se usa un programa para simular esta situación. El pro- grama a usar varía en función del sistema operativo que estemos usando, aunque en el desarrollo de este curso se realizará en Ubuntu Linux, se indicarán las diferencias para los distintos sistemas operativos.
Windows como: XAMMP: http://www.apachefriends.org/es/xampp.html AppServ: http://www.appservnetwork.com/ En particular, os recomiendo el uso de Joomla Spanish Server 2.0, que es un App portable y no necesita instalación, tan sólo hay que bajar un archivo de la web de Joomla Spanish.
El siguiente paso en la instalación de Wordpress, como en la instalación de cualquier otro gestor de conte- nido, es la creación de una base de datos. Ésta es la clave de los gestores de contenidos dinámicos. Para ello usamos un asistente llamado “phpMyAdmin”. Para acceder, arrancamos nuestro servidor local, y colocamos http://localhost/phpyadmin en nuestro navegador:
Para acceder necesitamos el nombre de usuario (normalmente: root) y la contraseña que pusimos durante la instalación del servidor local.
En la parte inferior nos aparece una alerta en la que nos indica que las cookies deben estar activadas en nuestro navegador. Generalmente en Firefox están activadas por defecto.
Una vez que introducimos nombre de usuario y contraseña, accedemos al panel de phpMyAdmin.
Donde seleccionamos la pestaña “Privilegios” , para acceder a una nueva pantalla, en la que seleccionamos “Agregar un nuevo usuario” :
Una vez instalado el servidor local y creada la base de datos, sólo nos queda bajar un copia de Wordpress para su instalación. No dirigimos a http://es.wordpress.org para bajar una versión totalmente en español:
En este momento esta disponible la versión 3.3.1 con un peso de 4.4 Mb. Haciendo clic en el botón rojo de descarga, ésta comienza automáticamente.
Ahora tenemos un archivo comprimido en “.zip” que contiene todos los archivos necesario para la instalación de Wordpress. Necesitamos descomprimir todos estos archivos en la carpeta pública de nuestro servidor local, que está ubicada en nuestro disco duro, y puede tener distintos nombres como “htdos” , “public” , “httpdos” o lo más común “www”. En ella creamos una nueva carpeta a la que llamamos por ejemplo “wp” , y es en esta carpeta donde descomprimimos los archivos de wordpress:
En el caso de Ubuntu, esta carpeta se encuentra en “/var/www” , donde crearemos la carpeta que llamamos “wp” , aunque podría tener el nombre que queramos.
A continuación abrimos un navegador y tecleamos http://localhost/wp en la barra de direcciones para comenzar con la instalación propiamente dicha.
En primer lugar, nos encontramos con un mensaje de error, ya que el archivo de coniguración de Wordpress no existe, y nos indica que podemos crearlo desde el botón “Crear un archivo de coniguración”
Podemos crear el archivo de coniguración manualmente, ya que Wordpress nos proporciona el archivo “wp- conig-sample.php” , que nos va indicando los pasos a seguir, o hacerlo desde un editor de código como “Dreamweaver”. Personalmente preiero “Blueish” que es es un editor gratuito, aunque podemos usar el bloc de notas para editar texto plano, guardando después el archivo con la extensión “.php” , aunque en este curso vamos a seguir los pasos que nos da Wordpress en su instalador.
Descarga Blueish: http://blueish.openoice.nl/index.html
Continuamos introduciendo los datos que nos solicita.
Aunque no es lo normal, podemos tener un fallo en este punto de la instalación, que no tiene mayor importan- cia si seguimos las indicaciones del instalador.
Ahora copiamos el código que Wordpress, nos proporciona, y localizamos el archivo wp-conig-sample.php en la carpeta pública de nuestro servidor local, y lo editamos con Blueish para borrar todo su contenido y pegar el código que nos ha facilitado Wordpress en la ultima pantalla:
Guardamos los cambios del archivo wp-conig-sample.php, y lo renombramos a “wp-conig.php” para continuar con la instalación desde el navegador pulsando el botón “Iniciar la instalación”
A continuación indicamos nuestro nombre de usuarios de Wordpress que por defecto es admin, ponemos una contraseña, una dirección de correo electrónico, y seleccionamos si que queremos o no se encontrados por motores de búsqueda como Google, por supuesto seleccionamos que si, y continuamos.
Una vez instalado Wordpress, de forma exitosa, es hora de acceder al panel de administración, para ello colocamos wp-admin tras la url, quedado así http://localhost/wp/wp-admin para ver la pantalla de acceso a Wordpress:
Nos logueamos con el nombre de usuario y la contraseña que elegimos durante la instalación, para acceder al escritorio de Wordpress. Allí encontramos en primera instancia una pantalla de bienvenida, donde se nos of- rece acceso a la documentación de primeros pasos de Wordpress (inglés), y enlaces con los principales puntos a conigurar de Wordpress.
Para continuar con este curso, cerraremos este mensaje de bienvenida con el botón “Omitir” , y continuamos con las partes del escritorio:
En la zona de administración de Wordpress, encontramos el logotipo de Wordpress que nos lleva a los distintos enlaces de documentación: foro de soporte y sugerencias. A continuación, en la parte superior tenemos el Título de nuestro sitio Web que nos lleva a la parte pública.
En el lado izquierdo tenemos el Menú Principal desde donde accedemos a todas las opciones de edición y coniguración de Wordpress.
En el centro, ocupando la mayor parte de la pantalla, encontramos el Escritorio, donde Wordpress hace gala de su lexibilidad, al ser muy conigurable, y facilidad de uso, ya que para poner el escritorio a nuestro gusto sólo hay que arrastrar las distintas ventanas, y soltarlas en el lugar que más nos guste.
Para añadir imágenes en Wordpress, nos dirigimos al editor, y vamos a colocar una imagen dentro del Post que creamos anteriormente. En primer lugar hacemos clic en el botón Subir/Insertar, y se nos abre la ventana “Añadir objeto”:
En un primer vistazo podemos ver que añadir una imagen es tan fácil como arrastrar el archivo a la ventana de ‘Añadir objeto’ o seleccionarla del ordenador con el botón “Elegir archivos ”
También tenemos otras dos opciones desde las pestañas superiores, que son añadir “Desde una URL” externa, usando siempre imágenes con licencia y desde un servidor propio para no perder el enlace, y “Librería Multi- media”, que son las imágenes que ya hemos subido previamente para otros usos. Posteriormente tendremos la pestaña “Galería” con parecida función a la “Librería Multimedia”.
También tiene la capacidad de alertarnos de que el tamaño máximo de las imágenes que se quieren subir es de 2Mb, lo que ya es una imagen muy grande para Web.
Tras seleccionar el archivo de imagen correspondiente se nos abre una nueva ventana de coniguración:
Desde esta ventana editamos todos los parámetros de la imagen, como la alineación o el tamaño de la misma. También deinimos los parámetros de accesibilidad con el Texto alternativo o la Descripción, muy útiles para los lectores de pantalla (para invidentes) o los motores de búsqueda. Haciendo clic en “Insertar en la entrada” nos publica la imagen en el post.
Para mejorar la navegación del usuario y la organización interna de nuestras entradas, Wordpress, nos permite conigurar las entradas por categorías y etiquetas, lo cual supone un acceso rápido e intuitivo a la información de nuestra web.
Para ello, editamos nuestra entrada y nos ijamos en los paneles de la derecha, en la coniguración estándar de Wordpress encontraremos cuatro paneles:
Formato: que deine como se mostrará nuestra entrada.
Categorías: que organiza nuestra entrada en una o más categorías
Etiquetas: nos permite insertar la palabras clave del post
Imagen destacada: nos permite resaltar una de las imágenes del post.
Nos vamos a centrar en los paneles de Categorías y Etiquetas. En el panel de Categorías podemos crear la categoría Cursos y asignar nues- tro Post. En el Panel Etiquetas, vamos a seleccionar las palabra clave de nuestro Post, y vamos a ser coherentes con el nombre que ponga- mos a las etiquetas, de modo que si ahora usamos la etiqueta “diseño Web”, no usamos “diseño de paginas” en otro Post que pueda recibir esta etiqueta.
En la parte práctica podemos ver que se ha creado la categoría “Cur- sos” y que nuestro Post tiene las etiquetas que le hemos asignado:
Desde el primer día una de las mayores ventajas de Internet ha sido El Vínculo o Hiperenlace , que nos ha llevado de un sitio a otro con un sólo clic, y desde luego, será una de la opciones que más vamos a usar en nuestra Web con Wordpress. Realizar enlaces desde el Editor de Wordpress es, como no podía ser de otra manera, un proceso muy fácil. En primer lugar editamos de nuevo nuestra entrada, e introducimos el texto que hará de enlace, para seleccionarlo y pinchar en el icono de Hiperenlaces:
A continuación abre la ventana de Insertar/Editar enlace: