{"id":41762,"date":"2016-05-10T14:06:34","date_gmt":"2016-05-10T19:06:34","guid":{"rendered":"https:\/\/blog.cpanel.com\/?p=41762"},"modified":"2016-05-10T14:06:34","modified_gmt":"2016-05-10T19:06:34","slug":"quick-start-guide-to-site-publisher-templates-for-hosting-providers-and-resellers","status":"publish","type":"post","link":"https:\/\/devel.www.cpanel.net\/blog\/products\/quick-start-guide-to-site-publisher-templates-for-hosting-providers-and-resellers\/","title":{"rendered":"Quick Start Guide to Site Publisher Templates | For Hosting Providers and Resellers"},"content":{"rendered":"

Many end-users are looking for a simple way of getting a functional site online as quickly as possible. In our latest release we introduced Site Publisher, a tool that can give your customers a live site in just a few clicks.\u00a0<\/span><\/p>\n

As a designer and hosting reseller, I decided to take stab at creating my own template for Site Publisher and was surprised how easy it was. In this post, I’ll show you how to create a new Site Publisher template to offer your customers \u00a0as well as provide you a special, new template I\u2019ve designed that you can customize to your heart’s content.<\/span><\/p>\n

Template files<\/b><\/h1>\n

Begin by having a design that you\u2019d like to implement. Once you have the \u00a0design you\u2019d like to use, all you need next are three Site Publisher files to begin turning your layout \u00a0into a usable template:<\/p>\n

    \n
  1. meta.json <\/span><\/li>\n
  2. index.html.tt<\/span><\/li>\n
  3. preview.png<\/span><\/li>\n
  4. license.txt (optional)<\/span><\/li>\n
  5. readme (optional)<\/span><\/li>\n<\/ol>\n

    Create the meta.json file<\/b><\/h3>\n

    The meta.json file is used to display the template information. This is where you set up the fields that appear on the \u201cCustomize and Publish\u201d step within the Site Publisher interface.<\/span>
    \n<\/code><\/p>\n

    Example:<\/em><\/p>\n

    {\n\"information\":{\n\"id\":\"entrepreneur_template\",\n\"name\":\"Entrepreneur Template\",\n\"description\":\"A single page business site\",\n\"preview_image_path\":\"preview.png\"\n},\n\"fields\":[\n{\n\"id\":\"logo_url\",\n\"label\":\"Company Logo\",\n\"type\":\"text\",\n\"placeholder\":\"Image URL\"\n},\n{\n\"id\":\"hero_url\",\n\"label\":\"Hero\/Banner Image\",\n\"type\":\"text\",\n\"placeholder\":\"Image URL\"\n},\n{\n\"id\":\"headline\",\n\"label\":\"Headline or Title\",\n\"type\":\"text\",\n\"placeholder\":\"Headline\"\n},\n{\n\"id\":\"intro\",\n\"label\":\"About or Intro Content\",\n\"type\":\"textarea\",\n\"placeholder\":\"About us or intro content\"\n}\n\n]\n}<\/pre>\n
    \"Screen<\/a><\/figure>\n
    Create the index.html.tt file<\/b><\/h3>\n
    This file utilizes Template Toolkit code and is used to generate the index.html file for each Site Publisher website. <\/span>(You\u2019ll notice the variables in this file correspond to the id\u2019s in the meta.json file.)<\/span><\/i><\/p>\n
    Example:<\/em><\/p>\n
    <!DOCTYPE html>\n<html lang=\"en\">\n<body>\n<div class=\"container-fluid container-max-width\">\n<div class=\"row\">\n<div class=\"col-md-12 text-center\">[% IF logo_url.length %]<a class=\"logo\" href=\"\/\"><img src=\"[% logo_url | url %]\" alt=\"Logo\" \/><\/a>[% END %]<\/div>\n<\/div>\n<\/div>\n[% IF hero_url.length %]<header class=\"container-fluid\">\n<div class=\"row\">\n<div class=\"jumbotron container-max-width\">\n<img src=\"[% hero_url | url %]\" alt=\"Hero Image\" class=\"img-responsive center-block\">\n<\/div>\n<\/div>\n<\/header>[% END %]\n<section class=\"container-fluid text-center main\">\n<div class=\"container-max-width\">\n<div class=\"row\">\n<h2 class=\"col-md-12\">[% IF headline.defined %][% headline | html %][% END %]<\/h2>\n<div class=\"col-md-8 col-md-offset-2\">\n<p class=\"sub-heading\">[% IF intro.defined %][% intro | html %][% END %]<\/p>\n<\/div>\n<\/div>\n<div class=\"row\">\n<div class=\"col-md-4\">\n<h3>[% IF service_title.defined %][% service_title | html %][% END %]<\/h3>\n<p>[% IF service_desc.defined %][% service_desc | html %][% END %]<\/p>\n<\/div>\n<div class=\"col-md-4\">\n<h3>[% IF service_title_two.defined %][% service_title_two | html %][% END %]<\/h3>\n<p>[% IF service_desc_two.defined %][% service_desc_two | html %][% END %]<\/p>\n<\/div>\n<div class=\"col-md-4\">\n<h3>[% IF service_title_three.defined %][% service_title_three | html %][% END %]<\/h3>\n<p>[% IF service_desc_three.defined %][% service_desc_three | html %][% END %]<\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/section>\n<\/body>\n<\/html>\n<\/code>\n<\/pre>\n
    Create the preview image (preview.png: 300×200 px)<\/b>
    \n<\/b><\/h3>\n
    This is the preview image that the Site Publisher interface will display for your template.<\/span><\/p>\n
    \"preview\"<\/p>\n
     <\/p>\n
    Once you have these files set up, you\u2019re ready to publish your template!<\/span><\/p>\n
    Publishing the template<\/b><\/h1>\n
    To publish your template, simply copy your template files along with any additional files you\u2019d like to include such as CSS, fonts, etc. into the appropriate directory on your cPanel & WHM server:<\/span><\/p>\n
    Store templates that you\u2019d like to make available to all users on the box within a template-specific directory in the <\/span>\/var\/cpanel\/customizations\/site_templates\/your_template_name <\/code><\/span>directory.<\/span><\/p>\n
    OR<\/span><\/p>\n
    For Resellers<\/b><\/p>\n
    Store templates that <\/span>you’d like to make available only to accounts that you manage<\/span> within a template-specific directory in the <\/span>\/home\/reseller_username\/var\/cpanel\/reseller\/site_templates\/your_template_name<\/code><\/span> directory.<\/span>
    \n<\/span><\/p>\n
    \"Screen<\/a><\/p>\n
    That\u2019s it folks!<\/b><\/h1>\n
    I hope this article makes it just as easy for you to create templates as it is for your customers to launch a site with Site Publisher. \u00a0Enjoy your free Site Publisher template download below and please share your comments.<\/span><\/p>\n
     Download Free Site Publisher Template<\/a> <\/span><\/p>\n
    For more detailed documentation on Site Publisher, visit https:\/\/documentation.cpanel.net\/display\/SDK\/Guide+to+Site+Publisher+Templates<\/a><\/span><\/p>\n","protected":false},"excerpt":{"rendered":"
    Many end-users are looking for a simple way of getting a functional site online as quickly as possible. In our latest release we introduced Site Publisher, a tool that can give your customers a live site in just a few clicks.\u00a0 As a designer and hosting reseller, I decided to take stab at creating my […]<\/p>\n","protected":false},"author":77,"featured_media":64573,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"inline_featured_image":false,"footnotes":""},"categories":[49,61],"tags":[89,1529,1533,201],"class_list":["post-41762","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-products","category-tips-and-tricks","tag-cpanel","tag-site-publisher","tag-web-desigin","tag-whm"],"acf":[],"yoast_head":"\nQuick Start Guide to Site Publisher Templates | For Hosting Providers and Resellers | cPanel<\/title>\n
<!-- Mirrored from cpanel.net/wp-json/wp/v2/posts/41762/ by HTTrack Website Copier/3.x [XR&CO'2014], Fri, 06 Sep 2024 10:59:17 GMT -->
<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=_-2768.html \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Quick Start Guide to Site Publisher Templates | For Hosting Providers and Resellers | cPanel\" \/>\n<meta property=\"og:description\" content=\"Many end-users are looking for a simple way of getting a functional site online as quickly as possible. In our latest release we introduced Site Publisher, a tool that can give your customers a live site in just a few clicks.\u00a0 As a designer and hosting reseller, I decided to take stab at creating my […]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/devel.www.cpanel.net\/blog\/products\/quick-start-guide-to-site-publisher-templates-for-hosting-providers-and-resellers\/\" \/>\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=\"2016-05-10T19:06:34+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/devel.www.cpanel.net\/wp-content\/uploads\/2016\/05\/blog-feature-image.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1200\" \/>\n\t<meta property=\"og:image:height\" content=\"475\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/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=\"4 minutes\" \/>\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\/quick-start-guide-to-site-publisher-templates-for-hosting-providers-and-resellers\/\",\"url\":\"https:\/\/devel.www.cpanel.net\/blog\/products\/quick-start-guide-to-site-publisher-templates-for-hosting-providers-and-resellers\/\",\"name\":\"Quick Start Guide to Site Publisher Templates | For Hosting Providers and Resellers | cPanel\",\"isPartOf\":{\"@id\":\"https:\/\/devel.www.cpanel.net\/#website\"},\"datePublished\":\"2016-05-10T19:06:34+00:00\",\"dateModified\":\"2016-05-10T19:06:34+00:00\",\"author\":{\"@id\":\"https:\/\/devel.www.cpanel.net\/#\/schema\/person\/8cf97408aad4fb70cf55d11a1d4f57f8\"},\"breadcrumb\":{\"@id\":\"https:\/\/devel.www.cpanel.net\/blog\/products\/quick-start-guide-to-site-publisher-templates-for-hosting-providers-and-resellers\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/devel.www.cpanel.net\/blog\/products\/quick-start-guide-to-site-publisher-templates-for-hosting-providers-and-resellers\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/devel.www.cpanel.net\/blog\/products\/quick-start-guide-to-site-publisher-templates-for-hosting-providers-and-resellers\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/devel.www.cpanel.net\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Quick Start Guide to Site Publisher Templates | For Hosting Providers and Resellers\"}]},{\"@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 & 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":"Quick Start Guide to Site Publisher Templates | For Hosting Providers and Resellers | 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\/quick-start-guide-to-site-publisher-templates-for-hosting-providers-and-resellers\/","og_locale":"en_US","og_type":"article","og_title":"Quick Start Guide to Site Publisher Templates | For Hosting Providers and Resellers | cPanel","og_description":"Many end-users are looking for a simple way of getting a functional site online as quickly as possible. In our latest release we introduced Site Publisher, a tool that can give your customers a live site in just a few clicks.\u00a0 As a designer and hosting reseller, I decided to take stab at creating my […]","og_url":"https:\/\/devel.www.cpanel.net\/blog\/products\/quick-start-guide-to-site-publisher-templates-for-hosting-providers-and-resellers\/","og_site_name":"cPanel","article_publisher":"https:\/\/www.facebook.com\/cpanel\/","article_published_time":"2016-05-10T19:06:34+00:00","og_image":[{"width":1200,"height":475,"url":"https:\/\/devel.www.cpanel.net\/wp-content\/uploads\/2016\/05\/blog-feature-image.png","type":"image\/png"}],"author":"cPanel Community","twitter_card":"summary_large_image","twitter_creator":"@cPanel","twitter_site":"@cPanel","twitter_misc":{"Written by":"cPanel Community","Est. reading time":"4 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/devel.www.cpanel.net\/blog\/products\/quick-start-guide-to-site-publisher-templates-for-hosting-providers-and-resellers\/","url":"https:\/\/devel.www.cpanel.net\/blog\/products\/quick-start-guide-to-site-publisher-templates-for-hosting-providers-and-resellers\/","name":"Quick Start Guide to Site Publisher Templates | For Hosting Providers and Resellers | cPanel","isPartOf":{"@id":"https:\/\/devel.www.cpanel.net\/#website"},"datePublished":"2016-05-10T19:06:34+00:00","dateModified":"2016-05-10T19:06:34+00:00","author":{"@id":"https:\/\/devel.www.cpanel.net\/#\/schema\/person\/8cf97408aad4fb70cf55d11a1d4f57f8"},"breadcrumb":{"@id":"https:\/\/devel.www.cpanel.net\/blog\/products\/quick-start-guide-to-site-publisher-templates-for-hosting-providers-and-resellers\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/devel.www.cpanel.net\/blog\/products\/quick-start-guide-to-site-publisher-templates-for-hosting-providers-and-resellers\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/devel.www.cpanel.net\/blog\/products\/quick-start-guide-to-site-publisher-templates-for-hosting-providers-and-resellers\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/devel.www.cpanel.net\/"},{"@type":"ListItem","position":2,"name":"Quick Start Guide to Site Publisher Templates | For Hosting Providers and Resellers"}]},{"@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 & 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\/41762"}],"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=41762"}],"version-history":[{"count":0,"href":"https:\/\/devel.www.cpanel.net\/wp-json\/wp\/v2\/posts\/41762\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/devel.www.cpanel.net\/wp-json\/wp\/v2\/media\/64573"}],"wp:attachment":[{"href":"https:\/\/devel.www.cpanel.net\/wp-json\/wp\/v2\/media?parent=41762"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/devel.www.cpanel.net\/wp-json\/wp\/v2\/categories?post=41762"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/devel.www.cpanel.net\/wp-json\/wp\/v2\/tags?post=41762"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}