Manual de Wordpress

Referencias del sitio:

http://codex.wordpress.org

WordPress
WordPress es una avanzada plataforma semntica de publicacin personal orientada a la esttica, los estndares web y la usabilidad. WordPress es libre y, al mismo tiempo, gratuito. Pgina de descarga es.wordpress.org Instalacin -Descargar el paquete de wordpress y descomprimir Importante: Descargar e instalar un servidor web Apache (XAMPP o WAMP SERVER) -Copiar la carpeta de wordpress al servidor local: XAMPP htdocs/ WAMP www/

Configuracin de inicio. -Ingresar a http://localhost/phpmyadmin en el explorador web, registrar una nueva base de datos que utilizara el proyecto de wordpress, definir usuario y contrasea. -Abrir carpeta de wordpress y seleccionar el archivo wp-config.php para configurar la conexin de la base de datos con el servidor local. -Iniciar el servidor local si no lo ha hecho. (Nota: Activar el modo rewrite en el servidor local para las url amigables, si desea utilizarlas) -Ingresa a http://localhost/misitio Y aparecer la interfaz para crear por primera vez un usuario y contrasea para ingresar al cms de wordpress. (Si no ha configurado el archivo wp-config.php aqu podr hacerlo desde la interfaz)

-Una vez configurado usted podr acceder a su sitio wordpress Felicidades!

Estructura de Wordpress
Wordpress

wp-admin

wp-content

wp-includes

Nos concentraremos en el directorio wp-content que es el que utilizaremos para crear nuestro propio tema de wordpress, los dos directorios restantes contienen los archivos esenciales para el funcionamiento y administracin del cms.
wp-content

languages

plugins

themes

uploads

Languajes: directorio donde se encuentran los lenguajes disponibles para el cms. Plugins: directorio de plugins que se instalan en wordpress. Themes: carpeta en la cual estn todos los temas para utilizar y es aqu en donde crearemos nuestro propio tema. Uploads: directorio donde se guardan los archivos que son subidos a wordpress como imgenes videos etc.

Configuracin General de wordpress

Una vez ingresado al cms de wordpress como administrador, podremos hacer unas configuraciones bsicas para el sitio. -Ingresar a http://localhost/miproyecto/wp-admin si estn en desarrollo y pruebas del sitio. O si el sitio ya est alojado en la web ingresar el nombre del servidor. http://miservidor/wp-admin Ingresar usuario y contrasea

Una vez en el escritorio del cms usted visualizara un men lateral izquierdo, es el men de administracin de wordpress.

Menu de administrador de wordpress Opciones de configuracin del sitio.

Ver, actualizar, borrar o aadir una nueva entrada Entradas Personalizadas

Visualizar la librera multimedia del sitio Plugin de formularios gravity Ver, actualizar, borrar o aadir una nueva pgina Ver los comentarios del sitio si estn habilitados

Ver temas, widgets y mens disponibles para el sitio

Administrar los plugins instalados y buscar nuevos.

Registrar nuevos usuario, eliminar etc.

Herramientas del sitio

Ajustes de configuracin del sitio y algunos plugins

Trabajo con entradas

Las entradas son mensajes (post) que se muestran en orden cronolgico inverso en su pgina principal. En contraste a las pginas, los mensajes suelen tener campos de comentarios debajo de ellos y se incluyen en los pies de su sitio RSS. Para escribir un mensaje: Accede a tu WordPress Panel de Administracin (Cuadro de instrumentos). Haga clic en la ficha Entradas. Haga clic en la sub ficha Aadir Nueva Entrada

Comience a llenar los espacios en blanco. Si es necesario, selecciona una categora, aadir etiquetas y realizar otras selecciones de las siguientes secciones de la entrada. Cada una de estas opciones se explica a continuacin. Cuando est listo, haga clic en Publicar.

Opciones de pantalla Las opciones de pantalla le permiten elegir qu campos del mensaje se muestran, o no se visualizan, en el subpanel subyacente. Al hacer clic en la pestaa Opciones de pantalla muestra una lista de las columnas con una casilla de verificacin al lado de cada columna. Marque la casilla para cada campo del anuncio que desea mostrar o desactive la casilla para no mostrar ese mdulo. Haga clic en la pestaa Opciones de la pantalla de nuevo para cerrar la pantalla de opciones. Estas opciones se guardan para que pueda personalizar la forma en la pantalla de edicin propia apariencia. Nota: A partir de WordPress versin 3.1, algunas opciones de pantalla en el Panel de Administracin del anuncio estn ocultos por defecto si no se ha guardado antes. Oculto por defecto: Extracto, Autor Post, Discusin, campos personalizados, Slug, comentarios, trackbacks, Enviar Revisiones.

