Publicaciones etiquetadas ‘Menú’

Información adicional

Escrito por eco escuela 2.0 el . Posteado en Tema 6: Organización del blog

1. ¿Por qué recibo una advertencia que dice “El tema actual no admite de forma nativa los menús”?

No todos los temas son compatibles con menús personalizados. En los blogs del entorno ecoescuela 2.0 todos los temas que se van incorporando ya soportan esta característica, a no ser que en un futuro veamos la necesidad de uno que no lo lleve, pero que consideremos que cubra una carencia determinada (ejemplo es el tema P2 que va orientado a crear un blog de discusión, aunque en este caso si admite de forma nativa los menús personalizados). Fuera de “blogs de los Centros educativos” puedes encontrar los temas que soportan la característica de menús personalizados en Apariencia → Temas, eligiendo “menú personalizado” de la función de filtro de menú.

2. ¿Puedo crear un sub-menú de enlace personalizado?

Sí. Eres libre de arrastrar y soltar cualquiera de los tipos de elemento de menú en cualquier orden o jerarquía que te gustaría.

3. ¿Puedo configurar los destinos de los enlaces?

Sí. Expande el panel desplegable “Opciones de la pantalla” en la parte superior derecha de la pantalla y comprueba que la propiedad avanzada de menú “Destino del enlace” está marcado.

destinoenlace

Activación del menú y Múltiples menús

Escrito por eco escuela 2.0 el . Posteado en Tema 6: Organización del blog

La mayoría de los temas tienen un menú, pero algunos temas poseen más de un menú. En ambos casos, puedes crear varios diseños de menú diferente y fijarlos independientemente del menú activo.

Si ha creado más de un menú personalizado, asegúrate de activar el correcto, seleccionándolo en el menú desplegable y haciendo clic en “Guardar“.

Para editar los diferentes menús o crear otros nuevos, haz clic en la pestaña “Gestionar lugares”:

17-03-2014 10-50-47

En la pantalla “Gestionar lugares“, podrá ver qué lugares están disponibles para la visualización de los menús en el tema, y se puede asignar un menú para cada posición seleccionándola en el menú desplegable. También se le dará opciones para editar (que abre el menú seleccionado en la pantalla del menú de edición) o “Utilizar menú nuevo“, lo que le permitirá crear un nuevo menú para su utilización en ese lugar.

Crear un menú personalizado

Escrito por eco escuela 2.0 el . Posteado en Tema 6: Organización del blog

menus_custom-sub-menu-combo[1]

17-03-2014 10-18-57Para crear un menú personalizado, ve a Apariencia Menús en el escritorio de tu blog. Si no ves el panel “Apariencia“, es que no eres un administrador del blog.
WordPress indica que el tema no soporta los menús personalizados mostrándote el un mensaje de aviso en la pantalla de menús personalizados”. Aun así, aunque el tema que tienes activo para tu blog no esté preparado para el uso de menús WordPress nos permite, además, ubicar el menú con un widget, verticalmente, en la barra lateral.

Para crear un menú de navegación personalizado, haz clic  en el enlace crear un nuevo menú, escribe un nombre para él (que te ayude a recordar para que es) y haz clic en el botón “Crear menú“.

17-03-2014 10-22-31

Después de crear tu primer menú aparecerán dos nuevas opciones que controlan lo siguiente:

  1. Añadir páginas automáticamente: Si lo seleccionas, las nuevas páginas se añaden como elementos del menú automáticamente cuando estas son creadas.
  2. Ubicación del tema: Le permite decidir dónde desea que su menú personalizado aparezca en su tema. De forma predeterminada, el área de navegación principal de su tema debe ser seleccionado por usted, pero usted puede seleccionar una ubicación diferente si su tema es capaz de mostrar múltiples menús.

17-03-2014 10-22-311

Agregar elementos de menú

Añadir Páginas a tu menú

Agregar páginas a tu menú es tan sencillo como marcar las casillas apropiadas para las páginas que desees, en el módulo “Páginas”, y hacer clic en “Añadir al menú“.

paginas

categoriasAgregar categorías a tu menú

