bredchosting.com logo 125x79
Example: mywebsite.com
Ultimate Guide to Joomla Migration: Seamless Website Transition Strategies

Ultimate Joomla migration guide: step‑by‑step planning, backups, core/template and extension migration, database transfer, SEO-preserving 301 redirects, staging tests, performance and security checks, plus recommended tools and best practices.

Understanding Joomla Migration

What is Joomla Migration?

Joomla migration is the process of moving a website’s content, components, templates, configurations, and data so the site runs correctly in a new environment or on a different version of Joomla. Migration can mean upgrading between major Joomla releases (for example, a move from an older long-term release to a current major release), switching hosting providers or server environments, replatforming from another CMS into Joomla, or consolidating multiple Joomla sites into a single installation. A complete migration covers databases, media files, user accounts, SEO-sensitive items (URLs, metadata, redirects), and any third‑party extensions or custom code that the site relies on (Source: guide.joomla.org).

Common scenarios for migration include:

  • Major version upgrades to maintain support and compatibility.
  • Moving to a faster host, a different operating environment (LAMP to LEMP, containerized hosting), or a content-delivery setup for better global performance.
  • Replatforming from another CMS (WordPress, Drupal, etc.) when business needs favor Joomla’s feature set.
  • Site redesigns or structural reorganizations that require a fresh codebase and content migration.
  • Merging multiple sites or separating a multisite into distinct installations.

Each scenario has distinct technical requirements, but all share core steps: inventory assets and extensions, plan data mapping, preserve SEO and URLs, perform backups, and test on a staging site before switching the live site.

Benefits of Migrating Your Joomla Website

Improved performance and scalability: Migrating to an optimized server stack or newer Joomla release often delivers measurable speed improvements. Modern PHP versions, optimized database engines, updated caching layers, and compatibility with CDNs reduce page load times and allow the site to handle higher traffic with fewer resources.

Enhanced security features: Upgrading and migrating keep your site on actively supported software that receives security patches. Newer Joomla versions and contemporary hosting environments offer stronger default protections, better session handling, support for HTTPS best practices, and easier integration with security extensions and two‑factor authentication.

Access to updated functionalities: Migration unlocks modern features—improved administration UX, updated templating and layout options, compatibility with current extensions and APIs, and better SEO and accessibility tools. This enables richer user experiences, easier site management, and smoother third‑party integrations.

Taken together, these benefits make migration a strategic investment in performance, security, and future development flexibility.

Preparing for Joomla Migration

Pre-Migration Assessment

A successful Joomla migration begins with a thorough pre-migration assessment. Start by cataloging the current website setup: identify the Joomla core version, the PHP and database (MySQL/MariaDB) versions in use, installed templates, and every third-party extension—components, modules, and plugins. Note any custom code or template overrides and where files are stored. Compatibility gaps are often discovered at this stage, so record extensions that are no longer maintained or have known issues with newer Joomla releases (Source: guide.joomla.org).

Next, inventory the content and data that must move. List article categories, individual articles, images and media folders, menus, modules, and any custom content types or fields. Don’t forget user accounts, user groups and ACL configurations, contact forms, and e-commerce data (orders, products, customers) if applicable. Create a clear map of what will be migrated, what will be archived, and what should be left behind.

Backing up everything is non-negotiable. A comprehensive backup strategy should include both a full copy of site files and a complete database dump. Use reliable tools (for example Akeeba Backup or server-level snapshots) and store backups offsite or in versioned storage (Source: akeeba.com). Perform a test restore to a staging environment to confirm backup integrity; a backup that can’t be restored is useless. Schedule backups before and after any major migration step and retain multiple restore points so you can roll back if needed.

Practical checklist for the assessment phase:

  • Record Joomla core, PHP, and database versions.
  • List all extensions and note their compatibility and licensing.
  • Map content types, users, and custom data to be migrated.
  • Create and verify full file + database backups; store copies offsite.

Choosing the Right Migration Approach

Deciding how to migrate depends on scale, complexity, and your tolerance for manual work. Manual migration gives maximum control: you can selectively move content, rewrite templates, and clean up technical debt. It’s appropriate when the site has many customizations, legacy extensions, or when you want to redesign templates and restructure content. Manual migration is time-consuming and requires technical expertise in Joomla file structure and database mapping.