Aadiendo contenido multimedia

Para subir archivos, puede utilizar la interfaz en lnea WordPress, el Dashboard o uno de los editores recomendados (Adobe Photoshop etc.) y cargar sus archivos a travs de FTP. Despus de iniciar sesin en WordPress y haga clic en el Panel de mens en la parte superior de la pantalla, puede cargar con el cargador de archivos Flash. Dashboard te permite subir archivos de las siguientes maneras: Inmediatamente, en un post (entrada). Inmediatamente en una pgina. Para su uso posterior en la Biblioteca multimedia.

WordPress soporta cargar los siguientes tipos de archivo:

Imagenes .jpg .jpeg .png .gif Audio .mp3 .m4a .ogg .wav

Documentos .pdf (Portable Document Format; Adobe Acrobat) .doc, .docx (Microsoft Word Document) .ppt, .pptx, .pps, .ppsx (Microsoft PowerPoint Presentation) .odt (OpenDocument Text Document) .xls, .xlsx (Microsoft Excel Document)

Video .mp4, .m4v (MPEG-4) .mov (QuickTime) .wmv (Windows Media Video) .avi .mpg .ogv (Ogg) .3gp (3GPP) .3g2 (3GPP2)

No todos los web hosts permitir estos archivos para subir. Adems, no puede permitir grandes cargas de archivos. Si usted est teniendo problemas, por favor consulte primero a su hosting.

Para cargar un archivo en un post En el Panel de men, haga clic en Entradas, a continuacin, haga clic en Aadir nueva para visualizar la pgina "Aadir nueva entrada". Haga click en el icono de aadir objeto, se visualizara una pantalla para elegir si deseamos ingresar el objeto multimedia desde el ordenador o de la galera multimedia, por defecto esta la seleccionada la opcin desde la galera, seleccione el objeto que desee ingresar y dar click en insertar en la entrada. Si desea subir un objeto multimedia desde el ordenador debe elegir la opcin Subir archivos y dar click en el botn selecciona archivos que se visualizara.

En el cuadro de dilogo, seleccione el archivo que desea cargar. Para seleccionar varios archivos, mantenga pulsada la tecla SHIFT (para usuarios de PC) o la tecla Comando (para usuarios de Macintosh). Haga clic en Abrir. Aparecer una barra de carga del archivo, una vez terminado en la parte inferior, haga clic en el botn Insertar en la entrada.

Subir un archivo para su uso posterior En el Panel de men, haga clic en los Medios y, a continuacin, haga clic en Agregar nuevo para mostrar la pgina "Subir nuevo medio".

Haga clic en el botn selecciona archivos para abrir un cuadro de dilogo. En el cuadro de dilogo, seleccione el archivo que desea cargar. Para seleccionar varios archivos, mantenga pulsada la tecla SHIFT (para usuarios de PC) o la tecla Comando (para usuarios de Macintosh). Haga clic en el botn abrir. Cuando la carga se haya completado, un campo con los datos de archivo aparece. Debajo del campo, haga clic en Editar si requiere modificar algo. Nota: Si el archivo no se abre, entonces el tipo de archivo no es compatible, el formato elegido no coincide con el formato real del archivo o el archivo puede estar daado. Si usted est teniendo problemas para subir archivos con el cargador de flash por defecto, es posible que desee utilizar el cargador Browser en su lugar.

Trabajando con Pginas

