Documentos de Académico
Documentos de Profesional
Documentos de Cultura
com
Autores del manual Este manual ha sido realizado por los siguientes colaboradores de DesarrolloWeb.com: Miguel Angel Alvarez Sara Alvarez
Director de DesarrolloWeb.com http://www.desarrolloweb.com (3 captulos) Equipo DesarrolloWeb.com http://www.desarrolloweb.com (12 captulos)
Todo sobre el Blog: http://www.desarrolloweb.com/manuales/blogs.html Los manuales de DesarrolloWeb.com tienen el copyright de sus autores. No reproducir sin autorizacin.
Qu es un Blog
Dado el actual auge de este formato de publicacin en Internet vamos a hablar un poco de los blogs. El objetivo de este artculo es ofrecer una pequea introduccin al concepto de blog, para pasar luego a lo largo de este manual de DesarrolloWeb.com a ofrecer distintas maneras para crear un blog y personalizarlo. Para empezar vamos a dar una definicin de lo que es un blog a travs de un ejemplo. Para ello quiero que pensis en los cuadernos de bitcora de los barcos, en ellos se escribe da a da todo lo que sucede a bordo del buque. Bueno pues un blog es algo parecido, ya que nace con la idea de escribir una especie de diario online. Este diario suele ser personal, aunque hay blogs en los que participan varias personas o una comunidad entera. Los blog son una de las formas de publicacin de la web 2.0, en este caso una evolucin de lo que eran antes las pginas personales. Con el paso del tiempo su aplicacin y definicin ha ido creciendo hacia otros campos como son las noticias, opiniones, etc. Un blog se define como una web que se actualiza de una forma peridica, donde cronolgicamente van a apareciendo artculos de diversos tipos, desde opiniones a noticias, trucos, recetas y en general todo tipo de temticas. Otra caracterstica de los blog es que los artculos publicados, que suelen llamarse "Post" (el plural sera posts), aparecen en la pgina los ms nuevos primero. Es decir, segn se publica algo aparece en portada en primer lugar y a medida que se publican nuevos artculos, se colocan los primeros desplazando los ms viejos hacia abajo. Habitualmente, cada blog est dedicado a una temtica en concreto pero puede haber algunos de varios temas mezclados (caso de los blog personales). Historia de los blog Los blog, segn se puede leer en la Wikipedia, se vieron por primera vez en 1994, cuando en Espaa todava muchos ni sabamos lo que era Internet. En realidad lo que ellos apuntan que era uno de los primeros blog, no consista en ms que pginas personales, que no tienen mucho que ver con los blog actuales. De cualquier modo, el trmino Weblog se vio por primera vez en diciembre de 1997, acuado por Jorn Barger. Despus de esto se cre el trmino blog (que viene de la abreviacin de Weblog), tanto como sustantivo como verbo: bloguear (editar un blog o postear, enviar un post a un blog). Tambin pronto se comenz a utilizar la palabra blogger, como la persona que edita un blog, que en espaol podramos traducirlo por bloguero. La popularizacin de los blog surgi sobre el ao 1999 cuando diversos sitios web en ingls empezaron a ofrecer servicios de creacin y alojamiento para blogs, de modo que los usuarios de Internet deseosos de convertirse en bloggers, no tuvieran que vrselas con las complicaciones tcnicas de crear su propia infraestructura para la edicin de blogs. Pero hasta el ao 2002 el trmino no paso de ser algo especfico del medio Internet para introducirse en la sociedad y ser incluso objeto de investigacin y fenmeno social.
Todo sobre el Blog: http://www.desarrolloweb.com/manuales/blogs.html Los manuales de DesarrolloWeb.com tienen el copyright de sus autores. No reproducir sin autorizacin.
Despus de una pequea especificacin sobre lo que es un blog, pasamos a cmo podemos crearnos uno, pero esto ya lo trataremos en el prximo artculo de este manual. Esperamos que a lo largo de las siguientes entregas que vamos a ir publicando en desarrollo web .com, todos los que deseen crear su propio blog, puedan hacerlo de una manera sencilla. Artculo por Miguel Angel Alvarez
Todo sobre el Blog: http://www.desarrolloweb.com/manuales/blogs.html Los manuales de DesarrolloWeb.com tienen el copyright de sus autores. No reproducir sin autorizacin.
myspace: un sitio tambin popular en ingles, y con versrion en castellano, para creacin de espacios personales y de comunidades xanga: Popular sitio en ingles para crear blogs, uno de los pioneros en ofrecer el servicio.
3)Utilizar un CMS para la creacion de un blog Aunque existen infinidad de pginas que nos puedan ayudar a crearnos un blog en pocos pasos y sin apenas conocimientos de programacion web, tambin nos podemos ayudar de sistemas CMS para crearlos, pero tenemos un artculo "Sistemas CMS para la creacin de blogs", donde repasamos estos sistemas a fondo. Cuando utilizas un CMS tienes que descargarte generalmente un programa e instarlo en tu espacio de alojamiento en un servidor de internet. Luego te tocara configurarlo y personalizarlo, pero este esfuerzo tiene varias ventajas. Primero, no dependes de otros para la publicacin de tus contenidos y segundo, las posibilidades de personalizacin sern mucho mayores. Tambin cabe destacar que al publicar tu blog con un CMS no tendrs que crear la pgina desde cero, sino que aprovechars el esfuerzo de otros desarrolladores para poner en marcha tu proyecto con herramientas de publicacin avanzadas. En el prximo artculo analizaremos las ventas y desventajas de cada uno de los sistemas gratuitos de creacin de webs. Artculo por Sara Alvarez
Todo sobre el Blog: http://www.desarrolloweb.com/manuales/blogs.html Los manuales de DesarrolloWeb.com tienen el copyright de sus autores. No reproducir sin autorizacin.
Sistemas para Blogs en PHP La mayora de los sistemas que encontramos para hacer blogs estn programados con PHP. La base de datos ms utilizada es MySQL, pero tambin hay aplicaciones que soportan otras bases de datos o incluso sistemas Blog que no hacen uso de una base de datos. Word Press http://www.wordpress.org Es posiblemente uno de los mejores sistemas gratuitos para hacer un Blog, en PHP y MySQL. Es realmente el nico que he probado en el momento de escribir este artculo. Puedo decir que resulta fcil de instalar y de personalizar. bBlog http://www.bblog.com/ Sistema para Blog realizado en PHP, totalmente gratuito. Usado en centenares de sitios. Utiliza plantillas Smarty, que facilitan la personalizacin del diseo sin necesidad de saber programar. pMachine Pro http://www.pmachine.com/pm/ Sencillo y potente que soporta funcionalidades avanzadas. Es gratuito. Requiere PHP y MySQL. Simple PHP Blog http://www.simplephpblog.com Un sistema para hacer Blogs que intenta ser realmente simple de usar y bonito, pero sin grandes requerimientos. Simplemente necesitaremos PHP 4, aunque no hace uso de base de datos. DotClear http://www.dotclear.net Est realizado en Francs, aunque tiene alguna traduccin al ingls. Requiere PHP y MySQL. Serendipity http://www.s9y.org/ Un sistema de Weblog implementado en PHP (compatible con versiones 4 y 5), gratuito y Open Source. Soporta MySQL, PostgreSQL y SQLlite. Wordsmith http://sourceforge.net/projects/wordsmith Otro sistema creado en PHP para la creacin de Blogs. Gratuito y Open Source. BLOG:CMS http://blogcms.com/ Sistema creado en PHP (versin 4.0.6 o superior, incluido PHP 5) y con base de datos MySQL o SQLite. Gratuito y de cdigo libre. Sistemas para crear blogs en ASP / .NET Otros proyectos que existen para crear blogs gratuitos en tecnologas de Microsoft como ASP o .NET.
Todo sobre el Blog: http://www.desarrolloweb.com/manuales/blogs.html Los manuales de DesarrolloWeb.com tienen el copyright de sus autores. No reproducir sin autorizacin.
Ublog http://www.uapplication.com/ublog Sistema Blog creado con ASP. Contiene versiones para uso de MySQL o Access. Es gratuito, pero existe tambin una versin de pago en http://www.uapplication.com/ublogreload/index.asp. bp blog http://blog.betaparticle.com/ Programa realizado en ASP para la creacin de blogs fcil de instalar. Requiere IIS 4.0 o superior, acceso de lectura y escritura al sistema de archivos (FSO) y MSXML. FactoSystem http://facto.sourceforge.net Otro sistema Blog, realizado por completo utilizando ASP, compatible con Access o SQL Server. ASP simple Blog http://www.8pixel.net/?pageID=420 Sistema gestor de blogs gratuito y pensado para uso personal. Programado en ASP, dispone de caractersticas habituales como plantillas, calendario, rss... PowerBlog http://sourceforge.net/projects/pwrblog/ Aplicacin de escritorio de Windows para crear blogs. Requiere tener instalado el .NET Framework. DotNET myBlog http://www.jivenetworks.com/software/asp.net/myblog/ Sistema blog que pretende ser simple pero potente. Realizado en ASP.NET C# y con base de datos MySQL, Ms SQL Server o Ms Access TriptychBlog http://triptychstudios.net/TriptychBlog/ Otro sistema de Blog programado en ASP.NET. Presstopia http://presstopia.com Aplicacin que permite crear blogs, gratuita y de cdigo abierto. Programada en ASP.NET. Sistema blog desarrollado en Java Tambin existen Web Logs programados en Java. Destaco algunos, aunque se pueden encontrar otros en la pgina http://java-source.net/open-source/bloggers. blojsom http://wiki.blojsom.com/wiki/display/blojsom/About%2Bblojsom Es un sistema creado en Java para la realizacin de blogs. Corre sobre Tomcat y utiliza plantillas Velocity. Intenta ser simple en diseo pero potente en la personalizacin por plantillas.
Todo sobre el Blog: http://www.desarrolloweb.com/manuales/blogs.html Los manuales de DesarrolloWeb.com tienen el copyright de sus autores. No reproducir sin autorizacin.
mapleBlog http://www.resynthesize.com/code/mapleblog_info.php Es un web log MVC basado en Struts que utiliza hibernate como capa de persistencia y Tiles/JSP para la vista..Es relativamente simple de configurar y tiene la funcionalidad basica. Utilizando hibernate, es capaz de trabajar con un amplio rango de bases de datos. Gratuito. Cdigo libre. JSP Blog http://sourceforge.net/projects/jspblog Sistema Blog creado 100% en JSP. Creado en Apache Tomcat y base de datos MySQL. Gratuito y cdigo libre. Sistemas Blog creados en Perl Casi todos los alojamientos soportan programas CGI creados en Perl. Tambin se pueden encontrar sistemas Blog interesantes en caso de decantarnos por esta tecnologa. Blosxom http://www.blosxom.com/ Sistema creado en Perl (versin 4 o, preferiblemente Perl 5). Intenta ser simple de uso y configuracin. greymatter http://noahgrey.com/greysoft/ Sistema gratuito y de cdigo abierto para hacer blogs. Requiere soporte para Perl 5. WebAPP http://www.web-app.org Sistema creado en Perl para crear portales y Blogs. No hace uso de bases de datos, pero soporta las funciones tpicas de sistemas como Nuke. Otros sistemas que no son gratuitos Tambin se puede adquirir un software de creacin de Blogs de pago. La ventaja en este caso podra ser que la empresa que lo vende ofrece soporte tcnico a sus clientes. Comentamos este blog por ser bastante conocido. Movable Type http://www.sixapart.com/movabletype/ Este sistema no es gratuito, aunque s tiene una versin libre de uso (nicamente para blogs personales). Programado en PHP con soporte para varias bases de datos. Conclusin Como se ha podido comprobar, existen muchas soluciones distintas que podemos adoptar sin problemas. Esperamos que esta lista sea de utilidad para conocer algunos de ellos. En adelante esperamos publicar artculos para comentar ms especficamente algunos de estos sistemas CMS para crear un blog. Artculo por Miguel Angel Alvarez
Todo sobre el Blog: http://www.desarrolloweb.com/manuales/blogs.html Los manuales de DesarrolloWeb.com tienen el copyright de sus autores. No reproducir sin autorizacin.
Un inconveniente es que a veces resulta un poco complicado modificar el cdigo HTML ya que requiere de algunos conocimientos en XML si quieres modificar la plantilla principal. Por otro lado tienes limitaciones a la hora de como y donde mostrar los comentarios ya que actualmente no te da la opcin de mostrar los comentarios en la portada, sino que tienes que entrar en el post o artculo para poder visualizarlos. En definitiva un sistema bastante completo que adems cuenta con una gran comunidad de usuarios y blogs que se ayudan y apoyan mutuamente. Para poder crearte un blog con el sistema de Blogger tan solo tienes que acceder a su pagina princial y seguir sus instrucciones.
Todo sobre el Blog: http://www.desarrolloweb.com/manuales/blogs.html Los manuales de DesarrolloWeb.com tienen el copyright de sus autores. No reproducir sin autorizacin. 8
En definitiva un sistema bastante completo. En lo referente a la insercin y edicin de entradas es muy intuitivo y sencillo por lo que una vez que estas familiarizado con todo el sistema resulta bastante atractivo para los usuarios y webmaster a la hora de elegir entre otros sistemas de creacin de blog. En comparacin con blogger tiene bastantes ms posibilidades en cuanto a secciones, edicin de estilos, y sobre todo en mantenimiento de comentarios y entradas. Por otro lado no cuenta actualmente con el apoyo de Google y a la hora de sacarle partido mediante la publicidad de adsense es algo complicado de implementar ya que tendrs que instalarte algn plugins o
Todo sobre el Blog: http://www.desarrolloweb.com/manuales/blogs.html Los manuales de DesarrolloWeb.com tienen el copyright de sus autores. No reproducir sin autorizacin. 9
buscar formas alternativas para su insercin manual. El mayor fallo que le veo yo, y que a mi me hace decantarme por blogger es la restriccion de codigo javascript, imposibilitando el poder agregar publicidad a tu blog.
Nota: Queremos aclarar que este artculo habla de la creacin de blogs mediante un sistema que no requiere ninguna instalacin y no de Wordpress como sistema CMS en PHP para implementar un blog en tu dominio, que en ese caso si tienes que instalarlo y configurarlo.
En el siguiente articulo profundizaremos ms en los detalles de la creacin y administracin de un blog con wordpress. Artculo por Sara Alvarez
Una vez aqu nos vamos a la pestaa de Appearance que nos muestra el tema que tenemos seleccionado y una lista de otros temas por si queremos cambiar de plantilla. Existen bastantes temas donde elegir y seguro encontraras alguno que te guste. Ademas si no te termina de gustar ninguno puedes crearte tu uno a partir de la hoja de estilos CSS pero para poder realizar esto necesitas conocimientos en hojas de estilo en cascada.
Todo sobre el Blog: http://www.desarrolloweb.com/manuales/blogs.html Los manuales de DesarrolloWeb.com tienen el copyright de sus autores. No reproducir sin autorizacin.
10
Una vez que tenemos el tema seleccionado nos vamos a la opcion de Widgets para aadir elementos a nuestra plantilla. En esta opcion es donde seleccionamos por ejemplo la opcion de mostrar el calendario, o una nube de etiequetas, un arbol de categorias, etc. Dependiendo del tema seleccionado tendras unas opciones distintas. Pero siempre tendremos unas genericas a todas las plantillas. Ms o menos estas son las funciones ms importantes de la pestaa Appearance. Otra pestaa bastante interesante es la de medios. En ella puedes ver todas las imgenes, videos y msica que tienes subida al blog. Puedes ver todos los datos y los comentarios que tienen, asi como editarlas y borrarlas.
Despus de esta pestaa me gustaria comentar la de paginas. En ella podemos crear paginas estaticas a parte de las pginas que se crean automaticamente al aadir una entrada al blog. Estas pginas nos vienen bien para crear secciones como la de informacion, y otro tipo de datos, o simplemente una pagina informativa sobre ti, tu vida, aficiones, etc. Otra pestaa interesante es la de usuarios. Esta pestaa es bastante importate ya que te permite crear usuarios distintos a ti con acceso al panel de control de tu blog. Estos usuarios suelen ser utiles si quieres que alguien distinto de ti se encarge de publicar tus entradas. Es bastante util si tu blog tiene mucho contenido o si habla de diversos temas que tu no abarcas y alguien puede escribir mejores articulos sobre el tema.
Todo sobre el Blog: http://www.desarrolloweb.com/manuales/blogs.html Los manuales de DesarrolloWeb.com tienen el copyright de sus autores. No reproducir sin autorizacin.
11
Bueno con estas primeras explicaciones ya tendras que estar preparado para comenzar tu blog sin ningun tipo de problema, tan solo ir publicando entradas y aadiendo categorias, enlaces, etc. Y recuerda que con wordpress no puedes aadir codigo Javascript por lo que no podras meter publicidad de adsense o similar. Artculo por Sara Alvarez
Todo sobre el Blog: http://www.desarrolloweb.com/manuales/blogs.html Los manuales de DesarrolloWeb.com tienen el copyright de sus autores. No reproducir sin autorizacin.
12
Con esto ya tenemos nuestro blog creado y lo primero que nos aparece es una entrada explicndote como puedes editarlo, aunque lo que realmente me llama la atencin es que viene ya con publicidad, que evidentemente no es nuestra, sino que sera del dominio hazblog.com. Cuando entras en la zona de administracin (ojo que el usuario siempre es admin, solo varia la contrasea que le des tu al crear el blog) y eliges la opcin avanzada te llevas una sorpresa, ya que aunque solo tienes unas pocas plantillas puedes editarlas casi por completo y de una forma no muy complicada.
A simple vista esta bastante completo, puedes aadir videos de Youtube, cdigo HTML, Javascript, etc. Otra opcin que te permite es la de disponer y gestionar en un mismo panel de administracin varios blogs. La gestin de usuarios es bastante amigable por lo que no lo hace nada complicado de administrar. Ademas tiene una seccin para los meta datos en la cual tan solo tienes que insertar las palabras clave y el sistema se ocupa del resto. Tambin nos da la opcin de seleccionar los sitios donde queremos aparecer, tipo google, Ping-o-Matic, Weblog, etc. Por otro lado el sistema de comentarios esta bien pero para mi gusto da la sensacin de perderte, a la hora de visualizarlo, pero la administracin es bastante sencilla tambin. El nico inconveniente es la publicidad que te colocan por defecto en el blog, pues no parece que se pueda eliminar. En definitiva el anlisis de este sistema de creacin de blogs gratuitos me ha sorprendido y me gusta incluso ms que wordpress gratuito ya que es mucho ms intuitivo y esta completamente en espaol, sin embargo sigo quedndome con blogger por cuestiones generales de administracin y posibilidades de publicidad, etc.
Todo sobre el Blog: http://www.desarrolloweb.com/manuales/blogs.html Los manuales de DesarrolloWeb.com tienen el copyright de sus autores. No reproducir sin autorizacin.
13
Seguiremos analizando sistemas para que podis elegir el que ms se adapte a vuestras expectativas. Artculo por Sara Alvarez
Cuando tenemos elegidos la platilla y la descripcin, automticamente nos muestra nuestro panel de control, que a simple vista parece algo catico.
Todo sobre el Blog: http://www.desarrolloweb.com/manuales/blogs.html Los manuales de DesarrolloWeb.com tienen el copyright de sus autores. No reproducir sin autorizacin.
14
No se si os habis fijado en que estamos dentro de nuestro panel de control y ni siquiera hemos dado un nombre a nuestro blog, bueno esto es porque este sistema no es como otros que hemos estado comentando hasta ahora. Es como si fuera una red social donde la gente te busca por tu nick y no por tu blog, y dentro de tu usuario tienes la posibilidad de tener varios blog. Es algo complicado la verdad, pero si le pillas el tranquillo es bastante interesante. Puedes tener varios blog y editarlos todos desde tu panel de control. Puedes subir todo tipo de archivos multimedia. Todo funciona dentro de una misma plantilla (la que hemos elegido al darnos de alta). Algo que esta bastante bien es la posibilidad de editar la plantilla, es super fcil de hacer y casi todo se puede modificar. De cara a usuarios inexpertos tambin es bastante sencillo. Puedes, por ejemplo, agregar o quitar mdulos y es todo totalmente visual. Los mdulos que tiene actualmente disponibles son unos 21, generalmente todos encaminados a contenidos multimedia, enlaces e informacin sobre otros usuarios de Xanga. Tiene un modulo "custom" para aadir el cdigo html que queramos, pero no te permite cdigo Javascript o por lo menos al hacer las pruebas nosotros, nos han dado error siempre. Un factor que no me gusta es que ellos mismos ponen la publicidad, y algo ms importante todava, no tienes una URL propia como hemos visto en los anteriores, sino que formas parte de xanga. Es decir, tu URL en Xanga seria algo as como http://www.xanga.com/tunick/weblog/ Esto de cara a promocionar tu blog es bastante engorroso y no queda muy bien la verdad. En definitiva, aunque a priori pareca ser bastante bueno, despus de hacer pruebas y ver las caractersticas, me parece un sistema bastante limitado y con poco juego si quieres aparecer en buscadores con tu blog y utilizarlo para algo ms que pasar el rato y conocer gente. Artculo por Sara Alvarez
Todo sobre el Blog: http://www.desarrolloweb.com/manuales/blogs.html Los manuales de DesarrolloWeb.com tienen el copyright de sus autores. No reproducir sin autorizacin.
15
Los requisitos que necesitar vuestro alojamiento para poder instalar Wordpress son los siguientes: Soporte para base de datos Soporte para PHP Acceso FTP externo
En este archivo lo nico que tenemos que hacer es cambiar los datos de la base de datos por los que nos han suministrado con nuestro alojamiento y poner tres frases aleatorias para temas de seguridad. Una vez lo hayamos modificado, guardamos los cambios y cambiamos el nombre del archivo por wp-config.php y subimos todo a nuestra raz del ftp. A Continuacin tecleamos en nuestro navegador esta url: http://www.tudominio.com/wpadmin/install.php Al entrar en esa pgina comenzar la instalacin, pero si no es as, quizs aparezca una pantalla de error de conexin, como la que tenemos bajo estas lineas. Para resolver ese hipottico error, tendremos que revisar nuestro archivo wp-config.php y cerciorarnos que los datos estn bien puestos.
Si todo nos sale bien nos aparecer la pantalla de bienvenida donde nos pedir introducir el ttulo de nuestro blog y un email de contacto.
Una vez introducidos los datos nos mostrar una pantalla en la que nos dar un nombre de usuario (por norma, admin) y una contrasea que se genera aleatoriamente.
Todo sobre el Blog: http://www.desarrolloweb.com/manuales/blogs.html Los manuales de DesarrolloWeb.com tienen el copyright de sus autores. No reproducir sin autorizacin.
17
Al darle a finalizar nos redirecciona la zona de login, donde tendrs que poner el nombre del usuario y la contrasea del apartado anterior. Con esto ya accederamos a nuestro tablero de administracin y daramos por concluida la instalacin de Wordpress.
En sucesivos artculos iremos viendo como aplicar un diseo a nuestro blog, editar entradas, aadir opciones, etc. Artculo por Sara Alvarez
Todo sobre el Blog: http://www.desarrolloweb.com/manuales/blogs.html Los manuales de DesarrolloWeb.com tienen el copyright de sus autores. No reproducir sin autorizacin.
18
Una vez que tienes descargado en tu pc el tema que ms te guste tienes que subirlo a tu dominio, va FTP, a la siguiente carpeta wp-content/themes. Una vez subido te aparecer
Todo sobre el Blog: http://www.desarrolloweb.com/manuales/blogs.html Los manuales de DesarrolloWeb.com tienen el copyright de sus autores. No reproducir sin autorizacin. 19
automticamente en la lista de temas preinstalados y tendrs que seguir los mismos pasos anteriormente citados en el apartado de eleccin de plantilla preinstalada. Bueno con esto ya tendramos un tema instalado, pero como casi siempre nos pasa, habr algo que no termine de gustarnos, o simplemente tendremos que cambiarle el titulo al tema, el logo, alguna imagen, etc. Para ello Wordpress nos presta la herramienta de edicin de temas. Con ella podrs editar todo lo referente a estilos, imgenes, etc. de tu plantilla.
Como podris ver en la imagen, lo que se te abre por defecto es la hoja de estilos del tema, por lo que si tenis conocimientos en CSS os sera bastante sencillo modificarla. A la derecha tenis un listado con las plantillas de las diferentes secciones que contiene vuestro blog y podis modificarlas igualmente. Aqu tenemos un punto importante ya que si os fijis podemos aadir cualquier tipo de cdigo PHP y Javascript por lo que nos ser sencillo agregar publicidad o cdigo de estadsticas fcilmente, siempre y cuando tengis conocimientos suficientes de PHP y Javascript. Con estas pautas ya podemos empezar a buscar y editar el tema para adaptarlo al diseo que nosotros deseemos. Si os habis fijado nos queda dos pestaas dentro del apartado de diseo de nuestro tablero de administracin. Se trata de la pestaa Widgets y la pestaa Imagen y color de la cabecera. De ellos hablaremos en el prximo artculo. Artculo por Sara Alvarez
Todo sobre el Blog: http://www.desarrolloweb.com/manuales/blogs.html Los manuales de DesarrolloWeb.com tienen el copyright de sus autores. No reproducir sin autorizacin.
20
Si por ejemplo queremos que nos aparezca una seccin de enlaces donde poner pginas amigas, tan solo tenemos que activar el widget de enlaces y guardar los cambios. Probablemente ahora os estaris preguntando por qu despus de eso no veo la opcin de aadir dichos enlaces? Bien, eso es porque tenemos que irnos a la pestaa gestionar y meternos en la opcin que nos aparece arriba, la de enlaces.
Todo sobre el Blog: http://www.desarrolloweb.com/manuales/blogs.html Los manuales de DesarrolloWeb.com tienen el copyright de sus autores. No reproducir sin autorizacin.
21
En esta seccin podis tanto editar los enlaces que te vienen predeterminados con Wordpress, como crear nuevos enlaces. Es todo muy sencillo e intuitivo por lo que no tendris mayores problemas con este tema. Cabe destacar el widget llamado "Texto", en el podrs poner el cdigo HTML que desees, lo que te da la posibilidad de aadir mas widgets que puedas encontrar en otras pginas. Es un pequeo truco que seguro te ayudara a poner nuevas funcionalidades a tu blog. Esta sera la forma sencilla de hacer un widget nosotros mismo, pero si quisiramos algo ms complicado tendramos que modificar el archivo widgets.php por lo que ya tendramos que tener conocimientos es programacin PHP. Ya slo nos falta una opcin dentro de la pestaa diseo por comentar. Esa opcin es la de imagen y color de la cabecera. En ella podemos editar todo lo referente a la cabecera de nuestro blog. Tenemos la opcion de cambiar el color de fuente, color superior, el color inferior, restablecer a los valores por defecto o hacerlo de forma avanzada si conoces los colores RGB. Con estas dos opciones damos por terminada la pestaa de diseo y sus diferentes posibilidades. En los siguientes artculos pasaremos a ver la pestaa gestin, algo mas extensa pero nada complicada. Artculo por Sara Alvarez
Todo sobre el Blog: http://www.desarrolloweb.com/manuales/blogs.html Los manuales de DesarrolloWeb.com tienen el copyright de sus autores. No reproducir sin autorizacin.
22
En esta seccin encontramos una pgina creada por defecto llamada informacin. Bueno pues trabajaremos sobre ella para ir probando las distintas opciones. Lo primero que tenemos que hacer es pinchar en el nombre de la pgina y nos pasar directamente a la zona de edicin de dicha pagina. Como veis, nos aparecen una seria de opciones en las que podemos cambiar el titulo, el contenido, el estilo, los comentarios, etc.
Todo sobre el Blog: http://www.desarrolloweb.com/manuales/blogs.html Los manuales de DesarrolloWeb.com tienen el copyright de sus autores. No reproducir sin autorizacin.
23
Empezaremos cambiando el titulo de la pgina por el que nos interese. Yo lo cambiar por "Acerca de" y adems editar el contenido para que hable de lo que encontraremos en el blog y quin se encarga de su administracin. Una vez que tengamos estos cambios realizados podemos hacer un primer salvado de la pgina para no perder lo que hemos escrito ya. A continuacin podemos ir viendo el resto de opciones que nos ofrece esta pestaa. Por ejemplo podemos ver que nos permite crear campos personalizados, es decir, entradas para metadatos. Tambin nos da la opcin de permitir o no los comentarios y los ping. Otra opcin interesante es la de poder proteger la pgina con contrasea para que slo sea accesible a la gente que conozca la contrasea. En principio no me interesa esa opcin, porque el contenido de esta pgina esttica de Wordpress es pblico y orientado a dar informacin a los visitantes, pero est muy bien que pongan esta posibilidad para los editores que necesiten publicar algn tipo de dato que sea privado. Una vez que tengas varias pginas podrs necesitar hacer un orden jerrquico, para que por ejemplo tengas paginas que slo se accedan a partir de otras, etc. Esta opcin puede resultar bastante interesante si quieres dividir la informacin fija por secciones, es decir, si por ejemplo tienes una seccin que se titule "Sobre mi" y dentro de ella quieras tener otras paginas tituladas "Mi vida", "Mi trabajo", etc. Dependiendo de las plantillas que tengas instalada podrs elegir entre plantillas diferentes, si es que lo deseas, para personalizar las distintas pginas estticas dentro de tu blog. Como ltimas opciones de pginas, puedes darles un orden especfico o dejarlas por orden alfabtico, que es como aparecen por defecto en el men. Adems podrs encontrar un historial de los cambios de la pgina esttica, pudiendo acceder a ellos y restaurar una versin anterior de la pgina en cualquiera de los puntos mostrados.
Todo sobre el Blog: http://www.desarrolloweb.com/manuales/blogs.html Los manuales de DesarrolloWeb.com tienen el copyright de sus autores. No reproducir sin autorizacin.
24
Si os fijis a la derecha tenemos unos recuadros donde se nos informa del estado de la pgina y nos da las opciones de guardar o ver la pgina, o mantenerla como privada para que los usuarios no tengan conocimientos de la misma, as como ver los comentarios de la pgina o gestionarlos. Artculo por Miguel Angel Alvarez
Enlaces
Esta seccin de tu panel de administracin es bastante sencilla. Para administrarla simplemente se trata de ir aadiendo enlaces a tu blog, algo interesante de cara realizar algn intercambio, lo que puede aumentar tu flujo de visitas. Para aadir un enlace tan solo tienes que pinchar en el enlace grande que pone Crear nuevo e ir rellenando el formulario.
Como puedes ver, tendrs que poner un titulo, la URL, una descripcin y luego te dan una serie de opciones bastante interesantes, como son:
Todo sobre el Blog: http://www.desarrolloweb.com/manuales/blogs.html Los manuales de DesarrolloWeb.com tienen el copyright de sus autores. No reproducir sin autorizacin.
25
Categora: podrn crear tu propio directorio de enlaces. Destino: puedes elegir si se abre en la misma pgina o en una aparte. Relacin: podrs especificar si la URL es tuya o de un tercero. Avanzado: aqu puedes dar una direccin de rss, aadir una imagen o valorar el enlace. Una vez que tenemos todos estos campos rellenos tan solo tenemos que decidir si queremos que sea visible o no y darle a guardar para que aparezca en nuestro blog. Si os fijis en la pgina los enlaces aparecen por defecto por orden alfabtico, pero esto lo podemos cambiar en la pantalla principal de enlaces, y ordenarlo por id del enlace, valoracin, orden alfabtico, por nombre y por direccin.
Categoras
Esta pestaa es muy similar a la de enlaces, por lo que no os resultar nada complicada. Sirve para crear vuestro propio rbol de categoras para vuestros artculos, post o lo que queris aadir al blog. Para crear una categora tan solo tenis que ir rellenando los campos del formulario:
Tendremos que especificar un titulo, un nombre para la URL, una descripcin y adems tendremos que decir si es una categora padre o principal o es una subcategora.
Nota: El nombre de la categora para la URL es muy recomendable ponerlo todo en minsculas y sin espacios, ni caracteres extraos, ni acentos, ya que sera la url que muestre en la barra de direcciones, y en las URLs es importante no colocar caracteres que no estn en el alfabeto ingls, o espacios, que pueden dificultar el acceso a tus pginas.
Como veis es bastante sencillo, por lo que slo me queda resaltar la posibilidad de crear etiquetas a partir de las categoras. Este proceso lo podemos hacer si pinchamos en el enlace que nos aparece justo encima del formulario de insercin de una categora.
Todo sobre el Blog: http://www.desarrolloweb.com/manuales/blogs.html Los manuales de DesarrolloWeb.com tienen el copyright de sus autores. No reproducir sin autorizacin.
26
Al hace clic nos aparece otra pantalla con un listado de las categoras que tenemos creadas y unos checkbox al lado de cada una. Tan solo tendremos que seleccionar las que queremos convertir en etiquetas y darle al botn de Convertir categoras en etiquetas. Es importante saber que este proceso nos convierte la categora en etiqueta o viceversa, lo cual quiere decir que si convertimos la categora perros por ejemplo, en etiqueta, nos desaparecer la categora perros y al contrario si convertimos la etiqueta perros perderemos la etiqueta y nos aparecer como categora.
Etiquetas
Te estars preguntando la diferencia entre categora y etiqueta, ya que viendo las categoras anteriormente hemos visto que las podemos convertir de una o otra, bueno pues lo que diferencia una categora de una etiqueta es: Las categoras se pueden organizar jerrquicamente y las etiquetas no. Una categora puede funcionar como una etiqueta pero una etiqueta no puede funcionar como una categora. Las etiquetas proporcionan meta-informacin (informacin sobre la informacin), las categoras, no. Las etiquetas resultan ms efectivas a la hora de que los buscadores encuentren informacin de nuestro blog. La creacin de etiquetas es muy sencilla, tan solo tienes que rellenar el nombre de la etiqueta y el nombre para la url, que tiene las mismas caracteristicas que comentabamos en las categorias.
Con esto creo que nos hacemos una idea de lo que es cada cosa y podemos empezar a ir rellenando nuestro blog con enlaces, categoras y etiquetas. Artculo por Sara Alvarez
Todo sobre el Blog: http://www.desarrolloweb.com/manuales/blogs.html Los manuales de DesarrolloWeb.com tienen el copyright de sus autores. No reproducir sin autorizacin.
27
Exportar
Como todos sabemos, es conveniente realizar copias de seguridad de nuestros sistemas, para que podamos recuperar nuestra informacin y no perder datos importantes, si en algn momento tenemos problemas. Bien, pues algo parecido tenemos que hacer en nuestros blogs. Imaginaros que tenis alojado vuestro blog en un servidor y por circunstancias ajenas a vosotros, o por un fallo en la gestin del blog o la base de datos, perdis todo lo que haba dentro... Si no tenis copias de seguridad os podis ir olvidando del blog porque no podrais recuperar todo. Pero si de vez en cuando vamos exportando nuestro blog a un archivo externo, podramos recuperar el sitio sin problemas. Bueno pues esto es lo que nos permite la opcin de exportar que encontramos en el panel de gestin de Wordpress.
Adems, esta opcin nos permite seleccionar entradas por autor, es decir, salvar solo las entradas de autores por separado. Como podis ver, el archivo que se descarga es un archivo .xml que despus podrs cargar en cualquier blog Wordpress con la opcin de importar que pasamos a ver continuacin.
Todo sobre el Blog: http://www.desarrolloweb.com/manuales/blogs.html Los manuales de DesarrolloWeb.com tienen el copyright de sus autores. No reproducir sin autorizacin.
28
Importar
Esta herramienta de Wordpress nos permite importar datos desde una copia de seguridad creada mediante la opcin de exportar, anteriormente comentada, o desde otros sistemas de blog.
Si nos fijamos, vemos que nos aparece una lista con los sistemas de blog que podemos importar a Wordpress, entre ellos vemos blogger y una serie de herramientas para importar etiquetas, categoras, comentarios etc. Bien, si seleccionamos la opcin de importar Blogger, veremos que nos aparece otra pantalla que nos cuenta que se importaran las entradas, categoras, comentarios, etc de un blog alojado en blogger. Adems, veremos que, para realizar dicha operacin se necesita una autorizacin, por lo que te manda logearte en tu cuenta Google para comprobar dicha autorizacin. Al hacer login con tu usuario y clave que utilizas en Blogger, te saldr una pantalla donde te informa que el dominio x solicita el acceso a la cuenta de Google. Le damos a Conceder acceso y con esto nos volvera a nuestro panel de control para terminar el proceso de importacin. Con esto tendramos una copia del contenido que tenamos en Blogger en nuestro Wordpress. Otra opcin interesante es la de importar entradas de una fuente de RSS, eso si, tienes que seleccionar el archivo RSS 2.0 de tu ordenador y subirlo. Esta opcin es importante si no encuentras las herramientas necesarias para importar entradas de otros blogs que no aparecen en el listado. Por ultimo esta la opcin de importar un archivo .xml creado con wordpress, (lo que antes exportamos). Como en el caso anterior tenemos que subir el archivo que debe estar en nuestro equipo y realizar la importacin. El resto de opciones de la lista son similares a la de blogger, ya que son diseadas para importar los datos de otros sistemas administracin de blog. En unos tienes que autorizar, en otros rellenar datos de acceso o de base de datos, etc. En breve comenzaremos a explicar cmo empezar a crear entradas y ver sus opciones, pero esto ya es un tema distinto que veremos en el prximo artculo.
Todo sobre el Blog: http://www.desarrolloweb.com/manuales/blogs.html Los manuales de DesarrolloWeb.com tienen el copyright de sus autores. No reproducir sin autorizacin.
29
Si estis familiarizados con otro sistema de blog veris que es bastante similar al resto. Tendremos que poner un titulo y luego contaremos con un campo WYSIWYG, donde poner el contenido de nuestra entrada. Como podis ver en este campo podemos colocar imgenes, crear enlaces, y maquetar nuestro texto, con negritas, listas, etc. Nota: WYSIWYG es la abreviatura de una frase que en espaol sera algo como "Lo que ves es lo que escribes". Es un campo de formulario especial que nos permite escribir contenido enriquecido, es decir, con prrafos, estilo de prrafo, listas, tablas, etc.
Todo sobre el Blog: http://www.desarrolloweb.com/manuales/blogs.html Los manuales de DesarrolloWeb.com tienen el copyright de sus autores. No reproducir sin autorizacin. 30
Una vez que tenemos escrito el texto de la entrada del blog, texto tenemos que pasar a hacer otras tareas para que la entrada no se pierda una vez que este publicado unos das y ya no aparezca en la portada. Para ello tenemos que categorizarlo y vincularlo a una etiqueta. Tenis estas dos opciones justamente debajo del campo de texto. Primero lo asociamos a una etiqueta, si no la tenemos creada la podemos crear en el momento. Hacemos lo mismo para la categora. Despus nos aparecen lo que llaman las opciones avanzadas. Dentro de estas opciones nos podemos encontrar las siguientes opciones: Extracto: Se trata de introducir una especie de descripcin de nuestra entrada. Trackbacks: sistema para notificar a otros blog la publicacin de tu entrada Campos personalizados: los metadatos que comentbamos en el articulo Gestionar pginas con Wordpress Comentarios y ping: Damos la opcin de permitir o no los comentarios y los ping a nuestra entrada. Contrasea: podemos proteger nuestra entrada con contrasea. Una vez que tenemos todo listo tan solo tenemos que irnos a la parte derecha de nuestra pantalla y seleccionar si queremos publicar o guardar la entrada. Si seleccionamos guardar entrada, simplemente se almacenar en la base de datos del blog, pero no aparecer publicada y no la podrn ver los usuarios que nos visiten. Si optamos por la opcin de publicar nos comunicar que la entrada ha sido guardada y entonces, si todo ha salido bien, tendris en la portada la entrada del blog que acabis de crear. Si vemos que nos hemos equivocado en algo tendremos que volver a la zona de administracin, pero esta vez tenemos que irnos a la zona de gestionar. Dentro de gestionar nos vamos a la etiqueta de entradas, y veremos que nos aparece una pantalla similar a esta, con un listado de las entradas publicadas.
En ese listado nos aparece la informacin principal de cada entrada, y con tan solo pinchar en el titulo de la entrada podremos editarla igual que en la pantalla de crear una entrada, por lo que no vamos a comentarla ms. Lo nico llamativo es que ahora no tenemos la posibilidad de publicar, sino la de guardar nicamente. La opcin de publicar nos aparecera si la entrada estuviera slo guardada y no publicada actualmente. Artculo por Sara Alvarez
Todo sobre el Blog: http://www.desarrolloweb.com/manuales/blogs.html Los manuales de DesarrolloWeb.com tienen el copyright de sus autores. No reproducir sin autorizacin.
31