Automated migration tools (extensions or third-party services) speed up recurring tasks—exporting articles, users, categories, and some extension data—and reduce human error. Tools vary in capability: some transfer core Joomla data well but struggle with bespoke components or complex e-commerce tables. Evaluate tools by testing them in a staging environment and comparing results with your migration map.

Also decide between a full migration and selective data migration. Full migration preserves site structure and functionality, useful when upgrading core versions or moving hosts with minimal changes. Selective migration is preferable when simplifying site content, dropping obsolete extensions, or moving to a restructured design: migrate only essential content and rebuild functionality with modern, supported extensions.

Choose an approach using this decision flow: perform the assessment, identify incompatible or redundant extensions, estimate labor and downtime, test a small subset on staging, then pick manual, automated, or hybrid methods. Regardless of approach, always run migrations on a staging site first, verify URLs and SEO metadata, and prepare a rollback plan before touching the live site.

Step-by-Step Joomla Migration Process

Backing Up Your Joomla Site

A reliable, complete backup is the foundation of any safe migration. Create two types of backups: a full file-system copy (all Joomla files, templates, media folders, logs and the configuration.php) and a full database export. Use dedicated tools such as Akeeba Backup for an integrated snapshot, or perform manual backups using FTP/SFTP to copy files and phpMyAdmin or mysqldump to export the database (Source: akeeba.com). Store backups off-site (cloud storage, another server) and keep at least two historical copies so you can roll back if needed.

Before you begin, verify the backups by performing a test restore into a local or staging environment. Confirm file permissions and ownership, and note any large media directories or backup exclusions (temp/cache) to avoid unnecessary transfer of transient files.

Migrating Joomla Core Files and Extensions

Move the Joomla core files and the active template first, then handle extensions. If possible, match the Joomla version on the target server to the source; when that isn't feasible, document the current version and update core files after testing in the new environment (Source: docs.joomla.org).

Templates: copy the complete template folder(s), including custom overrides, CSS, JavaScript, and any template frameworks. Review template compatibility with the destination Joomla version and with PHP/runtime differences. After copying, clear template cache, recompile assets if the template uses build tools, and check module positions and overrides.

Extensions: inventory components, modules and plugins before migration. For each extension, verify compatibility with the target Joomla and PHP versions and update to the latest compatible release on the destination. Some extensions require reinstallation rather than file copy — use the extension installer or vendor-provided migration tools when available. Don’t forget to preserve extension-specific files, configuration entries and custom database tables; export/import their tables if they won’t be recreated by installer routines.

Also confirm licensing and API keys for paid or external services and prepare to re-enter them after migration.

Transferring Content and Database

Export the full database using mysqldump or phpMyAdmin with all tables and appropriate character set/collation settings. If the site’s domain or directory path will change, plan a safe search-and-replace for URLs in content and configuration entries — use tools that handle serialized data safely or run replacements through SQL where appropriate.

Import the SQL dump into the target database, then update configuration.php with the new DB credentials, site path and live URL. Transfer media and asset folders (images, attachments, media, cache if needed) using rsync, SCP or FTP; rsync is preferred for large sites because it supports resume and preserves permissions. Verify that file ownership and web-server permissions allow Joomla to write to the /images, /tmp, and /logs directories.

If you have large uploads or cloud storage integrations, confirm those connections and reconfigure endpoints as required.

Testing and Validation

Thorough testing ensures the migrated site functions as intended. On the staging or live environment, test these items:

  • Front-end and back-end accessibility and login for multiple user roles.
  • Menus, module positions, custom pages, search, forms, and e-commerce checkout flows (if present).
  • Extension features and scheduled tasks (CRON jobs).

Enable error reporting and review server logs to catch hidden issues. Clear Joomla and browser caches and validate SSL configuration and .htaccess rewrites.

SEO checks: verify page titles, meta descriptions, canonical tags and structured data remain intact. Confirm that the sitemap and robots.txt are correct and that any changed URLs have 301 redirects in place to preserve search equity. Submit the updated sitemap to Google Search Console and monitor crawl errors and index coverage for several days.

After launch, monitor analytics, server logs, and 404 reports closely for unexpected problems. Keep the rollback plan and recent backups available until the site runs stably on the new host.

Common Challenges and How to Overcome Them

Dealing with Compatibility Issues