Las Pginas, o Pginas de WordPress son como las Entradas, excepto que pueden hacer mucho ms que las Entradas, y viven fuera de la cronologa normal del blog. Puede usar Pginas para organizar y manejar cualquier cantidad de contenido. Las pginas fueron aadidas como una nueva caracterstica en WordPress 1.5. Qu es una Pgina? Las entradas son objetos orientados en el tiempo. Usted las escribe en un tiempo especfico, y aquel tiempo define su contexto. Las Pginas, por el contrario, se usan la mayor parte de las veces para presentar la informacin atemporal sobre usted o su sitio - informacin que siempre se puede aplicar. Por ejemplo, usted podra escribir una Entrada describiendo lo que hizo o pens durante una maana particular ("El desayuno estaba bien"), pero en una Pgina usted podra escribir algo cuyo contexto no es dependiente del tiempo ("Este sitio es sobre el desayuno"). Desde luego, esto es su WordPress; usted puede hacer lo que quiera con l y sus caractersticas. Las Pginas pueden ser utilizadas para presentar cualquier informacin que usted quiera viva "fuera" de su blog. Experimente y sea creativo. Y, como siempre, divirtase hacindolo! Algunos ejemplos de Pginas para crear en su sitio pueden incluir Derechos de autor, Informacin Legal, Permisos de Reimpresin, Informacin de Contacto, Acerca de M, Acerca del Sitio, Declaracin de Accesibilidad, entre otras cosas. En general, las Pginas son muy similares a las Entradas en tanto que ambas tienen Ttulos y Contenido y pueden usar las Plantillas de Presentacin de su sitio para mantener una apariencia constante en todas las partes de su sitio. Las pginas, sin embargo tienen varias distinciones clave que las hacen bastante diferentes de las Entradas. Las Pginas son para el contenido que es menos dependiente del tiempo que las Entradas. Las Pginas pueden organizarse en pginas y SubPginas. Las Pginas pueden usar diferentes Plantillas de Pgina que pueden incluir Archivos de Plantilla, Etiquetas de Plantilla y otro cdigo PHP.

Qu no son Pginas Las Pginas no son Entradas, ni extractos de obras de ficcin ms grandes. No hacen el ciclo por la pgina principal de su blog, tampoco pueden ser asociadas con Categoras. Las Pginas no son archivos. Se almacenan en su base de datos como Entradas que son. Aunque usted pueda poner Etiquetas de Plantilla y cdigo de PHP en una Plantilla de Pgina, usted no puede poner estos en el contenido de una Pgina y esperar que funcione. (Nota: puede conseguir esto usando una extensin (plugin) PHP como RunPHP. Vea tambin la lista de Plugins para formatear Entradas.) Creando Pginas Para crear una nueva Pgina, conctese a su instalacin WordPress con privilegios suficientes de administrador para crear nuevos artculos, y pulse sobre la pestaa Escribir en el interfaz del administrador, que a su vez tiene la pestaa Escribir Pgina. Haciendo click en Escribir Pgina llegar a la pgina donde puede crear su nueva Pgina.

Nota: Su archivo .htaccess debe tener permiso de escritura para trabajar con Permalinks de Pgina, si no es as debe actualizar su archivo .htaccess cada vez que crea usted una Pgina nueva. Listando sus Pginas en su Sitio WordPress es capaz de generar automticamente una lista de Pginas en su sitio, por ejemplo dentro de la barra lateral, usando una Etiqueta de Plantilla llamada wp_list_pages(). Por favor, vea la documentacin que describe el uso de esta etiqueta para informarse sobre como: - clasificar la lista de Pginas (para personalizar totalmente el orden en la cual las Pginas son catalogadas, usted puede encontrar el campo para el "Orden de Pgina" en el panel de administracin de Escribir->Escribir Pgina useful), - excluir (o 'esconder') una Pgina de la lista, - controlar que Pginas son mostradas (p.e. todas las Pginas o solamente ciertas Sub-Pginas), y - controlar cmo va la lista en su jerarqua de Pginas.