Todos los mensajes aparecerán en la página principal de tu blog, pero también puedes crear elementos de menú que enlacen a las categorías que sólo muestran los mensajes que has designado en una determinada categoría.

Simplemente marca la casilla de la categoría para la que deseas crear un elemento de menú y haz clic en “Añadir al menú“.

Asegúrate de hacer clic en el botón “Guardar menú” cada vez que realices cambios en tu menú personalizado.

guardar

Agregar etiquetas y entradas a tu menú

También puedes agregar etiquetas y entradas a tu menú personalizado a través de sus respectivos módulos. Para mostrar estos módulos en la pantalla de edición del menú personalizado, haz clic en el panel desplegable “Opciones de la pantalla” en la parte superior derecha de la pantalla:

17-03-2014 10-22-31

Marca las casillas de “Entradas” y/o “Etiquetas”, y los módulos aparecerán en la pantalla de edición de menú personalizado:

17-03-2014 10-40-41

enlacesAgregar enlaces personalizados

¿Quieres un elemento de menú que sea un enlace para acceder directamente a otra página web? ¡No hay problema! Escribe la dirección URL, el nombre de la etiqueta y, a continuación, haz clic en el botón “Añadir al menú“.

Cambio de títulos de los elementos de menú

También puedes cambiar la etiqueta y el elemento emergente sobre el texto de los elementos de menú, independientemente del nombre de la página, categoría y/o entrada a la que conecta, en sí. Para editar un título de un elemento de menú, haz clic en la flecha hacia abajo a la derecha del elemento.


Una vez ampliado, escribe el nuevo nombre de la etiqueta en el cuadro “Etiqueta de navegación” y el texto que desee flotar sobre el vínculo en el cuadro “Atributos del título“. La página subyacente siempre mostrará su nombre en la sección original del elemento de menú.


Tu elemento de menú se verá ahora así:

Cambiar el orden de los elementos de menú y crear sub-menús

En cualquier momento puedes cambiar el orden y la colocación de los elementos de menú. Arrastra y suelta los elementos arriba y abajo para cambiar el orden de los elementos de menú. Arrastra y suelta los elementos de izquierda y derecha (como se muestra en la imagen siguiente) para crear elementos de menú secundario.

menus_custom-sub-menu-combo[1]

Asegúrese hacer click en “Guardar menú” para guardar todos los cambios en su menú personalizado.

Menús personalizados

Escrito por eco escuela 2.0 el . Posteado en Tema 6: Organización del blog

050812_1324_Menspersona1.png

Una las características más importantes de WordPress es la creación de menús personalizados. Hasta la versión 3.0, WordPress permitía mostrar solamente las páginas o solamente las categorías del blog en los menús, pero no era posible mezclar ambas en un mismo menú. Por fortuna, actualmente podemos escoger las páginas, las categorías, las entradas y los enlaces (externos o internos) que deseemos mostrar en el mismo menú.

Si tienes un tema que soporta la función de los menús personalizados, puedes personalizar tu menú de navegación. Esto te permite:

  • Cambiar el orden de las páginas
  • Anidar páginas para crear sub-menús
  • Mostrar mensajes en varias páginas mediante la creación de páginas de categoría
  • Añadir los mensajes, páginas de etiquetas y vínculos personalizados al menú de navegación

A continuación se muestra un ejemplo de menús de navegación en un blog de centro educativo utilizando el tema “Twenty Ten“:


Descripción de los módulos de la pantalla de Creación/Edición de página

Escrito por eco escuela 2.0 el . Posteado en Tema 4: Crear y gestionar páginas

050812_1149_Descripcind24.png

Título de la Página

El título de la página. Podremos utilizar cualquier palabra o frase. Evitaremos usar el mismo título dos veces; puede causar problemas. En la última versión de WordPress se puede utilizar las comas, apóstrofes, comillas, guiones y otros símbolos típicos en las publicaciones como “¿Dónde estamos?”, ‘CEIP …’, u otros que en otras versiones no se podían utilizar.

12-03-2014 13-19-48

Editor del contenido de la Página

Es el lugar donde introduciremos el texto, los enlaces, las imágenes, los archivos multimedia y cualquier otra información que desea mostrar en su sitio.

