{"id":1602,"date":"2012-07-24T09:48:05","date_gmt":"2012-07-24T09:48:05","guid":{"rendered":"https:\/\/www.inmotionhosting.com\/support\/2012\/07\/24\/converting-templates-to-3\/"},"modified":"2020-09-22T17:09:40","modified_gmt":"2020-09-22T21:09:40","slug":"converting-templates-to-3","status":"publish","type":"post","link":"https:\/\/www.inmotionhosting.com\/support\/edu\/joomla\/joomla-3\/converting-templates-to-3\/","title":{"rendered":"Initial thoughts on converting existing templates to Joomla 3.0"},"content":{"rendered":"<p class=\"alert\">The information in this article has been transcribed from the <a href=\"https:\/\/www.youtube.com\/watch?v=gKUdobZ8u7k\" target=\"_blank\" rel=\"noopener noreferrer\">Joomla! User eXperience (JUX) Webinar<\/a>. This was a webinar upload in early June of 2012, in which Kyle Ledbetter (lead of the Joomla JUX project) discusses upcoming changes in Joomla 3.0<\/p>\n\n<h2>What about template conversion for existing sites to Joomla 3.0?<\/h2>\n<p><a href=\"\/support\/wp-content\/uploads\/2012\/07\/edu_joomla-3_news_changes-to-markup-in-joomla-3.gif\" rel=\"lightbox-0\"><img decoding=\"async\" width=\"726\" height=\"655\" src=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2012\/07\/edu_joomla-3_news_changes-to-markup-in-joomla-3.gif\" class=\"optimized-lcp-image\" alt=\"changes-to-markup-in-joomla-3\" loading=\"eager\" fetchpriority=\"high\" sizes=\"(max-width: 768px) 100vw, 768px\"><\/a><\/p>\n<div style=\"clear:both;\"><\/div>\n<p>We will need to put together some documentation for the list of styles. I mean basically one of the things you can do since we\u2019re using most of the markup from bootstrap, is you can see the kind of UI elements that you\u2019re going to need to support from your template, so you\u2019ll need to do a little bit of conversion. It\u2019s basically going to be adding new things like, for example, these thumbnails. These are going to be used now in components in Joomla 3.0. So you can see this very simple markup that you\u2019ll need to style. A point that I want to make is, because we\u2019re going to ship with some base styles in the core of joomla, if your template doesn\u2019t have these styles they\u2019re not going to look broken, they\u2019ll just look like this.<\/p>\n<div style=\"clear: both;\"><\/div>\n\n<h2>What about the big template providers like RocketTheme or YOOtheme with their templates? Will using their own template frameworks, like Gantry or Warp, not conflict with the bootstrap framework?<\/h2>\n<p>Yeah, that\u2019s a big concern, and in this we\u2019ve already been talking to a lot of the template clubs, and most of them already like\/love bootstrap and are using it in some way anyway. I know that Joomlashack is moving their entire framework over to bootstrap. I know RockTheme already uses bootstrap for some versions of the back end of gantry, so they\u2019re familiar with it so I\u2019m sure that Andy and his team will get on board with it. Again for them, it\u2019s a huge win because all we\u2019re doing is unifying all the markup in Joomla for them. Like a template club right now has to make a template specifically for Kunena or a template specifically for redSHOP or whatever. Now they can make a template for all components, so it\u2019s just a win for them.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>The information in this article has been transcribed from the Joomla! User eXperience (JUX) Webinar. This was a webinar upload in early June of 2012, in which Kyle Ledbetter (lead of the Joomla JUX project) discusses upcoming changes in Joomla 3.0 What about template conversion for existing sites to Joomla 3.0? We will need to<a class=\"moretag\" href=\"https:\/\/www.inmotionhosting.com\/support\/edu\/joomla\/joomla-3\/converting-templates-to-3\/\"> Read More ><\/a><\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[4403,94],"tags":[4404],"class_list":["post-1602","post","type-post","status-publish","format-standard","hentry","category-joomla","category-joomla-3","tag-joomla-v3"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.1.1 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Initial thoughts on converting existing templates to Joomla 3.0 | InMotion Hosting<\/title>\n<meta name=\"description\" content=\"Click here to learn what Kyle Ledbetter, head of the Joomla JUX project, has to say about Joomla 3.0 template conversion.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.inmotionhosting.com\/support\/edu\/joomla\/joomla-3\/converting-templates-to-3\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Initial thoughts on converting existing templates to Joomla 3.0 | InMotion Hosting\" \/>\n<meta property=\"og:description\" content=\"Click here to learn what Kyle Ledbetter, head of the Joomla JUX project, has to say about Joomla 3.0 template conversion.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.inmotionhosting.com\/support\/edu\/joomla\/joomla-3\/converting-templates-to-3\/\" \/>\n<meta property=\"og:site_name\" content=\"InMotion Hosting Support Center\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/inmotionhosting\/\" \/>\n<meta property=\"article:published_time\" content=\"2012-07-24T09:48:05+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2020-09-22T21:09:40+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2012\/07\/edu_joomla-3_news_changes-to-markup-in-joomla-3.gif\" \/>\n<meta name=\"author\" content=\"Brad Markle\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@InMotionHosting\" \/>\n<meta name=\"twitter:site\" content=\"@InMotionHosting\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Brad Markle\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"2 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/edu\/joomla\/joomla-3\/converting-templates-to-3\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/edu\/joomla\/joomla-3\/converting-templates-to-3\/\"},\"author\":{\"name\":\"Brad Markle\",\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/#\/schema\/person\/5ae05d1210b0ef63c437ccedce2799bf\"},\"headline\":\"Initial thoughts on converting existing templates to Joomla 3.0\",\"datePublished\":\"2012-07-24T09:48:05+00:00\",\"dateModified\":\"2020-09-22T21:09:40+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/edu\/joomla\/joomla-3\/converting-templates-to-3\/\"},\"wordCount\":378,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/#organization\"},\"image\":{\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/edu\/joomla\/joomla-3\/converting-templates-to-3\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2012\/07\/edu_joomla-3_news_changes-to-markup-in-joomla-3.gif\",\"keywords\":[\"Joomla v3\"],\"articleSection\":[\"Joomla\",\"Joomla 3\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/www.inmotionhosting.com\/support\/edu\/joomla\/joomla-3\/converting-templates-to-3\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/edu\/joomla\/joomla-3\/converting-templates-to-3\/\",\"url\":\"https:\/\/www.inmotionhosting.com\/support\/edu\/joomla\/joomla-3\/converting-templates-to-3\/\",\"name\":\"Initial thoughts on converting existing templates to Joomla 3.0 | InMotion Hosting\",\"isPartOf\":{\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/edu\/joomla\/joomla-3\/converting-templates-to-3\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/edu\/joomla\/joomla-3\/converting-templates-to-3\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2012\/07\/edu_joomla-3_news_changes-to-markup-in-joomla-3.gif\",\"datePublished\":\"2012-07-24T09:48:05+00:00\",\"dateModified\":\"2020-09-22T21:09:40+00:00\",\"description\":\"Click here to learn what Kyle Ledbetter, head of the Joomla JUX project, has to say about Joomla 3.0 template conversion.\",\"breadcrumb\":{\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/edu\/joomla\/joomla-3\/converting-templates-to-3\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.inmotionhosting.com\/support\/edu\/joomla\/joomla-3\/converting-templates-to-3\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/edu\/joomla\/joomla-3\/converting-templates-to-3\/#primaryimage\",\"url\":\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2012\/07\/edu_joomla-3_news_changes-to-markup-in-joomla-3.gif\",\"contentUrl\":\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2012\/07\/edu_joomla-3_news_changes-to-markup-in-joomla-3.gif\",\"width\":726,\"height\":655,\"caption\":\"changes-to-markup-in-joomla-3\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/edu\/joomla\/joomla-3\/converting-templates-to-3\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.inmotionhosting.com\/support\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Initial thoughts on converting existing templates to Joomla 3.0\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/#website\",\"url\":\"https:\/\/www.inmotionhosting.com\/support\/\",\"name\":\"InMotion Hosting Support Center\",\"description\":\"Web Hosting Support &amp; Tutorials\",\"publisher\":{\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.inmotionhosting.com\/support\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/#organization\",\"name\":\"InMotion Hosting\",\"url\":\"https:\/\/www.inmotionhosting.com\/support\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2023\/02\/inmotion-hosting-logo-yoast.jpg\",\"contentUrl\":\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2023\/02\/inmotion-hosting-logo-yoast.jpg\",\"width\":696,\"height\":696,\"caption\":\"InMotion Hosting\"},\"image\":{\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/inmotionhosting\/\",\"https:\/\/x.com\/InMotionHosting\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/#\/schema\/person\/5ae05d1210b0ef63c437ccedce2799bf\",\"name\":\"Brad Markle\",\"url\":\"https:\/\/www.inmotionhosting.com\/support\/author\/bradm\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Initial thoughts on converting existing templates to Joomla 3.0 | InMotion Hosting","description":"Click here to learn what Kyle Ledbetter, head of the Joomla JUX project, has to say about Joomla 3.0 template conversion.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.inmotionhosting.com\/support\/edu\/joomla\/joomla-3\/converting-templates-to-3\/","og_locale":"en_US","og_type":"article","og_title":"Initial thoughts on converting existing templates to Joomla 3.0 | InMotion Hosting","og_description":"Click here to learn what Kyle Ledbetter, head of the Joomla JUX project, has to say about Joomla 3.0 template conversion.","og_url":"https:\/\/www.inmotionhosting.com\/support\/edu\/joomla\/joomla-3\/converting-templates-to-3\/","og_site_name":"InMotion Hosting Support Center","article_publisher":"https:\/\/www.facebook.com\/inmotionhosting\/","article_published_time":"2012-07-24T09:48:05+00:00","article_modified_time":"2020-09-22T21:09:40+00:00","og_image":[{"url":"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2012\/07\/edu_joomla-3_news_changes-to-markup-in-joomla-3.gif","type":"","width":"","height":""}],"author":"Brad Markle","twitter_card":"summary_large_image","twitter_creator":"@InMotionHosting","twitter_site":"@InMotionHosting","twitter_misc":{"Written by":"Brad Markle","Est. reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.inmotionhosting.com\/support\/edu\/joomla\/joomla-3\/converting-templates-to-3\/#article","isPartOf":{"@id":"https:\/\/www.inmotionhosting.com\/support\/edu\/joomla\/joomla-3\/converting-templates-to-3\/"},"author":{"name":"Brad Markle","@id":"https:\/\/www.inmotionhosting.com\/support\/#\/schema\/person\/5ae05d1210b0ef63c437ccedce2799bf"},"headline":"Initial thoughts on converting existing templates to Joomla 3.0","datePublished":"2012-07-24T09:48:05+00:00","dateModified":"2020-09-22T21:09:40+00:00","mainEntityOfPage":{"@id":"https:\/\/www.inmotionhosting.com\/support\/edu\/joomla\/joomla-3\/converting-templates-to-3\/"},"wordCount":378,"commentCount":0,"publisher":{"@id":"https:\/\/www.inmotionhosting.com\/support\/#organization"},"image":{"@id":"https:\/\/www.inmotionhosting.com\/support\/edu\/joomla\/joomla-3\/converting-templates-to-3\/#primaryimage"},"thumbnailUrl":"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2012\/07\/edu_joomla-3_news_changes-to-markup-in-joomla-3.gif","keywords":["Joomla v3"],"articleSection":["Joomla","Joomla 3"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.inmotionhosting.com\/support\/edu\/joomla\/joomla-3\/converting-templates-to-3\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.inmotionhosting.com\/support\/edu\/joomla\/joomla-3\/converting-templates-to-3\/","url":"https:\/\/www.inmotionhosting.com\/support\/edu\/joomla\/joomla-3\/converting-templates-to-3\/","name":"Initial thoughts on converting existing templates to Joomla 3.0 | InMotion Hosting","isPartOf":{"@id":"https:\/\/www.inmotionhosting.com\/support\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.inmotionhosting.com\/support\/edu\/joomla\/joomla-3\/converting-templates-to-3\/#primaryimage"},"image":{"@id":"https:\/\/www.inmotionhosting.com\/support\/edu\/joomla\/joomla-3\/converting-templates-to-3\/#primaryimage"},"thumbnailUrl":"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2012\/07\/edu_joomla-3_news_changes-to-markup-in-joomla-3.gif","datePublished":"2012-07-24T09:48:05+00:00","dateModified":"2020-09-22T21:09:40+00:00","description":"Click here to learn what Kyle Ledbetter, head of the Joomla JUX project, has to say about Joomla 3.0 template conversion.","breadcrumb":{"@id":"https:\/\/www.inmotionhosting.com\/support\/edu\/joomla\/joomla-3\/converting-templates-to-3\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.inmotionhosting.com\/support\/edu\/joomla\/joomla-3\/converting-templates-to-3\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.inmotionhosting.com\/support\/edu\/joomla\/joomla-3\/converting-templates-to-3\/#primaryimage","url":"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2012\/07\/edu_joomla-3_news_changes-to-markup-in-joomla-3.gif","contentUrl":"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2012\/07\/edu_joomla-3_news_changes-to-markup-in-joomla-3.gif","width":726,"height":655,"caption":"changes-to-markup-in-joomla-3"},{"@type":"BreadcrumbList","@id":"https:\/\/www.inmotionhosting.com\/support\/edu\/joomla\/joomla-3\/converting-templates-to-3\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.inmotionhosting.com\/support\/"},{"@type":"ListItem","position":2,"name":"Initial thoughts on converting existing templates to Joomla 3.0"}]},{"@type":"WebSite","@id":"https:\/\/www.inmotionhosting.com\/support\/#website","url":"https:\/\/www.inmotionhosting.com\/support\/","name":"InMotion Hosting Support Center","description":"Web Hosting Support &amp; Tutorials","publisher":{"@id":"https:\/\/www.inmotionhosting.com\/support\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.inmotionhosting.com\/support\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.inmotionhosting.com\/support\/#organization","name":"InMotion Hosting","url":"https:\/\/www.inmotionhosting.com\/support\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.inmotionhosting.com\/support\/#\/schema\/logo\/image\/","url":"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2023\/02\/inmotion-hosting-logo-yoast.jpg","contentUrl":"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2023\/02\/inmotion-hosting-logo-yoast.jpg","width":696,"height":696,"caption":"InMotion Hosting"},"image":{"@id":"https:\/\/www.inmotionhosting.com\/support\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/inmotionhosting\/","https:\/\/x.com\/InMotionHosting"]},{"@type":"Person","@id":"https:\/\/www.inmotionhosting.com\/support\/#\/schema\/person\/5ae05d1210b0ef63c437ccedce2799bf","name":"Brad Markle","url":"https:\/\/www.inmotionhosting.com\/support\/author\/bradm\/"}]}},"jetpack_featured_media_url":"","jetpack_sharing_enabled":true,"primary_category":null,"_links":{"self":[{"href":"https:\/\/www.inmotionhosting.com\/support\/wp-json\/wp\/v2\/posts\/1602","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.inmotionhosting.com\/support\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.inmotionhosting.com\/support\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.inmotionhosting.com\/support\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.inmotionhosting.com\/support\/wp-json\/wp\/v2\/comments?post=1602"}],"version-history":[{"count":1,"href":"https:\/\/www.inmotionhosting.com\/support\/wp-json\/wp\/v2\/posts\/1602\/revisions"}],"predecessor-version":[{"id":60373,"href":"https:\/\/www.inmotionhosting.com\/support\/wp-json\/wp\/v2\/posts\/1602\/revisions\/60373"}],"wp:attachment":[{"href":"https:\/\/www.inmotionhosting.com\/support\/wp-json\/wp\/v2\/media?parent=1602"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.inmotionhosting.com\/support\/wp-json\/wp\/v2\/categories?post=1602"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.inmotionhosting.com\/support\/wp-json\/wp\/v2\/tags?post=1602"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}