9 Páginas y Menús
En los capítulos anteriores, usted centró la mayor parte de su atención en los mensajes de WordPress - los bloques de contenido anticuado y categorizado en el corazón de la mayoría de los blogs de WordPress. Pero WordPress tiene otra forma complementaria de mostrar contenido, llamada páginas. A diferencia de los mensajes, las páginas no están fechadas, categorizadas o etiquetadas. Existen independientemente de los puestos de trabajo. La manera más fácil de entender el papel de las páginas de WordPress es pensar en ellas como páginas web ordinarias, como las que usted podría componer en un editor HTML.
Es probable que utilice las páginas por dos razones. En primer lugar, incluso en un blog tradicional, es posible que desee mantener algo de contenido en forma permanente, en lugar de lanzarlo en su siempre creciente secuencia de mensajes. Por ejemplo, los blogs personales a menudo incluyen una página llamada Acerca de mí, donde usted proporciona información biográfica. Tú no lo sabes.
desea vincular esta página a una fecha específica: desea que sea fácilmente accesible todo el tiempo. Del mismo modo, las empresas pueden utilizar las páginas para proporcionar información de contacto, un mapa o una lista de preguntas frecuentes. Incluso puedes crear una página de inicio bien ajustada para saludar a tus visitantes, en lugar de usar la lista cronológica inversa predeterminada de mensajes.
Otra razón para usar las páginas es construir sitios simples que no se sientan como blogs. Algunas personas llaman a estos sitios sitios sitios de folletos, y la descripción no es totalmente gratuita. Esto se debe a que los sitios de folletos presentan una colección de información fija, mientras que los blogs se sienten en vivo e interactivos. Sin embargo, hay una amplia gama de posibilidades entre estos dos extremos. Por ejemplo, si crea un sitio web para su pequeña empresa, puede utilizar páginas para mostrar el contenido principal de su sitio (información sobre su empresa, sus políticas, las marcas que lleva, etc.), mientras añade una sección de entradas para noticias y promociones que funciona con un blog. ¿Es un blog, un sitio de folletos o algo intermedio? No importa la respuesta, es una gran solución para muchas personas.
En este capítulo, aprenderás a usar páginas para complementar tu blog o para crear un sitio tipo folleto. También aprenderás a administrar la navegación de la página con menús, para que tus visitantes puedan encontrar el contenido que desean. Por último, tendrá en cuenta algunas de las formas innovadoras en que los diferentes temas explotan la característica de las páginas.
Creación de páginas
Aunque las páginas se comportan de forma diferente a los posts, el proceso de creación y gestión es similar. Así como se trabaja con mensajes en el menú Posts del panel de instrumentos, también se trabaja con páginas en el menú Pages.
He aquí cómo crear una nueva página:
- 1. Seleccione PáginasÆAñadir nuevo.
Esto le lleva a una pantalla llamada Agregar nueva página (Figura 7-1), que se asemeja a una versión ligeramente más simple de la página Agregar nuevo mensaje.
CONSEJO Si su sitio está en WordPress. com, puede aprovechar otra ruta para la creación de páginas: el acceso directo Copiar página, que crea una nueva página basada en una página antigua. Seleccione Copiar una página (en lugar de Agregar páginas? agregar nuevo), busque la página que desea duplicar en la lista de páginas resultante y, a continuación, haga clic en el botón Copiar situado junto a ella. Usted todavía terminará en la pantalla de Agregar nueva página, pero usted comenzará con un duplicado exacto de la página que eligió, que puede modificar para adaptarse a sus necesidades.
2. Déle a la página un título y algún contenido.
Verás el mismo cuadro de edición de contenido que utilizas para crear mensajes, con las mismas dos pestañas. Elija la pestaña Visual para ver el texto formateado de su página, más información
o menos como aparecerá en su sitio. Seleccione la ficha Texto para ver la marca de revisión HTML no derivada.
Por ahora, no se preocupe por el cuadro Atributos de la página: más adelante aprenderá sobre las opciones disponibles.
3. Por último, haga clic en Publicar para hacer que la página aparezca en vivo en su sitio.
O elija una de las otras opciones del cuadro Publicar. Al igual que con los mensajes, puede guardar una página como borrador o programarla para su futura publicación.
Cuando publique una página, aparecerá un mensaje "Página publicada" en la parte superior de la página, confirmando que está abierta al público. Ahora es un buen momento para
haga clic en el enlace "Ver página" para echar un vistazo (Figura 7-2).
NOTA Las páginas no tienen categorías y etiquetas, no están listadas en orden cronológico, y no puedes verlas por fecha. Sin embargo, todavía tienen algo de WordPress. Lo más notable es que reciben sus instrucciones de formato de los temas de WordPress, al igual que cualquier otra parte de su sitio. En la mayoría de los temas, una página básica se parece mucho a un post-por ejemplo, ambos usan las mismas fuentes para su título y texto.
Entendiendo las Páginas
¿Por qué algunas personas llaman a las páginas "páginas estáticas"?
Aunque WordPress llama a estas páginas de características, muchos webheads lo encuentran confuso. Después de todo, ¿no es una página algo que ves en la Web con un navegador? ¿Y los mensajes no aparecen en las páginas web?
Por estas razones, los expertos de WordPress y WordPress en sí, a veces usan un término diferente. Llaman páginas de WordPress páginas estáticas. Lamentablemente, este término es casi tan confuso. Surge de los viejos tiempos de la Web, cuando los diseñadores distinguían entre páginas dinámicas que podían hacer hazañas increíbles con la ayuda del código, y páginas estáticas que mostraban contenido fijo e inalterable. Eso encaja con la forma en que la mayoría de la gente usa las páginas de WordPress: las crean, las llenan de contenido y las publican.
Sin embargo, las páginas de WordPress no son realmente estáticas, sino que cambian. Da la vuelta a tu blog a un tema diferente, y todas tus entradas y páginas se actualizan a la perfección para que coincidan con el nuevo estilo. Esto se debe a que WordPress almacena todo el contenido de sus páginas -así como el contenido del resto de su sitio, incluyendo los mensajes-.
su base de datos. Y, finalmente, una página estática cambia cada vez que usted decida editarla.
Si todavía estás confundido, aquí está la línea de fondo: Un sitio de WordPress puede contener mensajes y páginas, y tú los creas, formateas y manejas de la misma manera. La diferencia clave es que WordPress fecha, ordena y agrupa automáticamente las contabilizaciones. WordPress también los pone en la página de inicio y asume que la gente querrá leerlos desde el más nuevo hasta el más antiguo. Desde el punto de vista de WordPress, los mensajes son los actores principales en su sitio, mientras que las páginas son los personajes de apoyo.
Pero usted no está obligado por esa definición estrecha de un sitio.
Para revisar una lista de las páginas de su sitio, seleccione Páginas? todas las páginas. Se ve una tabla de páginas familiar, que funciona de la misma manera que la lista de mensajes y archivos multimedia de WordPress. Señale el título de una página y tiene la opción de ver la página, editarla o eliminarla (vea la Figura 7-3). Y si estás trabajando con montones de páginas, puedes usar las mismas acciones masivas que usas con los mensajes para eliminar o cambiar un grupo entero de páginas en un solo paso.
Viendo Páginas
Usted puede pensar probablemente en un par de páginas que mejorarían su sitio. Si nada más, usted podría agregar una página sobre mí con su información biográfica. Pero queda una pregunta clave: ¿Cómo visitan sus invitados las páginas?
Al igual que los mensajes, cada página obtiene una dirección web única (URL), llamada enlace permalink. El enlace permalink aparece debajo del cuadro de título de la página tan pronto como empiece a introducir el contenido de la página. WordPress utiliza las mismas reglas para crear los enlaces permalink de las páginas que para crear los enlaces permalink de los mensajes, y usted puede editar el enlace permalink para cualquier página. Pero el detalle importante es que usted puede encontrar una página escribiendo su dirección en su navegador.
Por supuesto, es poco probable que sus lectores escriban otra URL que no sea la dirección de su página de inicio, por lo que debe proporcionar enlaces para que los visitantes puedan acceder a sus páginas. Una forma de hacerlo es poniendo enlaces en los mensajes y páginas para que puedas conectarlos entre sí. Por ejemplo, usted podría agregar un enlace a la página mostrada en la Figura 7-2 que lleve a los lectores a una nueva página cuando hagan clic en "Ley de Familia" (Figura 7-4).
Los enlaces son una manera decente de unirse a los mensajes relacionados y páginas, pero no son de mucha ayuda si un invitado quiere navegar por las páginas de su sitio. Eso no es un problema con los mensajes: si tus visitantes quieren leer mensajes, pueden verlos fácilmente en la página de inicio, comenzando con el más reciente y retrocediendo en el tiempo. O bien, pueden examinar mensajes en una categoría específica o con una etiqueta específica. Pero WordPress no pone las páginas en orden cronológico, ni las presenta en la página principal, ni les da información de categorías o etiquetas. Los visitantes pueden encontrar páginas a través de una búsqueda por palabra clave (mediante la introducción de algo en el cuadro de búsqueda y, a continuación, pulsando la tecla Intro), ya que las búsquedas exploran el contenido tanto en los mensajes como en las páginas. Pero adivinar las palabras clave es una forma torpe de encontrar una página, y no es un sustituto para un sistema de navegación más conveniente.
Afortunadamente, WordPress tiene varias soluciones mejores y listas para ayudar a los visitantes a encontrar sus páginas:
- El widget Páginas. Agregue esto a su página, y los visitantes siempre verán una lista de todas sus páginas, en el orden que usted desee. Este widget funciona mejor si quieres resaltar todas (o casi todas) tus páginas.
- Menú automático. Muchos temas ponen automáticamente todas sus páginas en un menú en la página de inicio. El único problema es que este menú generado automáticamente incluye todas las páginas de su sitio. Si eso resulta en un menú demasiado desordenado o desorganizado, usted preferirá la siguiente opción.
- Un menú personalizado. Escoge las páginas que quieres mostrar y ordénalas. A continuación, se muestra el menú en un lugar destacado de la página de inicio (a menudo, donde solía ir el menú automático). La mayoría de la gente toma esta ruta.
Explorarás todas estas opciones en las siguientes secciones.
Mostrar páginas en el widget de Páginas
El widget Páginas muestra una sencilla lista de enlaces (Figura 7-5). Como cualquier otro widget, puedes colocarlo en cualquier lugar de tu página de inicio, como en una barra lateral. Elija Apariencia? widgets y arrastre el widget donde desee.
Puede utilizar el widget Páginas para mostrar sólo algunas de sus páginas. Para ello, debe indicar explícitamente qué páginas no desea mostrar. Cada página tiene un número de ID único e indica las páginas que desea excluir creando una lista de números de ID separados por comas en el cuadro Excluir (Figura 7-6).
La parte un poco difícil es averiguar el número de ID de la página. Si usted ejecuta un blog alojado por usted mismo y no ha cambiado el estilo permalink de WordPress, el ID aparece directamente en la URL. Pero si usted usa WordPress. com o cambió a enlaces permalínicos más legibles basados en títulos, necesita tomar un rumbo diferente. Primero, vaya a Páginas? todas las Páginas para ver todas las páginas de su sitio. A continuación, señale el título de la página que desea excluir. La URL de la página aparece en la barra de herramientas de su navegador, en este formato:
http://prosetech.com/thoughtsofalawyer/wp-admin/post.php?post DIFUNDE LA PALABRA-
En este ejemplo, el ID de página es 24. (No se confunda que la URL realmente llama a la página post-it es una vieja pero inofensiva rareza de WordPress.
CONSEJO Si tiene problemas para ver el enlace permanente de una página en su navegador, intente copiar la dirección. Haga clic con el botón derecho del ratón en el título de la página y seleccione un comando con un nombre como Copiar acceso directo o Copiar dirección de enlace (la redacción exacta depende del navegador). Puede pegar el enlace en un editor de texto como el Bloc de notas y encontrar el ID de la página allí.
Utilice el cuadro de exclusión con moderación
Se te podría ocurrir que podrías añadir varios widgets de Páginas a diferentes partes de tu página de inicio, cada uno de los cuales muestra un subconjunto diferente de páginas. Es una idea interesante, pero mala, por la forma en que funciona la lista de exclusión.
Si utiliza el widget Páginas para crear tres listas de páginas, por ejemplo, cada vez que añada una nueva página que desee eliminar de las listas, deberá añadir la página a la lista de exclusión de cada menú. Ese trabajo extra puede causar un dolor de cabeza serio. Para evitarlo, utiliza el widget Páginas sólo cuando quieras mostrar la mayoría o todas tus páginas. Si desea mostrar un grupo más pequeño de sólo unas pocas páginas, cree un menú personalizado y muéstrelo con el widget de menú personalizado.
El widget Páginas también te permite ordenar tu lista de páginas. Puede establecer el orden de clasificación utilizando la lista desplegable del cuadro "Ordenar por". Normalmente, el orden es "Título de la página", lo que significa que WordPress organiza sus páginas alfabéticamente por título. Alternativamente, puede elegir "Identificador de página" y las páginas de listas de WordPress de la más antigua a la más reciente (porque las páginas más nuevas siempre obtienen números de identificación más altos). Por último, puede elegir "Orden de página", lo que le permite elegir el orden.
Mostrar páginas en un menú
La mayoría de los temas comienzan con un menú. De hecho, los menús se consideran tan importantes para el sitio WordPress medio que la mayoría de los temas no le permiten eliminar el menú (al menos no sin recurrir a los trucos de edición de estilo cubiertos en el Capítulo 13).
A diferencia de los programas de escritorio, que típicamente tienen reglas estrictas y consistentes acerca de a dónde van los menús y cómo se ven, los menús en la Web toman muchas formas. La única regla consistente es que cada menú es un conjunto de enlaces ordenados como encabezamientos y subtítulos. En WordPress, la forma en que se ve un menú está completamente en manos de su tema. Por esa razón, WordPress pone el comando de gestión de menús en el menú Apariencias del tablero de instrumentos, junto con los controles para otras funciones temáticas.
Muchos temas ponen los enlaces principales de un sitio en una barra de menús tradicional, que se dispone horizontalmente cerca de la parte superior de cada página. En el tema de los Veinte y Doce, por ejemplo, el menú se ubica sobre la lista de mensajes (Figura 7-7). Otros temas ordenan el menú verticalmente y lo colocan en un lateral, como el menú del tablero de instrumentos de WordPress.
Cuando usted crea un nuevo sitio de WordPress, éste comienza con un menú automático, llamado así porque WordPress lo crea automáticamente. Al principio, el menú contiene sólo dos comandos: un botón Inicio que va a la página principal, y un botón Página de muestra que abre la página de muestra de WordPress (a menos que haya seguido nuestro consejo anterior y lo haya eliminado). Pero cada vez que agrega una nueva página, como la página "Acerca de la Práctica" que se muestra anteriormente, WordPress agrega un enlace correspondiente en el menú. Mantiene los enlaces ordenados alfabéticamente por nombre de página.
Puede ejercer más control sobre cómo su tema ordena los enlaces de la página en un menú, en una de dos formas: Puede utilizar las funciones de ordenar y agrupar que se describen a continuación, o puede crear un menú personalizado. El enfoque de ordenar y agrupar funciona mejor si sólo desea ajustar la posición de unos cuantos comandos en el menú automático, pero está contento con dejar que WordPress ejecute el programa. En comparación, los menús personalizados toman un poco más de trabajo, pero se amortizan con mucha más flexibilidad y características adicionales.
Pedidos de páginas web
A menudo, cuando se muestra una lista de páginas, se desea dictar cuáles aparecen primero y cuáles son las últimas. Puede hacerlo escribiendo un número para la configuración Orden, que aparece en el cuadro Atributos de página cuando crea (o edita) una página.
La configuración de Orden afecta al orden de sus páginas en dos situaciones: cuando usted muestra páginas en un menú automático y cuando las muestra en el widget Páginas con la casilla "Ordenar por" establecida en "Orden de páginas".
Normalmente, WordPress establece el número de orden de cada página en 0. Técnicamente, esto significa que cada página está atada para la primera posición, y la configuración del orden de las páginas no tiene ningún efecto. Pero si usted desea establecer el orden (digamos que quiere "Nuestra Historia" seguido de "Nuestra Ubicación" seguido de "Contáctenos"), asignaría estas páginas aumentando constantemente los números de orden de las páginas (digamos, 0,1 y 2). Los números reales no importan realmente, lo importante es cómo se comparan. WordPress siempre muestra páginas con números más grandes hacia la parte inferior de la lista o en el extremo derecho de un menú horizontal, con páginas con números más pequeños más cerca de la parte superior de una lista o a la izquierda de una barra de menús. Si dos o más páginas tienen el mismo valor de orden, WordPress las ordena alfabéticamente.
CONSEJO Si se reordena un grupo de páginas, es necesario cambiar sus valores de orden de página. La forma más fácil de hacerlo es ir a la lista Páginas (seleccione Páginas? Todas las páginas), apunte a un mensaje y haga clic en el enlace Edición rápida. De esta manera, puede modificar rápidamente la información de algunas páginas, incluyendo el pedido, sin necesidad de abrir toda la página para editarla.
Hay otra forma de agrupar páginas: Puede designar algunas como páginas hijo que pertenecen a una página padre específica. (Puede que haya utilizado este tipo de organización
Para crear esta jerarquía, fije la opción Padre en el cuadro Atributo Páginas al crear o editar la página.
Por ejemplo, usted podría editar la página de Ley Familiar y cambiar el cuadro de lista de Padres de "(sin padre)" a "Acerca de la Práctica". Ahora, el Derecho de Familia es una subpágina en el grupo "Acerca de la Práctica".
Los ajustes de orden crean el menú de estilo agradable y la lista anidada que se muestra en la Figura 7-8. El menú muestra páginas subsidiarias en submenús, mientras que el widget Páginas anida un poco las páginas.
La vida puede ser un poco confusa cuando ordenas y agrupas páginas. Sólo recuerde que cuando WordPress ordena páginas, sólo compara las páginas en el mismo nivel. Por ejemplo, puede usar el orden de la página para ajustar la posición de las páginas Cargos por Asalto, Ofensas de Drogas, Ley Familiar y Defensa de Lesiones Personales con respecto a las demás. Sin embargo, WordPress no comparará los valores de orden de las páginas de Ley Familiar y Negación Legal, porque no están en el mismo nivel y nunca se mostrarán una al lado de la otra.
NOTA Si utiliza nombres de mensajes en sus enlaces permanentes, las páginas de los niños obtienen su propio enlace permanente. Incluye dos títulos de mensajes: el nombre de la página hija y el nombre de la página padre. Por ejemplo, si la página infantil "Ley de Familia" tiene el padre "Acerca de la Práctica", el permalink completo podría ser algo así como http://thoughtsofalawyer.net/about-the-practice/family-law.
Menús personalizados
- Las funciones de ordenar y agrupar de WordPress le dan suficiente flexibilidad para crear un menú bien ordenado y atractivo. Sin embargo, hay algunas buenas razones por las que la mayoría de los desarrolladores de WordPress finalmente deciden crear un menú personalizado:
- Para obtener más tipos de elementos del menú. Un menú automático incluye enlaces a sus páginas, y eso es todo. Pero un menú personalizado puede incluir otros tipos de enlaces, por ejemplo, los que llevan a un determinado mensaje, una categoría completa de mensajes o incluso
otro sitio web.
- Para ocultar páginas. Un menú automático siempre incluye todas sus páginas. Esto podría no ser un problema para un sitio relativamente nuevo de WordPress, pero a medida que su sitio crece, probablemente agregará más y más páginas y las usará para diferentes tipos de información. Eventualmente, creará páginas que no desea incluir en su menú principal (por ejemplo, puede que desee agregar una página que los lectores sólo puedan visitar haciendo clic en un enlace de un mensaje). La única forma de ocultar una página de un menú es abandonar el menú automático y crear un menú personalizado.
- Disponer de múltiples menús. Algunos temas admiten más de un menú de página de inicio. Sin embargo, un sitio sólo puede tener un menú automático. Para aprovechar la función de múltiples menús, necesita crear menús adicionales como menús personalizados.
- Porque a veces los menús automáticos son difíciles. Para obtener un menú automático que se vea de la manera que usted desea, usted necesita pensar cuidadosamente sobre la orden y la configuración de los padres. Si usted tiene docenas de páginas, este tipo de planificación puede torcer su cerebro en un pretzel. Si construye un menú personalizado, puede arrastrar y soltar su camino a un menú atractivo. Todavía toma tiempo y trabajo, pero requiere mucho menos planificación y reflexión.
Creación de un menú personalizado
Cuando estés listo para reemplazar el menú automático de tu tema por un menú de creación propia, aquí tienes los pasos a seguir:
1. Seleccione AparienciaÆMenús. Esto le lleva al sofisticado editor de menús (Figura 7-9).
2. Haga clic en el enlace "Crear un nuevo menú" en la parte superior de la página para crear un nuevo menú en blanco. El siguiente paso es darle un nombre a su menú.
3. Introduzca un nombre para el menú en el cuadro Nombre de menú. El nombre identifica unívocamente el menú. Normalmente, usted nombra el menú según su función (Menú principal, Menú de navegación, Menú de página, etc.). No debería darle un nombre basado en su posición (como en la barra de menús superior), porque ese detalle puede cambiar si cambia de tema.
4. Haga clic en el botón Crear menú.
WordPress almacena el menú como parte de su sitio, para que pueda editarlo en cualquier momento. Ahora usted está listo para llenarlo con comandos útiles (Figura 7-10).
5. Decida si desea agregar una página, enlace o categoría a su menú.
Si es necesario, haga clic en el encabezado para expandir la sección Páginas, Enlaces o Categorías (Figura 7-11).
Una página es, obviamente, un enlace a una de las páginas creadas.
Un enlace va a alguna ubicación en la Web, ya sea en su sitio u otro sitio. Por ejemplo, podría crear un enlace personalizado que apunte a un mensaje específico (utilizando su enlace permanente), una página de Wikipedia, el blog de un amigo u otra cosa.
Una categoría es un enlace a una página que muestra todos los mensajes en una categoría dada (en orden cronológico inverso). Tiene el mismo efecto que hacer clic en un enlace del widget Categorías.
6. Introduzca la información para el punto de menú. Si está agregando una página, haga clic en la casilla de verificación de la página que desea agregar. Puede marcar varias casillas de verificación para agregar un grupo completo de páginas a la vez. El cuadro Páginas le permite elegir sus páginas desde tres pestañas diferentes. Utilice Más reciente para elegir entre las páginas más recientes que creó, Ver todo para navegar por todas sus páginas y Buscar para encontrar una página por nombre (lo que es útil si su sitio tiene docenas o más páginas).
Si está añadiendo un enlace, escriba la dirección en el cuadro URL y especifique el texto del vínculo en el cuadro Texto del enlace.
Si está añadiendo una categoría, haga clic en la casilla de verificación de la categoría que desee.
Añadir una categoría es similar a añadir una página: puede examinar una lista de sus categorías, elegir una de las categorías más utilizadas o buscar la categoría que desee por nombre, dependiendo de la pestaña que elija. También puede agregar varias categorías a la vez marcando varias casillas.
CONSEJO Tiene sentido añadir un enlace llamado "Inicio" o "Posts" a la mayoría de los menús nuevos. De esta manera, sus invitados siempre tienen la posibilidad de volver a su página principal. Para crear un vínculo de página de inicio, seleccione la ficha Ver todo en el cuadro Páginas, active la casilla situada junto a Inicio y, a continuación, continúe con el siguiente paso.
Más enlaces a los menús
El editor de menús facilita el enlace a otra página de su sitio, a una categoría de mensajes o a otro sitio web por completo. Pero puede obtener aún más opciones de creación de menús si hace clic en el botón Opciones de pantalla (encontrado en la esquina superior derecha de la página) y activa las casillas de verificación Posts and Tags.
Si lo hace, obtendrá tres cajas más para agregar elementos de menú. El cuadro Mensajes muestra una lista de todos tus mensajes, permitiéndote añadir un enlace a un mensaje específico sin necesidad de recordar el enlace permanente. El cuadro Etiquetas es similar al cuadro Categoría: permite a los visitantes navegar por todos los mensajes que tienen una etiqueta específica. Y el cuadro Formato te permite agregar enlaces a diferentes formatos de post, si usas los formatos en tu blog. Por ejemplo, puede agregar un enlace que permita a los lectores ver todos los mensajes de Aside o todos los mensajes de Quote.
7. Una vez que haya seleccionado una opción, haga clic en el botón "Añadir al menú". Su nuevo elemento aparece en la sección del menú de la derecha.
8. Opcionalmente, personalice la etiqueta y el tooltip (título) de la opción de menú. Cuando agrega un elemento por primera vez, aparece como una caja gris colapsada. Para cambiar las opciones de ese elemento, haga clic en la flecha hacia abajo que se encuentra a la derecha del cuadro. Esto amplía el cuadro de diálogo para que pueda ver (y editar) todas las opciones para que
(Figura 7-12).
Aquí están los ajustes que puede modificar:
Etiqueta de Navegación, que es el texto del enlace que aparece en el menú. Si agrega una página o categoría, la etiqueta de navegación es el nombre de esa página o categoría, lo que mantiene las cosas simples. Pero tal vez desee editar el texto si es demasiado largo para que quepa cómodamente en el menú.
Atributo Título, que configura la información de herramienta que aparece cuando alguien apunta a un elemento del menú. Normalmente, el atributo title está vacío y la información de la herramienta muestra
el nombre del punto de menú. Sin embargo, usted podría obtener fantasía y utilizar el atributo Título para proporcionar una descripción más detallada.
Eliminar, lo que hace lo obvio: eliminar un elemento del menú que ya no desea.
9. Vuelva al paso 5 para agregar otro elemento al menú y repita estos pasos hasta que almacene el menú con todos los elementos que desee.
WordPress agrega elementos al menú en el orden en que los agrega. Por lo tanto, los elementos que agrega aparecen primero a la izquierda de un menú horizontal o en la parte superior de un menú vertical. Sin embargo, no te preocupes por el pedido todavía, porque aprenderás a moverlo todo en el siguiente paso.
10. Ahora es el momento de organizar los elementos del menú. Arrastrarlos para posicionarlos y agruparlos en submenús.
A diferencia de los menús automáticos, los menús personalizados no prestan atención al orden de tus páginas o a la configuración de tus padres. Esto es bueno para la flexibilidad (porque significa que puede ordenar los mismos comandos en diferentes menús de diferentes maneras), pero también significa que necesita hacer un poco más de trabajo cuando cree el menú.
Afortunadamente, organizar los elementos del menú es fácil. Para mover un elemento de un lugar a otro, simplemente arrástrelo, al igual que mueve widgets en la página Widgets. WordPress
muestra los elementos en orden de arriba a abajo, por lo que si utiliza un menú horizontal (como hace el tema estándar de WordPress), el elemento superior se encuentra a la izquierda, seguido por el siguiente elemento del menú, y así sucesivamente.
Crear submenús es igual de conveniente, una vez que conozca el truco. En primer lugar, organice los elementos del menú de modo que los elementos de submenú (los elementos que desea que aparezcan en el submenú) aparezcan inmediatamente después de la opción de menú padre. A continuación, arrastre el elemento del menú hijo ligeramente hacia la derecha, de modo que parezca que está sangrando un nivel. La Figura 7-13 muestra cómo debe ser el resultado, y la Figura 7-14 muestra la página formateada de WordPress.
NOTA Puede crear fácilmente menús de varias capas (menús con submenús dentro de submenús). Todo lo que haces es seguir arrastrando elementos un poco más a la derecha. Sin embargo, la mayoría de los sitios WordPress bien diseñados paran en un nivel de submenús. De lo contrario, a los huéspedes les puede resultar incómodo escarbar a través de todas las capas sin mover accidentalmente el ratón del menú.
Creación de un elemento del menú que no hace nada
¿Puedo crear un submenú en el que los visitantes no puedan hacer clic?
Los menús de WordPress funcionan de forma un poco diferente a los menús de los programas tradicionales de escritorio. Cuando tenga un submenú en un programa de escritorio, haga clic en el elemento del menú padre para abrir el submenú y, a continuación, haga clic en uno de los elementos del submenú. Pero en WordPress, sólo tiene que apuntar al elemento del menú principal para abrirlo. El elemento padre sigue siendo un elemento del menú real que lleva a algún sitio; si hace clic en él, irá a una nueva página, categoría o URL personalizada. Por ejemplo, en la Figura 7-14 usted puede apuntar a "Acerca de la Práctica" para abrir su submenú, o puede hacer clic en el título para ir a la página Acerca de la Práctica.
Pero quizás este no sea el comportamiento que quieres. Por ejemplo, es posible que desee que el elemento de menú "Acerca de la Práctica" sea un encabezado no apretado, que existe únicamente para alojar el submenú debajo. Para crear un encabezado sin vínculos, agregue un comando nuevo desde el cuadro Enlaces, establezca la etiqueta en "Acerca de la Práctica" y luego establezca la URL en # (el signo del número es todo). Para los navegadores, el símbolo # representa la página actual, por lo que si hace clic en el elemento del menú ("Acerca de la Práctica" en este ejemplo), no irá a ninguna parte. De hecho, ni siquiera verás el parpadeo de la página, que es exactamente lo que quieres.
11. Opcionalmente, puede activar el ajuste "Añadir automáticamente nuevas páginas de nivel superior".
Si lo hace, cada vez que crea una página nueva, WordPress la agrega automáticamente al final de su menú personalizado. Esto es similar a la forma en que funciona un menú automático, aunque puede editar su menú personalizado en cualquier momento para mover los elementos recién añadidos a un lugar mejor. La mayoría de los expertos de WordPress evitan esta configuración, porque prefieren controlar lo que entra en su menú y a dónde va.
12. Active una de las casillas de verificación "Ubicación temática" en la parte inferior de la casilla de menú.
Algunos temas le permiten decidir a dónde va su menú en una página. Por ejemplo, el tema Veinticuatro le permite poner su menú en la parte superior de la página (seleccione la casilla de verificación "Menú principal superior") o el lateral (seleccione "Menú secundario en la barra lateral izquierda").
Sin embargo, muchos temas tienen sólo una ubicación para los menús. Si ese es el caso para tu tema, verás una sola casilla de verificación con una etiqueta como Menú principal. A pesar de que usted no tiene ninguna opción real sobre dónde poner el menú, usted todavía necesita activar la casilla de verificación para agregar el menú a su sitio.
13. Haga clic en el menú Guardar para que los cambios sean permanentes.
Una vez que guarde su menú, puede probarlo en la página principal de su sitio.
Múltiples menús
Muchos temas soportan más de un menú. Considere, por ejemplo, el tema Oxígeno que probó en el Capítulo 6 (Figura 7-15). Permite no menos de tres menús.
El menú primario aparece debajo del encabezado de la página, el secundario en la barra lateral izquierda y el terciario debajo, en la sección pie de página. Puedes imaginarte usando estos menús para tareas claramente diferentes-usando el menú superior para navegar por todo el sitio, por ejemplo, el menú lateral para perforar en mensajes o categorías específicas, y el menú inferior para enlazar con otros sitios con contenido relacionado.
NOTA No es necesario utilizar todos los menús que proporciona un tema. Inicialmente, WordPress crea un menú automático y lo usa como el menú principal del tema. Todos los menús adicionales comienzan ocultos y sólo aparecen si se adjuntan menús personalizados.
Para utilizar los tres menús del tema Oxígeno, es necesario crear tres menús personalizados. Repita el proceso descrito en la sección anterior tres veces, haciendo clic en el enlace "Crear un nuevo menú" para añadir cada menú adicional. Una vez que tenga más de un menú, WordPress agrega una lista de menús a la parte superior del editor de menús. Usándolo, usted puede elegir qué menú desea ver y editar (Figura 7-16).
Una vez que haya creado sus menús personalizados, deberá colocar cada uno de ellos en la ubicación apropiada del tema. Para ello, utilice las casillas de verificación en la sección "Ubicaciones temáticas", debajo de cada menú. Pero si tiene problemas para recordar qué menú va a dónde, tiene otra opción. Haga clic en la ficha Administrar ubicaciones para ver una lista de todos los marcadores de posición del menú en el tema. Al lado de cada uno hay una lista desplegable de los menús creados. Puede especificar un menú para cada área y, a continuación, hacer clic en Guardar cambios para que los cambios sean permanentes en un solo paso.
Widget del menú personalizado
Hay una forma más de mostrar un menú personalizado: en el widget del menú personalizado.
Ahora que ha jugado con los menús en profundidad, el widget del menú personalizado no le impresionará mucho. Para usarlo, arrástrelo a tu página (digamos, en una barra lateral), dale un título (opcional) y luego elige el menú que debería mostrar. El widget del menú personalizado muestra una lista con viñetas de enlaces, usando viñetas anidadas para los elementos del submenú. De hecho, el widget del Menú Personalizado se parece mucho al widget Páginas, mostrado en la Figura 7-8.
La ventaja del widget del menú personalizado es que es más flexible que el widget Páginas. El widget Páginas muestra todas (o casi todas) sus páginas, pero el widget Menú personalizado muestra sólo las páginas que desea y puede incluir opcionalmente otros enlaces de categoría y enlaces a otros sitios web, siempre que los agregue a su menú personalizado.
CONSEJO Una forma ingeniosa de usar el widget del menú personalizado es crear un blogroll: una lista de blogs que usted recomienda, blogs de personas conocidas o sitios con contenido similar al suyo. Por ejemplo, un blog de cocina podría tener un blogroll con otros blogs relacionados con la comida en él. Todo lo que necesitas es un nuevo menú (puedes llamarlo "Blogroll"), que luego puedes llenar con enlaces.
Cambio de su página de inicio
En este momento, su sitio WordPress tiene una página de inicio dominada por una característica familiar: la lista inversa de sus mensajes. Los visitantes pueden utilizar el menú de navegación de su sitio para viajar a otro lugar, pero siempre comienzan con sus mensajes.
Esta configuración es perfectamente razonable; después de todo, tus mensajes suelen contener el contenido más reciente y relevante, por lo que es una buena idea mostrarlos por adelantado. Sin embargo, este diseño no se ajusta a todos los sitios. Si la lista de mensajes es menos importante en su sitio, o si desea mostrar algún tipo de mensaje de bienvenida, o si sólo desea dirigir el tráfico (en otras palabras, dar a los lectores la opción de leer mensajes o ir a otro lugar en su sitio), tiene sentido comenzar mostrando una página en lugar de un mensaje.
En las siguientes secciones descubrirás cómo hacerlo. En primer lugar, usted utilizará una de sus páginas creadas a medida como página de inicio de su sitio, todo en el interés de la construcción de un sitio de folletos. A continuación, verás cómo sacar lo mejor de ambos mundos: una página de inicio fija con el contenido que quieres y una lista de mensajes, guardados en otro lugar de tu sitio.
Creación de un sitio web para folletos
La manera más simple de cambiar su página de inicio es deshacerse del sistema de correo en su totalidad, usando páginas en lugar de mensajes en todo su sitio. El sitio resultante de todas las páginas se llama a veces sitio de folletos, porque se asemeja al tipo de folleto informativo que usted podría recoger en una tienda (Figura 7-17).
Para crear un sitio de folletos, usted sigue algunos principios simples:
- Construir un sitio que consiste enteramente en páginas, cada una hecha a mano por usted.
- Añada estas páginas a un menú personalizado y ordene las páginas como desee.
- Cuando los visitantes llegan a su sitio, lo primero que ven es una de sus páginas y un menú de navegación.
Ya sabes cómo realizar cada una de estas tareas, excepto la última (cambiar la página de inicio). Eso es lo que aprenderás después.
¿Debe crear un sitio de folleto?
Un sitio de folleto puede tener sentido si está construyendo un sitio pequeño con contenido muy simple. El sitio del restaurante en la Figura 7-17 es un ejemplo.
Pero si usted está tratando de decidir entre un sitio de folleto y un sitio post-basado, considere dos preguntas. En primer lugar, ¿sería su sitio web más atractivo para los lectores si incluyera mensajes? Incluso el restaurante bare-bones restaurante sitio podría ser más interesante con mensajes que crónica las noticias del restaurante, los experimentos de menú, y eventos especiales. No sólo eso, sino que el hecho de que los mensajes son frecuentes, fechados y personales hace que el sitio sea más vibrante. Además, si quieres que la gente hable en tu sitio (por ejemplo, publicar comentarios sobre comidas recientes o enviar solicitudes e ideas de recetas fuera de la pared) tendrás más suerte si incluyes mensajes. Piénsalo de esta manera: un sitio de folletos se siente como una declaración, mientras que un blog se siente como una conversación en constante desarrollo.
De nuevo, usted puede decidir que un sitio de folleto es exactamente lo que usted quiere. Tal vez usted realmente no tiene tiempo para gastar en actualizar y mantener un sitio, por lo que simplemente quiere un lugar para publicar alguna información básica en la Web y dejarlo así. Usted todavía puede aprovechar varias de las mejores características de WordPress, como temas, que aseguran que sus páginas se vean consistentes. También obtendrá la ayuda de WordPress si desea realizar un seguimiento de los visitantes, agregar botones para compartir o añadir cualquiera de las funciones descritas en esta web.
El paso clave en la construcción de un sitio de folletos es cambiar su página principal, sustituyendo la lista tradicional de mensajes por una página de su propio diseño. Por lo tanto, el primer paso es crear una página de inicio sustitutiva, utilizando el comando Pages? add new.
Es posible que desee hacer algunos cambios en la página principal, ya que sirve como la alfombra de bienvenida a su sitio. Por ejemplo, es posible que desee incluir enlaces de navegación en el texto de la página principal que lleven a los visitantes directamente al contenido importante. Sin embargo, eso no es necesario. Siempre y cuando su tema incluya un menú, los visitantes pueden utilizarlo para hacer clic a través de más contenido.
También es posible que desee modificar la configuración de comentarios de su página principal personalizada. Por defecto, todas las páginas, al igual que todos los mensajes, permiten comentarios. Pero parece un poco desestructurado dejar que la gente comente directamente en la página principal de su sitio web. Afortunadamente, es bastante fácil desactivar los comentarios para cualquier página. Primero, utilice el botón Opciones de pantalla para abrir la casilla Discusión y, a continuación, desactive la casilla de verificación "Permitir comentarios".
Una vez que haya creado su nueva página principal de reemplazo, siga estos pasos:
1. Seleccione OpcionesÆLectura.
2. En la opción "Front page displays", elige "A static page" (en lugar de "Your latest posts").
3. En la lista "Página principal" que se encuentra debajo, elija la página que desee como su nueva página principal.
4. Haga clic en Guardar cambios en la parte inferior de la página.
Ahora, cuando usted navega a la página de inicio de su sitio, WordPress automáticamente sirve la página que usted escogió (aunque la URL no cambiará en la barra de direcciones del navegador - sigue siendo la página de inicio de su sitio). Del mismo modo, cuando haga clic en Inicio en el menú, volverá a la página de inicio personalizada.
Si utiliza una página personalizada para su página de inicio, es posible que desee darle un toque de jazz con algunas características de navegación más. Muchos temas proporcionan plantillas de páginas que pueden ayudarle añadiendo una barra lateral con widgets junto al contenido de su página.
Creación de una página de entrada personalizada
Incluso si desea cambiar su página de inicio, es posible que no desee deshacerse del sistema de correo. En tal caso, utilice una página de inicio estática (llamada página de bienvenida) e incluya un complemento completo de mensajes en otra página.
El truco para hacerlo es especificar una URL para la página que muestra tus mensajes. Aquí es donde las cosas se ponen un poco extrañas. Para obtener la URL de tus mensajes, crea otra página. Esta página es sólo un marcador de posición-su único propósito es proporcionar la dirección web para la página de mensajes. En realidad no necesita poner ningún contenido en esta página, porque WordPress crea automáticamente la lista de mensajes.
Este es el proceso:
1. Decide una URL para la sección de mensajes de tu sitio.
Por ejemplo, si su página de inicio está en http://magicteahouse.net, puede poner los mensajes en http://magicteahouse.net/posts o http://magicteahouse.net/blog.
NOTA Si usted utiliza la versión de WordPress que se aloja por sí mismo, debe asegurarse de que ha cambiado la configuración del enlace permalink de su sitio para usar los títulos de publicación en lugar de los ID de publicación. De lo contrario, el enlace a su página de marcador de posición utilizará el ID del mensaje, no su nombre. Esto es terriblemente confuso, significa que acabarás con un enlace permanente con un nombre como http://magicteahouse.net/?p=583 que muestra tu lista de mensajes.
2. Cree una página con un nombre que coincida con la URL que desee. Por ejemplo, puedes crear una página llamada posts o blog.
3. Opcionalmente, agregue algún contenido. Usted no necesita ningún contenido (y es probable que tampoco quiera ninguno). Pero si agrega un párrafo introductorio o dos, WordPress lo muestra justo encima de la lista de mensajes.
No ponga ningún contenido en esta página: piense en ella como un marcador de posición para su antigua página principal.
4. Publica tu página. La página del marcador de posición está lista. Ahora todo lo que necesita hacer es cambiar la configuración de su sitio.
5. Seleccione OpcionesÆLectura. Aquí, usted especifica su página de inicio personalizada y su nueva página de mensajes.
6. Si aún no ha establecido una página de inicio personalizada, hágalo ahora. En la opción "Front page displays", elige "A static page" (en lugar de "Your latest posts"). En la lista "Página principal" que se encuentra debajo, elija la página que desea usar para su nueva página principal.
7. En la lista "Página de mensajes", seleccione la página que creó en el paso 2. Este paso le dice a WordPress que empiece a usar su página de marcador de posición para mostrar la lista de mensajes.
8. Haga clic en Guardar cambios en la parte inferior de la página.
Ahora los visitantes pueden ver su antigua página de inicio -la lista de mensajes- utilizando la URL para la página del marcador de posición que creó en el paso 2. Así que si creaste una página llamada Posts, cuando pides esa página (por ejemplo, http://magicteahouse.net/posts), verás tu lista de mensajes. Pero si alguien solicita la página de inicio (http://magiceahouse.net), verá la página de inicio personalizada que seleccionó en el paso 5 en lugar de la lista de mensajes.
9. Opcionalmente, edite su menú y añada un nuevo elemento de menú para su nueva página de mensajes. Aunque hayas creado una página de mensajes, eso no significa que tus visitantes sepan
sobre ello. Necesitan una manera de llegar allí, y la mejor opción es un enlace en el menú de su sitio. Crear eso es fácil: simplemente agregue un nuevo elemento de menú que apunte a
su página del marcador de posición (Figura 7-18).
En algunos casos, puedes decidir no agrupar todos tus mensajes en un único flujo cronológico inverso. En ese caso, no es necesario crear la página del marcador de posición. En su lugar, puedes añadir enlaces de categoría a tu menú para que los visitantes puedan ver todos los mensajes que caen en una categoría particular. Esto es un gran enfoque, pero puede llegar a ser menos práctico si usted tiene un montón de categorías, porque no quiere cargar su sitio con un menú lleno, torpe. Una solución -siempre que tenga un sitio web alojado por usted mismo- es personalizar su página de inicio con los trucos de edición de temas que se describen en las páginas siguientes.
Plantillas de páginas
En el Capítulo 6, usted aprendió sobre la función de formato de post infrautilizado, que aplica diferentes estilos a diferentes tipos de post. Las páginas tienen una función análoga llamada plantillas de página, que cambia el aspecto de las páginas.
Al igual que los formatos de publicación, las plantillas de página son una parte opcional de un tema de WordPress. Su tema puede incluir varias plantillas de página o ninguna. Por ejemplo, los temas Veintiuno Once, Veinte Doce y Veinticuatro Catorce incluyen un poco de plantillas de páginas, mientras que Veintitrés es único en no ofrecer ninguna. La Tabla 7-1 muestra los detalles.
TABLA 7-1 Plantillas de páginas en los temas del año
Plantilla de la vigésima undécima barra lateral - Muestra la plantilla.
Plantilla de doce páginas de ancho completo, sin barra lateral, plantilla de la página frontal.
Veintitrés (ninguno).
Página de veinticuatro contribuciones, página completa.
Cuando crea una página nueva, WordPress asume que desea utilizar la plantilla estándar. Pero cambiar a otra cosa es fácil. Cuando cree o edite una página, seleccione la plantilla que desee de la lista de plantillas en el cuadro Atributos de página.
La función de plantilla de página enfrenta el mismo reto que la función de formato de mensaje: debido a que un tema está diseñado para adaptarse a una variedad de sitios, y porque no hay manera de que un tema comprenda los detalles finos de su sitio, no puede proporcionar plantillas adaptadas a su contenido. Los temas del año de WordPress utilizan plantillas de página para dos propósitos básicos: para controlar la apariencia de la barra lateral de su sitio, y para crear páginas de inicio mejoradas. Las siguientes secciones explican cómo hacer ambas cosas.
NOTA Hay una plantilla de página que no se considerará en este capítulo: la plantilla Página de contribuyentes incluida con el tema Veinticuatro. Es una página inusual pero innovadora que recopila y muestra automáticamente información de autor en un sitio que tiene múltiples colaboradores.
Páginas con o sin barras laterales
Con algunos temas, la barra lateral de su sitio aparece en todas las páginas, tal como aparece junto a cada mensaje. Con otros temas, WordPress muestra páginas sin la barra lateral. Ningún enfoque es adecuado para todos, y las plantillas de página te permiten cambiar la preferencia incorporada del tema.
Por ejemplo, si utiliza el tema Veinte y Doce, las páginas ordinarias siempre obtienen una barra lateral. Pero si asigna la plantilla "Plantilla de página de ancho completo, sin Sidebar" de la página veintiodécimo doce, esa página aparecerá sin barras laterales, con espacio adicional para su contenido. Del mismo modo, las páginas de Twenty Eleven parten sin ninguna barra lateral, pero cambiando a la plantilla de Sidebar cambia eso.
NOTA Si empieza a agregar barras laterales a sus páginas, sea consistente. Por ejemplo, si decide no mostrar las barras laterales en, digamos, páginas con fotos o galerías de fotos, asegúrese de que las otras páginas de su sitio siguen el ejemplo. De lo contrario, sus visitantes pueden sentir que su sitio es impredecible o mal organizado.
Mejores Páginas de Inicio
Otra razón por la que los temas utilizan plantillas de página es para crear páginas de inicio superadas. Estas páginas especializadas incluyen un spot para su contenido estático, como cualquier otra página, junto con algunos extras. Los extras pueden incluir más áreas de widgets, deslizadores de imágenes destacadas y una lista personalizada de mensajes. El objetivo es darle una manera de crear una entrada más atractiva a su sitio.
El tema de los Veinte y Doce incluye una plantilla de Front Page que sirve para este propósito. Le permite agregar una o dos columnas de widgets debajo del contenido de la página. Estos widgets sólo aparecen en la página principal (Figura 7-19). Los widgets estándar de la barra lateral de su sitio, que aparecen en los otros mensajes y páginas de su sitio, no aparecen en las páginas que utilizan la plantilla de Front Page.
Escoge tus widgets de la página principal usando la sección Widgets de Appearance? familiar del panel de instrumentos. Sólo tienes que arrastrar los widgets al área del widget de la primera página frontal del tema y al área del widget de la segunda página frontal.
El tema Twenty Eleven lleva el concepto un poco más allá con su plantilla Showcase (Figura 7-20). Combina el contenido de la página (que aparece en la parte superior), un grupo de mensajes destacados (bajo) y una lista de mensajes recientes (en la parte inferior).
No hay magia para crear una página de presentación. Cree una página, añada el contenido que desee y seleccione Mostrar plantilla en la lista de plantillas. Finalmente, usted publica su página. Cuando alguien solicita una página que utiliza la plantilla de escaparate, WordPress se pone a trabajar.
Así es como WordPress reúne una página de presentación para el tema Twenty Eleven:
- Primero, toma tus mensajes pegajosos, y los agrega a la galería Featured Post. Para incluir una imagen junto a un mensaje destacado, asegúrese de establecer
una imagen destacada.
- Debajo de la galería Featured Post, WordPress muestra el contenido de la última publicación no pegajosa. Si quieres que WordPress muestre sólo una parte del mensaje más reciente, necesitas usar la etiqueta Más rápida.
- Debajo de eso, WordPress enumera los títulos de los siguientes cuatro mensajes más recientes (sin incluir los mensajes pegajosos). Para ver una, su invitado debe hacer clic en su título.
- WordPress agrega una barra lateral al lado izquierdo de la página, junto a la lista de tus mensajes más recientes. Sin embargo, esta no es la barra lateral estándar que ve en su página principal normal (y todas las páginas que usan la plantilla de barra lateral). En su lugar, se llama la barra lateral de la vitrina, y aparece sólo en las páginas de la vitrina. Para llenarlo con widgets, seleccione AparienciaÆAparienciaÆWidgets y, a continuación, arrastre los widgets.
quieren entrar en la zona de Showcase Sidebar.
Se te podría ocurrir que te gusta la página de escaparate, pero quieres llevar la idea más lejos. Por ejemplo, tal vez quieras controlar qué mensajes aparecen en la lista de mensajes recientes, o tal vez quieras crear varias páginas de escaparate que resalten diferentes categorías de mensajes, como las secciones de un periódico. Desafortunadamente, las páginas de muestra no le dan esta flexibilidad. Sin embargo, puede comenzar a construir un sistema como este si está ejecutando un sitio de WordPress alojado por usted mismo y no tiene miedo de ensuciarse las manos. Comenzarás a explorar esa opción en el Capítulo 14.