- \n
- color<\/strong> — changes color of panel to either:\n
- \n
- blue<\/li>\n
- red<\/li>\n
- green<\/li>\n
- yellow<\/li>\n
- gray<\/li>\n
- orange<\/li>\n
- light-gray<\/li>\n
- dark-blue<\/li>\n
- \nillini-orange<\/div>\n<\/li>\n
- \n
\njuicy-orange<\/div>\n<\/div>\n<\/li>\n- \n
\nillini-blue<\/div>\n<\/div>\n<\/li>\n- \n
smoky-blue<\/div>\n<\/li>\n- \n
burgundy<\/div>\n<\/li>\n<\/ul>\n<\/li>\n<\/ul>\nSteps<\/h3>\n
- \n
- Open the pane:
\n[pane]<\/li>\n - Enter your content:
\nSome interesting content in a blank pane.<\/strong><\/li>\n- Close the pane:
\n[endpane]<\/li>\n<\/ol>\nResult<\/h3>\n
<\/p>\nCode<\/h4>\n
\n[pane]
\nSome interesting content in a blank pane.
\n[endpane]<\/div><\/div><\/div><\/div><\/p>\nRendering<\/h4>\n
\n
\nSome interesting content in a blank pane..
\n<\/div><\/div><\/div><\/div><\/div><\/div>
\n<\/div><\/div><\/div><\/div><\/div><\/p>\nimg<\/code> attribute<\/h2>\n[pane]<\/code> has the optional attribute:img<\/code>. This attribute includes an image on the left side of the panel.<\/p>\n<\/p>\n\nCode<\/h4>\n
[pane img=\"https:\/\/www.library.illinois.edu\/funkaces\/UIUC_20071006_img_2261.jpg\"]
\nSome interesting content in a blank pane.
\n[endpane]<\/p>\nRendering<\/h4>\n
\n
\n\n![\"\"](\"https:\/\/www.library.illinois.edu\/funkaces\/wp-content\/uploads\/sites\/53\/2021\/09\/UIUC_20071006_img_2261.jpg\")
\n <\/div>\n \n
\nSome interesting content in a blank pane..
\n<\/div><\/div><\/div><\/p>\n<\/div><\/div><\/div>
\n<\/div><\/div><\/div><\/div><\/div><\/p>\ncolor<\/code> attribute<\/h2>\n[pane]<\/code> has the optional attribute:color<\/code>. This attribute changes the background color of the pane.<\/p>\ncolor=\"blue\"<\/code><\/h3>\n<\/p>\nCode<\/h4>\n
\n[pane color=\"blue\"]
\nSome interesting content in a blue pane.
\n[endpane]<\/div><\/div><\/div><\/div><\/p>\nRendering<\/h4>\n
\n
\nSome interesting content in a blue pane.
\n<\/div><\/div><\/div>
\n<\/div><\/div><\/div><\/div><\/div><\/div><\/div><\/div><\/p>\ncolor=\"gray\"<\/code><\/h3>\n<\/p>\nCode<\/h4>\n
\n[pane color=\"gray\"]
\nSome interesting content in a gray pane.
\n[endpane]<\/div><\/div><\/div><\/div><\/p>\nRendering<\/h4>\n
\n
\nSome interesting content in a gray pane.
\n<\/div><\/div><\/div>
\n<\/div><\/div><\/div><\/div><\/div><\/div><\/div><\/div><\/p>\ncolor=\"green\"<\/code><\/h3>\n<\/p>\nCode<\/h4>\n
\n[pane color=\"green\"]
\nSome interesting content in a green pane.
\n[endpane]<\/div><\/div><\/div><\/div><\/p>\nRendering<\/h4>\n
\n
\nSome interesting content in a green pane.
\n<\/div><\/div><\/div>
\n<\/div><\/div><\/div><\/div><\/div><\/div><\/div><\/div><\/p>\ncolor=\"light-gray\"<\/code><\/h3>\n<\/p>\nCode<\/h4>\n
\n[pane color=\"light-gray\"]
\nSome interesting content in a light-gray pane.
\n[endpane]<\/div><\/div><\/div><\/div><\/p>\nRendering<\/h4>\n
\n
\nSome interesting content in a light-gray pane.
\n<\/div><\/div><\/div>
\n<\/div><\/div><\/div><\/div><\/div><\/div><\/div><\/div><\/p>\ncolor=\"orange\"<\/code><\/h3>\n<\/p>\nCode<\/h4>\n
\n[pane color=\"orange\"]
\nSome interesting content in an orange pane.
\n[endpane]<\/div><\/div><\/div><\/div><\/p>\nRendering<\/h4>\n
\n
\nSome interesting content in an orange pane.
\n<\/div><\/div><\/div>
\n<\/div><\/div><\/div><\/div><\/div><\/div><\/div><\/div><\/p>\ncolor=\"red\"<\/code><\/h3>\n<\/p>\nCode<\/h4>\n
\n[pane color=\"red\"]
\nSome interesting content in a red pane.
\n[endpane]<\/div><\/div><\/div><\/div><\/p>\nRendering<\/h4>\n
\n
\nSome interesting content in a red pane.
\n<\/div><\/div><\/div>
\n<\/div><\/div><\/div><\/div><\/div><\/div><\/div><\/div><\/p>\ncolor=\"burgundy\"<\/code><\/h3>\n<\/p>\nCode<\/h4>\n
\n[pane color=\"burgundy\"]
\nSome interesting content in a burgundy pane.
\n[endpane]<\/div><\/div><\/div><\/div><\/p>\nRendering<\/h4>\n
\n
\nSome interesting content in a burgundy pane.
\n<\/div><\/div><\/div>
\n<\/div><\/div><\/div><\/div><\/div><\/div><\/div><\/div><\/p>\ncolor=\"illini-orange\"<\/code><\/h3>\n<\/p>\nCode<\/h4>\n
\n[pane color=\"illini-orange\"]
\nSome interesting content in a illini-orange pane.
\n[endpane]<\/div><\/div><\/div><\/div><\/p>\nRendering<\/h4>\n
\n
\nSome interesting content in a illini-orange pane.
\n<\/div><\/div><\/div>
\n<\/div><\/div><\/div><\/div><\/div><\/div><\/div><\/div><\/p>\ncolor=\"juicy-orange\"<\/code><\/h3>\n<\/p>\nCode<\/h4>\n
\n[pane color=\"juicy-orange\"]
\nSome interesting content in a juicy-orange pane.
\n[endpane]<\/div><\/div><\/div><\/div><\/p>\nRendering<\/h4>\n
\n
\nSome interesting content in a juicy-orange pane.
\n<\/div><\/div><\/div>
\n<\/div><\/div><\/div><\/div><\/div><\/div><\/div><\/div><\/p>\ncolor=\"illini-blue\"<\/code><\/h3>\n<\/p>\nCode<\/h4>\n
\n[pane color=\"illini-blue\"]
\nSome interesting content in a illini-blue pane.
\n[endpane]<\/div><\/div><\/div><\/div><\/p>\nRendering<\/h4>\n
\n
\nSome interesting content in a illini-blue pane.
\n<\/div><\/div><\/div>
\n<\/div><\/div><\/div><\/div><\/div><\/div><\/div><\/div><\/p>\ncolor=\"industrial\"<\/code><\/h3>\n<\/p>\nCode<\/h4>\n
\n[pane color=\"industrial\"]
\nSome interesting content in a smoky-blue pane.
\n[endpane]<\/div><\/div><\/div><\/div><\/p>\nRendering<\/h4>\n
\n
\nSome interesting content in an industrial blue pane.
\n<\/div><\/div><\/div>
\n<\/div><\/div><\/div><\/div><\/div><\/div><\/div><\/div><\/p>\n","protected":false},"excerpt":{"rendered":"When to use Panes allow you to make a visual separation between different parts of your page. You may want to set-off a contextual menu or emphasize certain resources on your page. Basic usage Without attributes, puts a 1 pixel gray border around your text with a white background color. Optional Attributes color — changes […]<\/p>\n","protected":false},"author":28,"featured_media":0,"parent":24,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-41","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/wordpress.library.illinois.edu\/wp-training\/wp-json\/wp\/v2\/pages\/41","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wordpress.library.illinois.edu\/wp-training\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/wordpress.library.illinois.edu\/wp-training\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/wordpress.library.illinois.edu\/wp-training\/wp-json\/wp\/v2\/users\/28"}],"replies":[{"embeddable":true,"href":"https:\/\/wordpress.library.illinois.edu\/wp-training\/wp-json\/wp\/v2\/comments?post=41"}],"version-history":[{"count":22,"href":"https:\/\/wordpress.library.illinois.edu\/wp-training\/wp-json\/wp\/v2\/pages\/41\/revisions"}],"predecessor-version":[{"id":3228,"href":"https:\/\/wordpress.library.illinois.edu\/wp-training\/wp-json\/wp\/v2\/pages\/41\/revisions\/3228"}],"up":[{"embeddable":true,"href":"https:\/\/wordpress.library.illinois.edu\/wp-training\/wp-json\/wp\/v2\/pages\/24"}],"wp:attachment":[{"href":"https:\/\/wordpress.library.illinois.edu\/wp-training\/wp-json\/wp\/v2\/media?parent=41"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}
- Close the pane:
- \n