Cuando creamos una página en nuestro blog personal o en el de centro, tendremos dos modos de edición disponibles y utilizaremos aquel con el cual nos sintamos más cómodos. Podremos utilizar la edición Visual o la edición HTML para crear o editar nuestras páginas.

El cambio entre los modos de edición visual y edición de HTML es fácil. Sólo tendremos que usar las etiquetas o pestañas directamente sobre el lado derecho del área de edición. Si no podemos ver la ficha “Visual“, debemos primero asegurarnos de que no está desactivada en las opciones personales de nuestro perfil de usuario.

13-03-2014 10-07-13

  • Editor Visual. Es el modo por defecto para los blogs de WordPress y tiene un aspecto muy similar a un procesador de textos.
    13-03-2014 10-09-10
  • El editor visual es el mismo que se utiliza para las entradas. Los iconos del editor visual permiten dar formato al texto, alineación de fuente, insertar viñetas y listas numeradas, y mucho más. El editor visual ofrece un editor de contenidos semi-WYSIWYG (lo que ves es lo que obtienes) que te permite crear, editar y formatear el contenido del blog en una vista similar a la de un procesador de textos.
    Este es el modo de edición por defecto de WordPress y el que se utiliza tanto en el blog del profesorado como en el blog de los centros, pero si no aparece habilitado, puede seleccionarlo en la pestaña “Visual” que está situada en la esquina superior derecha del área de edición, como se muestra a continuación:
  • editor-visual
  • Editor Texto. El editor Texto tiene menos opciones, pero permite editar directamente el código HTML de las páginas. Este modo de edición está dirigida a los usuarios que se sienten cómodos trabajando con el lenguaje HTML. Cuando tengamos que añadir un código corto (shortcode), modificar el estilo de fuente, o pegar código de una fuente externa, podremos utilizar el editor Texto.

No vamos a repasar todas los iconos que nos ofrece el editor porque ya los hemos mencionado en el Tema 1.

Opciones de la pantalla crear/editar página

Las Opciones de pantalla nos permitirán configurar aquellas secciones que se hacen visibles en el menú de crear una página.

Lo ideal es no tener visibles aquellas funciones que no utilizamos habitualmente. En la imagen vemos que podemos activar o desactivar las que nos interesan. No es necesario guardar ni afecta a lo que estamos escribiendo, es decir, en cualquier momento podremos hacer visibles las secciones que necesitemos:

Módulo: “Publicar”

13-03-2014 10-45-31Es la caja desde la cual podremos controlar todos los parámetros de configuración para publicar una página. Podremos visualizar como va quedando, guardarla como borrador, configura quien la puede ver, es decir si es pública, privada o visible con una contraseña. En esta sección podremos programar la fecha y hora de publicación.

Contiene botones y secciones que controlan el estado de su entrada:

  • Botón Vista previa: permite ver la página antes de publicarla oficialmente.
  • Botón Guardar borrador: le permite guardar la página como un borrador / pendiente de revisión en vez de publicar inmediatamente.
  • Sección de Estado.

    Para acceder a la misma haremos clic sobre “Editar”. Los principales estados son publicados, pendiente de revisión, y borrador. Un estado Publicado: la página se ha publicado en su blog para que todos la vean. Pendiente de revisión significa que el borrador está a la espera de revisión por un editor antes de su publicación. Borrador significa que el mensaje no ha sido publicado y sigue siendo un proyecto para usted.

Si selecciona un determinado estado de publicación y hace clic en el botón de Actualizar o el botón de Publicar, el estado se aplica para la página.

Por ejemplo, para guardar una página en estado de pendiente de revisión, seleccione la dicha opción en el desplegable de la opción Estado y haga clic en Guardar borrador (Podremos ver todas las páginas organizados por el estado yendo al subpanel de PáginasàTodas las páginas → Editar).