Naturalmente, usted tambin puede enlazar manualmente a Pginas con un enlace de HTML. Por ejemplo, si usted quiere que el enlace a su Pgina de Derechos de Autor figure en su pie de pgina, el enlace podra ser <a title="Informacin sobre derechos href="wordpress/?page_id=14">Copyright 1996-2006</a> si no tiene activada la opcin de usar Permalinks, o <a title="Informacin sobre derechos href="wordpress/copyright/">Copyright 1996-2006</a> si tiene activada la opcin de usar Permalinks. Nota: Su archivo .htaccess debe tener permiso de escritura para que el Permalink de la Pgina funcione, si no es as debe actualizar su archivo .htaccess cada vez que cree una Pgina. Organizando sus Pginas Tal como usted puede tener Subcategoras dentro de sus Categoras, usted tambin puede tener Subpginas dentro de sus Pginas, creando una jerarqua de pginas. Por ejemplo, suponga que est creando un sitio de WordPress para un agente de viajes y gustara crear una Pgina individual para cada continente y pas al cual la agencia puede ofrecer viajes. Usted comenzara por crear una Pgina llamada "frica" sobre la cual usted podra describir la informacin general sobre viajes a frica. Despus crea una serie de las Pginas que seran Subpginas de "frica" y podran incluir "Lesotho", "Camern", "Togo", y "Swazilandia". Se hace otra Pgina individual "Sudamrica" y creara como Subpginas "Brasil", "Argentina", y "Chile". Su sitio entonces catalogara: de autor" de autor"

Africa Camern Lesotho Swaziland Togo

Sudamrica Argentina Brasil Chile

Para comenzar el proceso, en el panel de Administration > Escribir > Escribir Pgina, en la esquina superior derecha del panel, hay una caja desplegable llamada "Pgina Superior". Esto contiene una lista de todas las Pginas ya creadas para su sitio. Para convertir su Pgina actual en una Subpgina, o "nio" de la Pgina "Superior" o "padre", seleccione la Pgina apropiada de la lista desplegable. Si usted especifica una Pgina Superior de la lista diferente a la "Pgina Principal (ninguna Pgina Superior)", la Pgina que usted est editando ahora se convierte en Subpgina de la Pgina seleccionada. Cuando sus Pginas se listan, la Subpgina queda anidada cerca de la Pgina Superior. Los Enlaces Permanentes (Permalinks) de sus Pginas reflejarn tambin esta jerarqua de Pginas. En el ejemplo de arriba, el Permalink para la Pgina de Camern sera: http://ejemplo.com/africa/camerun/ Plantillas de Pgina Las Pginas Individuales pueden configurarse para usar una Plantilla de Pgina personalizada especfica, que usted crea dentro de su Tema. Esta nueva Plantilla de Pgina anular la Plantilla de Pgina por defecto page.php incluida en su Tema. Mire Qu Pgina se usa para mostrar una Pgina en particular?, debajo, para averiguar exactamente que la Plantilla se usa. Pero lea primero lo que sigue, y as comprender la respuesta :)

WordPress puede configurarse para usar diferentes Plantillas de Pgina para diferentes Pginas. Hacia la parte inferior del panel de administracin Escribir>Escribir Pgina hay un menu llamado "Plantilla de la pgina". Desde all usted puede seleccionar que la Plantilla ser usada para mostrar esta Pgina en particular. NOTA: Para tener acceso al selector de Plantilla de Pgina, debe haber al menos una Plantilla de Pgina disponible en el tema activo.

Plantillas de Pgina del Tema Default El tema Default contiene tres Plantillas de Pgina que puede emplear: page.php - Plantilla de Pgina por defecto: muestra el contenido de la Pgina archives.php - Ignora el contenido de la Pgina y en su lugar muestra una lista de Archivos por Meses y de Archivos por Asunto (Categoras) links.php - Ignora el contenido de la Pgina y en su lugar muestra sus enlaces usando get_links_list Qu Plantilla se usa para Mostrar una Pgina en Particular? WordPress buscar varios archivos de plantilla en su Tema activo. El primero que encuentre es el que usar para mostrar cualquier Pgina dada. WordPress buscar los archivos por este orden: La "Plantilla de Pgina" seleccionada para esta Pgina page.php index.php Creando sus propias Plantillas de Pgina Los archivos que definen cada Plantilla de Pgina se encuentran en su directorio de Temas. Para crear una nueva Plantilla para una Pgina debe crear un archivo. Vamos a llamar nuestra primera Plantilla de Pgina snarfer.php para nuestra Pgina. En lo alto del archivo snarfer.php, ponga lo siguiente:

<?php /*Template Name: Snarfer */ ?> El cdigo anterior define este archivo snarfer.php como la Plantilla "Snarfer". Naturalmente, "Snarfer" puede ser substituido por cualquier otro texto para cambiar el nombre de la Plantilla de Pgina. Este Nombre de Plantilla aparecer en el Editor de Temas como enlace para editar este archivo.

