Jueves, Mayo de 17 de 2012
   
TEXTO:

Estamos en Facebook

Share
Search
Search Keyword: Resultados encontrados: 13
Etiqueta: Crear contenido Ordering
Galería en artículo

UNA INTERESANTE GALERÍA DE IMÁGENES EN TUS ARTÍCULOS

    Ya vimos en otro manual de este mismo bloque, la forma de insertar una galería de imágenes en cualquier parte de tu web (dentro de una de las posiciones de módulos que admita tu plantilla), pero ¿es posible colocar una galería de imágenes dentro de cualquier artículo?, la respuesta es SI, por supuesto. Y además verás de qué forma tan sencilla lo hacemos.

     Se trata de una extensión (plugin): Simple Picture Slideshow que con sólo ingresar unas simples líneas de código te va a permitir crear esa galería e insertarla donde quieras dentro de tu artículo. Se trata de una galería que aunque pueda parecer simple, creo que es genial para tal cometido; las imágenes pasan en slideshow según el ciclo de tiempo que le indiques, además podrás colocar un título y texto en cada una de dichas imágenes (o sólo en algunas de ellas), o si lo deseas, colocar las imágenes solamente, a tu gusto.

    Lo que te llevará mayor trabajo para crear esta Galería, será la preparación de tus imágenes (con medidas iguales para todas ellas, y teniendo en cuenta no sobrepasar el ancho del lugar donde vayas a mostrar el artículo). Pero bueno, vamos a verlo todo paso por paso...

DESCARGAR EL ARCHIVO NECESARIO

    Necesitarás descargarte el plugin 082_plg_besps_1.5.4.zip, desde el sitio oficial bretteleben.de (lo tienes después de la demo, en un apartado que pone "Download").

PREPARAR LAS IMÁGENES PARA LA GALERÍA

    Tendrás que preparar tus imágenes al tamaño que quieres que tengan cuando las muestres en tu artículo, todas ellas del mismo tamaño. Es muy sencillo con programa como PhotoShop, e incluso con Paint (el de Windows). Podrás colocar en la Galería cuantas quieras, pero debes prepararlas antes. En el ejemplo que te mostraré, yo preparé 4 imágenes de un tamaño de 400 x 200 px. (a partir de unas fotos que saqué hace unos días).

    Una vez que las tengas listas, a través de FTP (o en tu ordenador si estás trabajando en local), tendrás que crear una carpeta ( tiene que ser dentro de /images/stories/ de Joomla) a la que llamas como quieras:

    • Fíjate cómo he creado la carpeta galeriaarticulo precisamente dentro de la ruta que te he indicado. Y justamente dentro de esa carpeta será donde coloques las imágenes que quieres poner en tu Galería. Ya tienes lista la primera parte del trabajo.

INSTALAR EL PLUGIN

    Ahora vas a tu Panel de administrador de Joomla 1.5 y procedes a instalar el plugin como siempre (Extensiones > Instalar/Desinstalar):

    • Cuando lo tengas ya instalado, vas al Gestor de plugins (en Extensiones > Gestor de plugins) y búscalo, es este:

    • Picas sobre él para entrar en la pantalla de configuración, que es esta:

    • Aparecen un montón de apartados en la parte derecha; déjalos tal cual porque están así perfectos. Únicamente debes colocar en el ancho y alto, las medidas reales de tus imágenes; si por ejemplo te aparece por defecto 400 y 300, cámbialos por las medidas tuyas.    Y por supuesto en la parte izquierda debes poner en SI el apartado Publicado:. Después guarda la configuración.

CREAR EL ARTÍCULO E INCLUÍRLE LA GALERÍA 

    Como ya tienes todo listo, sólo te queda ahora crear el nuevo artículo donde quieres insertar tu Galería de imágenes:

    • Puedes ver en el ejemplo que entre el texto he abierto un espacio (dos saltos de línea) y ahí será donde coloque la Galería. Se trata de teclear un código que tiene esta esctructura:

    • Tiene una parte fija: y otra opcional que es lo que ves situado entre las etiquetas anteriores: 0??myTitle?myText que será el encargado de incluír título y texto en cada imagen; son cuatro campos. En mi caso quedará así:

    • Estudia este código porque aunque te pueda parecer muy complicado, es sumamente sencillo; y POR SUPUESTO escríbelo una vez y luego usa el "Copiar - Pegar" para las otras líneas (cambiando en cada caso luego el nombre de la imagen, el título y texto por el que necesites que aparezca).

IMPORTANTE:

    Este código lo usarías solamente si quieres que tus imágenes se muestren con texto y título. Pues en caso de que tan sólo quieras colocar la Galería con las imágenes, sin más, el código a colocar sería mucho más sencillo:

    nombredetucarpetadeimagenes

    Así de simple en este caso, tan sólo necesitas escribir el nombre de la carpeta que habías creado ¿recuerdas?, la que contiene todas las imágenes (¡¡ojo!!, no tienes que escribir /images/stories/; solamente el nombre de la carpeta).    En este caso, te aparecería la Galería en el artículo, con las imágenes mostrándose seguidas, pero sin texto alguno.

IMPORTANTE - 2:

    Quede claro que en el caso de que quieras la Galería completa (imágenes + título + texto), deberás colocar ambos códigos juntos, de esta forma:

