mooWiki - Everything mooSocial

This page is read only. You can view the source, but not change it. Ask your administrator if you think this is wrong.

<h1>**How to use Layout Editor**</h1> <div class="level1"> <hr /> <p> <em>Use the Layout Editor to decide what content appears on specific pages or in your site-wide header and footer.</em> </p> <hr /> </div> <h2>**I. Create - Edit a Page**</h2> <div class="level2"> </div> <h3>Selecting a Page to Edit</h3> <div class="level3"> <p> Click on the dropdown button, it is located on top-right. </p> <p> <a href="/wiki/lib/exe/detail.php?id=admin_dashboard%3Asite_manager%3Alayout_editor&media=admin_dashboard:site_manager:d27bdab3afc888a2eab3bda1c435f7d9.jpg" class="media" title="admin_dashboard:site_manager:d27bdab3afc888a2eab3bda1c435f7d9.jpg"><img src="/wiki/lib/exe/fetch.php?media=admin_dashboard:site_manager:d27bdab3afc888a2eab3bda1c435f7d9.jpg" class="media" title="d27bdab3afc888a2eab3bda1c435f7d9.jpg" alt="d27bdab3afc888a2eab3bda1c435f7d9.jpg" /></a> </p> <p> <em>#Click on Dropdown button to select page</em> </p> <p> Please note that not every page can be edited using the Layout Editor. If you do not see the page that you want to modify in the "Editing" list then you will most likely have to modify some of code to alter it's content. </p> </div> <h3>Edit a Page Info</h3> <div class="level3"> <p> Pressing on Edit Page Info button located at top-right will open a new window, in this window, it allows you to edit page info </p> <p> <a href="/wiki/lib/exe/detail.php?id=admin_dashboard%3Asite_manager%3Alayout_editor&media=admin_dashboard:site_manager:fe1db7c64a2fc796bc7d2b7ccfb2a38e.jpg" class="media" title="admin_dashboard:site_manager:fe1db7c64a2fc796bc7d2b7ccfb2a38e.jpg"><img src="/wiki/lib/exe/fetch.php?media=admin_dashboard:site_manager:fe1db7c64a2fc796bc7d2b7ccfb2a38e.jpg" class="media" title="fe1db7c64a2fc796bc7d2b7ccfb2a38e.jpg" alt="fe1db7c64a2fc796bc7d2b7ccfb2a38e.jpg" /></a> </p> <p> <em>#Edit Page Info window.</em> </p> <ol> <li class="level1"> <b><u>Page Name</u></b>: The name that will show up on the drop down list when you select a page to edit. This name is purely for your own reference for use in the Layout Editor.</li> <li class="level1"> <b><u>Page Title</u></b>: The title that will be displayed to users at Front-End.</li> <li class="level1"> <b><u>Page URL</u></b>: This field is where your enter the last part of the URL in order to link directory to this new page. You can reference the page by going to {your domain}/pages/[Page URL]. For example, the Page URL in the screenshot is “Review-of-the-Day”. If my domain was <a href="http://www.mysite.com" class="urlextern" title="http://www.mysite.com" rel="nofollow">http://www.mysite.com</a> then to access this page I created, I would go to <a href="http://www.mysite.com/pages/Review-of-the-Day" class="urlextern" title="http://www.mysite.com/pages/Review-of-the-Day" rel="nofollow">http://www.mysite.com/pages/Review-of-the-Day</a></li> <li class="level1"> <b><u>Page Description (meta tag)</u></b>: The page description should be a brief, concise description of this page. Include any key words or phrases that you want to appear in search engine listings. This will be the basis for your HTML "meta" description tag. There are two places where you can add data for your "meta" description tag. The site description found on the General Settings page will be on every page on your website under the "meta" description tag. There is also this page description which will give just this page page its own "meta" description tags which will be in addition to the this site description. Please know that a good page description will increase SEO.</li> <li class="level1"> <b><u>Page Keywords (meta tag)</u></b>: Provide some keywords (separated by commas) that describe this new page. These will be the default keywords that appear in the HTML "meta" tag in your page header. Enter the most relevant keywords you can think of to help this page's search engine rankings. There are two places where you can add data for your "meta" description tag. The site description found on the General Settings page will be on every page on your website under the "meta" description tag. There is also this page description which will give just this page its own "meta" description tags which will be in addition to the site keywords. Also know well thought out keyword will also help your SEO.</li> </ol> </div> <h3>Creating a New Page</h3> <div class="level3"> <p> To create a new page, click on "Create New Page" located at the top left. </p> <p> <a href="/wiki/lib/exe/detail.php?id=admin_dashboard%3Asite_manager%3Alayout_editor&media=admin_dashboard:site_manager:3d57db92748f24f360e64151f9ebdcd9.jpg" class="media" title="admin_dashboard:site_manager:3d57db92748f24f360e64151f9ebdcd9.jpg"><img src="/wiki/lib/exe/fetch.php?media=admin_dashboard:site_manager:3d57db92748f24f360e64151f9ebdcd9.jpg" class="media" title="3d57db92748f24f360e64151f9ebdcd9.jpg" alt="3d57db92748f24f360e64151f9ebdcd9.jpg" /></a> </p> <p> <em>#Create New Page</em> </p> <p> With this function, a guideline is existing at: <a href="/wiki/doku.php?id=admin_dashboard:site_manager:pages_manager" class="wikilink1" title="admin_dashboard:site_manager:pages_manager">https://www.moosocial.com/wiki/doku.php?id=admin_dashboard:site_manager:pages_manager</a> </p> <p> Please take a view for creating pages. </p> </div> <h3>Columns Template</h3> <div class="level3"> <p> Decide the overall layout by deciding how many columns you want to have on this page by clicking on the “Edit Columns” button. Choose a template by clicking on the template that fits your page best. The horizontal blocks on the top and the bottom represent the Site Header page and the Site Footer page, which do not need to be displayed. </p> <p> Find Edit Columns button at top-right, pressing on it and a new window will pop-up, </p> <p> <a href="/wiki/lib/exe/detail.php?id=admin_dashboard%3Asite_manager%3Alayout_editor&media=admin_dashboard:site_manager:a26c173b6c15aeadbb1e1cddf15252f2.jpg" class="media" title="admin_dashboard:site_manager:a26c173b6c15aeadbb1e1cddf15252f2.jpg"><img src="/wiki/lib/exe/fetch.php?media=admin_dashboard:site_manager:a26c173b6c15aeadbb1e1cddf15252f2.jpg" class="media" title="a26c173b6c15aeadbb1e1cddf15252f2.jpg" alt="a26c173b6c15aeadbb1e1cddf15252f2.jpg" /></a> </p> <p> <em>#Columns Layouts Selection</em> </p> <p> With many choices for your layout. </p> <hr /> </div> <h2>**II. Changing the Content on Your Page**</h2> <div class="level2"> </div> <h3>Adding Content to Your Page</h3> <div class="level3"> <p> &lt;font 13.3333320617676px font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: normal; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: 1; word-spacing: 0px; -webkit-text-stroke-width: 0px; display: inline !important; float: none; background-color: rgb(255, 255, 255);/ ;;#000000;;rgb(0, 0, 0) font-family: 'Helvetica Neue', Helvetica, sans-serif; font-size: 13.3333320617676px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: normal; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: 1; word-spacing: 0px; -webkit-text-stroke-width: 0px; display: inline !important; float: none; background-color: rgb(255, 255, 255);>Click and drag the "blocks" to arrange the content you want on each page. Drag blocks from the "Available Blocks" area into the "Page Block Placement" area to add them from your page.&lt;/font> </p> <p> <a href="/wiki/lib/exe/detail.php?id=admin_dashboard%3Asite_manager%3Alayout_editor&media=admin_dashboard:site_manager:770016715e333b0cce0e46c651926bd5.jpg" class="media" title="admin_dashboard:site_manager:770016715e333b0cce0e46c651926bd5.jpg"><img src="/wiki/lib/exe/fetch.php?media=admin_dashboard:site_manager:770016715e333b0cce0e46c651926bd5.jpg" class="media" title="770016715e333b0cce0e46c651926bd5.jpg" alt="770016715e333b0cce0e46c651926bd5.jpg" /></a> </p> <p> <em>#Drag a block from Available Blocks to your page columns</em>&lt;font 13.3333320617676px font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: normal; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: 1; word-spacing: 0px; -webkit-text-stroke-width: 0px; display: inline !important; float: none; background-color: rgb(255, 255, 255);/ ;;#000000;;rgb(0, 0, 0) font-family: 'Helvetica Neue', Helvetica, sans-serif; font-size: 13.3333320617676px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: normal; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: 1; word-spacing: 0px; -webkit-text-stroke-width: 0px; display: inline !important; float: none; background-color: rgb(255, 255, 255);>For a more control over what is displayed use an "HTML Block" if you want to add your own custom HTML code or other commonly available code snippets.&lt;/font><br/> <br/> NOTE:** &lt;font 13.3333320617676px font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: normal; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: 1; word-spacing: 0px; -webkit-text-stroke-width: 0px; display: inline !important; float: none; background-color: rgb(255, 255, 255);/ ;;#000000;;rgb(0, 0, 0) font-family: 'Helvetica Neue', Helvetica, sans-serif; font-size: 13.3333320617676px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: normal; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: 1; word-spacing: 0px; -webkit-text-stroke-width: 0px; display: inline !important; float: none; background-color: rgb(255, 255, 255);>All blocks cannot be used on all page. For instance the blocks that begin with “Profile” can generally only be used on the Profile pages (Member Profile, Group profile, etc.). Please see the following article for a list of Which Widgets are Allowed on Which Pages.&lt;/font> </p> </div> <h3>Removing Content from Your Page</h3> <div class="level3"> <p> &lt;font 13.3333320617676px font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: normal; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: 1; word-spacing: 0px; -webkit-text-stroke-width: 0px; display: inline !important; float: none; background-color: rgb(255, 255, 255);/ ;;#000000;;rgb(0, 0, 0) font-family: 'Helvetica Neue', Helvetica, sans-serif; font-size: 13.3333320617676px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: normal; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: 1; word-spacing: 0px; -webkit-text-stroke-width: 0px; display: inline !important; float: none; background-color: rgb(255, 255, 255);>You can drag blocks from the "Page Block Placement" area into the "Available Blocks" area to remove them from your page or click on the black "x" in the block you want to remove.&lt;/font> </p> <p> <a href="/wiki/lib/exe/detail.php?id=admin_dashboard%3Asite_manager%3Alayout_editor&media=admin_dashboard:site_manager:74f3a89edd5eda486f24339541f0373c.jpg" class="media" title="admin_dashboard:site_manager:74f3a89edd5eda486f24339541f0373c.jpg"><img src="/wiki/lib/exe/fetch.php?media=admin_dashboard:site_manager:74f3a89edd5eda486f24339541f0373c.jpg" class="media" title="74f3a89edd5eda486f24339541f0373c.jpg" alt="74f3a89edd5eda486f24339541f0373c.jpg" /></a> </p> <p> <em>#Press on X to remove.</em> </p> </div> <h3>Editing a Content Block</h3> <div class="level3"> <p> &lt;font 13.3333320617676px font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: normal; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: 1; word-spacing: 0px; -webkit-text-stroke-width: 0px; display: inline !important; float: none; background-color: rgb(255, 255, 255);/ ;;#000000;;rgb(0, 0, 0) font-family: 'Helvetica Neue', Helvetica, sans-serif; font-size: 13.3333320617676px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: normal; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: 1; word-spacing: 0px; -webkit-text-stroke-width: 0px; display: inline !important; float: none; background-color: rgb(255, 255, 255);>Click on the "edit" on the content block to change any of the parameters that this content block may allow you to modify.&lt;/font><br/> <a href="/wiki/lib/exe/detail.php?id=admin_dashboard%3Asite_manager%3Alayout_editor&media=admin_dashboard:site_manager:401b03cb6613a9d13ccdaed04ddadcd1.jpg" class="media" title="admin_dashboard:site_manager:401b03cb6613a9d13ccdaed04ddadcd1.jpg"><img src="/wiki/lib/exe/fetch.php?media=admin_dashboard:site_manager:401b03cb6613a9d13ccdaed04ddadcd1.jpg" class="media" title="401b03cb6613a9d13ccdaed04ddadcd1.jpg" alt="401b03cb6613a9d13ccdaed04ddadcd1.jpg" /></a> </p> <p> <em>#Click on the pencil button to begin modifying.</em>&lt;font 13.3333320617676px font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: normal; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: 1; word-spacing: 0px; -webkit-text-stroke-width: 0px; display: inline !important; float: none; background-color: rgb(255, 255, 255);/ ;;#000000;;rgb(0, 0, 0) font-family: 'Helvetica Neue', Helvetica, sans-serif; font-size: 13.3333320617676px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: normal; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: 1; word-spacing: 0px; -webkit-text-stroke-width: 0px; display: inline !important; float: none; background-color: rgb(255, 255, 255);>This block allows you to edit the "title". The title will display in bold print right above this content block on the page where your are placing it. It is also let you modifying number of item to show, default = 10.&lt;/font> </p> <p> <a href="/wiki/lib/exe/detail.php?id=admin_dashboard%3Asite_manager%3Alayout_editor&media=admin_dashboard:site_manager:a246e399476f529bf47924450dcaf9d0.jpg" class="media" title="admin_dashboard:site_manager:a246e399476f529bf47924450dcaf9d0.jpg"><img src="/wiki/lib/exe/fetch.php?media=admin_dashboard:site_manager:a246e399476f529bf47924450dcaf9d0.jpg" class="media" title="a246e399476f529bf47924450dcaf9d0.jpg" alt="a246e399476f529bf47924450dcaf9d0.jpg" /></a> </p> <p> <em>#Editing Contents Parameters</em> </p> </div> <h3>Saving Your Changes</h3> <div class="level3"> <p> Click on the "Save Changes" button on the blue bar to save all the changes you have made to the layout. </p> <p> <a href="/wiki/lib/exe/detail.php?id=admin_dashboard%3Asite_manager%3Alayout_editor&media=admin_dashboard:site_manager:f1511be797397448c6a7848b5f0a1bdb.jpg" class="media" title="admin_dashboard:site_manager:f1511be797397448c6a7848b5f0a1bdb.jpg"><img src="/wiki/lib/exe/fetch.php?media=admin_dashboard:site_manager:f1511be797397448c6a7848b5f0a1bdb.jpg" class="media" title="f1511be797397448c6a7848b5f0a1bdb.jpg" alt="f1511be797397448c6a7848b5f0a1bdb.jpg" /></a> </p> <p> <em>#Save Changes button applying changes to your layout.</em> </p> </div>