13-03-2014 9-38-18

  • Sección Visibilidad.

    Para acceder a la misma haremos clic sobre “Editar”. Determina cómo se verá la página al mundo. La opción “Público” hará visible la página para todos los visitantes del sitio web. La opción Protegida con contraseña, se publican las páginas, pero los visitantes deben conocer la contraseña para ver el contenido de estas. Privada, hace la página visible sólo para usted (y otros editores o administradores de su sitio).

  • Sección Publicar el:

    Para acceder a la misma haremos clic sobre “Editar”. Para programar una página para su publicación en un tiempo futuro o fecha, haga clic en “Editar” en el área de publicación junto a las palabras “Publicar inmediatamente“. También puede cambiar la fecha de publicación a una fecha en el pasado hasta la fecha los mensajes de vuelta. Cambie la configuración a la hora deseada y la fecha. También debe hacer clic en el botón “Publicar” cuando haya completado los datos.

  • Botón Publicar.
    13-03-2014 10-45-3

    Publica el contenido de la página en el sitio. Puede modificar el momento en que el mensaje es publicado por hacer clic en el enlace Editar situado encima del botón Publicar y especificando el tiempo que desea que el mensaje será publicado. De forma predeterminada, en momento del primer auto-guardado en la entrada será la fecha y hora del mensaje dentro de la base de datos.
  • Enlace a Mover a la papelera.

    Envía la página o noticia creada a la papelera para no ser publicada ni guardada como borrador.

Módulo de Atributos de página

13-03-2014 10-55-44Será el lugar donde configuremos alguna características que vamos a dar a nuestra página y que tienen que ver con si se trata de una página principal o una página anidada, el tipo de plantilla que utilizaremos y el orden.

La primera opción que encontramos en este módulo se llama “Superior“. Debajo de la misma encontramos un combo en el que se muestra una lista de todas las páginas ya creadas para su sitio. Para convertir la página que estamos creando o editando en una subpágina, o “hijo” de otra página “superior” o “padre”, seleccionaremos la página apropiada de la lista desplegable. Si especificas una página superior de la lista diferente a la “(sin superior)“, la página que estemos editando ahora se convierte en subpágina de la página seleccionada. Cuando las páginas se listen (en un widget de páginas), la subpágina queda anidada debajo de la página superior.

La siguiente opción es la opción llamada “Plantilla“, debajo aparece un combo en el que se muestran todas las plantillas disponibles con el Tema y nos permitirá elegir una que quedará asociada a la página creada.

Finalmente aparece la opción “Orden” que tienen un recuadro que por defecto carga el número 0 y que nos permite poner un número que se utilizará para ordenar las páginas. Normalmente las páginas se ordenan alfabéticamente, pero puedes elegir tu propio orden introduciendo un número (1 para la primera, etc) en este campo.

Módulo: Imagen destacada

13-03-2014 10-57-17

La imagen destacada es un módulo que permite asociar una imagen a la página para que el Tema de WordPress la pueda gestionar en la presentación.

Dependiendo del tipo de Tema que utilicemos se pueden presentar como una miniatura en un lateral o en la cabecera sustituyendo a la imagen de cabecera (para ello la imagen destacada debe tener las medidas mínimas que utiliza la cabecera).

Para establecer una imagen destacada haremos clic sobre el enlace “Asignar imagen destacada“, subiremos la imagen siguiendo el procedimiento de arrastrar o explorar desde el ordenador, desde una URL o seleccionarla de una de las imágenes que ya están en la Librería multimedia y cuando la tengamos en la Galería seleccionaremos sobre el botón “Asignar imagen destacada

En el módulo de Imagen destacada aparecerá la imagen que hemos seleccionado y si queremos eliminarla haremos clic sobre el enlace: “quitar la imagen destacada

13-03-2014 11-46-17

Módulo de campos personalizados (usuarios avanzados)

Es un módulo al que le pueden sacar partido los usuarios avanzados, pero para los que se inician no tiene mucho interés. Nos ofrecen una manera de agregar información adicional a nuestro sitio.

Antes de seguir, hay que aclarar que WordPress tiene por defecto varios campos generales, entre los cuales se encuentran, nombre de la página, subtítulo de la página (slug), fecha de publicación y demás.

Esta cantidad de metadatos es suficiente para la mayoría de los blogueros, pero por suerte y como WordPress es una herramienta muy completa, permite el agregado de otros campos, dependiendo de nuestra necesidad y de nuestros conocimientos.


Módulo de Comentarios

Opciones para permitir la interactividad y la notificación de sus mensajes. Esta sección alberga dos casillas de verificación: Permitir comentarios en esta página y permitir trackbacks y pingbacks en esta página.