El archivo puede llamarse casi cualquier cosa con una extensin .php (ver nombres de archivos reservados para el Tema para conocer los nombres de archivo que no debe usar; pues son nombres de archivos especiales que WordPress se reserva para objetivos especficos). Qu sigue a estas cinco lneas de cdigo, depende de usted. El resto del cdigo que escriba controlar como se mostrarn las Pginas que usan la Plantilla de Pgina Snarfer. Ver en Etiquetas de Plantilla las descripciones de funciones de varias Plantillas WordPress que puede usar usted para este propsito. Usted puede encontrar ms conveniente copiar alguna otra Plantilla (quizs page.php o index.php) en snarfer.php y luego aadir estas cinco lneas de cdigo al principio del archivo. As, usted slo tendr que cambiar el cdigo HTML y PHP, en lugar de crearlo todo desde el principio. Hay ejemplos abajo. Una vez que ha creado la Plantilla de Pgina y la ha colocado en el directorio de su Tema, estar disponible como una opcin cuando usted cree o edite una Pgina. WordPress como CMS Usando una Pgina como Pgina Principal Usando el Static Front Page Plugin, es posible configurar cualquier Pgina como "pgina principal"de tu sitio web. El plugin modifica la consulta de la pgina inicial y coloca la Pgina bajo la etiqueta "Inicio" o "Home" en la pgina incial del site. Cuando la Pgina est siendo mostrada como la Pgina Principal, si una Pgina de Plantilla con el nombre home.php existe para su Tema activo, el plugin anular la Pgina establecida como Pgina de Plantilla y usar home.php ien su lugar. The Page's set Page Template will still apply if the Page is visited like a standard Page (eg http://example.com/home/) Como una alternativa al plugin, WordPress reconocer un documento "home.php" en su directorio de plantilla y la usar de preferencia sobre index.html para tema de su pgina frontal. Usando los query_posts() plantillas de etiquetas, usted puede llamar sobre alguna pgina antes de ser invocada The Loop. For instance: <?php query_posts('pagename=home'); ?> Llamar solo el post con el nombre de pgina "home."

Crear tema personalizado

wordpress\wp-content\themes Es aqu donde se encontraran todos los temas disponibles para nuestro sitio de wordpress. -Crearemos una carpeta para nuestro propio tema, ejemplo mitema. wordpress\wp-content\themes\mitema Dentro de esta carpeta se almacenaran los archivos esenciales para el funcionamiento del tema. Archivos Esenciales. *style.css.- archivo de hoja de estilos base para que el tema sea reconocido por el cms. *404.php.- archivo php que contiene la platilla de visualizacin cuando no exista una pgina, entrada etc. *header.php.- archivo que llevara la cabecera que se utilizara en todo el sitio. *footer.php.- archivo que contendr el pie de pgina del sitio. *index.php.- se listara lo que se requiera para mostrar en todas la paginas. *home.php.- archivo que contiene la pgina principal del sitio. *functions.php.- archivo importante para el tema de wordpress, en el cual se incluirn las rutas de archivos javascript, css y librearas necesarias para el funcionamiento del tema de wordpress, tambin se pueden definir funciones como cuantos mens admite el tema, crear widgets, entradas personalizadas, taxonomas y campos personalizados etc. *sidebar.php.- archivo php que contendr la barra lateral derecha por defecto del sitio. *single.php.- platilla para mostrar las entradas del cms. *category.php.- platilla para visualizar las entradas que pertenezcan a la categora. *page.php.- platilla para todas las pginas creadas. *search.php.- archivo que mostrara las bsquedas del sitio.

Para crear una platilla personalizada se debe de nombrar de la siguiente manera: *single-nombre.php *category-nombre.php *taxonomy-nombre.php *page-nombre.php Ejemplo: page-contacto.php, de este modo la pgina contacto tendr su estilo propio. nota: el nombre de la platilla debe coincidir con el nombre de la pgina creada.

Funciones Bsicas de Wordpress

Obtener y mostrar una entrada por id <?php query_posts(p=id); the_post(); echo get_the_content(); ?> Mostrar Titulo de una entrada <?php the_title(); ?> Mostrar imagen destacada <?php the_thumbnail(); ?> Mostrar extracto de una entrada <?php the_excerpt(); ?>