Agregar Posiciones a template para Joomla 1.5 (Artisteer 2) - Taringa!

Agregar Posiciones a template para Joomla 1.5 (Artisteer 2)

APUNTES Y MONOGRAFAS | HACE MS DE 3 AOS 5
0 0

Pelculas en Netflix
www.netflix.com Las Mejores Pelculas de Todos Los Tiempos en Netflix. Prueba Aqu!

Por donde comenzar, todos los que conocemos de joomla hemos alguna vez querido hacer nuestros propios templates, y hacer que el mismo sea mas dinamico, obviamente todos hemos visto las plantillas profesionales
diseadas por JoomArt, GavickPro o Rockettheme. Los cuales nos muestran funcionalidad y buen gusto, asi como una extensa y detallada maquetacin en CSS. Quizas la herramientas que mas sencillo nos haga el diseo de un templata para Joomla 1.5 sea precisamente Artisteer,
que en su versin 2.3.0.23326 Edicin Estandar nos permite creear increibles diseos de templates. Con colores, fondos, tipos de letras e imagenes. Pero cada template generado es producido con las mismas posiciones. Es aqu donde nos preguntamos Donde esta el ROTATOR o la posicin de LOGIN?

Pues
bien. Esas no existen en los templates pregenerados de Artisteer por lo
que si queremos generarlos debemos de ponerlas nosotros mismos! Bien.. asi que comencemos con nuestro trabajo. Necesitaremos: 1.
Un template a tres columnas generado con Artisteer version 2.3.0.23326,
con disposicin de la pgina tipo "Men - Encabezado"

http://www.taringa.net/posts/apuntes-y-monografias/4923049/Agregar-Posiciones-a-template-para-Joomla-1-5-Artisteer-2.html[22/01/2014 12:03:16 a.m.]

Agregar Posiciones a template para Joomla 1.5 (Artisteer 2) - Taringa!

2. Un editor de html o php (Dreamweaver, Notepad ++) 3. Un servidor de web local (yo en lo personal uso WAMPSERVER) 4. Paciencia. Lo primero:
determinar las posiciones existentes en el template. Por regla general,
Artisteer nos dara un template con las siguiente secciones. En la seccin superior: USER3 = Contendra el Menu superior HEADER = Contiene el nombre de la pagina, y el subtitulo o slogan, adems de la imagen de header BANNER1 = Primer Espacio para banner. TOP 1, 2 y 3 = Espacios de usuario (33 %) LEFT = La famosa columna izquierda del template. En la columna media: BANNER2 = Segundo espacio de banner, insertado sobre la seccion de contenidos y entre ambas columnas. BREADCRUM = Posicion por defecto de la ruta de acceso, ubicado sobre la seccion de contenidos. USER1 y 2 = Secciones de usuario (50%) BANNER3 = tercera posicion de banner, insertado antes del contenido. CONTENIDO = El cuerpo completo de nuestro sitio web, conocida tambien como seccin de blog. BANNER4 = Cuarta posicion de banner USER4 y 5 = Dos posiciones de usuario mas (50%) BANNER5 = Ultima posicin de banner en el cuerpo central RIGHT = La famosa columna derecha del template. En la seccion final: BOTTOM1, 2 y 3 = Secciones de usuario, del 33% del ancho cada una. BANNER6 = Ultima posicion de banner. SYNDICATE - COPYRIGHT = Seccin de suscripcion a nuestro Fedd RSS y Copyright Para una muestra mas grfica, ve esta imagen:

http://www.taringa.net/posts/apuntes-y-monografias/4923049/Agregar-Posiciones-a-template-para-Joomla-1-5-Artisteer-2.html[22/01/2014 12:03:16 a.m.]

Agregar Posiciones a template para Joomla 1.5 (Artisteer 2) - Taringa!

Queremos agregarle las siguientes posiciones: BANNER = posicin de banner en la parte superior, antes de nuestro encabezado. LOGIN = posicin de acceso de usuario, junto al menu superior, ideal para un modulo de acceso por java. ROTATOR = posicin independiente ideal para un modulo de NEWSHOWCASE. FLASHNEWS = Posicion para banderin de noticias rapidas. SEARCH = Posicion destacada para el cuadro de busqueda, junto al flashnew. De tal manera que nuestro template quede asi:

http://www.taringa.net/posts/apuntes-y-monografias/4923049/Agregar-Posiciones-a-template-para-Joomla-1-5-Artisteer-2.html[22/01/2014 12:03:16 a.m.]

Agregar Posiciones a template para Joomla 1.5 (Artisteer 2) - Taringa!

Comenzamos: Paso No 1: copiaremos los archivos index.php y templateDetails.xml

de nuestro carpeta del template que generamos con Artisteer. Esto es muy importante ya que nos quedaremos con una copia de seguridad de
nuestros archivos originales, asi en caso de cualquier falla, podemos volver a comenzar. Paso No 2: abrimos el archivo templateDetails.xml, es donde agregaremos las nuevas posiciones. Esto se
hace casi al final del archivo donde encontraremos la declaracion <positions> <position>user3</position> <position>top1</position> <position>top2</position> </positions> Lo
nico que tenemos que hacer es agregar la posicion deseada en una linea nueva de la lista, dentro de las

http://www.taringa.net/posts/apuntes-y-monografias/4923049/Agregar-Posiciones-a-template-para-Joomla-1-5-Artisteer-2.html[22/01/2014 12:03:16 a.m.]

