{"id":4892,"date":"2012-05-04T11:36:58","date_gmt":"2012-05-04T11:36:58","guid":{"rendered":"http:\/\/www.apprentalonline.es\/blog\/?p=1927"},"modified":"2012-05-04T11:36:58","modified_gmt":"2012-05-04T11:36:58","slug":"la-parte-de-atras-de-joomla-plantillas-ii","status":"publish","type":"post","link":"https:\/\/www.k3bone.com\/blog\/2012\/05\/la-parte-de-atras-de-joomla-plantillas-ii\/","title":{"rendered":"La parte de atr\u00e1s de Joomla – Plantillas II"},"content":{"rendered":"

\"\"<\/a><\/p>\n

Tal y como os promet\u00ed en el anterior tutorial \u00abLa parte de atr\u00e1s de Joomla – Plantilla I<\/a>\u00bb vamos a ver distintas partes importantes que componen el archivo INDEX.PHP<\/strong> de nuestra plantilla.<\/p>\n

\u00bfQu\u00e9 es Index.php en una plantilla joomla?<\/h2>\n

B\u00e1sicamente podemos decir que el index.php<\/strong> se convierte en el n\u00facleo de todas las p\u00e1ginas de Joomla!. La plantilla en s\u00ed funciona a\u00f1adiendo c\u00f3digo en los m\u00f3dulos de posici\u00f3n de tu plantilla y la secci\u00f3n de componentes. Todo lo que a\u00f1adimos a la plantilla aparecer\u00e1 en todas las p\u00e1ginas.<\/p>\n

Codificando el index.php de Joomla!<\/h3>\n

Para que lo entend\u00e1is mejor, vamos a ver un ejemplo, que vendr\u00eda a ser el c\u00f3digo con el que comienza toda plantilla en joomla 1.5+:<\/p>\n

\n<?php defined( '_JEXEC' ) or die( 'Restricted access' );?>\n<!DOCTYPE html PUBLIC "-\/\/W3C\/\/DTD XHTML 1.0 Transitional\/\/EN"\n    "http:\/\/www.w3.org\/TR\/xhtml1\/DTD\/xhtml1-transitional.dtd">\n<html xmlns="http:\/\/www.w3.org\/1999\/xhtml"\n   xml:lang="<?php echo $this->language; ?>" lang="<?php echo $this->language; ?>" >\n<\/pre>\n
La primera l\u00ednea es una directiva de seguridad de Joomla!<\/strong> para comprobar si est\u00e1 definida la variable \u00ab_JEXEC\u00bb. Esta variable se comprueba para evitar que la gente puedan acceder a nuestras p\u00e1ginas directamente sin hacer las comprobaciones de seguridad que incluye Joomla!.<\/p>\n
La siguiente l\u00ednea que interesa comentar es la del lenguaje, que como v\u00e9is hay usa PHP para que as\u00ed cuando nostros seleccionemos el idioma en nuestro panel de administraci\u00f3n, autom\u00e1ticamente se cambiar\u00e1 en todas las p\u00e1ginas de nuestro sitio. Aqu\u00ed est\u00e1 el kit de las p\u00e1ginas din\u00e1micas.<\/p>\n
Head en plantillas Joomla!<\/h3>\n
Una parte primordial del archivo index.php es donde indicamos los meta tags (title, description, keywords), las hojas de estilos, los archivos javascript, etc .. Una parte que se tiene muy en cuenta en el posicionamiento de una p\u00e1gina web (aunque hay que decir que ya no repercute de igual manera que hace un tiempo).<\/p>\n
Veamnos el c\u00f3digo:<\/p>\n
\n<head>\n<jdoc:include type="head" \/>\n<link rel="stylesheet" href="<?php echo $this->baseurl ?>\/templates\/system\/css\/system.css" type="text\/css" \/>\n<link rel="stylesheet" href="<?php echo $this->baseurl ?>\/templates\/system\/css\/general.css" type="text\/css" \/>\n<link rel="stylesheet" href="<?php echo $this->baseurl ?>\/templates\/<?php echo $this->template; ?>\/css\/template.css" type="text\/css" \/>\n<\/head>\n<\/pre>\n
Con la primera l\u00ednea \u00abjdoc\u00bb Joomla! va a incluir en todos nuestras p\u00e1ginas los metatags correspondientes como: title, description, keywords, etc ..), con las siguientes l\u00ednea como muchos adivinar\u00e9is, estamos usando las hojas de estilo del sistema y uno con nuestros propios estilos llamado template.css<\/strong> que se encontrar\u00e1 en la carpeta CSS.<\/p>\n
Body en plantillas Joomla!<\/h3>\n
PAra entender la parte Body de nuestra plantilla, vamos a hacerlo lo m\u00e1s b\u00e1sico posible que bastar\u00e1 para conocer el m\u00e9todo y as\u00ed poder modificarlo a nuestro gusto:<\/p>\n
\n<body>\n<jdoc:include type="modules" name="top" \/>\n<jdoc:include type="component" \/>\n<jdoc:include type="modules" name="bottom" \/>\n<\/body>\n<\/pre>\n
Es muy sencillo comprender este c\u00f3digo. Lo \u00fanico que tendremos que indicar son las modulos o compoenentes que tengamos configurados para que se muestre por pantalla en la posici\u00f3n que queramos. Es decir, por ejemplo en la primera l\u00ednea \u00abjdoc\u00bb vemos como estamos diciendole que muestre el m\u00f3dulo con la posici\u00f3n \u00abtop\u00bb.<\/p>\n
Para terminar tan s\u00f3lo tendremos que cerrar la etiqueta HTML y habremos creado nuestra primer INDEX.PHP de la plantilla, que aunque muy simple, nos ha servido para entender su estructura.<\/p>\n
\"\"<\/a><\/p>\n
En k3bone<\/strong> tenemos un plan Joomla!<\/a> espec\u00edfico con el que te instalamos Joomla!<\/strong> con todo lo necesario para empezar. As\u00ed mismo, te ayudamos a elegir e instalar cualquier plantilla de dise\u00f1o<\/a> para vestir tu sitio web. Desde s\u00f3lo 5,45<\/strong>\u20ac\/mes<\/p>\n
\u00cdndice de nuestro monogr\u00e1fico sobre Joomla!<\/strong>:<\/p>\n
    \n
  1. Joomla! \u2013 Introducci\u00f3n e historia<\/a><\/strong><\/li>\n
  2. \u00bfC\u00f3mo instalar Joomla!?<\/a><\/strong><\/li>\n
  3. La parte de atr\u00e1s de Joomla! \u2013 Componentes y m\u00f3dulos<\/a><\/strong><\/li>\n
  4. La parte de atr\u00e1s de Joomla! \u2013 Plugins<\/a><\/strong><\/li>\n
  5. La parte de atr\u00e1s de Joomla! \u2013Plantillas I<\/a><\/strong><\/li>\n
  6. La parte de atr\u00e1s de Joomla! \u2013Plantillas II
    \n<\/a><\/strong><\/li>\n<\/ol>\n
    Informaci\u00f3n Relacionada:\u00a0<\/strong><\/strong>Tu web basada en Joomla! desde 5,45\u20ac\/mes!<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"
    Tal y como os promet\u00ed en el anterior tutorial \u00abLa parte de atr\u00e1s de Joomla – Plantilla I\u00bb vamos a ver distintas partes importantes que componen el archivo INDEX.PHP de nuestra plantilla. \u00bfQu\u00e9 es Index.php en una plantilla joomla? B\u00e1sicamente podemos decir que el index.php se convierte en el n\u00facleo de todas las p\u00e1ginas de […]<\/p>\n","protected":false},"author":3,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"footnotes":""},"categories":[40,34],"tags":[76,60,75,27,58,67],"class_list":["post-4892","post","type-post","status-publish","format-standard","hentry","category-joomla-webs-apps","category-programacion-de-sitios-web","tag-cms","tag-customizacion","tag-instalar-tema","tag-joomla","tag-plantilla","tag-plantillas"],"featured_image_src":{"landsacpe":false,"list":false,"medium":false,"full":false},"_links":{"self":[{"href":"https:\/\/www.k3bone.com\/blog\/wp-json\/wp\/v2\/posts\/4892","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.k3bone.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.k3bone.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.k3bone.com\/blog\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/www.k3bone.com\/blog\/wp-json\/wp\/v2\/comments?post=4892"}],"version-history":[{"count":0,"href":"https:\/\/www.k3bone.com\/blog\/wp-json\/wp\/v2\/posts\/4892\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.k3bone.com\/blog\/wp-json\/wp\/v2\/media?parent=4892"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.k3bone.com\/blog\/wp-json\/wp\/v2\/categories?post=4892"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.k3bone.com\/blog\/wp-json\/wp\/v2\/tags?post=4892"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}