{"_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":[]}