Adding Some Content to Your MojoPortal Website
Written by Ian McIntosh Tuesday, 2 August 2011
This article builds on the previous post in this series, providing a step-by-step guide to setting up local and remote environments for MojoPortal, and now a walk through of adding content to your site.
The online documentation on the MojoPortal website is pretty good and covers all the basic modules.
What I will do with this article is to quickly add some simple functionality and provide screen shots as I go. You can follow these instructions to get the basic modules added, and then refer to the online documentation to find out more about each module.
The default home page of your MojoPortal website gives you the default admin login details. Use these to log in as administrator and then you will see the administrator menu at the bottom of the screen.
I will start by adding a new page to the website to hold the sample modules. From the administrator menu, select New Page:
On the Add/Edit Pages screen, select Parent Page as ‘Root’ and type in Page Name as ‘Test Page’. When you tab from the Page Name field, you will also see the Url field update. Note that spaces are changed to a dash. Everything else can be left as default, so just press the Create New Page button.
You should now see a new menu option for your page. Select ‘Add/Remove Features On This Page’.
Make sure you have Html Content selected. Enter the name as ‘Test HTML’ and press the ‘Create New Content’ button.
Notice that Test HTML is now listed under Center Pane. Now select Blog and enter the name ‘Test Blog’. Then press ‘Create New Content’.
Test Blog is also listed in the Center Pane. Now press ‘View This Page’
Now your page displays the two new content modules. Notice the small text menu items next to the module headings. This is the admin menu, available only to users signed in with certain rights. Let’s update the Test HTML module to add some text. Select Edit.
In the editor, type some text. Notice that the editor allows you to format the text and add in pictures, etc. When finished, press the Update button at the bottom.
The blog is also very easy to use, but there is a bit more to it than the HTML module. We need to set some of the settings, so from the blog menu, select Settings.
Enter your email address in the Author Email field
I will also add some text into the extra sidebar content area so you can see how it is displayed. Click on ‘Extra Sidebar Content’ then enter text into the editor. When you are finished, press the Save button at the bottom.
You will need to edit the email settings which are in the web.config file for your site. You can easily find the web.config file using WebMatrix: select ‘Files’ to show files, then right click on MP Demo and select Show in Windows Explorer. You should then be able to easily locate web.config in that directory.
I use Notepad++ to do the editing. Find and update the email settings. Note: if you have not already done so, you will need to setup your email account. You can easily do this from the Arvixe Control Panel by selecting Mail | Accounts and hitting the create mail account button.
And the settings a bit further down in the system.net section
You can now go back to your test page, hit F5 to make sure the web.config changes are picked up and click on Add Post.
Type in a title and some text and press the Save button.
You can go back and edit it at your leisure to add something more interesting. There are also more features such as adding categories, linking in to Facebook, etc. It is all quite intuitive, so just take a look through the options available via settings.
Finally, for this article, I will walk you through setting the site title. Again, this is very simple to do once you know where to look. From the admin menu, select Administration.
Select Site Settings (side note: you can see the security adviser has a warning on it, before you make any site live, you should check out the Arvixe blog relating to this that will tell you how to set this correctly)
Type in your site name and slogan. You can also set your site email address and company name here as well. Note that this is also where you can change your skin. It is easiest to leave the skin of your demo site unchanged for now; otherwise, you may find things are not quite in the same place for you as they are in the screen shots.
So now that you have been walked through a couple of examples, it should be easy for you to make use of other simple modules, for example the contact form and forum module. Others, like the shop, have a little more to them. I suggest you concentrate on the simple modules first, read the MojoPortal feature specific documentation and look through the settings page.
Looking for quality mojoPortal Hosting? Look no further than Arvixe Web Hosting.