{"id":29292,"date":"2015-05-04T13:00:00","date_gmt":"2015-05-04T18:00:00","guid":{"rendered":"http:\/\/blog.cpanel.com\/?p=29292"},"modified":"2015-05-04T13:00:00","modified_gmt":"2015-05-04T18:00:00","slug":"sticking-to-the-style-guide","status":"publish","type":"post","link":"https:\/\/devel.www.cpanel.net\/blog\/products\/sticking-to-the-style-guide\/","title":{"rendered":"Sticking to the Style Guide"},"content":{"rendered":"<p class=\"p1\"><span class=\"s1\">As part of our work for how customers can brand cPanel, we developed the <a href=\"http:\/\/styleguide.cpanel.net\/\" target=\"_blank\" rel=\"noopener\">cPanel Style Guide<\/a>, a comprehensive list of how to style plugins to look more integrated with the cPanel interface. While it is based on Bootstrap, there are some minor changes\u00a0and\u00a0additions we are happy to ship with, such as FontAwesome icons.<\/span><\/p>\n<p><!--more--><br \/>\n<a href=\"http:\/\/styleguide.cpanel.net\"><img loading=\"lazy\" decoding=\"async\" class=\"alignleft wp-image-29572 size-medium\" src=\"http:\/\/blog.cpanel.com\/wp-content\/uploads\/2015\/05\/styleguide_preview-300x171.png\" alt=\"styleguide_preview\" width=\"300\" height=\"171\" \/><\/a><\/p>\n<p class=\"p1\"><span class=\"s1\">The cPanel Style Guide\u00a0gets incremental updates such as\u00a0documentation changes, new layouts, and new features. It is still in development and we\u2019re always looking for help to make it better. To tell us what you think,\u00a0<a href=\"http:\/\/forums.cpanel.net\/forums\/user-experience.8\/\" target=\"_blank\" rel=\"noopener\">leave a comment on the user experience forums<\/a>.<\/span><\/p>\n","protected":false},"excerpt":{"rendered":"<p>As part of our work for how customers can brand cPanel, we developed the cPanel Style Guide, a comprehensive list of how to style plugins to look more integrated with the cPanel interface. While it is based on Bootstrap, there are some minor changes\u00a0and\u00a0additions we are happy to ship with, such as FontAwesome icons.<\/p>\n","protected":false},"author":77,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"inline_featured_image":false,"footnotes":""},"categories":[49],"tags":[317,325,725],"class_list":["post-29292","post","type-post","status-publish","format-standard","hentry","category-products","tag-inside-cpanel","tag-product-development","tag-user-experience"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v21.6 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Sticking to the Style Guide | cPanel<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/devel.www.cpanel.net\/blog\/products\/sticking-to-the-style-guide\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Sticking to the Style Guide | cPanel\" \/>\n<meta property=\"og:description\" content=\"As part of our work for how customers can brand cPanel, we developed the cPanel Style Guide, a comprehensive list of how to style plugins to look more integrated with the cPanel interface. While it is based on Bootstrap, there are some minor changes\u00a0and\u00a0additions we are happy to ship with, such as FontAwesome icons.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/devel.www.cpanel.net\/blog\/products\/sticking-to-the-style-guide\/\" \/>\n<meta property=\"og:site_name\" content=\"cPanel\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/cpanel\/\" \/>\n<meta property=\"article:published_time\" content=\"2015-05-04T18:00:00+00:00\" \/>\n<meta property=\"og:image\" content=\"http:\/\/blog.cpanel.com\/wp-content\/uploads\/2015\/05\/styleguide_preview-300x171.png\" \/>\n<meta name=\"author\" content=\"cPanel Community\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@cPanel\" \/>\n<meta name=\"twitter:site\" content=\"@cPanel\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"cPanel Community\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"1 minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/devel.www.cpanel.net\/blog\/products\/sticking-to-the-style-guide\/\",\"url\":\"https:\/\/devel.www.cpanel.net\/blog\/products\/sticking-to-the-style-guide\/\",\"name\":\"Sticking to the Style Guide | cPanel\",\"isPartOf\":{\"@id\":\"https:\/\/devel.www.cpanel.net\/#website\"},\"datePublished\":\"2015-05-04T18:00:00+00:00\",\"dateModified\":\"2015-05-04T18:00:00+00:00\",\"author\":{\"@id\":\"https:\/\/devel.www.cpanel.net\/#\/schema\/person\/8cf97408aad4fb70cf55d11a1d4f57f8\"},\"breadcrumb\":{\"@id\":\"https:\/\/devel.www.cpanel.net\/blog\/products\/sticking-to-the-style-guide\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/devel.www.cpanel.net\/blog\/products\/sticking-to-the-style-guide\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/devel.www.cpanel.net\/blog\/products\/sticking-to-the-style-guide\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/devel.www.cpanel.net\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Sticking to the Style Guide\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/devel.www.cpanel.net\/#website\",\"url\":\"https:\/\/devel.www.cpanel.net\/\",\"name\":\"cPanel\",\"description\":\"Hosting Platform of Choices\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/devel.www.cpanel.net\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/devel.www.cpanel.net\/#\/schema\/person\/8cf97408aad4fb70cf55d11a1d4f57f8\",\"name\":\"cPanel Community\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/devel.www.cpanel.net\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/e1949945083b5526bb95711bd3d616b3?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/e1949945083b5526bb95711bd3d616b3?s=96&d=mm&r=g\",\"caption\":\"cPanel Community\"},\"description\":\"The web hosting industry's most reliable management solution since 1997. With our first-class support and rich feature set, it's easy to see why our customers and partners make cPanel &amp; WHM their hosting platform of choice. For more information, visit cPanel.net.\",\"sameAs\":[\"https:\/\/cpanel.net\"],\"url\":\"https:\/\/devel.www.cpanel.net\/blog\/author\/cpadmin\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Sticking to the Style Guide | cPanel","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:\/\/devel.www.cpanel.net\/blog\/products\/sticking-to-the-style-guide\/","og_locale":"en_US","og_type":"article","og_title":"Sticking to the Style Guide | cPanel","og_description":"As part of our work for how customers can brand cPanel, we developed the cPanel Style Guide, a comprehensive list of how to style plugins to look more integrated with the cPanel interface. While it is based on Bootstrap, there are some minor changes\u00a0and\u00a0additions we are happy to ship with, such as FontAwesome icons.","og_url":"https:\/\/devel.www.cpanel.net\/blog\/products\/sticking-to-the-style-guide\/","og_site_name":"cPanel","article_publisher":"https:\/\/www.facebook.com\/cpanel\/","article_published_time":"2015-05-04T18:00:00+00:00","og_image":[{"url":"http:\/\/blog.cpanel.com\/wp-content\/uploads\/2015\/05\/styleguide_preview-300x171.png"}],"author":"cPanel Community","twitter_card":"summary_large_image","twitter_creator":"@cPanel","twitter_site":"@cPanel","twitter_misc":{"Written by":"cPanel Community","Est. reading time":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/devel.www.cpanel.net\/blog\/products\/sticking-to-the-style-guide\/","url":"https:\/\/devel.www.cpanel.net\/blog\/products\/sticking-to-the-style-guide\/","name":"Sticking to the Style Guide | cPanel","isPartOf":{"@id":"https:\/\/devel.www.cpanel.net\/#website"},"datePublished":"2015-05-04T18:00:00+00:00","dateModified":"2015-05-04T18:00:00+00:00","author":{"@id":"https:\/\/devel.www.cpanel.net\/#\/schema\/person\/8cf97408aad4fb70cf55d11a1d4f57f8"},"breadcrumb":{"@id":"https:\/\/devel.www.cpanel.net\/blog\/products\/sticking-to-the-style-guide\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/devel.www.cpanel.net\/blog\/products\/sticking-to-the-style-guide\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/devel.www.cpanel.net\/blog\/products\/sticking-to-the-style-guide\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/devel.www.cpanel.net\/"},{"@type":"ListItem","position":2,"name":"Sticking to the Style Guide"}]},{"@type":"WebSite","@id":"https:\/\/devel.www.cpanel.net\/#website","url":"https:\/\/devel.www.cpanel.net\/","name":"cPanel","description":"Hosting Platform of Choices","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/devel.www.cpanel.net\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/devel.www.cpanel.net\/#\/schema\/person\/8cf97408aad4fb70cf55d11a1d4f57f8","name":"cPanel Community","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/devel.www.cpanel.net\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/e1949945083b5526bb95711bd3d616b3?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/e1949945083b5526bb95711bd3d616b3?s=96&d=mm&r=g","caption":"cPanel Community"},"description":"The web hosting industry's most reliable management solution since 1997. With our first-class support and rich feature set, it's easy to see why our customers and partners make cPanel &amp; WHM their hosting platform of choice. For more information, visit cPanel.net.","sameAs":["https:\/\/cpanel.net"],"url":"https:\/\/devel.www.cpanel.net\/blog\/author\/cpadmin\/"}]}},"_links":{"self":[{"href":"https:\/\/devel.www.cpanel.net\/wp-json\/wp\/v2\/posts\/29292"}],"collection":[{"href":"https:\/\/devel.www.cpanel.net\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/devel.www.cpanel.net\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/devel.www.cpanel.net\/wp-json\/wp\/v2\/users\/77"}],"replies":[{"embeddable":true,"href":"https:\/\/devel.www.cpanel.net\/wp-json\/wp\/v2\/comments?post=29292"}],"version-history":[{"count":0,"href":"https:\/\/devel.www.cpanel.net\/wp-json\/wp\/v2\/posts\/29292\/revisions"}],"wp:attachment":[{"href":"https:\/\/devel.www.cpanel.net\/wp-json\/wp\/v2\/media?parent=29292"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/devel.www.cpanel.net\/wp-json\/wp\/v2\/categories?post=29292"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/devel.www.cpanel.net\/wp-json\/wp\/v2\/tags?post=29292"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}