{"_id":"581fa361ced6a41900977fb2","project":"56ea19ac77878a0e009e17ef","user":"56ea19901a800f0e00d9270a","version":{"_id":"581fa361ced6a41900977fa6","project":"56ea19ac77878a0e009e17ef","__v":1,"createdAt":"2016-11-06T21:40:49.602Z","releaseDate":"2016-11-06T21:40:49.602Z","categories":["581fa361ced6a41900977fa7","581fa361ced6a41900977fa8","581fa361ced6a41900977fa9","581fa361ced6a41900977faa","581fa361ced6a41900977fab"],"is_deprecated":false,"is_hidden":false,"is_beta":false,"is_stable":true,"codename":"Stallion 5","version_clean":"5.27.0","version":"5.27"},"category":{"_id":"581fa361ced6a41900977faa","__v":0,"version":"581fa361ced6a41900977fa6","project":"56ea19ac77878a0e009e17ef","sync":{"url":"","isSync":false},"reference":false,"createdAt":"2016-04-28T23:34:49.330Z","from_sync":false,"order":3,"slug":"advanced-functionality","title":"More platform functionality"},"parentDoc":null,"__v":0,"githubsync":"","updates":[],"next":{"pages":[],"description":""},"createdAt":"2016-04-28T23:30:12.223Z","link_external":false,"link_url":"","sync_unique":"","hidden":false,"api":{"results":{"codes":[]},"settings":"","auth":"required","params":[],"url":""},"isReference":false,"order":3,"body":"## Using Quotes\nThe PBJ platform allows users to make use of pull quotes to make blurbs of text stand out. To begin, click the Toolbar Toggle on the panel above the text body.\n[block:image]\n{\n  \"images\": [\n    {\n      \"image\": [\n        \"https://files.readme.io/a822fa5-Overall_1.png\",\n        \"Overall 1.png\",\n        1280,\n        727,\n        \"#f1f1f1\"\n      ],\n      \"caption\": \"The toggle is the final icon on the strip.\"\n    }\n  ]\n}\n[/block]\nUpon clicking the Toolbar Toggle, another row of icons should be visible. You should see the Formats dropdown menu as the first option on this strip. Under this dropdown menu, select the Pull-quote option.\n[block:image]\n{\n  \"images\": [\n    {\n      \"image\": [\n        \"https://files.readme.io/372d7fc-Overall_3.png\",\n        \"Overall 3.png\",\n        1279,\n        724,\n        \"#f1f1f0\"\n      ]\n    }\n  ]\n}\n[/block]\nYou should now see text in a pull-quote box like so:\n\n[block:image]\n{\n  \"images\": [\n    {\n      \"image\": [\n        \"https://files.readme.io/6a0afa3-Overall_5.png\",\n        \"Overall 5.png\",\n        1279,\n        725,\n        \"#eeeeed\"\n      ]\n    }\n  ]\n}\n[/block]\nThe text should then automatically wrap into a formatted pull-quote box. The blockquote button on the panel does not have an effect on the PBJ platform, and cannot be used for creating pull-quotes.\n[block:callout]\n{\n  \"type\": \"danger\",\n  \"body\": \"It is crucial that no text or images overlap the Danger zone section on the left-hand side. Pull-quotes and other text and media in this area may not format correctly once your post has been published.\",\n  \"title\": \"Beware the Danger Zone\"\n}\n[/block]\n## Article Highlights\n\nArticle highlights allow you to make a few facts about your article stand out, in a bulleted list form. To begin, scroll down, until you see Article highlights, accompanied by a text box.\n\n[block:image]\n{\n  \"images\": [\n    {\n      \"image\": [\n        \"https://files.readme.io/96df14e-Screen_Shot_2016-08-02_at_1.36.00_PM.png\",\n        \"Screen Shot 2016-08-02 at 1.36.00 PM.png\",\n        1250,\n        714,\n        \"#f2f2f1\"\n      ],\n      \"caption\": \"You will see a medium-sized text box, where you can insert key facts about your article.\"\n    }\n  ]\n}\n[/block]\nMake sure you use a bulleted-list structure for your article highlights. Also, if you use article highlights, remember not to include photos, pullquotes, etc. at the beginning of the piece.\n\n##Headings\nTo add a heading to your post, click the Toolbar Toggle on the panel above the text body. Upon clicking the Toolbar Toggle, another row of icons should be visible. You should see the Paragraph dropdown menu as the second option on this strip.\n[block:image]\n{\n  \"images\": [\n    {\n      \"image\": [\n        \"https://files.readme.io/ca77f5f-Overall_4.png\",\n        \"Overall 4.png\",\n        1279,\n        725,\n        \"#f1f1f0\"\n      ],\n      \"caption\": \"This dropdown menu is the second option on the second strip of icons.\"\n    }\n  ]\n}\n[/block]\nFrom here, you may choose a main heading or a sub-heading.","excerpt":"","slug":"quotes-article-highlights-and-headings","type":"basic","title":"Quotes, article highlights, and headings"}

Quotes, article highlights, and headings


## Using Quotes The PBJ platform allows users to make use of pull quotes to make blurbs of text stand out. To begin, click the Toolbar Toggle on the panel above the text body. [block:image] { "images": [ { "image": [ "https://files.readme.io/a822fa5-Overall_1.png", "Overall 1.png", 1280, 727, "#f1f1f1" ], "caption": "The toggle is the final icon on the strip." } ] } [/block] Upon clicking the Toolbar Toggle, another row of icons should be visible. You should see the Formats dropdown menu as the first option on this strip. Under this dropdown menu, select the Pull-quote option. [block:image] { "images": [ { "image": [ "https://files.readme.io/372d7fc-Overall_3.png", "Overall 3.png", 1279, 724, "#f1f1f0" ] } ] } [/block] You should now see text in a pull-quote box like so: [block:image] { "images": [ { "image": [ "https://files.readme.io/6a0afa3-Overall_5.png", "Overall 5.png", 1279, 725, "#eeeeed" ] } ] } [/block] The text should then automatically wrap into a formatted pull-quote box. The blockquote button on the panel does not have an effect on the PBJ platform, and cannot be used for creating pull-quotes. [block:callout] { "type": "danger", "body": "It is crucial that no text or images overlap the Danger zone section on the left-hand side. Pull-quotes and other text and media in this area may not format correctly once your post has been published.", "title": "Beware the Danger Zone" } [/block] ## Article Highlights Article highlights allow you to make a few facts about your article stand out, in a bulleted list form. To begin, scroll down, until you see Article highlights, accompanied by a text box. [block:image] { "images": [ { "image": [ "https://files.readme.io/96df14e-Screen_Shot_2016-08-02_at_1.36.00_PM.png", "Screen Shot 2016-08-02 at 1.36.00 PM.png", 1250, 714, "#f2f2f1" ], "caption": "You will see a medium-sized text box, where you can insert key facts about your article." } ] } [/block] Make sure you use a bulleted-list structure for your article highlights. Also, if you use article highlights, remember not to include photos, pullquotes, etc. at the beginning of the piece. ##Headings To add a heading to your post, click the Toolbar Toggle on the panel above the text body. Upon clicking the Toolbar Toggle, another row of icons should be visible. You should see the Paragraph dropdown menu as the second option on this strip. [block:image] { "images": [ { "image": [ "https://files.readme.io/ca77f5f-Overall_4.png", "Overall 4.png", 1279, 725, "#f1f1f0" ], "caption": "This dropdown menu is the second option on the second strip of icons." } ] } [/block] From here, you may choose a main heading or a sub-heading.