Guia word press

Download Guia word press

Post on 18-Nov-2014

1.249 views

Category:

Education

0 download

Embed Size (px)

DESCRIPTION

Pequea gua sobre WordPress

TRANSCRIPT

<ul><li> 1. Conociendo el Mundo deWordPress </li> <li> 2. Conociendo el Mundo de WordPress ANTES DE COMENZAR </li> <li> 3. Antes de Comenzar <ul><li><ul><li>No le teman a WP, amenlo, quieranlo e incluso salgan a pasear con l. </li></ul></li></ul><ul><li><ul><li>Olvdense de los subdirectorios de secciones. </li></ul></li></ul><ul><li><ul><li>Olvdense de rutas estticas. </li></ul></li></ul><ul><li><ul><li>Olvdense de Flash (no es joda). </li></ul></li></ul><ul><li><ul><li>Tengan el Codex de WP (Biblia) siempre a mano. </li></ul></li></ul><ul><li><ul><li>No se frustren si sale "Fatal Error" o "Warning". </li></ul></li></ul><ul><li><ul><li>No dejen cdigo que no van a utilizar (trae problemas a futuro). </li></ul></li></ul><ul><li><ul><li>Intenten usar modo remoto y no local (hay varios problemas siempre) </li></ul></li></ul><ul><li><ul><li>WP no solo se usa para crear un "blog", es una herramienta: flexible, fcil, prctica, potente, autosuficiente y desprende belleza al serutilizado. </li></ul></li></ul></li> <li> 4. Conociendo el Mundo de WordPress INSTALACIN </li> <li> 5. Instalacin <ul><li><ul><li>Descomprimir los archivos de Wordpress en el root. </li></ul></li></ul><ul><li><ul><li>Edicin del archivo wp-config.php. </li></ul></li></ul><ul><li><ul><li>Configuracin del cliente FTP y subida de los archivos descomprimidos de Wordpress al servidor. </li></ul></li></ul><ul><li><ul><li>Instalacin de Wordpress. </li></ul></li></ul><ul><li><ul><li>Configuracin del idioma. </li></ul></li></ul><ul><li>==================================== </li></ul><ul><li>Aclaracin: tambin pueden usar el "Fantastico" (tiene diversos nombres segn el tipo de panel) para instalar WP, pero yo recomiendo hacer una instalacin limpia y manual, para evitar problemas a futuro. (Spam y Seguridad) </li></ul></li> <li> 6. Instalacin Edicin del archivo wp-config.php: Renombrar el archivo wp-config-sample.php a wp-config.php, abrirlo y fijarse en esto: define('DB_NAME', wordpress'); define('DB_USER', username'); define('DB_PASSWORD', password'); define('DB_HOST', localhost'); ========== DB_NAME = nombre de la base de datos. DB_USER = usuario que accede a la base de datos. DB_PASSWORD = contrasea para acceder a la base de datos. DB_HOST = donde est la base de datos (en el 95% suele ser localhost). ========== Experiencia Personal: No dejar espacios ni al comienzo ni al final del archivo! Ya que puede arrojar errores en el header.php! </li> <li> 7. Instalacin URL para realizar la instalacin: http://www.dominio.com.ar/wp-admin/install.php Ingresan a la url (con su dominio correspondiente) y siguen los pasos para finalizar la instalacin. La instalacin no dura ms de 30 segundos. ================ URL para entrar al panel de administrador: http://www.dominio.com.ar/wp-admin o http://www.dominio.com.ar/wp-login.php </li> <li> 8. Conociendo el Mundo de WordPress CONFIGURACIN BASICA </li> <li> 9. Configuracin Bsica Ajustes de Lectura: Si queremos personalizar el home de nuestro Sitio Web, se realiza en este lugar: Ajustes --&gt; Lectura </li> <li> 10. Configuracin Bsica Cambiar los permalinks para que sean mas amigables: http://www.dominio.com.ar/wp-admin/options-permalink.php - Los Permalinks (permanent links o enlaces permanentes) va a condicionar toda la estructura del WordPress. - La mejor estructura para los permalinks es /%postname%/ el resultado final sera: http://www.dominio.com.ar/titulo-del-post - Otra opcin recomendable es /%year%/%monthnum%/%postname%/ para lograr un mayor orden con las diferentes entradas. Ambas opciones son recomendables, pero si o si hay que sacar el permalink que viene por defecto que no es amigable con el SEO y por supuesto es muy dificil de identificarlo: Ejemplo: http://www.dominio.com.ar/?p=123 </li> <li> 11. Conociendo el Mundo de WordPress CATEGORAS, ENTRADAS Y PGINAS </li> <li> 12. Categoras, Entradas y Pginas Categoras: Las categoras van a ser primordiales a la hora de organizar nuestro sitio web, si por ejemplo queremos filtrar pginas mostrando determinado contenido. Para filtrar una categora, hay que obtener el "ID" de la misma. Para mostrar las categoras hay que utilizar la siguiente funcin: En caso de querer excluir determinadas categoras se agrega el parmetro correspondiente para filtrar las categoras: Para mas info ver el codex ================ </li> <li> 13. Categoras, Entradas y Pginas Entradas: Seran las noticias de nuestro Sitio Web, pero haciendo un buen uso de las categoras con filtros, se pueden agregar diferentes elementos para ser mostrados como testimonios, productos, etc. [ACA VA TODO EL CONTENIDO] <p>Mensaje de Error</p> Ver este sitio para ms informacin o bien el Codex de WP ================ </li> <li> 14. Categoras, Entradas y Pginas Algunas etiquetas que se usan frecuentemente en las Entradas (y dems): Muestra el enlace permanente del post. Muestra el ttulo del post. Muestra la fecha. Puedes encontrar los distintosformatos. Muestra el nombre del autor. Muestra las etiquetas (tags) asignadas al post, separadas por comas y seguidas por un salto de lnea. Muestra las categoras igual que en el caso anterior de las etiquetas. </li> <li> 15. Categoras, Entradas y Pginas Pginas: Las Pginas son como las Entradas, excepto que pueden hacer mucho ms que las Entradas, y viven fuera de la cronologa normal del blog. Se puede usar Pginas para organizar y manejar cualquier cantidad de contenido. Esta belleza fue implementada recin en la versin 1.5 de WP y permite hacer maravillas. Pero cmo funcionan en realidad las Pginas en WordPress? El objetivo de este documento es intentar explicar lo que es una Pgina y lo que no es, describir lo que una Pgina puede hacer, y ofrecer algunos ejemplos. ================ Aclaracin: Las Pginas NO son entradas, ni extractos. No hacen el ciclo por la pgina principal del sitio web (blog) y no pueden ser asociadas con las Categoras. </li> <li> 16. Conociendo el Mundo de WordPress INSTALACIN Y PERSONALIZACIN DE PLUGINS </li> <li> 17. Conociendo el Mundo de WordPress ESTRUCTURA DE UNA PLANTILLA </li> <li> 18. Estructura de una Plantilla Ficheros que componen una Plantilla: </li> <li> 19. Estructura de una Plantilla Sobre el index.php: El directorio de la plantilla se debe situar en el directorio /wp-content/themes de tu WordPress. El fichero principal, o punto de entrada en una plantilla es el fichero index.php , desde este fichero se cargar el header, el sidebar y el footer. Para llamar al resto de los archivos se van a utilizar las funciones: </li> <li> 20. Estructura de una Plantilla Sobre el single.php: En el caso en que se muestre una entrada en concreto, en lugar de la pgina principal, nuestro punto de entrada en la plantilla sera el fichero single.php. Desde single.php cargaremos el header y el sidebar de igual forma que desde index.php, pero adems cargaremos tambin los comentarios y algunas cosas ms que hay que tener en cuenta cuando se carga una entrada. En caso de que carguemos entradas de archivo nuestro punto principal ser el fichero archives.php. </li> <li> 21. Estructura de una Plantilla Sobre el style.css: Esto tiene que estar en el comienzo del style.css /* Theme Name: Nombre de la Plantilla Theme URI: http://www.proyectosenior.net Description: Tema de prueba para la clase de WP, esta descripcin es sublime. Author: Nombre del Autor Author URI: http://www.dominio.com.ar/ */ =========== Aclaracin: El archivo style.php es fundamental y debe llamarse as ya que la funcin de WP se limita a style.php y no a "mi_estilo.php". En caso de querer usar otros archivos .css se tiene que usar @import url("mi_estilo.css"); </li> <li> 22. Estructura de una Plantilla Sobre el sidebar.php: El sidebar se almacena en el fichero sidebar.php, y en el mostraremos las categoras, los archivos de la pgina por meses, los enlaces, tags, etc. Todo esto ser lo que se muestre por defecto en nuestra plantilla, pero se puede retocar para que tenga contenido dinmico mediante widgets y la persona a cargo no tenga que estar modificando el sidebar.php especficamente. if ( !function_exists('dynamic_sidebar') || !dynamic_sidebar('sidebar_right') ) [aca va el contenido esttico] Que se supone que hace esto? Comprobamos si nuestro WP esta preparado para widgets y si adems hay algun widget en el sidebar_right, en caso de haberlo, se cargaran los widgets, pero si no hay widgets, se cargar el contenido esttico que vamos a ver a continuacin. =========== Aclaracin: si nosotros ponemos tan solo 1 widget, pisamos todo el resto esttico que esta entro de sidebar.php. </li> <li> 23. Estructura de una Plantilla </li> <li> 24. Estructura de una Plantilla Sobre el header.php: La funcin nos brinda la seccin en la que estamos, mientras que la funcin nos da el ttulo del Sitio Web. " /&gt; Esta etiqueta puede ser usada o no, yo recomiendo no utilizarla para que nadie sepa que versin de WP usamos y as evitar posibles problemas. Enlazamos a la hoja de estilos mediante la funcin bloginfo(stylesheet_url) , tambin enlazamos al feed, para que el navegador pueda accederlo desde el icono de la barra de direcciones, para ello usamos la funcin bloginfo(rss2_url) . Para llamar a otros archivos (img, .js, etc) vamos a tener que utilizar la funcin hacer crear rutas dinmicas y que nuestro theme sea 100% flexible y sea posible reutilizarlo a futuro. =========== </li> <li> 25. Estructura de una Plantilla </li> <li> 26. Estructura de una Plantilla Sobre el page.php: Para poder levantar la informacin que hay en una pgina, se tiene que poner la misma estructura de cuando se quiere mostrar una entrada: [ACA VA EL CONTENIDO] =========== </li> <li> 27. Estructura de una Plantilla Mltiples archivos page.php: Para crear diferentes archivos page.php tenemos que crear otro archivo, por ejemplo page-ejemplo.php y dentro al comienzo del archivo poner: Para seleccionar nuestra plantilla personalizada, hay que ir a la pgina creada y asignarle la que queremos. Esto es muy beneficioso si tenemos pginas estticas con diferente diseo, como por ejemplo sin una barra lateral, etc. =========== </li> <li> 28. Estructura de una Plantilla Donde esta la diferencia entre index.php y page.php?: Ambos archivos utilizan un loop para levantar la informacin y son exactamente iguales, el truco esta en la jerarquizacin de archivos. WordPress automticamente al detectar que una pagina se quiere mostrar, busca en el directorio el archivo page.php, si no encuentra ninguno, sigue por los archivos page.php personalizados y si no encuentra ninguno, llama directamente al archivo index.php. Para ms informacin sobre Jerarquizacin ver el Codex de WP . =========== </li> <li> 29. Estructura de una Plantilla Otros archivos: Por ejemplo, si le pinchamos sobre una categora para ver los posts de la misma, el fichero que se cargar ser archives.php , lo mismo con los archivos por mes , da y ao. Tambin esta el fichero search.php , que lo utilizaremos como plantilla para las bsquedas que se realicen en el Blog. El fichero comments.php donde cargaremos los comentarios. El fichero 404.php sirve para enviar una salida personalizada de error 404 cuando alguien haga una peticin al servidor que genere un error 404. Las imgenes las almacenaremos en el directorio img. </li> <li> 30. Estructura de una Plantilla Otros archivos: En screenshot.jpg guardaremos un thumbnail (miniatura) de nuestra plantilla terminada y que se mostrara en el panel de administracin del WordPress. Por ltimo tenemos el fichero funtions.php , que bsicamente acta como un plugin si el fichero existe, se carga automticamente durante la inicializacin de WordPress. Lo podemos usar como fichero donde declarar funciones que vayamos a usar despus en la plantilla. =========== Experiencia Personal: El uso del functions.php puede ser una bendicin si lo utilizamos correctamente, pero muchas veces puede que salgan mltiples errores si usamos diferentes funciones que se pisen entre s a la hora de mostrarse en el Sitio. </li> <li> 31. Estructura de una Plantilla La Barra de Navegacin (men): El men de nuestro sitio web es una parte esencial y tenemos que darle un giro para que sea dinmico. En nuestro men se van a cargar las diferentes Pages (pages.php) que vayamos creando. Para llamar a la funcin que permite obtener las Pages hay que usar: En caso de querer filtrar algunas secciones podramos retocar el cdigo y usar: =========== Aclaracin: en caso de tener un men que utilice imgenes y/o posicionamiento, hay que implementar condicionales en el navbar, para eso hay que ver cada caso en particular y leerse el Codex de WP . (comentar en clase los pro y contra de un men dinmico) </li> <li> 32. Estructura de una Plantilla Generando archivos personalizados: Si se generan archivos externos a la estructura base, como por ejemplo sidebar2.php, footer-especial.php, header-solo-php vamos a tener que utilizar la funcin include de PHP pero con unos detalles a tener en cuenta: El parmetro "TEMPLATEPATH" sirve para insertar dinmicamente la ruta de nuestra plantilla, nosotros podramos poner a mano la ruta, pero si queremos reutilizar a futuro nuestra plantilla en otro sitio web (dominio) no nos va a servir. </li> <li> 33. Estructura de una...</li></ul>