Agregar Posiciones a template para Joomla 1.5 (Artisteer 2) - Taringa!

declaraciones de posiciones, en el siguiente formato <position>NOMBRE_DE_LA_POSICION</position> Siendo asi agregaremos: <position>banner</position> <position>login</position> <position>rotator</position> <position>fashnews</position> <position>search</position> Salvamos el archivo y lo cerramos. Paso No 3: abrimos el archivo index.php,
es en este archivo donde haremos la mayoria de los cambios, esto se
debe a que es donde se determina la ubicacin de las posiciones. Agregaremos primero el BANNER superior, ubicando la linea 31 del codigo php, donde encontraremos la instruccin: <div id="art-main"> Justo debajo de ella agregaremos: <jdoc:include type="modules" name="banner" style=artstyle artstyle=art-nostyle /> Esta
instruccion agregara el modulo BANNER con sus respectivos estilos css (obviamente estos estilos se determinan al crear la plantilla con Artisteer) Agregamos ahora la posicin de LOGIN,
esta posicion es un poco ms latosa, dado que dependera de hacia donde cargamos nuestro menu (izquierda, derecha o contrado), locarizaremos la linea 44, donde se encuentra la instruccin: <jdoc:include type="modules" name="user3" /> La sustituiremos por las siguientes lneas: <table class="position" cellpadding="0" cellspacing="0" border="0"> <tr valign="top"> <td width="20%"> <jdoc:include type="modules" name="login" /><td> <td width="80%"> <jdoc:include type="modules" name="user3" /><td> </tr> </table> Esto
nos agregara la posicion LOGIN ocupando solo el 20% del ancho total, y la posicin USER3 con el 80%, se uso en este caso de esta manera debido a que el menu ubicado en USER3 esta cargado hacia la derecha. En
dado caso que nuestro menu este cargado hacia el otro lado, se ha de invertir el orden en el que se declaran las celdas de la tabla. dijo:Nota:
el codigo generado por Artisteer es en CSS sin tablas, pero no esta preparado para ubicar un modulo en esta posicion, asi que debemos de declarar las tablas, no afecta a ninguna otra seccin.[/quote] Ahora agregaremos la posicin ROTATOR, la cual la insertaremos aproximadamente en la linea 60 del codigo, donde encontraremos la instruccin: <jdoc:include type="modules" name="banner1" style=artstyle artstyle=art-nostyle /> La que sustituiremos por: <jdoc:include type="modules" name="rotator" style=artstyle artstyle=art-article /> Como veran estamos sustituyendo la posicin original de BANNER1 por la nueva posicion de ROTATOR, y aunque bien pudimos haber insertado el modulo de NEWSHOWCASE en la posicion BANNER1, esta no tiene formato. La declaracion artstyle=art-article en la nueva linea nos pone un borde al modulo que lo hace ver mas atractivo, mientras que la declaracin artstyle=art-nostyle en la lnea original lo mantiene sin borde. Es cuestion de gustos, asi que prueben a ver como les agrada mas. Inmediatamente
debajo insertaremos las posiciones NEWFLASH y SEARCH adems que reposicionaremos BANNER1 (no tiene caso perder una posicin ya declarada), en modulos separados debajo de los tres TOPS, en la linea 61
encontraremos la instruccion: <?php echo artxPositions($document, array('top1', 'top2', 'top3'), 'art-block'); ?> Justo debajo de ella, insertaremos las dos siguientes lneas: <?php echo artxPositions($document, array('newsflash', 'search'), 'art-article'); ?> <jdoc:include type="modules" name="banner1" style=artstyle artstyle=art-nostyle />

http://www.taringa.net/posts/apuntes-y-monografias/4923049/Agregar-Posiciones-a-template-para-Joomla-1-5-Artisteer-2.html[22/01/2014 12:03:16 a.m.]

Agregar Posiciones a template para Joomla 1.5 (Artisteer 2) - Taringa!

La
primera nos creara el espacio para las dos posiciones que queremos insertar y el segundo es la misma linea que sustituimos al insertar el ROTATOR. Con esto la edicion de nuestro cdigo esta completa y la pagina debera de lucir tal como se muestra en la imagen (Claro, con los colores que hayan elegido) Como vern esta
edicin no mueve en ningn momento el codigo CSS del template, asi que ningn modulo adicional se vera afectado, lo he
probado en MOZILLA FIREFOX 3.6 e INTERNET EXPLORER 8 y en ambos
funciono bien. Este escrito pretende ser una guia para insertar las posiciones, obviamente con algo mas de paciencia podremos crear a partir del template de Artisteer uno ms complejo y que cumpla mejor nuestros requerimientos. Cabe destacar que los mismos parametros con los que se insertaron las posiciones deseadas funcionarian para cualquiera de los otros layouts generados por el software, solo tienen que identificar las lineas que equivalen a cada una de las instrucciones ya sealadas. Para la edicin de la pagina y probar su funcionalidad, use adems estos modulos de Joomla: Modulo de LOGIN: Core Design Login Module y Core Design Scriptegrator plugin Modulo de ROTATOR: Lof ArticlesSlideShow module Modulo de FLASHNEWS: Rok-Newsflash

http://www.taringa.net/posts/apuntes-y-monografias/4923049/Agregar-Posiciones-a-template-para-Joomla-1-5-Artisteer-2.html[22/01/2014 12:03:16 a.m.]