Tu blog con WordPress: 6 Temas
Podemos personalizar la apariencia de nuestro blog, mediante la utilizacion de temas. Un tema es un conjunto de archivos que nos modificarán la interfaz de nuestra parte pública de WordPress, sin que afecte al contenido del mismo.
Podemos visualizar los temas que actualmente tenemos instalados accediendo al menú lateral y pulsando sobre Apariencia. Se nos abrirá la página de los temas, mostrándonos el que tenemos activado, en nuestro caso Twenty Eleven 1.3 desarrollado por the WordPress team.
Instalar nuevos tema
Desde la misma ventana de temas, tenemos dos botones en la parte de arriba. Uno denominado Administrar temas que nos permitirá una vez tengamos varios temas instalados, activar el que queramos. El otro botón, el de Instalar temas accederemos a un página donde podremos escoger una serie de parámetros y realizar una busqueda de temas, que se ajusten a nuestras preferencias.
Una vez que hayamos elegido un tema, podemos pulsar sobre Vista previa para verlo, o directamente Instalar, para agregarlo a la carpeta de temas de nuestro blog. La ruta donde se guardan éstos archivos es /carpeta-de-wordpress/wp-content/themes/nombre-del-tema.
Nosotros hemos elegido un tema denominado News. Pulsamos sobre instalar y su todo ha ido bien, nos aparecerá el mensaje de que el tema se ha instalado.
Ahora si pulsamos el botón activar y vamos al área publica de nuestro WordPress, veremos como ha cambiado el entorno, sin haber tocado ni una sola imagen ni una línea de código.
Como ya hemos comentado antes, para seleccionar un tema (activar), tan solo tenemos que acceder a Apariencia -> Temas. Allí podremos activar el tema que creamos oportuno o eliminar el que ya no queramos, pulsando sobre en enlace de Borrar que tiene cada tema.
Hay algunos temas que una vez activados, presentan una serie de características que se pueden personalizar. Si ese fuera el caso del tema que tenemos activo, nos aparecerán unas opciones dentro del menú Apariencia denominadas Opciones del Tema o Theme Settings
Acceder al correo mediante telnet
Podemos verificar si una cuenta de correo funciona correctamente, accediendo al servidor mediante telnet. Una cosa a tener en cuenta es que mediante telnet, la transferencia de datos se realiza sin encriptar, por lo que únicamente utilizaremos esta utilidad para casos muy concretos.
Para acceder al servidor escribiremos:
telnet mail.nombredeldominio.com 110
En caso de que se produzca la conexión obtendremos un mensaje similar a esto:
$ telnet mail.nombredeldominio.com 110 Trying mail.nombredeldominio.com ... Connected to .mail.nombredeldominio.com Escape character is '^]'. +OK Hello there.
Ahora deberemos indicar el usuario y la contraseña:
user nombre@nombredeldominio.com +OK Password required. pass contraseña +OK logged in.
Ahora que ya estamos conectados al servidor podemos listar los mensajes que contiene la cuenta con su id correspondiente mediante list, también podemos leer un correo en concreto escribiendo retr + id del mensaje y eliminar el mensaje escribiendo dele + id.
Finalmente para cerrar la sesión escribiremos quit.
Convertir saltos de linea con el comando sed
Cuando pasamos un fichero creado desde sistemas DOS/Windows a un entorno Unix, podemos encontrar caracteres especiales como son “\r” y “\n” que el sistema Unix, puede interpretar erroneamente.
Para subsanar este inconveniente disponemos del comando sed, un comando con el que se pueden realizar transformaciones en textos.
Si queremos convertir los saltos de linea para que sean correctamente interpretados por Unix deberemos escribir:
$sed 's/.$//' nombre_del_fichero
Tu blog con WordPress: 5 Entradas y páginas
Tal como vimos en el capítulo 3 de esta sección de WordPress, podemos añadir entradas a nuestro blog, accediendo a Entradas y Añadir nueva. Con esto creamos el contenido del blog, es decir, noticias o información que vamos publicando y que se va guardando cronológicamente.
En cambio las páginas generalmente se usan para albergar una serie de contenidos los cuales podemos acceder directamente (sin tener que realizar búsquedas), ya que por lo general nos aparecerán sus accesos en la página de inicio. ¿Que es lo que podemos escribir en las páginas?, pues por ejemplo una página de información del autor, un formulario de contacto, un listado de enlaces, etc. Veamoslo.
Para crear una página deberemos acceder a Páginas -> Añadir nueva y observamos que prácticamente no hay diferencia en entre el formulario para la creación de una entrada y de una página.
Una vez escritos los datos deberemos publicar la página. Para ello pulsaremos sobre el botón publicar situado a la derecha y observaremos los cambios en el área pública de nuestro WordPress.
Justo al lado del menú Inicio, nos aparece un menú nuevo con el texto que le hemos dado al título de la entrada de la página y si pulsamos, nos aparecerán los datos que hemos proporcionado. A continuación crearemos una nueva página. Esta vez haremos lo que sería el formulario de contacto.
Nos aparece una nueva opción en la sección de Atributos de página Esto significa que como tenemos alguna página ya creada (la de Acerca de), nos solicita que le indiquemos si la que estamos creando ahora está en el nivel superior o es hija de alguna de las que ya hemos creado, es decir, podemos crear páginas que nos aparezcan en el menú cuando pulsemos sobre el menú padre que las contiene.
Podremos ver si una página es hija observando en la sección Páginas -> Todas las páginas si la entrada en cuestión tiene un guión antes del nombre:
En cualquier momento podremos editar la página y modificar tanto el orden de los menús como sus propiedades accediendo a atributos de la pagina.
Para finalizar, podemos configurar nuestro blog para que en lugar de que aparezcan las entradas, al entrar en la página de inicio aparezca una de las páginas que acabamos de crear. Para ello deberemos acceder a la sección Ajustes -> Lectura y activar la opción una página estática. Seguidamente en el desplegable elegiremos la página que queremos que se muestre por defecto nada mas entrar en el blog.
Tu blog con WordPress: 4 Añadiendo multimedia
Una vez tenemos nuestro post creado, podemos añadirle ficheros multimedia. Para ello pulsaremos sobre el primer botón (añadir objeto) que aparece al lado del texto Subir/Insertar. Se nos abrirá una ventana en la que podremos seleccionar la imagen o documento que queramos añadir al post.
Tenemos varias opciones. En la primera pestaña, Desde el ordenador, que es la que se muestra por defecto, podremos elegir los ficheros que se encuentren en nuestro equipo. Pulsaremos el botón elegir archivos para navegar por las carpetas hasta encontrar el fichero deseado, o simplemente lo arrastraremos hasta el cuadro.
Con la siguiente pestaña (desde una URL) tendremos la posibilidad de cargar imágenes u otros archivos directamente desde la red. Deberemos especificar la ruta y un título o nombre para la imagen.
Pulsando Librería multimedia, que es la última pestaña, accederemos a un listado de todos los ficheros que hayamos cargado en el wordpress, para así poder elegir uno de ellos. Así por ejemplo, podemos utilizar una sola imagen en varios posts.
Para que sirva de ejemplo, hemos elegido una imagen de nuestro equipo y la hemos subido a WordPress. Lo siguiente que debemos hacer es indicar las características de ésta:
Los campos mas importantes a rellenar serían:
Título: Será el nombre que aparecerá en en la galería multimedia.
URL del enlace: Si queremos crear un enlace a la imagen, podemos elegir entre la url directa a la imagen, una url al id que wordpress le asigna o por el contrario, pulsar en Ninguno para que la imagen no enlace.
Alineación: Aqui seleccionaremos la ubicación de la imagen respecto al resto de elementos que lo acompañarán.
Tamaño: Podremos elegir entre varios tamaños predefinidos para la imagen (posteriormente también se podrá modificar)
A continuación nos aparece la opciones borrar para eliminar la imagen del servidor (se nos solicitará confirmación) y Usar como imagen destacada, para insertar esa imagen como cabecera del post.
Finalmente tenemos el botón Insertar en la entrada para cerrar esta ventana e insertar la imagen en el post.
Una vez que tenemos la imagen insertada, si pulsamos sobre ella y nos aparecerán dos iconos.
El paisaje nos permitirá como hemos comentada antes, modificar el tamaño, alineación, título, enlace…, es decir, los parámetros que anteriormente le hemos dado a la imagen. El botón de prohibido nos eliminará la imagen del post, pero no del servidor.
En el momento que agreguemos contenido multimedia al post, nos aparecerá una nueva pestaña llamada Galeria, en ella se encuentran todos los archivos que hemos subido en concreto para este post, estén o no esten insertados en la entrada.
Otro ejemplo sería la inclusión de un vídeo a nuestra entrada. Podemos enlazar a un vídeo de Youtube pulsando el botón de añadir objeto y pulsar sobre la pestaña Desde una URL selecionaremos la opción Audio, vídeo u otro tipo de archivo. Rellenaremos los campos URL y Título y finalmente pulsaremos el botón Insertar en la entrada.
Pulsaremos sobre el botón vista previa, para ver como va quedando nuestro post. En el observamos como se ha creado un enlace y si pulsamos sobre él, se nos abre una nueva ventana con el video de Youtube.
Otro sistema para insertar un video es simplemente copiar su url en el post, así cuando lo visualicemos en lugar de aparecer un enlace al video, nos aparecerá el recuadro del video, donde podremos darle al play directamente.
Actualizar las estadísticas del dominio en Plesk
Si nuestro dominio está suspendido por haber excedido el espacio en disco, hemos realizado tareas de limpieza para liberar espacio y la cantidad de disco consumida no desciende. Esto se debe a que Plesk recalcula las estadísticas para un dominio cada cierto tiempo.
Para forzar a que Plesk recalcule las estadisrticas, deberemos conectarnos por SSH con permisos de administrador y escribir
/usr/local/psa/admin/sbin/statistics –calculate-one –domain-name=midominio.com
donde el midominio.com será el nombre del dominio sin las “www”.
Tras unos instantes, cuando Plesk haya terminado de hacer todas las comprobaciones y cálculos pertinentes, ya podremos acceder a la información actualizada.
Cargar fuentes de texto desde el servidor con @font-face
En la creación de páginas web mediante el uso de HTML y CSS, los diseñadores, a la hora elegir las fuentes de texto, estaban limitados a un número muy reducido para que las páginas fueran correctamente visualizadas en los navegadores de los visitantes.
Con la llegada de CCS3, esto cambió. Gracias a la regla @font-face, podemos utilizar la fuente de texto que queramos. Solamente deberemos subirla al servidor y definir las rutas en la hoja de estilos.
Para agregar la fuente en la hoja de estilos escribiremos:
@font-face {
font-family: nombre de la fuente;
src: ruta en el servidor;
}
Después en el fichero HTML cuando utilicemos esa fuente tan solo tendremos que llamarla con font-family, poniendo el mismo nombre que le dimos en la hoja de estilos:
<p style="font-family:nombre de la fuente">texto que queramos</p>
Tu blog con WordPress: 3 Añadiendo contenido
En esta ocasión vamos a añadir un post a nuestro blog. Para ello deberemos acudir a la sección Entradas y veremos que hay 4 opciones: Todas las entradas, Añadir nueva, Categorías y Etiquetas.
Todas las entradas:
Esta opción nos listará todas las entradas que tengamos en nuestro blog, pudiendo administrarlas (borrarlas, editarlas, etc.) También podemos ver la fecha de su creación o última modificación y su estado actual (si está o no publicada).
Añadir nueva:
Se nos abre la pagina para escribir las entradas o posts. El primer campo que nos aparece es el del título. Aquí escribiremos el titulo que queramos que tenga el post.
El siguiente campo es el editor de contenido. En él escribiremos el texto del post. Hay una serie de botones que nos permitirán mejorar el aspecto de nuestro texto. Estas opciones son la creación de texto en negrita o en cursiva, creación de listas, alineado del texto, corrector ortográfico. Si pulsamos el ultimo botón, nos aparecerán más opciones como el color del texto, formato, botones para pegar texto, margenes, deshacer y rehacer.
Cuando tengamos texto seleccionado, se nos activara el botón de enlace, el cual nos permitirá enlazar con un post que ya tengamos o bien con contenidos externos a nuestro blog (p. ej la página web de un fabricante, o una noticia la cual hacemos referencia en nuestro post).
Por último, antes de publicar nuestra entrada tenemos la posibilidad de ver como queda. Tan solo deberemos pulsar el botón “vista previa” situado a la derecha de la ventana, en la zona de Publicar. En dicha zona también tenemos la opción de guardar borrador si queremos guardar lo que hayamos escrito y retomarlo mas tarde. También podemos publicar el post, cambiar el estado del post (borrador) o incluso cambiar su visibilidad (elegir si el post sera accesible por todos o no).
Categorías
Para la facilitar la lectura de nuestros posts, podemos organizarlos mediante el uso de categorías. Para crear categorías, iremos al apartado de Entradas y luego Categorías.
Para crear una categoría tenemos varios campos para rellenar:
El Nombre será el valor (nombre) que queramos que tenga nuestra categoría.
El valor de Slug será el que queramos que tenga la url que apunte a esa categoría. Si por ejemplo creamos una categoría denominada artículos en oferta, y no especificamos nada, se nos creará automáticamente el slug articulos-en-oferta. Así cuando un visitante acceda a nuestro blog y en apartado de categorías pulse sobre la de artículos en oferta, en la barra de direcciones aparecerá la ruta del blog + el slug de la categoría (p. ej: midominio.com/blog/articulos-en-oferta). Como hemos comentado antes, podemos cambiar el slug por defecto por el que nosotros queramos.
Con Superior indicaremos si la categoría que estamos creando es principal o es una subcategoría. Si es principal en el desplegable elegiremos “ninguna” y si es una subcategoría elegiremos la categoría principal de la cual partirá la que estamos creando.
Finalmente en descripción podemos escribir una pequeña descripción que nos ayude a identificar el contenido de dicha categoría.
Bordes redondeados en CSS
Seguimos viendo las características que incorpora CSS3 y en esta ocasión os vamos a explicar cómo realizar bordes redondeados.
Ahora en CSS3 existe la propiedad border-radius que nos permite redondear las esquinas de los elementos, indicando el radio que deberá tener dicha curvatura.
Si por ejemplo escribimos como estilo de un DIV lo siguiente:
DIV {
border: 1px solid #000000;
border-radius: 15px;
padding: 20px;
}
Obtendremos como resultado un DIV como el que se muestra a continuación:
Conseguimos que todos los bordes sean iguales, pero si queremos que cada uno de los bordes tenga una medida diferente deberemos escribir por ejemplo:
DIV {
border: 1px solid #000000;
border-radius: 15px 5px 20px 0px;
padding: 20px;
}
y obtendremos esto:
Tu blog con WordPress: 2 Instalación y acceso al área de administración
Instalación
En el anterior post nos descargamos el WordPress, lo subimos a nuestro sitio, preparamos la base de datos y lo dejamos todo listo para empezar la instalación. Continuaremos en ese punto y lo primero que nada será especificar el nombre que queramos que tenga nuestro blog.
Deberemos indicar un nombre de usuario y una contraseña para acceder como administrador del blog y también escribiremos nuestra dirección de correo electrónico.
Una vez escritos los datos solicitados, pulsaremos sobre el botón “Instalar WordPress”
Nos aparece un aviso indicandonos que la instalación se ha efectuado correctamente. Si pulsamos sobre el botón acceder, se nos solicitará el nombre de usuario y la contraseña. Los escribiremos y accederemos entonces al área de administración, que es donde controlaremos todo nuestro blog.
El área de administración
Vemos que existe un menú lateral con todas las opciones y una zona central en la que nos irá modificando según la opción del menú en la que estemos. Lo primero que podemos hacer es ver que aspecto tiene actualmente nuestro blog. Para ello accederemos al botón de la parte superior al lado del logo de WordPress, donde aparece el nombre que elegimos para nuestro blog.
Ahora queremos dejar nuestro WordPress limpio, es decir, eliminar los mensajes de ejemplo para empezar a escribir nuestros posts. Regresaremos al “Escritorio” de WordPress y en la sección “añade contenido real” de la parte central pulsaremos sobre los enlaces de “Borrar la página y la entrada de ejemplo” Entraremos en la página de edición donde seleccionaremos el mensaje en cuestión y posteriormente pulsaremos en papelera.
En el próximo post veremos como crear entradas y categorias e iremos profundizando en las diversas opciones del área de administración.
Comentarios