COMPROBAMOS EL RESULTADO

    • Para ver la Galería funcionando, una vez que hemos guardado y publicado nuestro artículo, nos vamos a nuestra web y abrimos el referido artículo:

    Esto es todo, ¿esperabas quizás más dificultad?. De esta forma podrás colocar galerías de imágenes muy interesantes en los artículos donde lo necesites.    Supongo que podrás colocar incluso más de una Galería en un mismo artículo (cuestión de crear nueva carpeta con imágenes y en el código cambiar lo necesario). NO LO HE PROBADO, pero aseguraría que funciona... Si tú lo pruebas, házmelo saber y pondré una nota aquí para asegurarlo.

¿QUIERES VERLA FUNCIONANDO EN EL EJEMPLO?

 
Paginación en artículo

TODO SOBRE LA PAGINACIÓN EN TUS ARTÍCULOS

    Si vas a publicar un artículo con una gran extensión en texto e imágenes, quizás es una buena idea el "dividirlo" en varias páginas mediante la técnica de la paginación. De esta forma podrás evitar que esa longitud desmesurada de tu artículo se muestre en una sola página...

    Pero además, lo interesante de la paginación en cualquier artículo es que Joomla 1.5 procederá de forma automática a crear un índice del contenido (al estilo de los índices que aparecen en los libros), que enlazarán a cada una de las páginas que hayas creado (cuantas quieras).

    Aunque pueda parecer complicada, la tarea de insertar paginación en artículo es sumamente sencilla, según podrás observar en este manual que te ofrezco, donde te explico lo que necesitas, paso a paso. Sería ideal que tú realices pruebas (por ejemplo en una instalación de Joomla 1.5 en local (mediante Xampp) para observar el funcionamiento de la paginación y coger práctica en su uso...

Para la elaboración de este ejemplo, he usado el editor de texto JCE para Joomla 1.5 (tienes un manual que lo explica todo sobre dicho editor). Si usas el predeterminado TinyMCE no puedo garantizarte que los pasos y resultado sean idénticos, pues no lo he probado; supongo que sí deben ser iguales...Puedes hacer pruebas y nos comentas los resultados; te lo agradeceríamos todos.

    Para este ejemplo, entro como siempre a mi Panel de administración de Joomla 1.5 y voy a crear un nuevo artículo:

SE PUEDE PAGINAR CON EL TEXTO YA ESCRITO

    Efectivamente, puede efectuarse la paginación de dos formas:1.- Teniendo el texto escrito completamente, y paginar en la(s) zona(s) que queramos, y2.- Ir paginando después de cierto texto, añadiendo más texto y nueva paginación, y así sucesivamente. 

    En la primera forma, tenemos ya texto escrito; para paginar nos colocamos en el punto de dicho texto donde queremos "partirlo" e insertar la primera paginación:

    • Estando situados en el lugar exacto, picaremos abajo en Paginación, y nos aparecerá:

    • Sólo hay dos apartados, Título de la página (el que quieras darle --no aparece en el índice--), y Tabla de alias del contenido (es el que aparecerá en el índice que creará Joomla 1.5 automáticamente). Hecho esto, picamos en el botón Insertar paginación:

O PAGINAR Y ESCRIBIR TEXTO A CONTINUACIÓN

    En este segundo caso (que te muestro ahora), después de acabar cierto texto, insertamos una paginación y después seguimos escribiendo. Sería de esta forma:

    • Puedes ver que acabado cierto texto, imágenes, etc. doy un salto de página y ahí inserto la paginación en este caso (la forma es idéntica a la que he explicado más arriba):

    • Y una tercera...(puedes hacerlo las veces que necesites); en este ejemplo lo dejaremos así:

LLEGA EL MOMENTO DE COMPROBAR NUESTRA PAGINACIÓN

    Una vez que hemos acabado nuestro artículo y tras Guardar el mismo, hay que comprobar el resultado, así que en nuestro navegador, vamos a nuestra web y abrimos dicho artículo:

 

    CORRECTO!!; la paginación ha funcionado y ya puedes ver que el artículo presenta un aspecto impecable. Muestra arriba a la derecha un índice muy vistoso, con los enlaces correspondientes a cada una de las páginas en las que hayamos dividido nuestro artículo. Si se pica en cualquiera de estos enlaces se accede a la página seleccionada.    Además al final de este índice hay un último enlace "Todas las páginas"  que mostraría al usuario el artículo completo.

    Finalmente, fíjate que en la parte inferior de cada página existe un "Prev - Próximo >>" para acceder hacia adelante/atrás en el artículo. Muy interesante esta utilidad de Paginar en un artículo. Hemos terminado aquí.

 

¿Te gusta?, vótanos

Buscar en esta web

Mi canal

mi canal en Youtube

Votar Top

Sitios top de deseoaprender.com

El tiempo

Santander
20°C
Santander 20°C | Madrid 22°C | Barcelona 15°C | Sevilla 12°C | París 13°C | Londres 14°C | New York 23°C | Moscú 22°C
[Detalles]

El calendario

Contactar

Cuantas manos tiene una persona? (nº)
Email:
Asunto:
Mensaje:

Nuestras visitas

mod_vvisit_countermod_vvisit_countermod_vvisit_countermod_vvisit_countermod_vvisit_countermod_vvisit_countermod_vvisit_counter
mod_vvisit_counterHoy957
mod_vvisit_counterAyer2102
mod_vvisit_counterEsta semana6531
mod_vvisit_counterÚltima semana12324
mod_vvisit_counterEste mes28063
mod_vvisit_counterÚltimo mes51916
mod_vvisit_counterTotal1596705

Tu IP:: 38.107.179.210
Hoy: 17 May, 2012

Otros manuales míos

cursos Pintura   cursos Dibujo   Word 2007   Excel 2007   Power Point 2007   Windows 7