YOOtheme Matthew Taylor - Joomla Template
The YOOtheme Matthew Taylor template is a versatile and feature-rich Joomla template that has been specifically designed for web developers. With its clean and modern design, this template provides the perfect foundation for creating professional and visually appealing websites.
Template Description
This template offers a wide range of customization options, allowing developers to easily tailor the look and feel of their websites to match their unique brand or vision. The powerful built-in customization tools make it easy to modify the templates color scheme, typography, and layout, ensuring that every website created with this template is truly unique.
One of the standout features of this template is its seamless integration with popular Joomla extensions and plugins. This makes it easy for developers to enhance their websites with additional functionality, whether its adding a contact form, integrating social media feeds, or incorporating an e-commerce platform. With the support of these extensions, the possibilities for creating dynamic and interactive websites are virtually endless.
The YOOtheme Matthew Taylor template also prioritizes mobile responsiveness, ensuring that websites created with this template are fully optimized for viewing on all devices, from desktop computers to smartphones and tablets. This is essential in todays mobile-centric world, where a significant portion of website traffic comes from mobile devices. With this template, developers can rest assured that their websites will look great and provide an optimal user experience on any screen size.
In addition to its design and functionality, this template also boasts exceptional performance and optimization. The underlying code of this template has been carefully optimized to ensure fast loading times and efficient resource management. This ensures that websites created with this template will not only look great, but also provide a seamless and responsive browsing experience for visitors.
Overall, the YOOtheme Matthew Taylor template is an excellent choice for web developers looking to create stunning and functional Joomla websites. With its extensive customization options, seamless integration with extensions, mobile responsiveness, and optimized performance, this template provides all the tools necessary to bring any web development project to life. Whether creating a portfolio website, a corporate site, an online store, or any other type of website, developers can rely on this template to provide a solid foundation for success.
Template Features:
- Actual and secure code, the latest versions of PHP and MySQL.
- Support compression of JavaScript and CSS to speed up website.
- Compliance with standards W3C XHTML 1.0 Transitional and W3C CSS Valid.
- Layout template contains 60+ positions for the location of the modules and 4 color suffix.
- The theme includes 6 color schemes a web-site.
- The ability to change the background image for the main color themes, template parameters.
- Advanced typography for a custom design content.
- Has support for Google fonts and RTL/LTR languages.
- Several types of menus, Mega Menu, Dropline Menu, CSS Menu, with smooth animation effects.
- Includes support for CCK component of content management K2 and powerful designer catalogues ZOO, as well as an integrated component WidgetKit 2 and other popular extensions.
- Demo package QuickStart with support version of CMS Joomla! 6.x.
General Features:
Pro Framework
The template is based on a simple-to-use Pro Framework. A rich set of tools for flexible configuration by Joomla Websites!
Responsive Design
Responsive template design offers maximum flexibility to adapt a website for mobile devices with different screen resolutions.
HTML5 & CSS3
Modern web technologies offer a rich set of features and benefits. The template is designed using HTML5, CSS3, LESS, JQuery, Bootstrap 3.
Quick Start
Get started in minutes using the installation template with pre-configured extensions styles and demo content.
Cross-Browser
The ability to display the site with the same degree of readability in all browsers, such as Firefox, Safari, Chrome, Opera, Yandex Browser and Internet Explorer 10+.
SEO optimization
Template is fully optimized for SEO, which ensures seamless index and the presence of your website in search engines.
A Guide to Setting Up and Using YOOtheme Matthew Taylor for Joomla
YOOtheme Matthew Taylor is a ready-made visual package for YOOtheme Pro designed for a personal website for a developer, technical writer, speaker, or small tech project. In this guide, we will not repeat the short template description that already appears above on the page. Instead, we will look at how to approach installation, which settings to review after launch, how to use the included layouts, where template styles, modules, menus, and the builder can help, and how to verify the result without putting a live site at unnecessary risk.
The key characteristic of this template is that its design and structure are tightly tied to YOOtheme Pro. That means proper setup is not just a matter of uploading a ZIP archive. You need to decide whether you are applying a clean theme to an existing site, launching the demo package on a separate copy, or moving individual layouts and styles into an already assembled project.
This guide is written for a Joomla administrator, webmaster, or content editor who wants a manageable personal website with a homepage, portfolio, speaking section, blog, contact call to action, and clean navigation. We will also cover when this template is not the right foundation, so you do not end up fighting a design that was built for a different purpose.
The practical goal of this guide is to help you deploy the template safely, preserve the recognizable Matthew Taylor style, replace the demo content with your own, and confirm that the pages, menus, modules, and responsive behavior work together as one system.
What This Template Is Designed to Do
Matthew Taylor is built as a personal website with bold typography, a large hero area, a portrait, and lists of projects, publications, and speaking engagements. The official demo makes it clear that the structure is not meant to be a generic corporate site. The focus is the person, their professional profile, their work, their writing, and their public presence. This approach works well when the site needs to answer a few questions quickly: who this specialist is, what they do, what work is worth reviewing, and how to get in touch.
When used as intended, the template covers several goals at once. The homepage becomes a concise calling card, project pages work as a portfolio, the Writing section showcases articles or notes, Speaking fits events and talks, and About turns into an extended professional profile. In Joomla, this is convenient because the content can live in articles, menus, and modules, while the visual layer is handled through YOOtheme Pro.
The template's visual language also deserves attention. The demo uses oversized headlines, a strict black-and-white foundation, a blue geometric background motif, and minimal list cards. That is not just decoration. This style does a good job of highlighting a name, photo, portfolio sections, and a contact call to action, but it is a poor fit for dense catalogs, online stores, and news portals where you need many similar cards and filter-heavy layouts.
When Matthew Taylor Makes the Most Sense
This template is worth considering if you are building a site for one person or a small expert team. It works well for a developer, consultant, technical speaker, book author, teacher, podcaster, open source creator, or small studio where projects, writing, and public activity matter. In those scenarios, the design supports the content instead of fighting it: the large hero area builds recognition, and the lower blocks help organize material into clear sections.
- A personal expert website with a portfolio, blog, and contact block.
- A speaker page with an event schedule, talk links, and a short bio.
- A technical author site where articles, projects, and external profiles matter.
- A compact agency showcase if the founder's personal brand is at the center, rather than a multi-level service catalog.
When You Should Choose Another Template
If the site needs to begin with a product catalog, a complex filtering system, many landing pages for different services, or a heavy news flow, Matthew Taylor may require too much rework. Its strength is personal presentation, not a multi-screen marketing funnel. For a store, learning portal, or catalog, it makes more sense to look at templates where cards, categories, filters, and standard page types are already built into the structure.
Before installation, ask yourself whether you want to preserve the personal editorial style of Matthew Taylor or whether you plan to rebuild almost everything. If it is the latter, it is safer to choose a template that is already closer to your actual site structure.
What Comes in the Package and How to Read the Official Feature Set
The official YOOtheme page states that the Joomla package for Matthew Taylor is built on YOOtheme Pro and includes ready-made page layouts, several style variations, and a curated set of themed images. This matters not as marketing copy, but as a practical hint: the template is best implemented through a sequence of ready-made layout, style adjustment, content replacement, and result verification.
The Joomla product page lists 7 ready-to-use page layouts. In YOOtheme's launch post for the theme, home, projects, writing, speaking, and about are described as the core pages of the personal site, with special emphasis on bold sans-serif typography, a clean minimal style, origami-like background images, and emoticons. In practice, that translates into a set of working decisions: do not break the typography without a reason, do not overload the hero section, replace the portrait carefully, and preserve the rhythm of the sections.
| Feature | Practical Use | What to Check |
|---|---|---|
| Ready-made page layouts | Use them as starting pages for the homepage, portfolio, articles, speaking section, and profile. | Make sure the correct menu items open and that nothing tied to the demo content was lost during replacement. |
| Style variations | Choose a color foundation without rewriting CSS by hand. | Make sure headline, link, and button contrast has not become worse in light and dark areas. |
| YOOtheme Pro page builder | Edit sections, rows, elements, and live preview from one interface. | Confirm that changes are saved through Save and that canceling with Cancel does not publish a draft. |
| Joomla modules and positions | Display menus, contact details, social links, a language switcher, or extra blocks in template positions. | Make sure the module is published in the correct position and assigned to the right menu items. |
You do not need to enable everything at once. For example, the ready-made demo package is useful for studying the structure and getting a fast start on a new site, but it cannot be installed like a normal template ZIP over an existing site. The official documentation clearly separates theme installation from demo package installation, so before uploading any file, you need to know which scenario you are following.
Preparation Before Installing on Joomla
Preparation matters for any template, but with YOOtheme Pro it becomes especially noticeable because some settings are stored in the style, some in builder layouts, and some in Joomla menus, articles, and modules. Mistakes at this stage usually show up later: the page does not look like the demo, some blocks do not appear, the style does not save, or an editor gets access to settings they should not be touching.
Choose Your Installation Scenario
There are two workable scenarios. The first is to install the YOOtheme Pro theme on an existing Joomla site, then upload the needed layouts and adapt them to your current content. The second is to launch the Joomla demo package on a separate copy or clean environment, study the finished Matthew Taylor structure, and then transfer that logic into the production project. For a beginner, the second path is often easier to understand, but it requires a separate Joomla installation because the demo package is a full site installation, not a standard extension.
- If the site is already live, create a backup of both files and the database.
- Verify that you have administrator access with permission to install extensions and modify template styles.
- Prepare a staging copy of the site if you plan to change the homepage, menus, and modules.
- Decide whether you need the entire demo site or only specific Matthew Taylor layouts.
- Check hosting upload limits if the archive does not install through the extension manager.
Permissions and Editors
The official YOOtheme Pro documentation specifically addresses access rights for the customizer. That is not just a formality. If an editor can modify the template, they can accidentally affect the layout, style, or global navigation. For a working team, it is better to split responsibilities: the administrator handles structure and template styles, the content editor updates articles and images, and the designer or webmaster works inside the YOOtheme Pro builder.
If multiple people manage the site, do not give everyone full template access just because it feels faster at the beginning. One mistake in a global style can affect several pages at once.
Minimum Technical Check
Before installation, check not only the CMS version but also the practical conditions: whether archives of the required size can be uploaded, whether enough memory is available, whether files can be saved into the template directory, and whether the hosting environment blocks CSS writes. This matters for YOOtheme Pro because template styles may generate CSS files inside the template folder, and the customizer must be able to save its settings.
The most useful pre-check is to install the template on a staging copy, open the YOOtheme Pro customizer, change a safe setting, click
Save, and confirm that the change is visible on the public side of the site.
Installation: Theme ZIP, Demo Package, and the First Check
In the official YOOtheme documentation, installation is described through two different file types. A regular theme ZIP is installed into an existing Joomla site as a template. A demo package is a full Joomla installation with YOOtheme Pro and demo content, which is unpacked into a server directory and installed as a new site. These archives are not interchangeable. If you upload the demo package through the extension manager, the result will not match what the administrator expects.
Installing on an Existing Site
If you are working with an already built site, use the Joomla theme ZIP. After installation, open the list of site template styles, assign YOOtheme Pro to the needed menu items or make it the default template, then open the YOOtheme Pro customizer. At this stage, do not rush into changing every page. First confirm that the template is active, the builder opens, live preview shows the correct domain, and settings can be saved.
- Open the Joomla admin panel and go to extension installation.
- Upload the Joomla YOOtheme Pro theme archive, not the full demo package.
- Open
Systemand findSite Template Styles. - Set the YOOtheme Pro style as the default or assign it to a specific menu item for testing.
- Open the YOOtheme item in the admin panel and confirm that the customizer launches.
Installing the Demo Package
The demo package is useful when you want to see Matthew Taylor exactly as intended, with its ready-made pages, images, menus, and internal relationships. It is best installed in a separate directory, subdomain, or local environment. After installation, study which pages correspond to projects, articles, speaking, and profile content, how the menu is organized, where the main images are located, and which style variations fit your brand.
Do not move the demo package directly onto a live site if it already contains data. The safer approach is to use it as a learning copy. First review the structure, then transfer individual layouts through the library or manually recreate the needed pattern in the working project.
First Check After Installation
After enabling the template, open the public side of the site both in a regular browser window and in a private window. This helps distinguish the real result from admin-side caching. Check the homepage, menu, mobile layout, footer block, error page, and the blog or article list if you plan to use them. If one section looks empty, first verify the menu item assignment and published state instead of immediately changing CSS.
Initial Settings in the YOOtheme Pro Customizer
The YOOtheme Pro customizer is organized as a settings panel on the left with a live preview on the right. For Matthew Taylor, this is a convenient model: you can see how a change to a heading, image, style, or section affects the page without constantly switching between the admin area and the public front end. But that same live preview makes it easy to get carried away with visual edits and forget the structure. It is better to move in order: layout, style, pages, templates, menus, modules, settings.
Where to Start in the Settings Panel
The official documentation lists the main customizer panels as Layout, Style, Pages, Templates, Menu, Modules, and Settings. For Matthew Taylor, the calmest sequence is to open the homepage in preview first, then choose a style variation, review the header and navbar, replace the key text and images, and only after that configure menus and modules.
Do not start with manual CSS until you have checked the style library and the Layout settings. The template already comes with finished typography, color contrast, and section rhythm. Manual tweaks should be added only for small refinements that cannot be handled through settings.
Saving, Canceling, and Working with Draft Changes
When a setting is modified, the customizer shows save and cancel actions. This lets you test variations without publishing an accidental result. For a Matthew Taylor-based site, it is convenient to work through one section first, such as the header and homepage, save the changes, review the public page, and only then move to the next block. That makes it much easier to understand which change caused a problem if one appears.
What to Check After the First Save
- The heading and navigation remain readable on a light background.
- The blue geometric motif does not cover the portrait, text, or contact call to action.
- Buttons and links have enough contrast.
- The page opens for a guest user, not just for the administrator.
- The private window shows the same page version as the saved preview.
Device Preview Is Not a Substitute for Real Testing
The customizer includes device preview buttons that help you quickly check desktop, tablet, and mobile widths. Use them after every major change. But the final check should happen in a real browser, because on a live site you may be dealing with cache, third-party extensions, real images in different sizes, and text that is longer than the demo content.
Styles, Typography, and the Matthew Taylor Brand Rhythm
Matthew Taylor is recognizable for its oversized bold headlines, open white space, sharp blue accent, minimal lists, and geometric background. If you replace all of that with standard corporate blocks, the template quickly loses its identity. Style customization should not erase the original character. It should adapt that character to a real brand and real content.
The official page mentions 6 style variations: Default, White Green, White Purple, White Pink, White Red, and Dark Yellow. That does not mean you should test every style on the live site. It is better to pick two candidates on a staging copy, check contrast, portrait treatment, links, footer, and long text blocks, and then commit to one style as the main option.
How to Choose a Style Variation Without Creating Chaos
Start with Default, because it aligns most closely with the demo and the included visual reference. Then test one lighter alternative if the blue accent does not fit your brand. The dark option should be used only when the whole site is genuinely built around a dark background, not just because one dramatic hero section looks appealing. Dark sections are more likely to surface contrast problems with links, icons, and small text.
Mini Checklist for Choosing a Style
- Compare the hero section, portfolio block, article list, and footer.
- Check the color of active links and menu hover states.
- Open a page with long-form text, not just the short homepage.
- Make sure the portrait or main image does not clash with the accent color.
- Save the chosen style into the library if you plan to reuse it on another site copy.
Typography: Where It Is Better Not to Fight the Template
Large headings are part of Matthew Taylor's character. If you reduce them to standard corporate sizes, the hero section becomes far less expressive. But real Russian text is often longer than English demo copy. That means on a Russian-language project, you should check line breaks in headings carefully, especially in the hero area, contact call to action, and list cards. In some cases, shortening the text is a better solution than breaking the template's typography.
A good rule is to edit the text to fit the design first, and only change the heading size or style if that is not enough. This helps preserve the visual strength of the template and avoids creating disconnected sections.
Origami Background Elements and Images
The blue origami motif in the demo works as a recognizable graphic anchor. It can be replaced or recolored through settings and customization, but that should be done carefully. If the background becomes too complex, it starts competing with the portrait and heading. If you remove it entirely, the page can feel too empty. For a personal website, it is usually better to keep one strong accent rather than piling on several decorative shapes.
Homepage: Portrait, Projects, Writing, and the Contact Call to Action
The Matthew Taylor homepage is built as a short introduction path. First, the visitor sees a large greeting, a name, a role, and a portrait. Then come compact lists of projects, speaking appearances, and recent publications. Below that sits a large block inviting the visitor to get in touch. This sequence works well for a personal brand because it quickly moves the person from introduction to proof of expertise and then to contact.
When replacing demo content, do not turn the hero section into a five-paragraph biography. It should provide a strong entry point, while the details belong in About. In the project and publication lists, show only the newest or strongest items. If you add too many entries, the blocks lose the lightness that makes this template work.
Portrait and Main Copy
In the attached cropped reference, the portrait sits on the right and the large text sits on the left. That creates a clear balance. Choose a photo with a simple background and strong contrast. If the image is too dark, cluttered, or horizontal, it will break the composition. It is better to prepare the image in advance, crop it to a square or a similar format, and see how it behaves on a tablet layout.
Projects, Upcoming Talks, and Latest Posts Blocks
These three columns work well as quick proof points. Projects can highlight key work, Upcoming Talks can show events or talk recordings, and Latest Posts can display recent articles. If you do not have speaking content, do not leave an empty block. Replace it with Workshops, Courses, Open Source, or Resources, but keep the same overall rhythm: a short heading, 2 to 4 items, and a link to the full section.
Contact Call to Action
The large Hire Me block in the demo does not need to remain hiring-focused. On a Russian-language site, it may lead to a consultation, a speaking inquiry, a contact page, or a form. The important thing is to keep it specific. Phrases like "Invite Me to Speak," "Discuss a Project," or "Request a Consultation" work better than something vague. After replacing it, check the link in a private window and make sure it leads to a working page rather than a demo anchor.
Menus, Modules, and Positions on a Joomla Site Using YOOtheme Matthew Taylor
For a Joomla template, what matters is not only a polished homepage but also how menus and modules are tied to positions. The YOOtheme Pro documentation notes that Joomla Module Manager is integrated into the Modules panel, and menus can be managed through the Menus panel. This is especially useful with Matthew Taylor: the top navigation should stay short, social links and contact details are better kept in separate areas, and extra blocks should be displayed only where they do not disrupt the editorial rhythm.
Navigation: Fewer Items, More Clarity
In the demo, the top menu is short: Projects, Writing, Speaking, About, Blog. That is a useful cue. Do not put everything the site contains into the header. For a personal website, 4 to 6 items is usually enough. Other links can be moved to the footer or inside sections. If the menu grows too large, it will start getting in the way on mobile, and the main user path will become less obvious.
Module Positions Worth Checking First
YOOtheme Pro provides positions for toolbar, logo, navbar, header, dialog, mobile header, sidebar, top, bottom, and builder positions. For Matthew Taylor, you will most often need navbar for the main menu, dialog or mobile dialog for mobile navigation, bottom for extra blocks, and the footer builder for the lower part of the site. Use the sidebar position carefully. The YOOtheme documentation explains that the sidebar does not appear on pages built with the page builder, because those layouts are assembled from full-width sections.
Practical Order for Checking Modules
- Open the page in the YOOtheme Pro customizer and go to
Modules. - Check which modules are published on the current page and which ones merely exist in Joomla.
- Hover over a module in the panel and confirm that it is highlighted in the live preview.
- Open the module settings through the edit action if you need to change its content or assignment.
- After saving, check the public page and the mobile layout.
Menus and the Language Switcher
If the site is multilingual, do not try to solve everything with a single navbar menu. Different languages often require separate menu modules, correct associations, and a carefully placed language switcher. In Matthew Taylor, the switcher should be placed so it does not compete with the short navigation. If it takes up too much space, put it in the toolbar or dialog and keep only the core sections in the header.
The main menu check is whether the navigation items match the real pages and their assigned template styles. If a menu item leads to a page where a different style is active or the required layout is not loaded, the user will not see an installation error. They will simply see a broken design.
Layouts, Page Templates, and Dynamic Content
YOOtheme Pro page builder lets you create layouts for individual pages, site-wide templates for page types, footers, modules, and mega menus. With Matthew Taylor, that opens up two levels of work. The first is to assemble pages quickly from ready-made layouts. The second is to make site maintenance easier: news, articles, or projects are stored as Joomla content, while the design pulls the relevant fields through dynamic content.
When to Use a Ready-Made Layout
A ready-made layout works well when a page will be edited manually and changed infrequently: a homepage, about page, speaking page, or a landing page for a book or course. You load the structure, replace the text, images, and links, and then check responsiveness. This approach is fast, but it requires discipline. If the editor keeps copying blocks manually each time, the site gradually loses its consistent style.
When You Need a Template for a Page Type
If you have many articles, projects, or speaking entries, it is worth considering a site-wide template. The YOOtheme Pro documentation describes templates for category blog, featured articles, tagged items, single contact, search, and single article pages. The idea is that one layout is applied across many pieces of content while the data is inserted dynamically. On a personal site, this is especially useful in Writing or Projects, where maintaining a consistent look across every entry matters.
Dynamic Content Without Unnecessary Complexity
YOOtheme Pro can load content managed by Joomla from the database into layouts. That can include an article title, image, custom field, or related content. You do not need dynamic content everywhere. Use it where the material repeats: a project card, article list, talk page, or latest posts block. For a one-off page, a standard builder layout is usually simpler.
Input -> Logic -> Output -> Verification
The practical chain for a dynamic block looks like this: the editor fills out the article and image field, the YOOtheme template pulls that data, the project card appears in the correct grid, and the administrator checks the public page and the content list. If the card is empty, first verify the published state, category, image field, and source mapping instead of rewriting the layout.
Practical Example: Building a Specialist Homepage
Let us walk through the scenario that is closest to this template's purpose: creating a homepage for a developer or technical consultant. The goal is to build a hero section with a name and specialization, short lists of projects, articles, and speaking appearances, plus a clear contact call to action. This example does not rely on made-up features. It follows the Matthew Taylor demo structure and the standard YOOtheme Pro capabilities for Joomla.
Goal and Preparation
We need a site where, within 20 to 30 seconds, the visitor understands who they are looking at, what work they can review, what the person writes or speaks about, and how to get in touch. Before starting, YOOtheme Pro and the template should already be installed, the customizer should be open, and the portrait, 3 to 4 projects, 3 publications, and contact block copy should be ready.
Setup Steps
- Open the homepage in the YOOtheme Pro customizer and confirm that the preview is showing the actual home page.
- Load or apply the Matthew Taylor homepage layout if you are not working from the full demo package.
- Replace the name, role, and short description in the hero block while preserving the large heading structure.
- Replace the portrait with a prepared image that has a simple background and proper crop.
- Edit the Projects block: keep 3 strong projects and a link to the full section.
- In the Writing block, display recent or featured articles rather than a random list.
- If Speaking is not needed, rename the block to Courses, Workshops, or Resources and replace the items.
- Update the contact call to action and make sure the link leads to a working form or contact page.
- Save the layout, open the page in a private window, and check desktop, tablet, and phone views.
Expected Result
The public page should retain the recognizable Matthew Taylor rhythm: a strong hero, a concise personal introduction, compact proof of expertise, a large contact block, and a clean footer. If the page has become long and heavy, go back to the content. Very often the problem is not the template, but the attempt to fit the entire site onto the homepage.
A Detail That Often Gets in the Way
The demo copy is short and fits the grid well. Russian headings can be longer. If the hero call to action breaks awkwardly across lines, do not rush to reduce the entire font size. First tighten the wording or move the extra detail into the second paragraph. On a personal website, a strong short phrase usually works better than a long list of competencies.
Practical Use Ideas for Different Roles
Matthew Taylor can be used for more than a classic developer website. Its structure works for several related scenarios as long as you stay within its proven logic: pages, portfolio-like layouts, writing, speaking, about, menus, modules, and builder functionality. Below are ideas you can implement without turning the template into a completely different product.
For a Technical Author
Use the homepage as the author profile, Writing as the article library, Projects as a showcase for open source or commercial work, and replace Speaking with Workshops or Courses. The result should be tested through the user path: from the homepage, the visitor should be able to reach a piece of content quickly, understand the topic, and return to contact options or a subscription path.
For a Freelance Developer
The homepage presents the specialization and 2 to 3 strong case studies, Projects expands the portfolio, About explains the background, and the contact block leads to an inquiry form. Brevity matters especially here. Do not turn Projects into an endless list. It is better to show a few pieces of work with a clear outcome and link to GitHub, CodePen, or a dedicated case study page.
For a Speaker or Educator
Speaking can become the central section: upcoming events, talk recordings, workshop topics, and organizer requirements. Keep Speaking near the front of the menu if public appearances matter more than the portfolio. In the footer, add organizer contact details, but do not repeat the same call to action in every block.
For a Small Studio Built Around a Personal Brand
If the site represents not one person but a small team, Matthew Taylor can still work, but you need to carefully shift the first-person presentation into an expert team page. Do not overcrowd the hero area with photos of every team member. It is better to preserve one strong editorial-style introduction and present the team in About or on a separate page.
Verifying the Result: Desktop, Mobile, Performance, and Content
After configuring the template, it is important to check not only whether the homepage looks good, but whether the site works as a system. For Matthew Taylor, verification includes four layers: visual appearance, navigation, content manageability, and technical stability. If you skip one of those layers, the problem often surfaces only after publication.
Visual Appearance and Responsiveness
Open the homepage, a project page, the article list, an article page, About, and the contact path. On desktop, check the large headings, portrait, lists, and footer. On tablet, make sure the blue graphic does not overpower the text. On phone, check the mobile menu, block order, and heading length. YOOtheme Pro includes device preview, but the final verification should happen in a real browser.
Navigation and Style Assignments
Each menu item should lead to the expected page. If you created several template styles, check the menu assignment. A common situation is that the administrator configured a separate style for the homepage but forgot to assign it to the correct menu item, so the site displays a different variation. For verification, open the list of menu items and compare which template style is assigned to each important section.
Content and Empty Blocks
Demo blocks often look good only while they still contain demo data. After replacement, check for empty lists, old links, English headings, unnecessary social icons, or leftover demo names. On a personal site, these details are more noticeable than on a corporate portal because the whole page is built around trust in a specific person.
Performance and Images
The template is visually light, but real images can make the page heavy. Optimize the portrait, background images, and project previews. Do not upload massive files just because the builder displays them at the correct size automatically. After replacing the images, inspect the page in browser tools and confirm that the hero section is not pulling an excessively large file.
Final pre-publication check: the homepage opens for guests, the menu leads to the right sections, the contact path works, the mobile version is readable, and after clearing the cache the visible result matches what you see in the customizer.
Safe Improvements Without Editing the Template Core
With YOOtheme Pro, you do not need to start by editing template files. The documentation points to dedicated CSS and Scripts panels in the Settings panel, and for deeper changes there are child themes. For most Matthew Taylor sites, small CSS refinements, Joomla language overrides, and careful module setup are enough. This is safer than editing the template core because changes are easier to roll back and are less likely to interfere with updates.
A Small CSS Fix for Long Russian Headings
If Russian headings in the hero section or contact block break too abruptly, you can add a soft width limit and line-height adjustment for a specific custom class. First assign a CSS class to the required builder element, for example mt-ru-hero-title, then paste the CSS into YOOtheme Pro's built-in custom CSS panel. This does not modify the core and can be rolled back easily by removing the class and the rule.
.mt-ru-hero-title {
max-width: 11ch;
line-height: 1.05;
overflow-wrap: anywhere;
}
@media (max-width: 640px) {
.mt-ru-hero-title {
max-width: 100%;
line-height: 1.12;
}
}
The verification is simple: open the homepage on desktop and phone, make sure the heading does not overlap the portrait or graphic background, then clear the cache and repeat the check in a private window. To roll it back, remove the rule from custom CSS and remove the class from the element.
Language Overrides Instead of File Edits
If you need to replace individual Joomla or extension system labels, use language overrides instead of editing files. This is especially useful for buttons, form messages, or service text that does not live directly inside a builder layout. This approach survives updates much better than manual editing of template files.
When a Child Theme Is Needed
A child theme makes sense if you are adding your own Less style, overriding a template file, or creating a repeatable technical customization for several sites. For one minor heading tweak, a child theme may be unnecessary. For agency work where Matthew Taylor becomes the base for multiple projects, a child theme is already justified because the style can be maintained separately instead of being mixed into settings for one specific site.
If the Template Does Not Look Like the Demo: Symptom-Based Troubleshooting
Problems with Joomla templates often look similar on the surface, but the underlying causes differ. There is no need to jump straight into CSS changes or package reinstallation. It is better to follow a chain: which symptom is visible, where it appears, which part of the system is responsible for that area, and how to test the hypothesis safely.
The Installer Does Not Accept the Archive
Symptom: Joomla will not install the file, the upload fails, or you see a message about size, execution time, or memory. Possible cause: the wrong archive was selected, PHP limits are too low, or the demo package is being used instead of the theme ZIP. What to check: the archive name, the installation scenario, and the values of post_max_size, upload_max_filesize, max_execution_time, and memory_limit. Fix: use the correct archive and increase the limits through hosting settings if allowed. If an edit through .htaccess breaks the site, roll it back and handle the issue through the hosting panel instead.
The Customizer Opens, but Settings Do Not Save
Symptom: changes are visible in live preview, but after clicking Save the public page stays unchanged or a write error appears. Possible causes include cache, file permissions, blocked writes to the template directory, or a server-side permissions conflict. Check whether a small safe change can be saved, clear the Joomla and browser cache, then review file permissions. YOOtheme documentation on file permission issues recommends standard values for directories and files, but they should be applied carefully and only to the required paths.
A Module Is Published but Does Not Appear on the Page
Symptom: the module is enabled in Joomla, but it does not show up in Matthew Taylor. Possible causes: the module is assigned to the wrong position, linked to the wrong menu items, hidden by a visibility setting, or placed in the sidebar position on a page built with the page builder. Check the Modules panel in YOOtheme Pro, the published state, the assignment, and the position. If the module is meant to appear inside a builder layout, use a Position element or an appropriate builder pattern instead of expecting the sidebar to show up on a full-width page.
The Homepage Lost Its Rhythm After Text Replacement
Symptom: the large heading wraps awkwardly, the portrait no longer aligns with the grid, or the list blocks have become too long. Possible cause: the demo structure is built for short text and carefully prepared images. Check the length of the hero heading, the portrait format, the number of items in the columns, and the height of the contact block. Fix: shorten the copy, prepare the image at the correct aspect ratio, and limit lists to 2 to 4 items. Global typography should be changed only after the content itself has been fixed.
On Mobile, the Menu or Background Overlaps the Content
Symptom: the menu takes up too much space, a background element runs into the text, or the contact block feels cramped. The cause is usually long menu items, an unprepared image, or manual spacing edits. Check the mobile header, dialog or mobile dialog, device preview, and a real phone. Fix: shorten the menu items, move secondary links into the footer or dialog, and restore the default section spacing if a manual CSS edit made things worse.
A Single Block Looks Different After an Update
Symptom: one element looks different even though the content did not change. Possible causes include a YOOtheme Pro update, CSS recompilation, a custom CSS conflict, or a changed style variation setting. Check the changelog, disable recently added CSS, and compare the saved style with the current one. If the block is critical, restore the settings from a backup or reapply the change through the built-in panels instead of editing the template core.
Questions Worth Resolving Before Publication
Can Matthew Taylor be installed on top of an existing Joomla site?
Yes, as long as you are using the YOOtheme Pro theme ZIP and understand which pages and template styles will be affected. The full demo package is not installed like a regular extension on top of an existing site, because it is a separate Joomla installation with demo data.
Do I have to use the demo package?
No. The demo package is useful as a training and starting copy where you can see how the pages, menus, images, and styles are assembled. For a live site with existing content, it is often safer to study the demo separately and transfer only the layouts and settings you actually need.
Why does the page not look like the official preview?
Usually the reason is an incomplete transfer of the demo structure: a different style variation, missing images, a different menu item, empty modules, or a layout without the required content. Start by checking the style, menu assignment, published modules, and replacement of demo images.
Is the template suitable for a large corporate website?
It can be used as part of a corporate website, but its underlying logic is personal. If you need complex services, many subsections, filters, a catalog, and teams, it is better to choose a template or framework where that structure is built in from the start.
Can I change the colors and typography without code?
Yes. YOOtheme Pro provides a style library and style customizer. With Matthew Taylor, it is best to start with style variations and the built-in panels, and only add a small amount of custom CSS if the built-in settings are not enough.
What should I do if editors accidentally break the layout?
Separate permissions. Let editors work with articles and media, and restrict access to the YOOtheme Pro customizer to administrators or the responsible webmasters. The official YOOtheme documentation specifically calls out the Edit Templates permission.
Do I need a child theme for a small site?
For a simple personal site, YOOtheme Pro settings and a small amount of custom CSS are usually enough. A child theme is needed if you are adding your own Less style, overriding template files, or want to maintain repeatable changes as a separate layer.
When YOOtheme Matthew Taylor Is the Right Choice
YOOtheme Matthew Taylor is a strong choice when you need an expressive personal Joomla website with a powerful hero section, portfolio, publications, speaking content, a profile page, and a clear contact path. It works especially well if you are prepared to keep its editorial character, oversized typography, minimal lists, and visual emphasis, rather than trying to turn the template into a generic corporate portal.
Before publishing, run through one short final path: the installation method is correct, the style variation has been checked, the homepage is not overloaded, the menu is short, modules are assigned to the right positions, pages open for guests, the mobile view is readable, and the contact link works. After that, you can get the YOOtheme Matthew Taylor file and test the template on a separate copy or a prepared project.
If instead you need a catalog, a store, a complex corporate structure, or a site without a strong personal focus, it is better to choose another template from the YOOtheme Pro ecosystem or a Joomla framework that is closer to your information architecture. A good template saves time only when its underlying logic matches the job the site needs to do.
Nearby Materials | ||||
|
YOOtheme Design Bites - Joomla Template | YOOtheme Soda - Joomla Template |
|
|




