{"id":585,"date":"2014-11-19T05:25:23","date_gmt":"2014-11-19T05:25:23","guid":{"rendered":"https:\/\/bootstrapwp.com\/?page_id=585"},"modified":"2014-11-19T05:25:24","modified_gmt":"2014-11-19T05:25:24","slug":"wordpress-theme-options-panel-tutorial","status":"publish","type":"page","link":"https:\/\/bootstrapwp.com\/wordpress-theme-options-panel-tutorial\/","title":{"rendered":"WordPress Theme Options Panel Tutorial"},"content":{"rendered":"

<\/i> WordPress Theme Options Panel <\/h2>\n
\n
\n
Free<\/span> Theme Option Panel Tutorial Series \u2013 What to Expect<\/a>Adding a Theme Options Panel to our WordPress theme<\/a>Setting up the basic WordPress Theme Options Panel<\/a>Setting up an example Theme Option<\/a>Adding Fixed\/Static and Inverse\/Default Header Theme Options<\/a>WordPress Toolbar CSS for Fixed and Static Navigations<\/a>PHP conditional statements in WordPress<\/a>WordPress Theme Option for Custom Logo<\/a>Theme Options for WordPress Blog<\/a>Adding a Custom CSS field to the Theme Options Panel<\/a>Adding all the Bootswatch Themes<\/a>Adding a Theme Option to upload a Favicon<\/a>Theme Option to select Portfolio columns<\/a>Portfolio Filter Theme Options<\/a>Footer Theme Options to manage the copy<\/a>Adding Social Icons to our Theme Options<\/a>Adding a Drag and Drop sorter to arrange the Homepage layout<\/a>Homepage Sorter \u2013 Featured Content in Bootstrap Jumbotron<\/a>Homepage Sorter \u2013 Adding Three Widget Areas<\/a>Homepage Sorter \u2013 Adding Hero Post<\/a><\/div>\n<\/div>\n
\n

<\/i> This series of tutorials will explain how to create and add a Theme Options Panel. You will also learn how to use the options throughout your WordPress theme.<\/p>\n<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"

WordPress Theme Options Panel Free Theme Option Panel Tutorial Series \u2013 What to ExpectAdding a Theme Options Panel to our WordPress themeSetting up the basic WordPress Theme Options PanelSetting up an example Theme OptionAdding Fixed\/Static and Inverse\/Default Header Theme OptionsWordPress Toolbar CSS for Fixed and Static NavigationsPHP conditional statements in WordPressWordPress Theme Option for Custom […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"open","template":"template-full-width-no-title.php","meta":{"_bbp_topic_count":0,"_bbp_reply_count":0,"_bbp_total_topic_count":0,"_bbp_total_reply_count":0,"_bbp_voice_count":0,"_bbp_anonymous_reply_count":0,"_bbp_topic_count_hidden":0,"_bbp_reply_count_hidden":0,"_bbp_forum_subforum_count":0,"footnotes":""},"class_list":["post-585","page","type-page","status-publish","hentry"],"yoast_head":"\nWordPress Theme Options Panel Tutorial - BootstrapWP<\/title>\n<meta name=\"description\" content=\"This tutorial goes over how to a theme options panel to your WordPress theme. These setting will allow users to customize the WordPress theme.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/bootstrapwp.com\/wordpress-theme-options-panel-tutorial\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"WordPress Theme Options Panel Tutorial - BootstrapWP\" \/>\n<meta property=\"og:description\" content=\"This tutorial goes over how to a theme options panel to your WordPress theme. These setting will allow users to customize the WordPress theme.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/bootstrapwp.com\/wordpress-theme-options-panel-tutorial\/\" \/>\n<meta property=\"og:site_name\" content=\"BootstrapWP\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/BootstrapWP\" \/>\n<meta property=\"article:modified_time\" content=\"2014-11-19T05:25:24+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/bootstrapwp.com\/wp-content\/uploads\/2014\/10\/bootstrap-wordpress.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1200\" \/>\n\t<meta property=\"og:image:height\" content=\"630\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:site\" content=\"@BragInteractive\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"1 minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/bootstrapwp.com\/wordpress-theme-options-panel-tutorial\/\",\"url\":\"https:\/\/bootstrapwp.com\/wordpress-theme-options-panel-tutorial\/\",\"name\":\"WordPress Theme Options Panel Tutorial - BootstrapWP\",\"isPartOf\":{\"@id\":\"https:\/\/bootstrapwp.com\/#website\"},\"datePublished\":\"2014-11-19T05:25:23+00:00\",\"dateModified\":\"2014-11-19T05:25:24+00:00\",\"description\":\"This tutorial goes over how to a theme options panel to your WordPress theme. These setting will allow users to customize the WordPress theme.\",\"breadcrumb\":{\"@id\":\"https:\/\/bootstrapwp.com\/wordpress-theme-options-panel-tutorial\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/bootstrapwp.com\/wordpress-theme-options-panel-tutorial\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/bootstrapwp.com\/wordpress-theme-options-panel-tutorial\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/bootstrapwp.com\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"WordPress Theme Options Panel Tutorial\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/bootstrapwp.com\/#website\",\"url\":\"https:\/\/bootstrapwp.com\/\",\"name\":\"BootstrapWP\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/bootstrapwp.com\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"WordPress Theme Options Panel Tutorial - BootstrapWP","description":"This tutorial goes over how to a theme options panel to your WordPress theme. These setting will allow users to customize the WordPress theme.","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:\/\/bootstrapwp.com\/wordpress-theme-options-panel-tutorial\/","og_locale":"en_US","og_type":"article","og_title":"WordPress Theme Options Panel Tutorial - BootstrapWP","og_description":"This tutorial goes over how to a theme options panel to your WordPress theme. These setting will allow users to customize the WordPress theme.","og_url":"https:\/\/bootstrapwp.com\/wordpress-theme-options-panel-tutorial\/","og_site_name":"BootstrapWP","article_publisher":"https:\/\/www.facebook.com\/BootstrapWP","article_modified_time":"2014-11-19T05:25:24+00:00","og_image":[{"width":1200,"height":630,"url":"https:\/\/bootstrapwp.com\/wp-content\/uploads\/2014\/10\/bootstrap-wordpress.jpg","type":"image\/jpeg"}],"twitter_card":"summary_large_image","twitter_site":"@BragInteractive","twitter_misc":{"Est. reading time":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/bootstrapwp.com\/wordpress-theme-options-panel-tutorial\/","url":"https:\/\/bootstrapwp.com\/wordpress-theme-options-panel-tutorial\/","name":"WordPress Theme Options Panel Tutorial - BootstrapWP","isPartOf":{"@id":"https:\/\/bootstrapwp.com\/#website"},"datePublished":"2014-11-19T05:25:23+00:00","dateModified":"2014-11-19T05:25:24+00:00","description":"This tutorial goes over how to a theme options panel to your WordPress theme. These setting will allow users to customize the WordPress theme.","breadcrumb":{"@id":"https:\/\/bootstrapwp.com\/wordpress-theme-options-panel-tutorial\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/bootstrapwp.com\/wordpress-theme-options-panel-tutorial\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/bootstrapwp.com\/wordpress-theme-options-panel-tutorial\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/bootstrapwp.com\/"},{"@type":"ListItem","position":2,"name":"WordPress Theme Options Panel Tutorial"}]},{"@type":"WebSite","@id":"https:\/\/bootstrapwp.com\/#website","url":"https:\/\/bootstrapwp.com\/","name":"BootstrapWP","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/bootstrapwp.com\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"}]}},"_links":{"self":[{"href":"https:\/\/bootstrapwp.com\/wp-json\/wp\/v2\/pages\/585","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/bootstrapwp.com\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/bootstrapwp.com\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/bootstrapwp.com\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/bootstrapwp.com\/wp-json\/wp\/v2\/comments?post=585"}],"version-history":[{"count":1,"href":"https:\/\/bootstrapwp.com\/wp-json\/wp\/v2\/pages\/585\/revisions"}],"predecessor-version":[{"id":586,"href":"https:\/\/bootstrapwp.com\/wp-json\/wp\/v2\/pages\/585\/revisions\/586"}],"wp:attachment":[{"href":"https:\/\/bootstrapwp.com\/wp-json\/wp\/v2\/media?parent=585"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}