{"_id":"551a67054e98850d00cef3a5","category":{"_id":"546f836aa179880800187dc9","pages":["546f836ba179880800187dcb","547184f0208b72080024afa9","5471864c4f5baa0800199122","551a51172cb8030d0085d30f","551a66542046030d00e393fd","551a67054e98850d00cef3a5"],"project":"546f8369a179880800187dc4","version":"546f836aa179880800187dc7","__v":6,"sync":{"url":"","isSync":false},"reference":false,"createdAt":"2014-11-21T18:24:42.525Z","from_sync":false,"order":0,"slug":"documentation","title":"Documentation"},"user":"546f8309e6147a0800c79648","parentDoc":null,"project":"546f8369a179880800187dc4","version":{"_id":"546f836aa179880800187dc7","__v":3,"project":"546f8369a179880800187dc4","createdAt":"2014-11-21T18:24:42.088Z","releaseDate":"2014-11-21T18:24:42.088Z","categories":["546f836aa179880800187dc9","547182c1208b72080024afa8","5471cfbb4f5baa0800199154"],"is_deprecated":false,"is_hidden":false,"is_beta":false,"is_stable":true,"codename":"","version_clean":"1.0.0","version":"1.0"},"__v":7,"updates":[],"next":{"pages":[],"description":""},"createdAt":"2015-03-31T09:21:09.477Z","link_external":false,"link_url":"","githubsync":"","sync_unique":"","hidden":false,"api":{"results":{"codes":[]},"auth":"never","params":[],"url":""},"isReference":false,"order":2,"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?a_aid=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 Title and Description\n[block:image]\n{\n  \"images\": [\n    {\n      \"image\": [\n        \"https://files.readme.io/Dvu6lxBrSu68SLAelDNE_Title%20&%20Descirption%20cover%20image.png\",\n        \"Title & Descirption cover image.png\",\n        \"1358\",\n        \"660\",\n        \"\",\n        \"\"\n      ]\n    }\n  ]\n}\n[/block]\nNote: If you want to change Blog Title text to image/logo, you just have to add **Blog Logo**\n\n###How to add default background\n[block:image]\n{\n  \"images\": [\n    {\n      \"image\": [\n        \"https://files.readme.io/4J9dVYS0RdufGUXktJut_Fix%20Change%20Cover%20Image.png\",\n        \"Fix Change Cover Image.png\",\n        \"1358\",\n        \"660\",\n        \"#f90d0d\",\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/YwRGlVSQDabMOxQ1w6D3_Fix%20Change%20Cover%20User%20Image.png\",\n        \"Fix Change Cover User Image.png\",\n        \"1358\",\n        \"660\",\n        \"#799ebc\",\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/HPyEcptSQEuBjxTL5Y2d_fix%20Change%20Avatar.png\",\n        \"fix Change Avatar.png\",\n        \"1358\",\n        \"660\",\n        \"\",\n        \"\"\n      ]\n    }\n  ]\n}\n[/block]\n###How to add author location, website and bio\n[block:image]\n{\n  \"images\": [\n    {\n      \"image\": [\n        \"https://files.readme.io/roeA3kiNRl6CXwuKBNtd_Fix%20Change%20Author%20Desc.png\",\n        \"Fix Change Author Desc.png\",\n        1205,\n        1016,\n        \"\",\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##*Post Formatting*\nYou can post status with Vlevet. We provide you with 3 type of post type :\n  * Photo (expose image)\n  * Quote (expose text)\n  * Embed (expose video embed)\n\n#Photo\n  * Create a new post with a \"Photo\" tag\n  * Post title will become photo caption\n  * In Post Settings -> Add post image\n  * Publish\n\n#Quote\n  * Create a new post with a \"Quote\" tag.\n  * Post title will become author of the quote\n  * Content will become the quote\n  * Publish\n\n#Embed\n  * Create a new post with a \"Embed\" tag\n  * Post title will become video description\n  * Put the iframe on the first line of article body\n  * Publish\n\n\n##*Content Formatting*\n#Images\nTo 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]\nTo make image wider 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#Embeds\nTo make embed wider you have to wrap the iframe with **.media** class. For example : \n[block:code]\n{\n  \"codes\": [\n    {\n      \"code\": \"<p class=\\\"media\\\">\\n<iframe width=\\\"560\\\" height=\\\"315\\\" src=\\\"https://www.youtube.com/embed/rE-ESO7GCJg\\\" frameborder=\\\"0\\\" allowfullscreen></iframe>\\n</p>\",\n      \"language\": \"html\"\n    }\n  ]\n}\n[/block]","excerpt":"This page will help you get started with Playwork products that you have purchased from Themeforest.","slug":"vlevet","type":"basic","title":"Vlevet"}

Vlevet

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?a_aid=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 Title and Description [block:image] { "images": [ { "image": [ "https://files.readme.io/Dvu6lxBrSu68SLAelDNE_Title%20&%20Descirption%20cover%20image.png", "Title & Descirption cover image.png", "1358", "660", "", "" ] } ] } [/block] Note: If you want to change Blog Title text to image/logo, you just have to add **Blog Logo** ###How to add default background [block:image] { "images": [ { "image": [ "https://files.readme.io/4J9dVYS0RdufGUXktJut_Fix%20Change%20Cover%20Image.png", "Fix Change Cover Image.png", "1358", "660", "#f90d0d", "" ] } ] } [/block] ###How to add author background [block:image] { "images": [ { "image": [ "https://files.readme.io/YwRGlVSQDabMOxQ1w6D3_Fix%20Change%20Cover%20User%20Image.png", "Fix Change Cover User Image.png", "1358", "660", "#799ebc", "" ] } ] } [/block] ###How to add author avatar [block:image] { "images": [ { "image": [ "https://files.readme.io/HPyEcptSQEuBjxTL5Y2d_fix%20Change%20Avatar.png", "fix Change Avatar.png", "1358", "660", "", "" ] } ] } [/block] ###How to add author location, website and bio [block:image] { "images": [ { "image": [ "https://files.readme.io/roeA3kiNRl6CXwuKBNtd_Fix%20Change%20Author%20Desc.png", "Fix Change Author Desc.png", 1205, 1016, "", "" ] } ] } [/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 ##*Post Formatting* You can post status with Vlevet. We provide you with 3 type of post type : * Photo (expose image) * Quote (expose text) * Embed (expose video embed) #Photo * Create a new post with a "Photo" tag * Post title will become photo caption * In Post Settings -> Add post image * Publish #Quote * Create a new post with a "Quote" tag. * Post title will become author of the quote * Content will become the quote * Publish #Embed * Create a new post with a "Embed" tag * Post title will become video description * Put the iframe on the first line of article body * Publish ##*Content Formatting* #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 wider 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] #Embeds To make embed wider you have to wrap the iframe with **.media** class. For example : [block:code] { "codes": [ { "code": "<p class=\"media\">\n<iframe width=\"560\" height=\"315\" src=\"https://www.youtube.com/embed/rE-ESO7GCJg\" frameborder=\"0\" allowfullscreen></iframe>\n</p>", "language": "html" } ] } [/block]