Asistencia al usuario para autores de contenido

Ejemplo de diseño de navegación de páginas

Éste es un ejemplo de diseño de un elemento de navegación de páginas.

Este ejemplo utiliza dos elementos de navegación de páginas para producir un sistema de navegación de páginas como este:

Tabla 1. Ejemplos de los dos elementos de navegación de páginas para producir un sistema de navegación de páginas
<<
<
...
4,5,6
...
>
>>
Página 5 de 10.   Ir a la página:       Número de elementos que se mostrarán: 10 | 50 | Todos

Primer elemento de navegación de páginas

  1. Cree un componente de navegación de páginas llamado "firstnavigation".
  2. Seleccione Avance (primero, anterior, siguiente y último control) y Paginación (numeración de página y continuación).
  3. Seleccione Limitar número de páginas y escriba 3 en el campo asociado.
  4. Especifique el texto siguiente en estos campos de diseño de elementos:
    Tabla 2. Primer diseño del elemento de navegación de páginas
    Elemento de diseño Código de diseño
    Cabecera <span>
    Pie de página </span>
    Separador | </span><span>
    Primer control - diseño activo <font color="#000000">&lt;&lt;</font>
    Primer control - diseño inactivo <font color="#999999">&lt;&lt;</font>
    Control anterior - diseño activo <font color="#000000">&lt;</font>
    Control anterior - diseño inactivo <font color="#999999">&lt;</font>
    Control siguiente - diseño activo <font color="#000000">&gt;</font>
    Control siguiente - diseño inactivo <font color="#999999">&gt;</font>
    Último control - diseño activo <font color="#000000">&gt;&gt;</font>
    Último control - diseño inactivo <font color="#999999">&gt;&gt;</font>
    Continuación ...

Segundo elemento de navegación de páginas

  1. Cree un componente de navegación de páginas llamado "secondnavigation".
  2. Seleccione Saltar a la página (recuadro de entrada de página) y Tamaño de página (selección del tamaño de página).
  3. Defina este valor en la sección Saltar a la página (recuadro de entrada de página):
    • Etiqueta de campo: Ir a la página:
    • Tamaño de campo: 3
  4. Defina este valor en la sección >Control del tamaño de página:
    • Etiqueta de campo: Número de elementos que se mostrarán:
    • Tamaños de página:
      10 | 10
      50 | 50
      0 | All
  5. Especifique el texto siguiente en estos campos de diseño de elementos:
    Tabla 3. Segundo diseño del elemento de navegación de páginas
    Elemento de diseño Código de diseño
    Cabecera
    <span>
    Page [PageInfo value="currentPage" ]
    [PageInfo value="unknownPages" knowntext="of" unknowntext="of at least" ]
    [PageInfo value="totalPages" ].
    </span>
    <span>
    Pie de página
     | </span>
    Separador
    </span><span>

Referencia de los componentes de navegación de páginas en otro diseño de elemento

Los códigos de componentes se utilizan para hacer referencia a los componentes de navegación de páginas en otro diseño de elemento, por ejemplo un menú:
<div>
[component name="firstnavigation" ]
<br>
[component name="secondnavigation" ]
</div>