Si Permitir comentarios no está marcada, no se puede enviar comentarios a esta página en particular.

Si Permitir pings no está marcada, no se puede publicar pingbacks o trackbacks a esta página en particular.

Módulo de Autor

Aparecerá un desplegable con la  lista de todos los autores del blog. Se puede seleccionar con el fin de atribuir como el autor de la página. Esta sección sólo se muestra si hay varios usuarios con derechos de autor en su blog. Para ver la lista de usuarios, consulte la ficha o panel Usuarios en el margen izquierdo.

Módulo Page Links To

Nos permite asociar una dirección URL a la página que hemos creado. Por lo que se utiliza mucho para crear páginas de inicio con un funcionamiento distinto al habitual de un blog en el que se listan todas las páginas.

Para crear una página de inicio con un funcionamiento personalizado crearíamos una categoría llamada por ejemplo “página principal”. Luego crearíamos una página que asignaremos como página principal de nuestro Weblog.

En la caja “Page Links To” hay que poner la dirección URL hacia la categoría donde será redirigida esta página. En nuestro caso será a la categoría “Página principal”. En este ejemplo pondríamos:
http://www3.gobiernodecanarias.org/medusa/edublogs/ceipdeejemplo/pagina-principal. Leer más

Módulo de Slug o Enlace permanente (conveniente no tocarlo y dejar que lo gestione WordPress)

Después de guardar la página, se creará el enlace permanente, que e muestra a continuación del título. El enlace permanente es la dirección con la que se guarda en la base de datos de WordPress y por tanto es la que utilizaremos cuando nos interese acceder a la misma. Cada vez que se cargue la página será la dirección URL que aparece en el explorador.

13-03-2014 11-47-23

No es conveniente tocar esta opción y dejar que la gestione WordPress. Para evitar problemas se debería desactivar en el menú de Opciones de Pantalla.

Crear elemento de menú sin enlace

Escrito por eco escuela 2.0 el . Posteado en Noticias

Los menús de WordPress son un gran avance, aunque parezca poca cosa. El hecho de poder configurar un menú de navegación por entradas, páginas, categorías, etiquetas o enlaces personalizados, sin tocar una línea de código, es algo demandado hace tiempo, sobre todo porque era algo que ya tenían otros CMS (sistema de gestión de contenidos).

Y desde WordPress 3.0 ya está disponible internamente en WordPress la gestión de menús en los temas.

Pues bien, una pregunta, que se hacen en muchos centros educativos es cómo añadir un elemento de menú que no enlace a nada, que sea una especie de ancla a la que se añadan otros submenús.

Nuevas características: Enlaces, Ordenación, Paginación

Escrito por eco escuela 2.0 el . Posteado en Noticias

por Jane Wells en Sólo otro blog de WordPress.com.

¡Oh cielos!

Es esa época del año otra vez, cuando la gente de WordPress.org comienza a añadir los retoques finales en la próxima version de WordPress (en este caso, la versión 3.2), personalmente, estoy muy emocionada con las características que disfrutas desde hace tiempo. Aquí están las funcionalidades nuevas que puedes encontrar cada vez que entres en tu Escritorio

Nueva Funcionalidad de Menús Personalizables

Escrito por eco escuela 2.0 el . Posteado en Noticias

por Jane Wells en Sólo otro blog de WordPress.com.

Lo más destacado de la versión 3.0 de wordpress (el sistema de blog que está detrás de los blog de los Centros educativos), es su nuevo sistema de menús personalizables, que esta muy innovador, pero del cual quizá no se den cuenta. Acaso no has querido tener un titulo diferente, al de las paginas, en la navegación de tu blog? O cambiar el orden de la paginas a como tu las quieres ordenar? No has querido cambiar o mezclar paginas, categorías, o enlaces al azar en tu navegación, en vez de que el tema lo decida por ti? Si respondes si a estas preguntas, hoy es tu día de suerte! Con los nuevos menús personalizables podrás hacer todo esto.

Barra amarilla corporativa del Gobierno de Canarias

© Gobierno de Canarias

A %d blogueros les gusta esto: