{"_id":"546f836ba179880800187dcb","createdAt":"2014-11-21T18:24:43.213Z","githubsync":"","order":0,"project":"546f8369a179880800187dc4","sync_unique":"","updates":[],"version":"546f836aa179880800187dc7","api":{"basic_auth":false,"params":[],"results":{"codes":[]},"settings":"","try":true,"url":"","auth":"never"},"link_external":false,"category":"546f836aa179880800187dc9","excerpt":"This page will help you get started with Playwork products that you have purchased from Themeforest.","hidden":false,"isReference":false,"title":"Basic Theme Setup","type":"basic","body":"Here are the basic information for you to start using Ghost themes.\n\n###Installing Ghost\nIn your hosting cPanel, via Softaculous, find Ghost in category Blog. Click Install.\n\nHere are some other resources for you to get started :\n  * [A Small Orange](https://kb.asmallorange.com/customer/portal/articles/1603398­install­or­update­ghost?ref_id=playwork)\n  * [DigitalOcean](https://www.digitalocean.com/community/tutorials/how-to-use-the-digitalocean-ghost-application?refcode=123369cff60d)\n\n###Installing the theme\n1. Unzip the downloaded file from Themeforest you have purchased\n2. The zip containing pdf docs and theme folder\n3. Upload the theme folder to '/ghost/content/themes/'\n4. Restart Ghost\n5. Activate the theme trough Ghost backend\n\n###How to add your logo\n[block:image]\n{\n  \"images\": [\n    {\n      \"image\": [\n        \"https://files.readme.io/z8kpadR1RMS3UGq9TMZM_sreleque-doc-1.jpg\",\n        \"sreleque-doc-1.jpg\",\n        \"700\",\n        \"321\",\n        \"#1080ed\",\n        \"\"\n      ]\n    }\n  ]\n}\n[/block]\n###How to add background\n[block:image]\n{\n  \"images\": [\n    {\n      \"image\": [\n        \"https://files.readme.io/vmHE4LzcT1SoNXfb6uwt_sreleque-doc-2.jpg\",\n        \"sreleque-doc-2.jpg\",\n        \"700\",\n        \"321\",\n        \"#1c7bd8\",\n        \"\"\n      ]\n    }\n  ]\n}\n[/block]\n###How to add author background\n[block:image]\n{\n  \"images\": [\n    {\n      \"image\": [\n        \"https://files.readme.io/mASJCYYTSf5LtLm40D72_sreleque-doc-3.jpg\",\n        \"sreleque-doc-3.jpg\",\n        \"700\",\n        \"247\",\n        \"#8da1b8\",\n        \"\"\n      ]\n    }\n  ]\n}\n[/block]\n###How to add author avatar\n[block:image]\n{\n  \"images\": [\n    {\n      \"image\": [\n        \"https://files.readme.io/bomF3B1zScmtVK5NooM9_sreleque-doc-4.jpg\",\n        \"sreleque-doc-4.jpg\",\n        \"700\",\n        \"247\",\n        \"#8da1b8\",\n        \"\"\n      ]\n    }\n  ]\n}\n[/block]\n###How to add author bio\n[block:image]\n{\n  \"images\": [\n    {\n      \"image\": [\n        \"https://files.readme.io/f84hqxESXmKNYAzSMBK0_sreleque-doc-5.jpg\",\n        \"sreleque-doc-5.jpg\",\n        \"700\",\n        \"247\",\n        \"#8ca1b9\",\n        \"\"\n      ]\n    }\n  ]\n}\n[/block]\n###Adding featured image\nFollow step 1, 2 then 4\n[block:image]\n{\n  \"images\": [\n    {\n      \"image\": [\n        \"https://files.readme.io/I2xz0QOTz6mwyTn0AeN8_sreleque-featured-image.png\",\n        \"sreleque-featured-image.png\",\n        \"1350\",\n        \"689\",\n        \"#77add4\",\n        \"\"\n      ]\n    }\n  ]\n}\n[/block]\n\n\n###Adding featured post\nFollow step 1, 3 then 4\n[block:image]\n{\n  \"images\": [\n    {\n      \"image\": [\n        \"https://files.readme.io/kzT6SEEpRfiK0deTYomm_sreleque-featured-image.png\",\n        \"sreleque-featured-image.png\",\n        \"1350\",\n        \"689\",\n        \"#77add4\",\n        \"\"\n      ]\n    }\n  ]\n}\n[/block]\n\n\n###How to embed media\nJust put the embed code.\n\n[block:image]\n{\n  \"images\": [\n    {\n      \"image\": [\n        \"https://files.readme.io/fz7NZQKQ9mlTxby8cExA_sreleque-doc-7.jpg\",\n        \"sreleque-doc-7.jpg\",\n        \"700\",\n        \"394\",\n        \"#715248\",\n        \"\"\n      ]\n    }\n  ]\n}\n[/block]\n##How to add Navigation\n* Login to Ghost Dashboard, *yoursite.com/ghost/*\n* Go to **Settings**\n* Choose **Navigation** menu\n* Add your links\n\n\n##Content Formatting\n(only availabe in **Vlevet** theme)\n#Images\n* To make image to align to the right, you have to make a blockquote and put image there. For example : \n[block:code]\n{\n  \"codes\": [\n    {\n      \"code\": \"> ![](/content/images/2015/03/your-image.jpg)\",\n      \"language\": \"markdown\"\n    }\n  ]\n}\n[/block]\n* To make image to pull out of content area you have to wrap the image with *.media class. For example : \n[block:code]\n{\n  \"codes\": [\n    {\n      \"code\": \"<p class=\\\"media\\\">\\n![](/content/images/2015/03/your-bigger-image.jpg)\\n</p>\",\n      \"language\": \"markdown\"\n    }\n  ]\n}\n[/block]\n##How to setup Disqus comment system\n\n1. Open `post.hbs`\n2. Replace text *playworkdemo* with your Disqus shortname.\n3. You can register your Disqus shortname here: https://disqus.com/admin/create/","link_url":"","parentDoc":null,"slug":"basic","user":"546f8309e6147a0800c79648","__v":14,"childrenPages":[]}

Basic Theme Setup

This page will help you get started with Playwork products that you have purchased from Themeforest.

Here are the basic information for you to start using Ghost themes. ###Installing Ghost In your hosting cPanel, via Softaculous, find Ghost in category Blog. Click Install. Here are some other resources for you to get started : * [A Small Orange](https://kb.asmallorange.com/customer/portal/articles/1603398­install­or­update­ghost?ref_id=playwork) * [DigitalOcean](https://www.digitalocean.com/community/tutorials/how-to-use-the-digitalocean-ghost-application?refcode=123369cff60d) ###Installing the theme 1. Unzip the downloaded file from Themeforest you have purchased 2. The zip containing pdf docs and theme folder 3. Upload the theme folder to '/ghost/content/themes/' 4. Restart Ghost 5. Activate the theme trough Ghost backend ###How to add your logo [block:image] { "images": [ { "image": [ "https://files.readme.io/z8kpadR1RMS3UGq9TMZM_sreleque-doc-1.jpg", "sreleque-doc-1.jpg", "700", "321", "#1080ed", "" ] } ] } [/block] ###How to add background [block:image] { "images": [ { "image": [ "https://files.readme.io/vmHE4LzcT1SoNXfb6uwt_sreleque-doc-2.jpg", "sreleque-doc-2.jpg", "700", "321", "#1c7bd8", "" ] } ] } [/block] ###How to add author background [block:image] { "images": [ { "image": [ "https://files.readme.io/mASJCYYTSf5LtLm40D72_sreleque-doc-3.jpg", "sreleque-doc-3.jpg", "700", "247", "#8da1b8", "" ] } ] } [/block] ###How to add author avatar [block:image] { "images": [ { "image": [ "https://files.readme.io/bomF3B1zScmtVK5NooM9_sreleque-doc-4.jpg", "sreleque-doc-4.jpg", "700", "247", "#8da1b8", "" ] } ] } [/block] ###How to add author bio [block:image] { "images": [ { "image": [ "https://files.readme.io/f84hqxESXmKNYAzSMBK0_sreleque-doc-5.jpg", "sreleque-doc-5.jpg", "700", "247", "#8ca1b9", "" ] } ] } [/block] ###Adding featured image Follow step 1, 2 then 4 [block:image] { "images": [ { "image": [ "https://files.readme.io/I2xz0QOTz6mwyTn0AeN8_sreleque-featured-image.png", "sreleque-featured-image.png", "1350", "689", "#77add4", "" ] } ] } [/block] ###Adding featured post Follow step 1, 3 then 4 [block:image] { "images": [ { "image": [ "https://files.readme.io/kzT6SEEpRfiK0deTYomm_sreleque-featured-image.png", "sreleque-featured-image.png", "1350", "689", "#77add4", "" ] } ] } [/block] ###How to embed media Just put the embed code. [block:image] { "images": [ { "image": [ "https://files.readme.io/fz7NZQKQ9mlTxby8cExA_sreleque-doc-7.jpg", "sreleque-doc-7.jpg", "700", "394", "#715248", "" ] } ] } [/block] ##How to add Navigation * Login to Ghost Dashboard, *yoursite.com/ghost/* * Go to **Settings** * Choose **Navigation** menu * Add your links ##Content Formatting (only availabe in **Vlevet** theme) #Images * To make image to align to the right, you have to make a blockquote and put image there. For example : [block:code] { "codes": [ { "code": "> ![](/content/images/2015/03/your-image.jpg)", "language": "markdown" } ] } [/block] * To make image to pull out of content area you have to wrap the image with *.media class. For example : [block:code] { "codes": [ { "code": "<p class=\"media\">\n![](/content/images/2015/03/your-bigger-image.jpg)\n</p>", "language": "markdown" } ] } [/block] ##How to setup Disqus comment system 1. Open `post.hbs` 2. Replace text *playworkdemo* with your Disqus shortname. 3. You can register your Disqus shortname here: https://disqus.com/admin/create/