Manual de WordPress

El tema Modslider de GrapherPress es un tema hijo (child) del Modularity, lo que quiere decir que para que funcione debemos tener subidos los dos.

El tema incluye una serie de opciones que se pueden configurar en la sección Aspecto->Theme Options y que se detallan a continuación:

• Contact info, información de contacto, email y nº de teléfono.
• Layout & Colors, permite personalizar distintas opciones de colores de la plantilla, la primera opción indica si está función está off/on.
• Sidebar Options, permite activar o no la barra lateral (sidebar)
• Homapage Options, opciones de la página principal:
  • Welcome Box On/Off, activa o no la visualización de una caja que se ubica en la parte superior a todo lo ancho con un título y un mensaje de bienvenida.
  • Welcome Title, titúlo de la caja de bienvenida
  • Welcome Message, mensaje a incluir en la caja de bienvenida
  • Slideshow On/Off, Activa el visor de fotográfias de la parte superior de la Web.
  • Slideshow Static/Dymanic:
    • Static, muestras las imágenes de la carpeta /modularity/images/slideshow
    • Dynamic, muestra las imágenes de las 5 últimas entrada introducidas.
  • Slideshow Height, Altura del visor
  • Slideshow Category, si se deja en blanco muestras las 5 últimas fotos si no las de la categoría indicada . Importante: se debe poner el ID de la categoría no el nombre.
  • Slider On/Off, activa o no el Slider que es una Caja donde muestra un número por cada categoría y la posibilidad de deslizarse a derecha e izquierda para ver las fotos de cada categoría
  • Slider Category, se pueden indicar las categorias que se quieren ver, si de deja en blanco muestra todas las categorías.
  • Featured Section On/Off
  • Blog On/Off, activa la visualización de la últimas entradas en la parte inferior de la Web.
  • …
  • …
  • Tracking Code, permite introducir un código de seguimeinto, por ejemplo el de Google Analytics.

Notas:

Para aumentar el número de fotos mostradas en el Slideshow se debe hacer en el fichero:  \themes\modularity\library\apps\slideshow.php

Para ver las imágenes grandes en el Slider es necesario poner el tamaño intermedio de los objetos a 600×400

Uno de los factores más importantes para que nuestra página Web de los resultados que esperamos de ella es la primera impresión que cause entre los visitantes, y en esta primera impresión hay dos factores muy importantes: un buen diseño adecuado al contenido de la Web y fotografías de la mejor calidad posible.

A veces es un poco complicado encontrar buenas fotografías para  nuestra página y tampoco podemos usar cualquiera que encontremos por Internet pues pueden estar protegidas por derechos de autor. Una opción puede ser contratar un fotógrafo profesional, sin embargo si el único objetivo es disponer de 4-5 fotografías de calidad para la portada y principales secciones de nuestra página Web el precio de este servicio puede resultar muy elevado.

Por suerte existe una página Web llamada ShutterStock que dispone de más de 10.000.000 de fotos subidas por fotógrafos profesionales y muy bien clasificadas por temáticas, colores, objetivos, etc. Dispone de varios sistemas de compra que se adaptan a la necesidades de todos los clientes, así existe una modalidad muy interesante que es comprar 5 fotografías por tan solo 39 € que podemos utilizar tanto en nuestra Web como para imprimirlas y decorar nuestro lugar de trabajo, oficina, despacho, etc.

Es frecuente ver página Web que han costado mucho dinero con unas imágenes de baja calidad que hacen que nuestros visitantes se lleven una mala impresión nada más entrar por ello es una excelente decisión incluir fotografías profesionales en nuestra página Web mejorará mucho el diseño y nuestra propia imagen.

Nada más entrar en ShutterStock veremos en la parte derecha una navegador de categorías que nos va a facilitar mucho encontrar las fotos que necesitamos para nuestra página.

Para subir fotos a Flickr con este tutorial partimos de la base de que ya tienes creada una cuentade  en Flickr.

Como subir las fotos:

• Entra en la web de Flickr: www.flickr.com
• Haz clic en Iniciar Sesión, está arriba a la derecha e introducir tu ID de Yahoo y tu contraseña y pulsa entrar
• Ya puedes empezar a subir fotos haciendo click en el 2º paso: subir fotos o desde el menu de la barra superior entrando en “tu” y “cargar fotos y videos“.
• Haz clic en elegir fotos y vídeos
• Busca en tu PC la foto que quieres subir y pulsa Abrir o haz doble clic sobre ella. Puedes seleccionar un grupo de fotos desde tu PC.
• Una vez esleccionadas todas pulsa el botón Cargar fotos y vídeos que hay en la parte inferior de la página
• Cuando hayan subido las fotos recomendamos hacer clic en Agregar una descripción y: añadir un título, una etiquetas relacionadas con el contenido de la foto y una descripción explicativa de la foto.

Si vas a subir habitualmente muchas fotos a Flickr te recomendamos utilizar su Herramienta de Carga.

También hay un Uploader Básico por si tienes problemas para subir fotos si tu PC no está totalmente actualizado.

Probado en LifeStyle:

Añadir sistema multidioma para para pasarlo a catalán y castellano:

• Crear archivo ca_CA.po para catalán y es_ES.po para Español en la carpeta raiz del tema.
• Añadir esto en header.php antes de </Head>:
  • <?php load_plugin_textdomain(’lifestyle’,'wp-content/themes/lifestyle_30′); ?>
• Modificar etiquetas poniendo:  __(”Finish”,”lifestyle”) ó _e(”Finish”,”lifestyle”) el _e lo que hace es echo el __ simplemente pone el valor.
• Subir los archivo .po y .mo a la carpeta raiz del theme.

Un pequeño truco: Si no se tiene WP en catalán subir a la carpeta raiz el ca_CA.po y .mo y una vez subido cambiarle el nombre en el servidor a es_ES

Hay que definir una categoría para las noticias Top, se crea la propia Top.

Como distribuir categorías en la portada:

• En las opciones de LifeStyle podemos asingar categorías a los 3 features: Top Left, Right y Bottom.
• Para que se vea una imagen en miniatura hay que añadir un campo personalizado con key

Como ver las imágenes grandes en la portada:

• Para ver un SlideShow en el Top de la página es necesario:
  • Instalar y activar el Plugin Featured Content Gallery.
  • Ir a las opción del Featured Content Gallery y poner la categoría que se quiere ver en el Top, marcar los tamaños del area de Display
  • La galería necesita un mínimo de 2 Post para funcionar

  

• Las imágenes son de 600×400 pixeles
• En cada Entrada que vaya al Slide se debe agregar el capo personalizado: articleimg y poner en valor la URL de la foto

Como ver las imágenes en miniatura en las noticias de la portada:

• WordPress está preparado para generar miniaturas automaticamente al subir imágenes. Los tamaños de estas miniaturas se pueden ajustar en Opciones->Media, para esta plantilla se escogen los siguientes tamaños:
  • 600×400 Grande
  • 300×200 Medio
  • 70×70 Miniatura
• Tomamos como base una imagen de 600×400 que es el tamaño ideal para esta plantilla. La subimos a una entrada. Hay que tener en cuenta que por cada imagen que subamos a la Web WordPress genera 3, la original, la del tamaño medio y la miniatura.
• Copiamos el link de la imagen principal, le añadimos al final del nombre 70×70 y creamos un campo personalizado de key=thumbnail.

En WordPress podemos elegir lo que verán nuestros visitantes cuando lleguen a la página Web: una página fija o las últimas noticias o entradas.

¿Que elegir? Depende del objetivo de nuestra Web y de la frecuencia con la que actualicemos la misma. En caso de no entrar habitualmente noticias o novedades lo mejor es dejar como portada una página fija llamada habitualmente Inicio o Home con una información genérica que no dependa de una fecha, esto hará que nuestra Web no de la sensación de estar desactualizada o abandonada.

En caso de entrar noticias con una frecuencia de como mínimo 1 a la seman entonces podemos hacer que las noticias sean lo primera que se vea al entrar en la Web.

¿Como nos permite WordPress cambiar de un modo a otro? Muy sencillo basta con entrar en el Panel de control e ir a Opciones->Lectura y allí marcar lo que queremos que nos muestre la página de Incio: Las últimas entradas o una página fija.

Para añadir un comentario breve a una foto en la Plantilla Black Canvas seguir los siguientes pasos:

1. Conectarse a la Web como administrador
2. Ir a Entradas->Editar y hacer un clic encima de la Entrada que contiene la foto que queremos comentar
3. Un poco más abajo de las casillas de Título de la entrada y de la de contenido está la sección de Campos Personalizados. hacer clic en el desplegable y seleccionar el campo: alt
4. Escribir en la casilla de la derecha donde pone Valor el comentrairo de la foto con las siguientes consideraciones:
   • Utilizar entre 3 y 9 palabras que sean descriptivas del contenido
   • No repetir varias veces la misma palabra o muy parecidas tipo Casa, Casas, Casita. Si se puede poner por ejemplo, Foto y Fotógrafo juntos y sin repeticiones
   • No poner textos muy largos

Un buen complemento para una Web de fotografía profesional es crear una cuenta en alguna de las páginas Web dedicadas a la gestión de fotografías como es el caso de Flickr, servicio perteneciente a Yahoo!.

Flickr es utilizado por agencias y profesionales para buscar rapidamente fotógrafos que les puedan facilitar trabajos de calidad a partir de su archivo.

Tutorial para crear una ficha de foto en la plantilla Black Canvas, éste es un theme optimizado para un tamaño máximo de imagen de 600×400.

Antes de Subir

• Las fotografías deben tener un nombre que contega palabras claves separadas por guiones, por ejemplo: playa-carnota-lugo-galicia.jpg
• Las fotografías deben tener una anchura máxima de 600 pixeles porque es para lo que está preparado Black Canvas, si una foto tiene un tamaño superior hay que reducirla hasta que tenga esa anchura, lo mismo pasa con la altura, si es superior hay que reducir a 400 pixeles. En cuanlquier caso la anchura o la altura no pueden superar los 600×400

Acciones iniciales a realizar para cada fotografía:

• Abrir una entrada cualquiera de una fotografía y en el modo visual hacer clic con botón derecho en el contenido, clic en seleccionar todo y clic en copiar
• Crear una nueva entrada y pegar el contenido
• Escribir el título correcto de la foto
• Cambiar las etiquetas de clasificiación
• Verificar si hay cambio de categoría

Como incorporar la foto en la entrada:

• Hacer clic en el icono de subir imagen
• Si da error al subir la foto se debe hacer clic a lado donde pone: “Subir desde el navegador“, hay algunos servidores que no aceptan la subida por Flash.
• Subir la foto y una vez se carga:
  • Copiar la dirección completa de la foto que sale en la casilla: “Url de Enlace“
  • NO PULSAR EL BOTON NORMAL DE: Insertar en la Entrada
  • Pulsar el botón de: Guardar todos los cambios
• Al volver a la ficha de la entrada, en la parte inferior, en la Sección de Campos personalizados Agregar el campo personalizado de nombre Image y pegar en la casilla de valor la URL copiada en el paso anterior.

Como añadir una descripción a la fotografía para reforzar el posicionamiento e indexación en Google:

Para mejorar el poscionamiento de la imagen en Google Images es recomendable poner una descripción breve del contenido de la imagen, para hacerlo se deben seguir los siguientes pasos:

• Ir a la entrada de la fotografía
• Ir a la sección situada en la parte inferior: Campos personalizados
• Hacer clic en el desplegable que hay debajo de Nombre y seleccionar el valor alt
• Entrar una descripción breve de la imagen entre 3 y 9 palabras.

No es recomendable abusar de repetición de palabras clave

Final

Con estos pasos ya tenemos creada la ficha de la fotografía para la plantilla Black-Canvas.