|
One of the first things you are going to want to do once your PIPS 2.0 site is up and running is change the header. To access the header you need to log in to your Joomla control panel and in the extensions drop down menu click 'Module Manager'. You will find in time that the two places you spend most of your time are in the Module and Article management sections as that is where the majority of the content on your site is managed. Once in the module manager locate and click on the header module. I have created the header module using the built-in custom module which allows you to add pretty much anything you want. If you scroll down to the Output section you will see the PIPS 2.0 header image and underneath that is the text 'Plug-in Profit Site - Taking PIPS to the Next Level!' however you probably can't see it as the text is white. Like I mentioned you can add anything you like to your header, you can simply add text, an image or a combination of both like I have done. For SEO purposes it's not a bad idea to have some text with your main keyword(s) in the header somewhere. You can also create your header in an HTML editor such as NVU and then paste the output into Joomla. Adding Text
If you would just like to add text to your header then you simply type the text into the output screen. You can then adjust the size by selecting a header size in the paragraph drop down menu, header 1 being the largest and header 6 the smallest. You can also change the color by clicking the down arrow next to the 'A' button. The header sizes are set in the templates CSS file but can be overridden however this would require using an HTML editor. Adding a Graphic If you would like to add an image to your header the first thing you need to do is upload it to your site. The best place to put it is in the images folder which you can access by FTP or by using the File Manager in WEBePanel. You can also upload images using the image button at the bottom of the output window however for that function to work your Joomla FTP system needs to be working or the images folder needs to have permissions set to 777. Once the image is uploaded to your site simply click the picture icon with the image of a tree on it in the tool bar and enter the URL of the image in the 'Image URL' field. For example if your image was labeled header.jpg and you uploaded it to the images folder all you need to enter is '/images/header.jpg' The 'Image Description' field is what will be placed in the alt tag of the image so for SEO purposes you should enter your main keyword there. All you need to do now is click the 'Insert' button. Adding a HTMLAlthough the built in Joomla editor does allow you to create HTML I find it much easier to create the HTML in an HTML editor. I personally use Dreamweaver which is the industry leader when it comes to HTML editors and comes with a hefty price tag. However unless you are doing advanced web development there is really no need in forking out that much money when you can get a free HTML editor such as NVU which will do everything you need it to. Don't be put off by the term HTML editor as you can create pages both in NVU and Dreamweaver without touching any code whatsoever and then pasting that code straight into Joomla. However it does help to have a basic understanding of HTML. Once you have created your header in your HTML editor copy the code between the <body></body> tags, do not include the <html> or the <head> content. We are not creating an entire page we simply want the code for the header, Joomla automatically adds the rest for us. Now in the output window in Joomla click the HTML button and paste your code into that window replacing any existing code. Testing your Header To see how your header looks click the 'Apply' button in the top tool bar and then click the preview button. The preview button at the very top will open your site in a new window the preview button just below it will show a preview of your changes in the current window.
|
