{"id":10,"date":"2011-02-06T15:27:10","date_gmt":"2011-02-06T21:27:10","guid":{"rendered":"http:\/\/segueproject.org\/themes-shadowbox\/"},"modified":"2012-07-26T11:22:30","modified_gmt":"2012-07-26T17:22:30","slug":"documentation","status":"publish","type":"page","link":"https:\/\/segueproject.org\/themes-shadowbox\/documentation\/","title":{"rendered":"Documentation"},"content":{"rendered":"<div>\n<p>ShadowBox is WordPress theme that allows blog owners to choose various theme &#8220;options&#8221; to customize the appearance and layout of the ShadowBox theme.<\/p>\n<h3>New ShadowBox variations<\/h3>\n<p>WordPress users who have access to theme files can make their own variations of ShadowBox theme.<\/p>\n<h4>Image Variations<\/h4>\n<p>Put images for your variation in a subfolder in the images directory and access them using the $options[&#8216;background&#8217;] variable in the functions.php file (e.g. $options[&#8216;background&#8217;] = &lt;&lt;subfolder_name&gt;&gt;)<\/p>\n<h4>Variation Options<\/h4>\n<p>To display new variations to users, add them to the form in the shadowbox_options function. Update set_variation_option() with the default options and option value choses you would like to use in your theme. As well, update set_derivative_options function to set derivative options based on the primary options defined in the shadowbox_options function.<\/p>\n<p>Here are various ways to extending this theme.<\/p>\n<h4>Background Colors<\/h4>\n<p>New background colors can be added to $options[&#8216;background&#8217;].\u00a0 A given background color can then be used to set a number of other options including:<br \/>\n$options[&#8216;background_color&#8217;]<br \/>\n$options[&#8216;bgtextcolor&#8217;]<br \/>\n$options[&#8216;bglinkcolor&#8217;]<br \/>\n$options[&#8216;bgbordercolor&#8217;]<\/p>\n<p>The drop shadow used for most background colors is a .png file with a transparent background.\u00a0 This generally works for most background colors except black (which has its own set of images).\u00a0 Store these images in $options[&#8216;page_image_directory&#8217;] and use $options[&#8216;background_image_file&#8217;] to reference them.<\/p>\n<h4>Background Images<\/h4>\n<p>Background images can be used with this theme as well and are also stored in $options[&#8216;background_image_directory&#8217;].\u00a0 Currently &#8220;Gray-White&#8221;, &#8220;White-Gray&#8221;, &#8220;Yellow-White&#8221;, &#8220;White-Yellow&#8221;, &#8220;Blue&#8221; and &#8220;Green&#8221; all use background images.\u00a0 It is a good practice to set the background color to be something that approximates the dominant color of the background image.<\/p>\n<p>Use the $options[&#8216;background_repeat&#8217;] to set the background-repeat, $options[&#8216;background_position&#8217;] to set background-position and $options[&#8216;background_color&#8217;] to set background_color.<\/p>\n<h4>Header Colors<\/h4>\n<p>New header colors can also be created with $options[&#8216;headercolor&#8217;]. Based on the header color, the following options can be applied:<br \/>\n$options[&#8216;headertext&#8217;]<br \/>\n$options[&#8216;headerdescription&#8217;]<br \/>\n$options[&#8216;headerborder&#8217;]<br \/>\n$options[&#8216;headertop&#8217;]<br \/>\n$options[&#8216;headerbottom&#8217;]<\/p>\n<h4>Sidebar Colors<\/h4>\n<p>New sidebar colors can also be created with $options[&#8216;headercolor&#8217;].\u00a0 Based on the sidebar color, the following options can be applied:<br \/>\n$options[&#8216;sidebar-right-border-right&#8217;]<br \/>\n$options[&#8216;sidebar-right-border-bottom&#8217;]<br \/>\n$options[&#8216;sidebar-right-border-left&#8217;]<br \/>\n$options[&#8216;sidebar-left-border-right&#8217;]<br \/>\n$options[&#8216;sidebar-left-border-bottom&#8217;]<br \/>\n$options[&#8216;sidebar-left-border-left&#8217;]<\/p>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>ShadowBox is WordPress theme that allows blog owners to choose various theme &#8220;options&#8221; to customize the appearance and layout of the ShadowBox theme. New ShadowBox variations WordPress users who have access to theme files can make their own variations of&hellip; <a href=\"https:\/\/segueproject.org\/themes-shadowbox\/documentation\/\" class=\"continue-reading\">More &rarr;<\/a><\/p>\n","protected":false},"author":29,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"open","ping_status":"open","template":"","meta":{"footnotes":""},"class_list":["post-10","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/segueproject.org\/themes-shadowbox\/wp-json\/wp\/v2\/pages\/10","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/segueproject.org\/themes-shadowbox\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/segueproject.org\/themes-shadowbox\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/segueproject.org\/themes-shadowbox\/wp-json\/wp\/v2\/users\/29"}],"replies":[{"embeddable":true,"href":"https:\/\/segueproject.org\/themes-shadowbox\/wp-json\/wp\/v2\/comments?post=10"}],"version-history":[{"count":2,"href":"https:\/\/segueproject.org\/themes-shadowbox\/wp-json\/wp\/v2\/pages\/10\/revisions"}],"predecessor-version":[{"id":15,"href":"https:\/\/segueproject.org\/themes-shadowbox\/wp-json\/wp\/v2\/pages\/10\/revisions\/15"}],"wp:attachment":[{"href":"https:\/\/segueproject.org\/themes-shadowbox\/wp-json\/wp\/v2\/media?parent=10"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}