One of the most frequent blockers during a Joomla migration is compatibility: differences between Joomla versions and conflicts introduced by extensions or custom code. Major version upgrades can change APIs, database schemas, and template frameworks; PHP and database server versions supported by the new Joomla release may also be different (Source: guide.joomla.org). To manage this risk, create a full staging copy of the site and run it against the target Joomla version and PHP environment. Use the staging site to identify deprecated functions and database differences, then plan incremental upgrades rather than a single leap when possible.

Extension conflicts are another common source of problems. Third-party components, modules, and plugins often rely on hooks or behaviors that change across Joomla releases. Start by inventorying all installed extensions and checking vendor compatibility notes and update schedules. On the staging site, disable nonessential extensions and re-enable them one at a time while testing key workflows. For extensions that have no compatible update, evaluate direct replacements, custom patches, or rewriting the integration. Keep logs and enable Joomla’s debug mode to surface PHP errors and conflicts during testing.

Best practices summary:

  • Work in a staging environment that mirrors the production PHP and database versions.
  • Audit and document every extension and custom override before migrating.
  • Update or replace incompatible extensions; consider rebuilding critical custom features with supported APIs.
  • Keep thorough backups so you can revert if a compatibility fix causes regressions.

Handling URL Structures and SEO Preservation

Preserving SEO value is critical when changing CMS versions or site structure. Start by exporting a full list of existing URLs (crawl your live site or extract from server logs) and map each to the new target URL. Implement 301 redirects for every moved or removed page to transfer link equity and avoid 404s. Use the webserver configuration (Apache .htaccess or Nginx rules) for performance-critical redirects, or Joomla’s Redirect component for manageable numbers of redirects. Avoid redirect chains by pointing old URLs directly to their final destinations.

Maintain metadata and internal linking during migration to preserve rankings. Migrate meta titles, descriptions, canonical tags, and structured data into the new site—either through the database export/import or via CSV and bulk import tools. Update navigation, breadcrumbs, and in-content internal links so they reference the new paths (or use relative links where appropriate). After migration, regenerate and submit updated sitemaps to search engines and run a crawl to validate that redirects, metadata, and internal links are correct.

Performance Optimization Post-Migration

After migration, page speed and server performance can change due to different templates, extensions, or server configurations. Start with caching: enable Joomla’s system cache and page caching where appropriate, and configure browser caching and Gzip compression. For higher traffic sites, consider server-side accelerators such as OPcache for PHP, Redis or Memcached for session/store caching, and reverse-proxy caching like Varnish.

Image optimization and CDN usage are high-impact steps. Convert and serve appropriately compressed formats (WebP where supported), generate responsive image sets (srcset) and enable lazy loading for below-the-fold images. Integrate a CDN to deliver static assets (images, CSS, JS) from edge locations, set long-lived cache headers, and define a cache-purge strategy for content updates.

Practical next steps:

  • Run performance audits (Lighthouse, GTmetrix) on staging and production to establish benchmarks.
  • Enable and tune caching layers progressively, testing for cache-busting issues.
  • Optimize and serve images efficiently and use a CDN to reduce latency.
  • Monitor real user metrics after launch and iterate on bottlenecks discovered in the field.

Best Practices for a Successful Joomla Migration

Comprehensive pre-migration backups

Before you touch configuration or move files, create complete, verifiable backups of everything: the website files, the Joomla database (exported as SQL), the configuration.php file, any custom extensions or third-party components, and server-level settings (php.ini, .htaccess/nginx config). Use both a local copy and an offsite copy (cloud or remote storage). Test the backups by performing a restore on a local or staging environment to confirm integrity and completeness. Keep versioned snapshots so you can roll back to specific points in time, and document where each backup is stored and how to restore it.

Using staging environments for testing

Always perform the migration first in a staging environment that mirrors the production stack—same PHP version, MySQL/MariaDB version, web server (Apache or Nginx), and extensions. Clone the live site to staging and run a full QA pass: check templates and CSS, test key extensions and custom code, verify login and user roles, simulate typical user flows (forms, purchases, content edits), and validate performance under load if possible. Maintain a migration checklist and use automated tests (link checks, accessibility, smoke tests) to catch regressions. Only after sign-off on staging should you schedule a production migration during a low-traffic maintenance window.

Keeping SEO intact with 301 redirects

Preserve search equity by mapping old URLs to their new equivalents and implementing server-side 301 redirects (Apache .htaccess or Nginx rules). Export a current sitemap and list of indexed URLs before migration, then compare to the post-migration URLs to ensure every high-value page has a permanent redirect. Preserve meta titles, descriptions, canonical tags, structured data, and hreflang attributes where applicable. Update XML sitemap and submit it to Google Search Console and Bing Webmaster Tools after migration. Monitor 404 errors and crawl stats in Search Console and your analytics platform for at least 30–90 days, adjusting redirects as needed to avoid traffic and ranking loss.

Regular security audits post-migration

Migration can expose configuration gaps—schedule immediate and recurring security checks. Validate file and directory permissions, ensure configuration.php is protected, confirm SSL is correctly installed and HSTS is configured if appropriate, and rotate credentials (database, admin accounts, API keys). Update Joomla core and third-party extensions to their latest compatible versions and remove any unused extensions. Run vulnerability scans, review server logs for anomalies, and enable monitoring and alerts (WAF, intrusion detection, uptime checks). Keep automated backups running and test restores periodically so you can recover quickly if an issue appears.

Following these best practices—reliable backups, thorough staging tests, careful SEO preservation, and ongoing security audits—reduces downtime, protects traffic and rankings, and ensures a smoother Joomla migration with predictable, recoverable outcomes.

Tools and Resources for Joomla Migration

Popular Migration Tools

When planning a Joomla migration, choose tools that match the scope of the move: full-site cloning, content-only transfers, or cross-CMS migrations. Common classes of tools and representative solutions include:

  • Full-site backup and restore tools: Extensions such as Akeeba Backup (with Kickstart) let you create a complete site archive and restore it on a new server or directory. These are invaluable for moving an entire Joomla install while preserving files, database, extensions and configuration (Source: akeeba.com).
  • Content exporters/importers: Lightweight extensions like J2XML are designed to export articles, categories, users and other content from one Joomla installation and import them into another. These tools are ideal when you need to migrate content without carrying over the entire site or template.
  • Version-upgrade helpers: Some migration extensions focus on moving content and compatible extensions between major Joomla versions. Evaluate any upgrade-focused tool for compatibility with your current and target Joomla releases before using it on production data.
  • Cross-CMS migration services and connectors: If you’re migrating to or from another CMS (WordPress, Drupal, etc.), consider automated migration services such as CMS2CMS or specialized migration connectors that map posts, users, media and SEO metadata between platforms. These third-party services speed up large or heterogeneous migrations but require careful validation of mapping rules.
  • Manual/hosting-assisted options: For experienced teams, tools like mysqldump + rsync or managed-host migration services (many hosts offer one-click or paid migrations) provide full control. Use manual approaches when you need exact replication or custom database transformations.

When evaluating tools, prioritize compatibility (Joomla version, PHP, database), active support and recent updates, the ability to preserve SEO-critical elements (URLs, metadata, redirects), and a rollback path (backup and restore testing).

Expert Tips and Community Support

Leveraging community knowledge and expert guidance can reduce migration risk and accelerate troubleshooting.

  • Official documentation and forums: Start with the Joomla Documentation and the official Joomla Community Forum for migration guides, version-specific notes and step-by-step procedures (Sources: docs.joomla.org; guide.joomla.org). Present detailed environment information (Joomla version, PHP/MySQL versions, list of third-party extensions and templates) when asking for help to get precise advice.
  • Q&A and specialist communities: Joomla Stack Exchange, relevant subforums and technical blogs (for example, tutorials from well-known Joomla training sites and the Akeeba blog) contain real-world migration case studies, troubleshooting steps and performance tips (Source: scitepress.org).
  • Security and update feeds: Subscribe to Joomla security announcements and the Joomla Project news to learn about critical patches, end-of-life notices and security bulletins. Keep extension changelogs and vendor release notes under review to ensure components you migrate are still maintained.
  • Vetting third-party services and experts: When hiring services or agencies, request a migration plan, timeline, test-site delivery, rollback procedures and references. Verify data handling policies (especially for user data) and confirm whether the provider offers post-migration support.
  • Testing and verification checklist: Always migrate to a staging environment first, run link and SEO checks, verify user accounts and permissions, test forms and email flows, and compare performance metrics before switching live traffic.

Using the right mix of tools and community resources ensures your Joomla migration is predictable, secure and minimally disruptive.

Future-Proofing Your Joomla Website

Upgrading Joomla Versions

Keeping Joomla core and extensions up to date is central to a future-proof site. Plan regular updates by creating an update cadence — for example, a monthly review of available core releases and extension patches, with larger upgrades scheduled quarterly or before major traffic events. Always test updates first on a staging site that mirrors your production environment: perform the upgrade there, run automated and manual checks (site functionality, front-end rendering, admin panel tasks, and forms), then deploy to production during low-traffic windows (Source: docs.joomla.org).

Follow Joomla’s official update policies and release notes closely. Read the changelogs to spot backward-incompatible changes and security fixes, and subscribe to Joomla security announcements. When an update requires a migration (such as jumping multiple major versions), prepare a migration plan that includes full backups, database snapshots, and a rollback procedure. Keep third-party extensions and templates under the same discipline: verify that each vendor supports the target Joomla version, update or replace abandoned extensions, and prioritize widely maintained extensions with clear version compatibility statements.

Automation reduces risk: use automated backups, version control for custom code, and CI/CD pipelines where possible to standardize deployments. Maintain documentation that lists installed extensions, their versions, and any customizations so future updates don’t unintentionally break custom code.

Monitoring and Optimization Post-Migration

A successful migration isn’t finished once the files and database are transferred — continuous monitoring and optimization preserve performance, SEO, and user experience.

Use analytics to track performance and user behavior. Configure Google Analytics (or your analytics tool of choice) and Google Search Console immediately after migration to monitor traffic changes, index coverage, and crawl errors. Watch key metrics such as organic sessions, bounce rate, conversion funnels, and page load times. Set up alerts for sudden drops in traffic or spikes in 404 errors so you can react quickly.

Conduct periodic SEO audits to catch regressions and keep search visibility high. Audit crawlability (robots.txt, sitemap), canonical tags, title/meta descriptions, structured data, hreflang (if applicable), and redirect chains introduced during migration. Scan for broken links and orphaned pages, validate that redirects (301s) preserve link equity, and check that important pages remain indexable. Use a mix of automated tools and manual spot checks — automated scans find broad issues while manual reviews surface contextual problems like duplicate content or thin landing pages.

Finally, optimize for performance and security on an ongoing basis: monitor uptime and response times, run regular vulnerability scans, review server and PHP configurations, and revisit caching and CDN settings after major content changes. Document monitoring routines and assign responsibility so that future maintenance is predictable, measurable, and aligned with business goals.

Frequently Asked Questions (FAQs)

How long does a typical Joomla migration take?

A typical migration can range from a few hours to several weeks depending on scope. Small sites (simple templates, few pages, standard extensions) often complete in 2–8 hours: planning, staging, migrating files and database, and quick testing. Medium sites with custom templates, many extensions, or larger databases typically require 1–3 days to run through compatibility checks, extension updates, data migration, and thorough QA. Large or complex projects — e-commerce, membership systems, extensive custom code, or multi-language sites — can take one to several weeks because of extension redevelopment, data transformation, performance tuning, and stakeholder testing.

Key factors that affect timeline include site size and database volume, number and complexity of extensions, template compatibility, third-party integrations (APIs, payment gateways), server environment differences, and the quality of pre-migration preparation. Always build in buffer time for unexpected issues and schedule migrations during off-peak hours. Use a staging environment and a rollback plan to reduce risk.

Can I migrate from an older Joomla version to the latest directly?

"Latest" changes over time, so first identify your target release and check its upgrade/migration path. Generally, moving from a major older series to a current major release often requires interim steps: update your site to the latest release of its current major branch, ensure all extensions and the template are compatible, and follow the documented migration path provided by Joomla and extension developers (Source: docs.joomla.org). Some jumps are supported by automated migration tools; others require manual conversion of templates and custom code. Always test the full migration on a staging copy before touching production.

How should I handle custom extensions during migration?

Start with an inventory of all custom and third-party extensions. For each extension: verify compatibility with the target Joomla release, review code for deprecated APIs, and decide whether to update, rewrite, or replace it with a maintained alternative. Move complex custom functionality to a staging environment and run integration tests. If you lack in-house development expertise, consider hiring a Joomla developer to refactor extensions or create compatibility layers. Maintain version control and document code changes to simplify future updates.

What are the risks of not doing backups?

Skipping backups risks permanent data loss, extended downtime, corrupted databases, broken functionality, and SEO damage. Without a tested backup you cannot reliably roll back after a failed migration. Best practice: create full backups of files and the database before any changes, store them off-site, verify restore procedures on a staging server, and keep retention copies until the new site is stable.

