El blog y sus secciones

Como primer tema aprovecharé la ocasión para comentar sobre el blog y sus secciones, así como de los pormenores con los que me encontré y como los solucioné.

Hoy en día se hace casi obligatorio tener un blog para darse a conocer en internet y más aún si eres diseñador freelance. Su manejo práctico e intuitivo, la incorporación de contenidos multimedia, además de la integración con las redes sociales son unas de las principales características por la que este sistema ha adquirido tanta fama. Resulta tan fácil obtener una cuenta y comenzar a publicar contenidos que prácticamente no es necesario tener conocimiento alguno de programación y es completamente gratis. Esto no quiere decir que nunca sea necesario introducir algún código para solucionar un problema el cual solo se puede corregir por códigos. Entre los sitios públicos de blogs gratuitos encontramos a http://www.wordpress.com y http://www.blogger.com como los de mayor relevancia. Existen otros como http://www.livejournal.com, http://www.vox.com, http://www.myspace.com, pero estos están más centrados en un tipo de blog comunitario, incluyendo listas de amigos.

En este caso nos centraremos en wordpress.com, ya que fue el que elegí para crear este blog. Al sacar la cuenta, el nombre o dirección del blog tendrá como extensión “tublog.wordpress.com”, la cual puede ser luego mapeada si se desea, para que aparezca solo “tublog.com” (requiere pago). Una vez dentro del blog, en el área de administración es donde se agregan las secciones, widgets y los contenidos, los cuales pueden ser clasificados por categorías y contar con un área de comentarios para cada entrada o publicación realizada. Los blogs en wordpress.com están basados en temas previamente diseñados, y por lo general, solo es posible modificar ciertas partes como la cabecera y las barras laterales, que pueden ser una o dos dependiendo del diseño elegido. También es posible modificar las hojas de estilo CSS o el blog entero, pero para esto es necesario pagar.

Ahora comentaré sobre las áreas y secciones de este blog. Encima de la cabecera encontramos las secciones, 4 en total, las cuales se explican por su propio nombre: Inicio, Servicios, Sobre mí y Contacto. La cabecera de este tema “Digg 3 column” está personalizada con una imagen que es el logo del blog. En caso de no utilizar una imagen personalizada para la cabecera, se puede introducir un texto con el nombre del blog y una pequeña descripción de lo que trata, que en este caso está “oculto” visualmente, pero puede ser leído por los motores de búsqueda, cosa que recomiendo 100%. Justo debajo de la cabecera encontramos los enlaces para suscribirse a las entradas y comentarios por medio de RSS y así ser notificado cada vez que haya una nueva entrada o comentario. A la derecha de los RSS está la barra de búsqueda para buscar cualquier tema o palabra en cualquier sección del blog. En el cuerpo aparecen tres áreas, una barra a la izquierda que contiene los widgets de Categorías y Archivos. Categorías muestra el nombre de la categoría en la que fue publicada la entrada así como el número de entradas existentes en cada categoría. En Archivos se muestran las entradas clasificadas por meses y también aparece el número de entradas existentes en los archivos. En la parte central es donde aparecen las entradas publicadas, acompañadas de etiquetas relacionadas con el tema tratado y los comentarios realizados. A la derecha hay otra barra que contiene los widgets de Texto, Suscripciones al blog, Calendario y Enlaces. El widget de texto es bastante interesante ya que puedes insertar texto o HTML. Se pueden mostrar enlaces, texto simple, imágenes, tablas, HTML estilizado por CSS o una combinación de estos. En este caso lo utilicé para agregar un traductor haciendo uso del traductor de Google. Para insertarlo es necesario dirigirse a la página del traductor, introducir la dirección del blog en el campo de texto, elegir el idioma por defecto de la página y el idioma al que se va a traducir y por último hacer clic en el botón Traducir. Al hacer clic iremos a la web traducida y copiamos la dirección URL en la barra del navegador, volvemos al área de administración del blog y en el widget de texto introducimos lo siguiente:

<a href=”http://translate.google.com/translate?prev=hp&amp;hl=es&amp;js=n&amp;u=http://tublog.wordpress.com/&amp;sl=es&amp;tl=en&amp;history_state0=”&gt;

Solo hay que sustituir donde dice “tublog” por la dirección real del blog a traducir y aparecerá un enlace que al hacer clic traducirá el blog de español a ingles en este caso. Como verán el traductor de este blog tiene unas imágenes de banderas para indicar el idioma al que se puede traducir. Para sustituir el texto que aparece inicialmente por una imagen hay que agregar la siguiente línea de código en el widget de texto:

<img src=”http://direccion-donde-esta-la-imagen.jpg”></a&gt;

Para más información sobre como insertar el traductor de Google pueden visitar este link.

Continuamos con el widget de Suscripción al blog. Su función está bastante clara, es un formulario de suscripción para que los lectores pueden recibir las actualizaciones del blog directamente en sus correos electrónicos. Debajo tenemos el widget de Calendario que muestra los días del mes en los que se realizó alguna entrada en el blog. Por último tenemos el widget Blogroll, que no es más que una serie de enlaces a mis sitios web favoritos.

En la sección de Servicios notarán el uso de subtítulos  con un tamaño tipográfico que no es posible conseguir desde la parte visual del editor de texto cuando se va a insertar una nueva publicación. Para aumentar el tamaño de la tipografía se tiene que introducir el siguiente código en la pestaña HTML del editor de texto:

<p style=”text-align: center; font-size: 24px;”><strong>Edición y Postproducción de Vídeo</strong></p>

De esta forma el subtítulo tendrá un tamaño de 24 pixeles.

Otra modificación en la página de servicios es la inserción de una línea justo debajo de cada subtítulo, la cual se consigue introduciendo el siguiente código en la pestaña HTML del editor de texto:

<hr />

También para eliminar el marco que aparece alrededor de las imágenes se puede lograr añadiendo este código en la pestaña HTML del editor de texto:

<a href=”img.jpg”><img src=”img.jpg” style=”border:none”></a>

El formulario de contacto en la sección Contacto se añade con tan solo escribir contact-form cerrado con corchetes – [ ] – en la pestaña visual del editor de texto.

Como pueden ver resulta bastante fácil crear un blog y personalizarlo a su gusto. El grado de personalización variará desde la introducción de una imagen en la cabecera o la introducción de algún código para modificar un texto, hasta la modificación del blog por completo incluyendo la hoja de estilos CSS. Espero que este información sirva de ayuda para quienes recién publican su blog.

Anuncios

2 comentarios

  1. Gracias por el apunte.
    Un saludo

Responder

Introduce tus datos o haz clic en un icono para iniciar sesión:

Logo de WordPress.com

Estás comentando usando tu cuenta de WordPress.com. Cerrar sesión / Cambiar )

Imagen de Twitter

Estás comentando usando tu cuenta de Twitter. Cerrar sesión / Cambiar )

Foto de Facebook

Estás comentando usando tu cuenta de Facebook. Cerrar sesión / Cambiar )

Google+ photo

Estás comentando usando tu cuenta de Google+. Cerrar sesión / Cambiar )

Conectando a %s

A %d blogueros les gusta esto: