Manual de WordPress

Directory Press es un completo theme que permite crear directorios de enlaces con un aspecto muy profesional basado en una gran variedad de plantillas. Es un producto más de PremiumPress un excelente proveedor de Themes y Plugins verticales para WordPress.

La principal novedad de esta plantilla entrar los enlaces como entradas en vez de como enlaces lo cual permite usar toda la potencia de categorías y etiquetas de WordPress.

Instalación

Requisitos previos a la instalación:

• WordPress 2.8+
• Directory Press 3.4+

Una vez descargado el tema subir la carpeta directorypress a la carpeta themes de la Web, después se activa desde el Panel de Control como cualquier tema de WordPress.

Guía de Puesta en Marcha

Paso 1: Número de licencia y Configuración General

El primer paso es introducir el número de licencia que coincide con la ID de pedido cuando se compró el producto, es un número de 7 dígitos y en los emails de compra se identifica como: referencia del pedido.

Seguidamente una vez introducido y validado se activa el Panel de Control Completo.

Hacer un reset de las Settings en la 1ª instalación, recomendado por el manual.

Primeros pasos:

• Poner como permalinks: /%postname%/
• Repasar la sección System Setup

Para cambiar e logo primero hay que subirlo con el admnistrador de imágenes y después ir a la casilla websitelogo e indicar la imagen seleccionada. En esta casilla también se puede poner el path de una imagen.

Paso 2: Configurar las carpetas de imágenes

Ir a General Setup->Image Setup y rellenar las casillas inferiores de Image Store Folfer con la dirección Web de la carpeta de imágenes (link) y la carpeta real del servidor (path).

Ojo:  En la carpeta real (path) se pone la ruta real sin c:\

Darle la carpeta thumbs los permisos 777

DirectoryPress API: Permite utilizar el sistema almacenamiento de imágenes de DirecotryPress

Paso 3: Páginas Especiales: Enviar, Administrar y Contacto

Crear 3 nuevas páginas de WordPress con el título que queramos, pero utilizando las plantillas predeterminadas. Dejar el contenido de la página en blanco

Las páginas especiales son:

1. Contact Page, página que que contacten con nosotros.
2. Articles Page
3. Submit listings
4. …

Paso 4: Añadir Páginas Web al directorio

Hay dos formas de añadir una Web al directorio, desde el Menú DirectoryPress->Add Website Tool o creando un Post con los campos personalizados correspondientes.

Si se añade un Post Manualmente debemos hacer lo siguiente:

• Título del Post: El nombre de la Web
• Contenido: Opcional, descripción del enlace
• Categoría: Importante porque marca su posición en el directorio, como siempre puede estar en una o varias categorías.
• Etiquetas: Opcional
• Campos Especiales, aparecen en la ficha del Post
  • Website Address, la dirección de la Web completa

Cuando se añade manualmente un enlace, el propio software del directorio crea un thumbnail de la Web creada.

Paso 5: Añadir categorías

El sistema de categorías y subcategorías de nuestro directorio es el estándar de las categorías de las entradas en WordPress.

Paso 6: Configurar pasarelas de pago

De momento no se va a utilizar esta función. El objetivo es ofrecer lugares destacados en el directorio a cambio de un pago.

Paso 7: Anuncios

Se pueden configurar los anuncios en la sección Advertaising del menú DirectoryPress., Se puede poner directamente el código de Google Adsense.

Hay 4 secciones:

• Header Banner: 468×60
• Footer Banner: 729×90 aquí se pueden utilizar otros formatos pero éste parece el más adecuado

Otras funciones de DirectoryPress

Panel de Control de DirectoryPress

DirectoryPress tiene un completo panel de control que permite configurar muchas de sus funciones, algunas se han citado en los apartado anterior de Guía de Instalación pero hay otras interesantes que comentamos aquí:

1. General Setup
2. Display Setup
   • Home, se configurar el aspecto del Home y de los distintos elementos que podemos elegir a la hora de visualizar la página. En la sección Home Page Welcome Text permite configurar el mensaje de bienvenida que visualizar en las plantillas VIP.  Lo mismo para la galería de Webs destacadas en la sección Home Page Featured Listings
3. …

• Google Analytics, existe una sección específica para poner el código de seguimiento de Google Analytics

Notas:

• Por defecto DirectoryPress no pagina cuando en una categoría hay más de 10 Links o Posts, es necesario descargar e instalar el Plugin: wp-pagenavi desde la sección de Plugins de DirectoryPress

El tema Enterprise de StudioPress es una plantilla child (hijo) del framework Genesis de la conocida compañía de desarrollo StudioPress.

Debemos disponer de las dos carpetas: Genesis y Enterprise y subirlas a la carpeta themes de nuestra Web. Activar el tema Enterprise.

Como configurar la portada del Enterprise Theme

Ir a la sección Theme Setting de la caja Genesis y ajustar los siguientes parámetros:

• En Primary Navigation marcar la opción de como queremos que ordene las páginas, si no, no se muestra ninguna página en el menú, solo Home.
• En Secondary Navigation marcar la opción para que se muestre la barra de categorías.
• Casilla Header/Footer Scripts:
  • Ubicar el código de Google Analytics

La página principal es compuesta por Widgets que deben ser rellenados de forma manual, lo Widgets propios del theme son:

• Header Left, a la izquierda del logo y por encima de la barra de navegación.
• Para poner varias imágenes en el Carrusel debajo de las barras de navegación hay que hacer lo siguiente:
  • Subir y activar el Plugin WP-Cycle
  • Ir a la página de Settings del Plugin y ajustar el tamaños a 600×235
  • Con el botón Upload del plugin subir las fotos, una vez subidas poner el link que se quiere asociar a cada imagen.
  • A partir de aquí las imágenes ya se ven en la portada de la Web
• Home Top Left y Right, Galería situada debajo de las barras de navegación.
• 6 Widgets para completar la parte media e inferior dividos en dos filas con 3 Widgets cada una: Middle y Bottom

Idioma

El archivo de lenguaje para modificar el idioma de algunos literales está ubicado en la carpeta genesis/lib/lenguage/genesis.po.

En este fichero se traducen los literales y se debe indicar también el idioma y el país ne las Opciones del Catálogo.

Para completar la traducción basta con renombrar el fichero genesis.po a es_ES.po, hacer lo mismo con el .mo

Enlaces de Interés

Foro de Soporte de StudioPress

Genesis Theme Tutorials & Downloads

Arras Theme es un tema Premium totalmente gratuito que vale much0 la pena tener en consideración. Es una excelente plantilla clara y elegante para nuestra Web de WordPress. Dispone de una completa caja de opciones que permite elegir y configurar numerosos aspectos del theme.

Imágenes en portada

Para que se vean las imágenes en la portada basta con agregar un campo personalizado llamado thumb y ponerle el path de una imagen que esté asociada a la entrada. El tamaño ideal de trabajo es 640×250.

Traducción

Arras incorpora el habitual sistema de traducción basado en fichero Po, el cual está ubicado en la carpeta languages. Basta con poner y subir los ficheros es_ES.mo es_ES.po para que la plantilla quede traducida al español. Esta traducción ha sido realizada por el autor del Blog El Pez Ojo, en este artículo podéis encontrar los ficheros para descargar.

Para crear un artículo en ShopperPress debemos crear una entrada, cada entrada es un artículo.

Los datos que se deben introducir para completar la información de un artículo que se quiere vender son:

Campos básicos

• El título de la Entrada será el nombre del artículo.
• Descripción del artículo en la caja de contenido habitual de WordPress
• Asignarle una categoría.
• Subir una imagen, copiar la ruta pero no insertarla en el contenido de la entrada.

Campos Personalizados

Los campos personalizados nos permiten definir todas las características de un artículo: imagen, precio, descuentos, tallas, etc. Para añadir una carterística basta con ir a la parte inferior dondoe están los campos personalizados y elegir del desplegable la característica que queremos añadir ponerle su valor y pulsar el botón: Añadir un campo personalizado.

Los campos más habituales son:

• image, imagen del artículo, copiaremos en valor la ruta de la imagen subida al artículo
• thumbnail, imagen en miniatura del artículo, copiaremos en valor la ruta de la imagen subida al artículo.
• price, precio del artículo, usar el punto para los decimales, por ejemplo 10.35

ShopperPress es un entorno de eCommerce diseñado específicamente para WordPress y que consta de varios themes o plantillas y plugins para implementar una completa solución de Comercio Electrónico en nuestra página Web de WordPress.

Para descargar el theme es necesario registrarse cosas que podemos hacer introduciendo nuestro nombre y email en la portada de la Web de ShopperPress, recibiremos un email de activación que nos lleva a la Web donde podemos descargar la plantilla.

Se sube por FTP la carpeta ShoperPress a  la carpeta themes dentro de wp-content como cualquier tema y se activa. En el momento de la activación ya se crean una serie de artículos de ejemplo. Cada artículo es una entrada.

Una vez activado el tema se crea una caja específica en la barra izquierda de administración donde están las opciones de WordPress, en esta barra existen una serie de opciones para ajustar.  Se recomienda poner los Enlaces Permanentes a: /%postname%/

Las opciones de Configuración que se han modificado son:

1. General Setup
   • System Configuration, configurar el idioma de la página, favicon y logo.
   • Email Configuration, indicar los emails donde se debe recibir la información de los pedidos.
   • Currency Configuration, esta sección permite definir las monedas a utilizar, sólo VIP versión
   • Image Configuration, donde se almacenan las imágenes de los productos. No es necesario cambiarlo.
2. Display Settings, Permite configurar numerosas opciones de visualización de la Web.
3. CheckOut, Para que pida PayPal como forma de pago debemos tener rellenados los datos de PayPal y en esta sección poner en la primera opción: CheckOut Setup: Ask for Payment
4. Payment Gateways, Formas de pago. Se puede entrar la configuración de numerosas pasarelas de pago del mercado. Si se rellenan los datos de PayPal Pro entonces la Web pide los datos de la VISA directamente.
5. Articles Page, en esta sección lo que se permite es excluir categorías de artículos de la visualización general. Por ejemplo si tenemos unas entradas especiales como pago completado, cancelado, instrucciones, etc. lo que se puede hacer es ponerlas todas en una categoría especial y excluir la categorái en esta sección.
6. d

Activar Versión VIP

Para utilizar ShopperPress en España es necesario adquirir una licencia VIP por sitio cuyo coste es de unos 58 €. Hay una serie de configuraciones imprescindibles como la moneda por defecto que requieren esta licencia.

Después de comprar recibimos un email con nuestro usuario y clave para el sitio: http://clients.markfail.com/ donde ya estará nuestra licencia y las descargas del Manual y theme VIP. Una vez subida la versión VIP en la caja de Opciones ya nos saldrá que la versión es la VIP.

Otras Tareas de Configuración

• Configurar página de Contacta. Por defecto aparece una página Contacta (/contact-us) que en realidad no es ni una página ni una entrada si no que es construida por WordPress dinámicamente. Los textos incluidos en esa página pueden ser modificados en el archivos /functions/langs/spanih.php
• Crear entradas para las URL de pago completado y cancelado.

Recomendaciones básicas en una página de eCommerce:

• Tener un teléfono de contacto, a ser posible fijo y una dirección física de contacto. Esto da más credibilidad a nuestra tienda virtual

Este es un tema child (hijo) de Modularity por lo tanto deberemos subir las dos carpetas correspondientes a nuestra Web. Se recomienda utilizar WordPress 2.9 para estos temas.

OnAssignment tiene una anchura de 950px y una o dos columans según se escoja en las opciones.

Es necesario configurar los siguientes tamaños de imágenes en Opciones->Objetos:

• Tamaño de miniaturas (thumbnail):  150px x 150px.
• Tamaño medio: 270px de ancho y dejar el alto en 300.
• Tamaño grande: 950px de ancho y dejar alto en 1.024.

La fotos del Slideshow grande de la portada se suben directamente desde las opcioens del tema, no es necesario crear entradas, lo cual es mejor.

Church es una excelente plantilla profesional de StudioPress que destaca por su elegancia y diseño, ideal para entidades: empresas, clubes, etc.

Se configura de forma similar a otras plantillas de StudioPress y es necesario instalar el Plugin Featured Content Gallery.

Miniaturas

Se debe modificar le tamaño por defecto de las miniaturas de WordPress a 70×70, para que un artículo nos salga con una miniatura debemos hacer lo siguiente:

Vídeos

Hay que definir una categoría específica para los vídeos, por ejemplo: Vídeos, crear una entrada para la misma.

Después basta con incrustar el código de Youtube para que se vea en la Web en la sección de vídeos.

Personalizar Plantilla

• Cambiar el Color del fondo: /images/bg.png
• Cambiar el logo superior-izquierdo: /images/logo.png
• Cambiar Cajas de Títulos de noticias y Widhets:/images/headline.png
• Fondo de la cabecera: header.png

Allure es una excelente plantilla profesional de StudioPress que destaca por su elegancia y diseño, ideal para consultas médicas y centros de estética.

Se configura de forma similar a otras plantillas de StudioPress y es necesario instalar el Plugin Featured Content Gallery.

Miniaturas:

Se debe modificar le tamaño por defecto de las miniaturas de WordPress a 80×80, para que un artículo nos salga con una miniatura debemos hacer lo siguiente: añadir el campo personalizado thumb con la ruta de la imagen añadiendo -80×80 al final antes del .jpg

La ruta de la imagen se puede saber así:  Obtener la ruta de una imagen en WordPress

En caso de que no se visualicen las miniaturas y esté todo bien entonces es que hay quedar permisos 777 a la carpeta tools del theme.

Vídeos:

Hay que definir una categoría específica para los vídeos, por ejemplo: Vídeos, crear una entrada para la misma.

Después basta con incrustar el código HTML de Youtube para que se vea en la Web en la sección de vídeos.

Personalizar Plantilla

• Crear un nuevo fichero css y subirlo a la carpeta del theme, apacerá en el desplegable de hojas de estilo a elegir en las opciones del Them
• En la carpeta images:
  • Cambiar el Color del fondo: /images/bg.png y /images/wrap.png
  • Cambiar Cajas de Títulos de noticiasde portada
• En el fichero personalizado css:
  • Cambiar Cajas de Títulos de noticias de portada: #homepage h3 { -> background: #C4C1BC;
• Cambiar el logo superior-izquierdo: /images/logo.png
• Barra de categorías: #subnavbar -> background
• Banner Superior derecho: Se puede poner el código Adsense en las opciones del theme o sustituir la imagen /images/468×60.gif
• Borde oscuro, en realidad es el border del body#wrap.

Agent Theme es una plantilla específica para inmobiliaras de la conocida Web Studio Press.

Instrucciones de instalación:

• La habituales de cualquier tema, subir y activar.
• Instalar el plugin Featured Content Gallery con los mismos parámetros que en LifeStyle, configurando también el tamaño de los objetos.
• En Opciones->Objetos: Ajustar las miniaturas a 150×100

Al entrar una ficha:

• Rellenar título
• Asignar inmueble a las categorías a las que pertenezca
• Poner una foto principal del inmueble
• En campos personalizados:
  • Crear el campo thumb y asignarla la URL de la imagen añadiendo después del nombre: -150×100
  • si la foto principal va a Featured Post crear el campo articleimage con la URL de la imagen.

Paso a paso para Crear una Entrada en el Theme Gallery:

Campos habituales:

Entrar la información habitual de una entrada: el título, el texto del contenido, las etiquetas (opcional) y la categoría o categorías.

Campos de imagen:

Las imágenes tienen un tratmiento especial cuando van a ser mostrada en el formato Showcase, se deben seguir los siguientes pasos:

• Crear una imagen con el tamaño de 500×375
• Subir una imagen de la forma habitual, copiar la ruta de la imagen (si no se ve pulsar el botón URL del archivo) y NO insertarla en la entrada, sólo pulsar el botón de Guardar todos los cambios
• Debajo de la caja de texto hay una caja llamada Gallery Post Settings, rellenar los siguientes campos:
  • En Path to full size image se debe pegar la ruta copiada
  • En Path to tuhmnail image 125×125 poner la misma ruta pero añadiendo al final del nombre del arhcivo, antes del .jpg lo siguiente: -125×125
  • El autor es el nombre que saldrá en Designed by en la ficha de la entrada
  • La URL se utilizará para publicar un link a la página correspondienta a la entrada.

Publicación

Finalmente basta con Publicar para que la entrada sea publicada en la página Web.