Joomla

Some notes to remember when trying to create a web site like this from scratch are the following:

- To see the positions of the Joomla template (I have used the protostar template that comes with Joomla), the following characters have to be added right after the web address of the page: ?tp=1

- Disable ModSecurity. This is found in the cPanel of the website. This had to be done because I couldn't upload and install any template due to redirectioning to my website homepage every time I was trying to save the changes.

- Extensions->Module manager->Menu class suffix: (space)nav-pills. This had to be done to arrange menu items horizontally in the menu module.

Frequently Asked Questions when working with Joomla

1. How to create a new top menu item in Joomla?

Adding math with latex code in Joomla

You can include mathematics in your web page by using MathJax. For this you have to include this:

<script type="text/javascript" async
  src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.2/MathJax.js?config=TeX-MML-AM_CHTML">
</script>

into the <head> block of the document. Then you can use the default math delimiters $ $...$ $ and \ [...\ ] for displayed mathematics, and \ (...\ ) for in-line mathematics. Notice that I separated the math delimiters using a space between $ symbols and between \ and [ or \ and ] because otherweise MathJax would render these symbols in this paragraph. Use these math delimiters without the spaces in between.

Another option is to use Jatex extension for Joomla. Use {jatex (close) code {/jatex (close) or {jatex options:inline (close) code {/jatex (close). The text editor doesn't have to be disabled. The next video shows how to install the Jatex extension in Joomla (I made it myself):

How to embed Youtube videos in Joomla

From the top menu of Joomla! admin, go to Extensions -> Plugin Manager. Find the plug-in called Editor-TinyMCE and click on it. Find the box that is called Prohibited Elements. You will see – script,applet,iframe – written inside the box. Delete iframe from this box so that the final text reads: script,applet

Joomla! may also filter the iframe HTML tag depending on your user type. To check the settings for your user type, go to System on the top bar and click Global Configuration. Navigate to the Text Filters tab. You will see a list of user groups and the type of filtering that corresponds. Make sure your user group is set to No Filtering.

To embed a YouTube video on a Joomla! page, you first need to get the iframe embed code. Under the video you want to embed, click on Share, then on Embed and copy the code.

Then go and edit the Joomla! article where you want the video to appear. In the editor, click on the Source Code icon. In the source code box that pops up, paste the video embed code where you want the video to appear.

Sitemap

Keep the sitemap updated using: https://www.xml-sitemaps.com/. Upload the new sitemap to the root directory of the site (in the public_html file) using FileZilla. Then test it using Google Webmaster Tools. Sitemap contains all pages of the website one by one.

robots.txt

The Joomla standard robots.txt text is this:

User-agent: *
Disallow: /administrator/
Disallow: /bin/
Disallow: /cache/
Disallow: /cli/
Disallow: /components/
Disallow: /includes/
Disallow: /installation/
Disallow: /language/
Disallow: /layouts/
Disallow: /libraries/
Disallow: /logs/
Disallow: /modules/
Disallow: /plugins/
Disallow: /tmp/

It must be placed in the root directory of the site. It can also be tested using Google Webmaster Tools.

Google Analytics

To check statistics of the visitors to your site: https://analytics.google.com/

Filtering my visits to my own site

My own traffic to my site is not important. To filter my own traffic go to the Google Analytics account -> Administrator -> Filters. There we can create filters for the Country, Region, City and IP address, among others. To know your IP address (it doesn't work if you have dynamic IP addresses) go to https://www.vpnmentor.com/tools/ipinfo/. Just take it and create the filter with it.

Access to mail account of the website

Use: http://www.thefinitelement.com/webmail

Access to administration panel of the website

Use: http://www.thefinitelement.com/cpanel

Google Webmaster Tools

This is a very useful site to view statistics of your site related to traffic and how people finds your web. Here you can see the words and phrases that people uses when they find your site. It is also useful to update the sitemap and to check if robots.txt file is working properly.

How to change the width of the protostar joomla template

The template.css file must be changed on line 7008 from:

.container {
    max-width: 960px;}

To:

.container {
    max-width: 1150px;}

Then, on line 5219 change:

.container, .navbar-static-top .container, .navbar-fixed-top .container, .navbar-fixed-bottom .container {
    width: 940px;}

To:

.container, .navbar-static-top .container, .navbar-fixed-top .container, .navbar-fixed-bottom .container {
    width: 1130px;}

Adding Facebook plugins

To add Facebook comments I have used a Phoca extension that I have downloaded from the site:

https://www.phoca.cz/documentation/category/62-phoca-facebook-comments-module

To configure the extension I have created an app in this site (following recommendations found in the previous site):

https://developers.facebook.com/

Adding Google Adsense code in Joomla

It is very common that Joomla cleans html code when we create a custom module where we can add directly html to our site. I use this to add the adsense code on my website. To prevent Joomla from cleaning the code, which prevents our adsense blocks to be shown, we have to do this (I realized about this when I checked the source code of my pages and I noticed that a part of the adsense code was there, but the <script> part was missing):

1. Go to System > Global configuration > Text filters (at the top of the page) > Administrator (select No filtering). Do the same for Super users (select No filtering).

If this does not work and the adds don't appear, try configuring the Editor. For the Tiny-MCE do this:

2. Go to Extensions > Plugins > Find Editor-TinyMCE > Prohibited elements > Erase everything and put the word "empty".

My knowledge regarding html and Joomla management is very limited, so I suggest taking my advices with care and consult a more reliable source of information as this type of "cleaning" has a purpose and seems to be to protect our site from attacks. This has helped me and I hope it helps you too. See, for example, this:

https://www.joomla-monster.com/documentation/joomla-tutorials/how-to-stop-joomla-editor-from-cleaning-some-html-elements

Changing the order of modules inside a position of a Joomla template

In Joomla 3.X we can just go to Extensions > Module (or module manager) > Grab the module on the left and put it where we want. Se that we could need to "activate" this functionality by clicking at the little arrows at the top of the column. We also have to organize modules in order (just browse at the top) because maybe Joomla won't let you grab the modules if we don't do this.

Details about an article (author, publication date, tag, print and mail button, etc)

To show or hide the information of the articles go to Content > Article manager > Options > Articles > Then browse and choose to show or not all these information or buttons.

To define an image as the website logo

Go to Extensions > Templates > Select your template > At the top go to Advanced > Browse for the logo fields and find the one that lets you select an image to put on the Logo position of the template.