Ordasoft website development company

Custom HTML in Joomla Article

If you need to add specific elements or code snippets to your content, another way is to add custom HTML within Joomla articles. Also read about Joomla Custom Module

Log in to Joomla Administrator.

From the administrator menu, go to "Content" > "Articles" to manage your articles.

joomla custom html to articles joomla custom html to articles

Choose the article where you want to add custom HTML content by clicking on its title.

joomla custom html articles new joomla custom html articles new

Once you've selected the article, click on the "Edit" button to open it for editing.

By default, Joomla's article editor uses a visual editor similar to word processors. If you prefer to work directly with HTML code, you can switch to HTML mode by clicking on the "Toggle editor" button (usually labeled as "Toggle Editor" or "HTML") at the top of the editor toolbar.

joomla custom html source code joomla custom html source code

In the article editor insert the custom HTML content. You can then type or paste your HTML code directly into the editor.

joomla custom html insert code joomla custom html insert code
joomla custom html result joomla custom html result

After adding the custom HTML content, you can preview the article to see how it looks on the frontend of your website. Click on the "Preview" button to view a preview of the article. If you're satisfied with the changes, click on the "Save & Close" or "Save" button to save the changes to the article.

If the article is already published, your changes will be immediately visible on the frontend of your website. If the article is unpublished or you've made significant changes, you may need to publish or update the article to make the changes visible to your website visitors.

Visit the frontend of your Joomla website to ensure that the custom HTML content appears as expected within the article. You may need to clear your browser cache to see the changes reflected on the frontend.

Other Tutorials for Joomla:

 
Ordasoft website development company

How To Optimize Joomla Website

how to optimize joomla website

Seo Optimization

SEO (Search Engine Optimization) is an important thing that helps your website appear higher up in search engine results. When someone searches for something online, search engines like Google use special algorithms to decide which websites to show first. And you want your website to be one of the first ones people see!

But why is it so important?

  • When your site is optimized, more people will find it because it will show up higher in search results. That means more visitors, more clicks, and more potential customers.
  • SEO optimization helps your website to get noticed by putting it on top of search results.
  • When people search for something and find your website at the top of the results, it gives them confidence that your site is trustworthy and relevant to their needs. This trust can turn visitors into customers and keep them coming back for more.
  • If your competitors have optimized their websites for SEO and you haven't, they'll likely get more visitors and customers than you.
  • Unlike paid advertising, which stops working once you stop paying, SEO optimization provides long-term benefits. Once your website ranks higher in search results, it can continue to attract visitors and customers over time without ongoing costs.

There are few simple steps that can help you to rank your website higher and attract more organic traffic.

Keyword Research

Keyword research is the process of identifying the words and phrases that people use when searching for information, products, or services online.

Start by understanding your target audience.

Who are they?

What are their interests, needs, and pain points?

Knowing your audience will help you identify keywords that are relevant to them. You can use tools that will help you to expand your list of keywords and gather valuable data.

Optimize Page Titles and Meta Descriptions

Create unique, descriptive, keyword-rich page titles (title tags) and meta descriptions for each page of your Joomla site. Use SEO extensions to customize these elements.

Joomla offers several SEO extensions like sh404SEF, RSSEO!, and Easy Frontend SEO. Install and configure one of these extensions to easily optimize page titles and meta descriptions across your Joomla site. Each page on your Joomla site should have a unique and descriptive title that accurately represents its content. Include relevant keywords toward the beginning of the title to improve SEO.

SEF URLs

Enable Search Engine Friendly (SEF) URLs in Joomla's global configuration and create clean, keyword-rich URLs for your content. This helps search engines and users understand page content.

Log in to the Joomla administrator panel.

In the Joomla administrator dashboard, select "Global Configuration".

how to optimize joomla website configuration how to optimize joomla website configuration

In the Global Configuration page, navigate to the "Site" tab. Look for the "SEO Settings" section. There, you'll find an option labeled "Search Engine Friendly URLs." Set this option to "Yes" to enable SEF URLs.

how to optimize joomla website seo settings how to optimize joomla website seo settings

Below the "Search Engine Friendly URLs" option, you'll find another setting called "URL rewriting." Enabling URL rewriting can further enhance the readability and SEO-friendliness of your URLs. Set this option to "Yes" if you wish to use URL rewriting.

Once you've saved the changes, visit your Joomla website to ensure that SEF URLs are now active. Navigate to various pages and check the URLs in your browser's address bar. They should appear cleaner and more user-friendly compared to the default Joomla URLs, which often include index.php and other parameters.

Optimize Heading Tags

Use appropriate HTML heading tags (H1, H2, H3, etc.) to structure your content logically. Include relevant keywords in your headings to improve SEO.

Image Optimization

Use descriptive filenames and alt tags for images to make them easily discoverable by search engines. Include relevant keywords in image filenames and alt attributes.

Mobile Optimization

Ensure that your Joomla site is mobile friendly and responsive. With the increasing use of mobile devices, Google prioritizes mobile-friendly websites in search results.

Site Speed Optimization

Improve the loading speed of your Joomla site by optimizing images, enabling caching, minimizing CSS and JavaScript files, and choosing a fast hosting provider. Google considers site speed as a ranking factor.

Social Media Integration

Integrate social media sharing buttons into your Joomla site to encourage users to share content. Social signals can indirectly impact SEO by increasing visibility and traffic to your site.

Submit XML Sitemap

Generate an XML sitemap for your Joomla site and submit it to Google Search Console and other search engine webmaster tools. A sitemap is a file that lists all the pages of a website to help search engines understand its structure and content. It's typically in XML format and contains important metadata about each page, such as its URL, last updated date, and priority level.

Speed Optimization

Speed Optimization of your website is also critical. Users expect websites to load quickly an a slow-loading website frustrates visitors and can lead them to abandon your site in seconds. By optimizing the speed of your Joomla website, you provide a better user experience, keeping visitors engaged and satisfied. Optimizing the speed of your Joomla website you provide a better experience for your users, improve search engine rankings and maximize performance of your web hosting server.

Choose a Good Hosting Provider

Look for a hosting provider that offers fast and reliable servers with solid-state drives (SSDs) and powerful hardware infrastructure.

Enable Caching

Enable caching to store temporary files and data, reducing server load and speeding up page load times.

Optimize Images

Compress and optimize images before uploading them to your Joomla site. Large image files can significantly slow down page load times. You can always use Online Image Compressor for free.

Use a Lightweight Template

Choose a lightweight and well-coded template that is optimized for speed. Avoid templates with excessive animations or features that can slow down your site. Don't know where to find one? Try our Joomla Templates!

Minify CSS and JavaScript

Use Joomla extensions or manual methods to minify CSS and JavaScript files, reducing their file size and speeding up load times.

Minifying CSS and JavaScript involves removing unnecessary characters and spaces from code files to reduce their size.

Manual Minification

  • Open your CSS or JavaScript file using a text editor or code editor.
  • Remove comments, whitespace, and unnecessary characters such as line breaks and indentation.
  • Combine multiple CSS or JavaScript files into a single file to reduce HTTP requests.

Use Online Tools

  • Find any of online tools that can automatically minify CSS and JavaScript files.
  • Upload your CSS or JavaScript file to the tool. It will minify the code for you.

Optimize Database

Regularly clean up your Joomla database by removing unnecessary data: spam comments, old revisions, and expired sessions. You can use extensions like Admin Tools or similar.

Important! Before performing any optimization, it's important to create a backup of your Joomla database. This ensures that you can restore your website in case anything goes wrong during the optimization process.

Repair MySQL database tables

If you're using phpMyAdmin, you can repair MySQL database tables through its interface.

Just log in to phpMyAdmin and select the database containing the table(s) you want to repair or optimize.

Check the box next to the table(s) you want to repair.

From the "With selected" dropdown menu, choose "Repair table."

how to optimize joomla website repair table how to optimize joomla website repair table

Optimize MySQL database tables

From the "With selected" dropdown menu, choose "Optimize table."

how to optimize joomla website optimize table how to optimize joomla website optimize table

Joomla compression

This compression helps reduce the size of the data being transferred between the server and the client, which can lead to faster page loading times and reduced bandwidth usage. When Gzip compression is enabled in Joomla, the web server compresses the output HTML, CSS, and JavaScript files before sending them to the browser. The browser then decompresses the files before rendering the web page to the user. This process reduces the amount of data transferred over the network, resulting in faster page load times, especially for users on slower internet connections.

Simply log in to the Joomla administration panel

"System""Global Configuration."

In the "Server" tab, you'll find an option labeled "Gzip Page Compression." Ensure that this option is set to "Yes."

how to optimize joomla website page compressione how to optimize joomla website page compressione

Apache caching

Enabling caching in Apache involves configuring the mod_cache module, which allows Apache to cache content locally and serve it to clients without fetching it from the backend server every time.

First, ensure that the mod_cache module is enabled in Apache. You can typically do this by uncommenting or adding the following lines in your Apache configuration files (httpd.conf or apache2.conf)

LoadModule cache_module modules/mod_cache.so 
LoadModule cache_disk_module modules/mod_cache_disk.so

Important! Make sure these lines are not commented out (without a "#" at the beginning) in your Apache configuration files. If they are, remove the "#" to enable these modules.

Next, you need to configure caching directives in your Apache configuration files.

       <IfModule mod_cache.c> 
