{"id":3401,"date":"2023-06-16T19:49:03","date_gmt":"2023-06-16T19:49:03","guid":{"rendered":"https:\/\/obo.zoj.mybluehost.me\/uncategorized\/frameworks-micro-themes-develop-your-own\/"},"modified":"2025-02-17T11:53:52","modified_gmt":"2025-02-17T11:53:52","slug":"frameworks-micro-themes-develop-your-own","status":"publish","type":"post","link":"https:\/\/ioninteractive.com\/ionacademy\/frameworks-micro-themes-develop-your-own\/","title":{"rendered":"Frameworks &#038; Micro-Themes: Develop Your Own"},"content":{"rendered":"<p>This kit includes a developer&#8217;s&nbsp;guide (.pdf), a master theme LESS guide (.pdf) and a companion framework (.zip). The companion framework includes an example theme (.css) and master LESS files (.less, .css).<\/p>\n<p>Throughout the guide, you will find helpful references to example code in the companion framework. You will also learn:&nbsp;<\/p>\n<ul>\n<li>What the different pieces are<\/li>\n<li>Directory structure<\/li>\n<li>What a master page is<\/li>\n<li>Creating themes and Micro-Themes<\/li>\n<li>Creating themes from ion\u2019s provided LESS Files*<\/li>\n<li>Form styling<\/li>\n<li>Framework specific image libraries<\/li>\n<li>In-console framework management&nbsp;<\/li>\n<\/ul>\n<h3>Prerequisites&nbsp;<\/h3>\n<p>Implementers of ion path frameworks need the following minimum skills\u2014current web site development skills including understanding and proficiency with:<\/p>\n<ul>\n<li>HTML\/XHTML<\/li>\n<li>CSS (Cascading Style Sheets)<\/li>\n<li>LESS*<\/li>\n<li>Code compiler*<\/li>\n<\/ul>\n<h3>*Master LESS Files<\/h3>\n<p>If you are familiar with CSS pre-processors, ion has developed a set of LESS files that utilize variables that allow you to create themes in a fraction of the time as coding from just CSS. By utilizing our LESS files, you can insert your colors and fonts into the variables and get a theme in your brand colors quickly. The guide teaches you about:<\/p>\n<ul>\n<li>The program requirements for using our LESS files<\/li>\n<li>The content of our Master LESS Files<\/li>\n<li>The structure of our settings.less file and the important variables<\/li>\n<\/ul>\n<p><a href=\"https:\/\/f.hubspotusercontent30.net\/hubfs\/355484\/ion_Dev_MicroTheme_Guide_v2-1-2.zip\" target=\"_blank\" rel=\"noopener\">ion_Dev_MicroTheme_Guide_v2-1.zip<br \/>\n<\/a><br \/>\n<a href=\"https:\/\/355484.fs1.hubspotusercontent-na1.net\/hubfs\/355484\/Master%20Theme%202023.zip\" target=\"_blank\" rel=\"noopener\">Master Theme 2023.zip<\/a><\/p>\n<p><a href=\"https:\/\/f.hubspotusercontent30.net\/hubfs\/355484\/Theme%20Training%20-%20Technical%20Documentation.pdf\" target=\"_blank\" rel=\"noopener\">Theme Training &#8211; Technical Documentation.pdf<\/a><\/p>\n<p>&nbsp;<\/p>\n<hr>\n<p data-pm-slice=\"1 1 [&quot;bullet_list&quot;,{},&quot;list_item&quot;,{}]\">If you have any questions, please contact us on <a href=\"mailto:help@ioninteractive.com\" rel=\"noopener noreferrer nofollow\">help@ioninteractive.com<\/a>.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>This kit includes a developer&#8217;s&nbsp;guide (.pdf), a master theme LESS guide (.pdf) and a companion framework (.zip). The companion framework includes an example theme (.css) and master LESS files (.less, .css). Throughout the guide, [&hellip;]<\/p>\n","protected":false},"author":21,"featured_media":5868,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"nf_dc_page":"","footnotes":""},"categories":[2030,7],"tags":[2171,2127,2157],"class_list":["post-3401","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-ion-themes","category-the-themes","tag-custom-css","tag-ion-themes","tag-micro-themes"],"_links":{"self":[{"href":"https:\/\/ioninteractive.com\/ionacademy\/wp-json\/wp\/v2\/posts\/3401","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ioninteractive.com\/ionacademy\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/ioninteractive.com\/ionacademy\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/ioninteractive.com\/ionacademy\/wp-json\/wp\/v2\/users\/21"}],"replies":[{"embeddable":true,"href":"https:\/\/ioninteractive.com\/ionacademy\/wp-json\/wp\/v2\/comments?post=3401"}],"version-history":[{"count":2,"href":"https:\/\/ioninteractive.com\/ionacademy\/wp-json\/wp\/v2\/posts\/3401\/revisions"}],"predecessor-version":[{"id":5870,"href":"https:\/\/ioninteractive.com\/ionacademy\/wp-json\/wp\/v2\/posts\/3401\/revisions\/5870"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/ioninteractive.com\/ionacademy\/wp-json\/wp\/v2\/media\/5868"}],"wp:attachment":[{"href":"https:\/\/ioninteractive.com\/ionacademy\/wp-json\/wp\/v2\/media?parent=3401"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/ioninteractive.com\/ionacademy\/wp-json\/wp\/v2\/categories?post=3401"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/ioninteractive.com\/ionacademy\/wp-json\/wp\/v2\/tags?post=3401"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}