Sourcing: This FAQ reflects best practices and guidance from Joomla.org, SiteGround, and CloudAccess.net.

Add comment

Submit
  • The Joomla Content Editor (JCE) is a powerful extension designed to simplify and enhance content creation within the Joomla content management system. Joomla’s default editor options can be limiting, especially for users who need more control over formatting, multimedia management, and layout...

  • Joomla is a widely-used, open-source content management system (CMS) recognized globally for its flexibility, scalability, and ease of use. It powers millions of websites ranging from personal blogs to large-scale corporate portals and government websites. Joomla provides a robust framework that...

  • one name consistently stands out when discussing Joomla website backups: Akeeba Backup. Developed by Akeeba Ltd.. Whether you are managing a personal blog or a commercial enterprise website, safeguarding your data is paramount, and Akeeba Backup rises to this challenge with robust features,...

  • Creating a form using RS Form in Joomla 5 is a straightforward process.

    Follow the steps below to create your form easily:

    Step 1: Install RS Form

    1. Log in to your Joomla 5 administrator panel.
    2. Navigate to Extensions > Manage > Install.
    3. Upload the RS Form package file and click on Install.

    Step 2:...

  • Discover the truth behind Joomla!, the renowned content management system empowering countless websites globally. Unraveling prevalent misconceptions, this article delves into Joomla! 's functionality and user-friendliness to offer valuable insights. By debunking the top ten myths surrounding...

  • The Failed Login Attempts plugin gives you an overview of your failed logins, but you can make it even better by applying a simple override. The override provides a link to more information about who has tried to log in, and you can therefore use other extensions to block the user or take...

  • You’ve probably heard that Joomla is a “free” platform. That’s true, but it doesn’t tell the whole story. You can download the software for free, and you can host Joomla sites for free on specific hosting platforms. However, if you want the best possible performance and security, you’ll need to...

  • Subform fields are mighty, but did you know they look like a list? - Here, I will show you how you can spice up the look of your Subform.


    Although Subforms are not a new feature in Joomla 4 but were available already in Joomla 3, in Joomla 3, they were introduced as "Repeatable-Fields". But...

  •  In Joomla, it is relatively easy to create CSS overrides. If you would like to change the color of the Invalidate Cache button, you can read on.


    How to create a CSS override in Joomla 4 Administrator (Atum - Template)?

    Joomla is built with the intention of user customization of how it looks. CSS...

  • In Joomla 4, we were introduced to “subforms”, which are great for creating more user-friendly fields for your articles or page, containing the fields in the subform.


    The problem is that when you create a subform, the fields in the subform are divided by a comma. This doesn’t look good on your...

  • With the ability to use extensions in Joomla, it is often prevalent to install more extensions than necessary; this will usually result in a slower site. So here are my recommendations for the ten best Joomla extensions every Joomla site should have.in 2023.

  • The backend of Joomla can be very boring to look at. You can customize it as you like, by adding and replacing modules on the page.


    When you install the Joomla 3.x out off the box, you get two backend templates preinstalled, the main and mostly used template is Isis, this will be used in this...

  • JCE Editor is the best and most used Editor in Joomla; only TinyMCE as the core editor can beat it. Every Joomla site should have the JCE Editor installed because it is free and easy to use.

  • Having a good web hosting solution for your sites, either it is static or based on a CMS like Joomla, WordPress, or others, you have a lot of considerations to take into a factor. I will try in this article to guide you in the right direction towards modern hosting in 2022.

  • When you have a new Joomla Installation, the most annoying thing is that it doesn’t work as you would prefer. You may end up spending hours after hours trying to find the fault but end up banging your head in the wall. Here are 3 common reasons why your site Joomla site isn’æt working.

  • Is it possible to do things in Joomla Backend that is considered a hack! This tip from Basic Joomla is the answer, Yes!, there are several hidden possibilities in Joomla if you put your fingers into it.? - Here is how to use a hack for doing better Menu separator in Joomla. Here are two ways to do...

  • The dark mode is the new Black, and it keeps your eyes from getting light exhausting. And it also looks great in the browser. The Dark mode is not native in either Joomla 3 or Joomla 4 (as of my knowledge). But there is a solution if you don’t want to use a plugin for your browser. You can simply...

  • One of the most common mistakes when creating a new Joomla site is not securing the Joomla-site both with Backup and Security Extensions. Having up-to-date security is essential for every site on the Internet, whether it’s a plain HTML site or a complex CMS system like Joomla or WordPress offers. But...

  • There are many Extensions for Joomla, both free and with a paid license. But there are a few that should be mandatory for every installation of Joomla. I will here make a list of those I think is essential when you start a website.

  • In Joomla, it’s possible to use CSS more effectively than most people realize. You can, if wanted personalize each page just by adding a CSS class to the menu link.


    Joomla offers in most modern templates the ability to target either the title or the page’s alias. It makes customized CSS very easy,...

  • Let's state it once and for all, the backend in Joomla is quite boring, but what if you can give it a more interactive and interesting look. This is quite easy to do using the backend modules and CSS. 


    The reason for this article offsprings from a Youtube Video that shows the benefits of haveing an...

  • Is it possible to make content sliders using pure CSS & HTML only? - Read through and find out more. I will show you some smart tricks that make an awesome reusable slider using only HTMl & CSS.


    Have you ever written a long article with mutch specifications inside? - These articles have their way to become...

  • <

    CSS has from the age of the Internet been a part of doing websites. It is an easy but useful way to design an article. There are several ways to write CSS in Joomla, you can use an external file to store all CSS codes in, you can use an extension to include the code, or you can write CSS directly in the content. In this article, I will give some look into how I do it.


    In this article, I will show you three different ways to use CSS in an article. The easiest thing is to use an extension to add CSS to the article. There are several extensions in the JED (Joomla Extensions Directory) that gives this opportunity. One of the popular is Sourcerer from Regular Labs. But its also possible to do in-line CSS coding in every article, but this can be very ineffective in large articles, the third and maybe most used is to put the CSS codes into the template as eighter an external file or in the CSS capabilities of the template itself. In modern template-Framework is this common, the disadvantage of this is that you always need access to the backend to add extra CSS in your site.

    W3C CSS verifiedW3C CSS verified: W3c.org is setting the standards for CSS

    1 Code directly as you go (Hard coding the articles)

    If you prefer to do the CSS coding inline as you write an article, you must bear in mind that you will NOT be able to reuse the CSS on any other articles and you must repeat the same thing for every content with the same code. This could look like this:

    <a href="/home" style="background-color:#ff0000;color:#ffffff;">Home</a>

    This will output: Home

    2. Use an external file

    If you use an external file as a CSS source, it is normally located under the css folder in your template directory. And its usually called custom.css or user.css, the downside with this is that you need access to either FTP or bee logged in to the backend as a Super Administrator.

    3 Use an extension to add CSS code in the article

     If you want to use an extension to insert CSS in an article, you can not reuse the CSS codes without having it in every article that contains the same style.

    What do I recommend?

    A combination of the option 2 and 3, will give the easiest result and you can standardize some of the CSS styles in a file and add styles in that applies to certain articles at one addon at the end of the written article.

    Comments wanted

    - LET ME KNOW IF YOU KNOW ANY OTHER WAYS TO DO THIS IN THE COMMENTS BELOW -

  • Have you ever made a website with Joomla and you are getting the title "Home" with a large h1-header-tag? You can either hide the tag completely on all content, or you must specify it to be hidden on every page/article you make. There is a third and maybe smarter way to do this. 


    Joomla Menu options

    When you add a...

  • Have you ever been frustrated by styling a page for then realize that every image contains a white line underneath, I saw this trick on Youtube and tried it with Joomla. The result was that line disappeared. This issue resides from the early internet when we've to use inline images in the text.


    IN...

  • When you are about to change passwords in other ways that it's intended to do, you should always take in mind that it always is a security risk. You should therefore use extra care when you need to use these steps. These ways work in Joomla 2.5, 3.x, and 4.x. The tutorial is based on Joomla Docs.

  • A template is the holy grail of a CMS-system; it lays out the structure of your website. But it's always possible to tweak the content and make it look better. All Modules, Components, or Plugins in Joomla can be changed using overrides.


    Though many sites may look good with the Core template or a...

  • One of the most important things to have in mind when you deploy a new website is Backup policy. Akeeba Backup is a free Component from AkeebaBackup, which allows you to do secure backups and maintaining them for your Joomla site.

nordvpn