CacheEnable disk /
CacheEnable disk /path/to/your/directory
CacheEnable disk /path/to/your/files/*.html
CacheEnable disk /path/to/your/files/*.css
CacheEnable disk /path/to/your/files/*.js
</IfModule>

"CacheEnable" directives specify which content should be cached on disk. Adjust the paths and file extensions according to your website's structure and the types of files you want to cache.

After making changes to the Apache configuration files, save the changes and restart Apache to apply the new configuration

sudo systemctl restart apache2   # For systems using systemd
sudo service apache2 restart   # For systems using init.d

Monitor Extensions

Regularly review installed extensions and uninstall any that you don't use anymore or if they slowing down your site. Choose lightweight and well-maintained extensions.

Optimize Permalinks

Use search engine-friendly URLs (SEF URLs) in Joomla to improve SEO and make your URLs more user-friendly. You can enable SEF URLs in the Joomla Global Configuration.

Enable Lazy Loading

Implement lazy loading for images and videos to defer the loading of non-essential content until it's needed, improving initial page load times.

Optimize Server Configuration

Adjust server settings such as PHP memory_limit, max_execution_time, and upload_max_filesize to meet the requirements of your Joomla site and optimize performance.

Monitor Performance

Regularly monitor your Joomla site's performance using tools like Google PageSpeed Insights, GTmetrix, or Pingdom Tools. Identify areas for improvement and take appropriate actions.

Other Tutorials for Joomla:

 
Ordasoft website development company

How To Reset Password In Joomla

joomla password reset

There are 4 methods to gain admin access to Joomla or reset your Super Admin User Password or any user password:

  • Method 1: Reset Password in Joomla Administrator Backend
  • Method 2: Reset Super Administrator Password with DataBase
  • Method 3: Add a New Admin Super User with Database Assistance
  • Method 4: Give Super Admin Rights to any Current User

1. Reset Password in Joomla Administrator Backend

If you have access to the Joomla administrator backend, you can reset a user's password. Go to "Users" > "User Manager" in the backend menu.

joomla password backend users joomla password backend users

Locate the user whose password you want to reset and click on their username.

joomla password backend users name joomla password backend users name

In the user's profile, find the "Password" field. Save the changes, and inform the user of their new password.

joomla password backend details joomla password backend details

2. Reset Super Administrator Password with DataBase

If you've forgotten the password for the Super Administrator account (typically the initial admin account created during Joomla installation), you'll need to directly modify the database. Access your Joomla site's database using phpMyAdmin or a similar tool provided by your web host.

joomla password phpmyadmin base joomla password phpmyadmin base

Locate the USERS table, which may have any prefix, and click on the "Browse" button next to edit it.

joomla database users table joomla database users table

Find the Super Administrator user and click on the "Edit" button next to it.

joomla database admin change password joomla database admin change password

In the "password" field, delete the existing encrypted password and enter the new password directly. It's crucial to use the correct encryption for the new password. Please use the following password:

d2064d358136996bd22421584a7cb33e:trd7TvKHx6dMeoMmBVxYmg0vuXEA4199

and press Go. Now, the password for this user is:

secret

Please use this password to log in to the admin area and replace the user's password as described in method 1.

joomla database admin change set new password joomla database admin change set new password

3. Add a New Admin Super User with help Database

You may use this SQL code for Joomla 2.5, 3.x, 4.x, 5.x.

If the changed password does not work, or you have lost admin user access due to hacking, and if you have database access to your site, you may add a new Super Admin User.

Access your Joomla site's database using phpMyAdmin or a similar tool provided by your web host. For example, in cPanel:

cpanel phpmyadmin cpanel phpmyadmin

In phpMyAdmin, select the database with your Joomla website on the left sidebar. There, you will see all tables for this database. In the central part, select the SQL tab to run an SQL query on this database. There, you will see a field called "Run SQL query/queries on database - your database -".

phpmyadmin select databsase and mysql command phpmyadmin select databsase and mysql command

Copy and paste the following query below and press the Go button to add the new Admin to the Joomla website.

INSERT INTO `jos_users` 
(`name`, `username`, `password`, `params`, `registerDate`,
`lastvisitDate`, `lastResetTime`)
VALUES ('Administrator2', 'admin2', 'd2064d358136996bd22421584a7cb33e:trd7TvKHx6dMeoMmBVxYmg0vuXEA4199',
'', NOW(), NOW(), NOW());
INSERT INTO `jos_user_usergroup_map` (`user_id`,`group_id`)
VALUES (LAST_INSERT_ID(),'8');
insert new joomla admin user mysql command insert new joomla admin user mysql command

Please do not forget to set the correct table prefix like in other tables in this database! Just like this: JOS_

As a result, you will create a new Super Administrator with the username: admin2 and with the password: secret.

Afterward, please log in with the new user to your administrator part and use method 1 to recover your main user or change data for this new user.

4. Give supper admin rights to any current user

If you don't have access to the Joomla backend and the database, and you know someone's login/password on your site, you can set this user as a Super Admin by directly modifying the configuration file.

Access your Joomla site's files using an FTP client or file manager provided by your web host.

cpanel file manager cpanel file manager

Locate the configuration.php file in the Joomla website root directory of your Joomla installation. If this file has a permission value of 444, please change it to 644. Download the file to your local computer and open it using a text editor. Add this line:

public $root_user='myname';

where: "myname" is the username of the user who will have the Super Admin rights. Save the changes and upload the modified configuration.php file back to your Joomla site's root directory.

After logging in to the website, use method 1 to create a new password for the "Super Admin" user. Then, please remove the row with root_user from configuration.php

Other Tutorials for Joomla:

 
Ordasoft website development company

How to create a website without coding with Joomla

website without coding with joomla

Learning coding isn't strictly necessary to create a website with Joomla, as the platform is designed to be user-friendly and accessible to individuals without coding experience. Joomla provides a powerful content management system (CMS) that allows users to build and manage websites through a graphical user interface (GUI) without needing to write code.

Joomla's admin panel offers a user-friendly interface with intuitive menus and options, making it easy for users to create and manage website content, install extensions, and customize settings without writing code.

Also Joomla offers a wide range of pre-designed templates that users can choose from to give their website a professional look. These templates often come with customizable options that allow users to adjust colors, fonts, layouts, and more without needing to write code.

Important: However, while coding skills may not be necessary to use Joomla effectively, having a basic understanding of HTML, CSS, and possibly PHP can be beneficial for customizing your website further or solving issues. Additionally, if you have specific requirements that aren't covered by existing Joomla templates or extensions, knowing how to modify code can help you achieve your desired results.

If you are completely new with creating websites and you don't know where you should start your journey, we already made a simple guide on what you need to learn. Let's take a look!

Joomla Installation and Setup

Learn how to install Joomla on a web server.

Joomla Content Management

Understand how to create and manage articles, categories, and menus.

Learn how to add media to your Joomla articles:

Or use our Joomla Gallery to insert images and make beautiful galleries.

How To Create Joomla Blog:

Also you can add some simple custom code if you need to decorate your article:

If you want more then just a regular menu, you can also create mega menu using Joomla CCK module:

Template Management

Learn how to install, customize, and manage Joomla templates.

You can easily import any template with our Joomla CCK. Just in a few clicks!

Installing Extensions

Learn how to find, install, and manage Joomla extensions.

Then, configure modules:

Add any module to any article:

Make your Website Multilingual

  • How to create Multilingual Joomla Website.
  • SEO Basics

    Learn how to optimize your Joomla site for search engines.

    Site Security

    Understand basic security practices to protect your Joomla site.

    Easy way to build a website without coding is to use Website Builders.

    Website builders are online platforms or software tools that allow individuals and businesses to create websites without needing to code or have technical expertise. They typically follow a user-friendly, drag-and-drop interface that simplifies the website creation process.

    There are various website builders available, each with its own features, templates, and pricing options.

    Joomla CCK, for example, is a perfect solution. With this website builder you can create a website using Drag & Drop elements. Check step by step instruction:

    All Joomla CCK Documentation.

    Other Tutorials for Joomla:

     
    Ordasoft website development company

    Joomla Custom Module

    Joomla Custom Module allows you to add custom content, scripts, or any HTML code to your Joomla website. Also it allows you to add content like images on any position of the page, making it possible to customize your content. Read How to Add Image to Joomla Module

    Log in to your Joomla website's admin panel.

    Once logged in, go to the "Extensions" menu and select "Modules". This will take you to the Module Manager, where you can manage all modules on your Joomla website.

    joomla custom module modules joomla custom module modules

    Click on the "New" button to create a new module.

    joomla custom module new joomla custom module new

    From the list of available module types, select "Custom HTML".

    joomla custom module joomla custom module

    Enter a title for your module in the "Title" field. This title will be visible on your website.

    joomla custom module edit joomla custom module edit

    Assign the module to a module position on your template. You can choose from the available positions in the "Position" dropdown menu. Set the status of the module to "Published".

    You can also configure other settings such as access control, menu assignment, etc., based on your requirements.

    In the "Custom Output" textarea, add your custom HTML content, scripts, or any other code you want to include in the module. You can use HTML, CSS, JavaScript, and other web technologies to customize the appearance and functionality of your module.

    joomla custom module source code joomla custom module source code

    Once you've added your custom HTML content, click on the "Save & Close" or "Save & New" button to save the module.

    After saving the module, go to your website's frontend to see how the custom HTML module appears on your site. You can navigate to the page where you assigned the module to check its placement and appearance.

    joomla custom module show custom text joomla custom module show custom text

    If you need to make changes to your custom HTML module later, you can go back to the Module Manager, locate the module you want to edit, and click on its title to open it for editing. Make the necessary changes and save the module again.

    Other Tutorials for Joomla CCK:

     

    Page 4 of 8

    »