En este artículo se va a explicar cómo pasar del antiguo diseño de las páginas de Bosque Theravada al nuevo diseño.
En cada momento se indica dónde pulsar mediante un recuadro rojo.
Pulsa en las imágenes para ampliarlas.
Sólo pueden gestionar contenido estático los usuarios que sean manager, administrador o superadministrador.
Es decir, sólo los usuarios con acceso a la zona de administración.
Acceder al panel de administración.
- Para el sitio de pruebas: http://musgooo.ifastnet.com/administrator
- Para el sitio real: http://www.bosquetheravada.org/administrator/
Introducid vuestro usuario y contraseña.
Ya que podéis acceder a la administración, podéis editar este mismo artículo (desde la administración o desde la propia web) para añadir los comentarios que consideréis oportunos.
Por ejemplo, vamos a ver cómo pasar el artículo "El desarrollo del budismo en diferentes partes del mundo".
El aspecto del mismo con el diseño antiguo es el siguiente:
Como vemos, la página antigua está "incrustada" en el nuevo diseño. Esto se hace mediante lo que se llama en Joomla "Wrapper".
Para pasar al nuevo diseño, lo primero es saber cómo publicar contenido estático en Joomla. Para ello, leer el artículo de las preguntas frecuentes "Cómo publicar contenido estático".
Hay que tener en cuenta algunas cuestiones generales:
Las páginas antiguas son muy grandes (unos 100 KB cada una) y eso no es recomendable en Internet, ya que pueden haber usuarios con una conexión lenta o usuarios que no les interesa esperar a que se cargue todo el artículo para leer una parte del mismo. Es por esto que lo mejor es "trocear" las páginas antiguas (es decir, de una página antigua creamos varias páginas nuevas). Para ello podemos guiarnos por los enlaces que hay en las páginas antiguas.
Siguiendo con el ejemplo, el artículo "El desarrollo del budismo en diferentes partes del mundo" lo trocearíamos en las siguientes páginas:
- Introducción (sería lo que queda del artículo original tras "quitarle" el resto de secciones)
- El budismo Theravada o "Camino de los Ancianos"
- El budismo Mahayana o "El Gran Vehículo"
- El budismo Vajrayana o "El Camino del Diamante"
- El budismo Zen
Para ello, una vez dentro del administrador de Joomla, debemos crear un nuevo artículo de contenido estático, tal como se explica en el artículo de las preguntas frecuentes "Cómo publicar contenido estático".
Una vez creado, con el navegador abierto con la página antigua, seleccionamos el trozo (texto y las imagenes) que queremos cambiar el diseño. Lo copiamos.
Y lo pegamos en el editor del nuevo artículo ya creado (pero hasta el momento sin contenido).
Ahora nos ponemos al principio del texto y la damos al Enter o retorno de carro para que cuando se muestre en la web el texto no esté tan pegado al título.
Ahora seleccionamos todo el texto, pulsamos el botón "Remove formatting" (el icono es como una goma de borrar), luego en la lista desplegable "Font size" seleccionamos este valor (es decir lo dejamos sin valor) y en la lista desplegable "Styles" seleccionamos "clear". Por último se "justifica" todo el texto, pulsando el botón "Align full".
Todo esto se muestra en la siguiente imagen:
Si tenéis conocimientos de HTML, también podéis acceder al código HTML de la página pulsando el botón "HTML" que está al lado del botón "Remove formatting" (el icono es como una goma de borrar).
Debéis añadir las secciones en el nuevo artículo, para que posteriormente, cuando creemos los nuevos artículos, las podáis enlazar.
Para ello copiarlas o escribirlas y seleccionar el botón "Unordered list".
En cualquier momento podéis ver cómo quedaría el artículo si lo publicásemos pulsando el botón "Preview". Sólo muestra la página que estamos editando, no la muestra "integrada" en el portal.
Al finalizar, pulsar el botón "Save" para guardar los cambios.
Ahora el artículo está creado. Sin embargo, en estos momentos existen los dos artículos (el antiguo y el nuevo) y si se accede a la web se ve el artículo antiguo. Más tarde veremos cómo sustituirlo por el nuevo.
Pero antes vamos a ver un caso más complejo, y son los artículos con imágenes.
Para ello vamos a continuar con el artículo de ejemplo.
Lo siguiente sería crear el artículo de "El budismo Theravada o Camino de los Ancianos" que sí que contiene imágenes.
Los pasos son los mismos que los descritos anteriormente (al seleccionar el contenido a pasar, aseguraros de seleccionar también las imágenes). El contenido se debe copiar desde la página abierta en el navegador.
Estaríamos en el editor del artículo con este aspecto:
Lo primero es seleccionar el texto situado a la izquierda de la imagen y quitarle el formato, pulsando el botón "Remove formatting" (el icono es como una goma de borrar).
Ahora hay que pulsar el botón "Table row properties" para dar el formato a la fila de la tabla (al copiar y pegar del artículo original lo pone como una tabla).
Se abrirá una nueva ventana para introducir las propiedades.
En "Vertical alignment" seleccionar "Top" y en "Class" seleccionar "clear". Al finalizar pulsar el botón "Update", tal como se muestra en la imagen, para volver a la página de edición del artículo:
Ahora párrafo por párrafo, seleccionarlo y justificarlo (botón "Align full").
Por defecto la sangría que os debe aplicar es la francesa (la primera palabra más a la derecha que en el resto de líneas). Si en un párrafo esto no es así, seleccionarlo y en la lista desplegable "Format" seleccionad "Paragraph".
Vamos a ver ahora cómo editar las imágenes.
Para ello, en el editor del artículo, seleccionar la imagen y pulsar el botón "Insert/Edit Image"
Se abrirá una nueva página para introducir información de la imagen.
Ahora hay que buscar la imagen (una forma de hacerlo es poneros encima de la imagen en la página original en el navegador y pulsar el botón derecho y seleccionar "Propiedades").
En la ventana que os abre, en la parte de abajo es donde debeís seleccionar la imagen. Primero seleccionar la carpeta donde está y luego la imagen. Después pulsar el botón "Update".
Si no encontráis la foto, siempre la podéis subir desde vuestro PC. Para ello pulsad el botón "Upload". Sin embargo es recomendable que utilicéis esta forma sólo si la imagen no estuviera subida (salvo error, todas las imágenes están ya almacenadas en el servidor).
No redimensionéis la imagen. Dejadala en el tamaño original aunque en el editor se vea muy grande. En el portal hay un componente que hace automáticamente las imagenes más pequeñas. Se debe poner el tamaño original para que así cuando un usuario en el portal pulse la imagen se le abra a tamaño original y la pueda ver mejor (igual que en este artículo).
El aspecto que debe quedar es el siguiente:
Repetid este proceso con cada imagen del artículo y con todos los artículos.
Ahora que ya tenemos todos los artículos correctamente maquetados, nos queda por hacer varias cosas:
Cambiar el enlace del menú principal de la izquierda para que al pulsar nos muestre la página con el nuevo diseño.
Poner los submenús (para que en el menú de la izquierda aparezca un enlace para cada "trozo que hemos hecho")
Cambiar el enlace de la página original desde la que se accede (en este caso "Budismo Theravada")
Poner los enlaces en la página de introducción del nuevo artículo (troceamos el original y pusimos entradas a cada "trozo").
Bibliografía
Vamos con ello.
Para cambiar el enlace del menú principal de la izquierda, debemos eliminar el antiguo enlace. Para ello ir al menú principal ("Menu" y despues "mainmenu") y localizar el enlace antiguo. En este caso "El desarrollo posterior del budismo". En Type debe poner "Wrapper".
Marcamos la casilla de la izquierda y pulsar el botón "Trash". Cuidado porque esto es eliminar y si nos equivocamos estamos eliminando otro enlace del menú.
Ahora hay que ponerle el nuevo enlace (el de la introducción del artículo). Para ello lo primero es crear la entrada de menú (pulsando el botón de "New" ) y seleccionar "Link – Static Content" (Enlace – Contenido Estático).
Introducimos el texto que aparecerá en el menú y seleccionamos el "Parent Item" (en este caso "Budismo Theravada"). Al finalizar pulsar "Save".
Cuando se crea una nueva entrada de menú, por defecto se pone colgando del padre en el último lugar (en este caso, en el menú, sería el último artículo que colgaría de "Budismo Theravada").
Para poner el artículo en su posición correcta, primero comprobar que cuelga del padre apropiado. Después pulsar en enlace de la entrada de menú y en "Ordering" seleccionar en qué posición debería ir (en la lista desplegable os salen los artículo, seleccionar cuál va delante de este. En este caso deberíamos seleccionar "Otras enseñanzas importantes")
Hay otro método alternativo para "ordenar" la posición de los enlaces del menú. En el listado de elementos del menú hay una columna llamada "Reorder" con unos iconos de algo parecido a un triángulo. Si pulsáis los correspondientes a una determinada entrada de menú, la podéis subir o bajar en el orden.
Repetid este proceso para todos los submenús de la página que hemos troceado.
Ahora el artículo está enlazado al menú. Queda así:
Como podéis observar, no aparece el menú de la izquierda. Para hacer que aparezca, seleccionad en los menús que están arriba, "Modules" y después "Site Modules". Seleccionad "Main Menu".
Como véis, a la izquierda no están señalados los artículo en los que debe aparecer el menú de la izquierda de la web. Para hacer que aparezca, mantener presionado en vuestro teclado la tecla "Ctrl" (Control) y con el ratón pulsad la entrada correpondiente.
Al finalizar pulsad el botón "Save".
Nota: Si en el menú superior no os aparece la opción "Modules", es porque para que salga se debe tener permisos de administrador. Si es vuestro caso,poneros en contacto con nosotros para que os demos los permisos adecuados.
Ahora debemos cambiar el enlace en la página donde está el contenido (en el ejemplo, la página de Budismo Theravada).
Para ello, ir al menú de la parte superior y seleccionar "Content" y luego "Static Content Manager". Saldrá el listado de los artículos. Pulsad en "Budismo Theravada" y os mostrará el contenido de la página.
Ahora hay que cambiar el enlace del artículo "El desarrollo posterior del budismo", por lo que hay que seleccionar todo el texto del enlace y pulsar el botón "Insert/Edit Link", tal como se muestra en la siguiente imagen:
Se abre una página donde introducir la dirección. Para averiguar cual es, en el navegador donde tenéis abierta la página del portal (no de la administración), poner encima el ratón y seleccionad "Copiar acceso directo". Después en la página de la administración pegad la dirección. Al finalizar, pulsad el botón "Update".
Al volver a la página con el contenido, pulsar el botón "Save".
Ya se ha cambiado el enlace de la página de contenido y se ha puesto el nuevo enlace.
Para cambiar los enlaces de dentro de la página que hemos troceado (recordad que en la página de "Desarrollo posterior del budismo" habiamos puesto un texto para luego enlazar, ya que esta página la hemos troceado en varias), repetid este proceso para todos los submenús de la página que hemos troceado.
La página resultante se muestra a continuación:
Ahora sólo falta añadir en esta misma página la bibliografía. Para ello sólo tenéis que copiar desde la página original y pegar en la de edición del artículo.
Al finalizar, este es el resultado:
Por último, comprobad que todos los enlaces funcionan correctamente, accediendo a la páginas y también revisando que el contenido está bien maquetado.
¡Y ya hemos acabado!
Como podéis ver, es un proceso laborioso. No es complicado una vez se aprende.
Muchas gracias por vuestra colaboración.
