{"id":354789,"date":"2024-05-20T22:55:32","date_gmt":"2024-05-20T22:55:32","guid":{"rendered":"http:\/\/savepearlharbor.com\/?p=354789"},"modified":"-0001-11-30T00:00:00","modified_gmt":"-0001-11-29T21:00:00","slug":"","status":"publish","type":"post","link":"https:\/\/savepearlharbor.com\/?p=354789","title":{"rendered":"<span>\u0421\u043e\u0437\u0434\u0430\u043d\u0438\u0435 \u0448\u0430\u0431\u043b\u043e\u043d\u043e\u0432 \u0441\u0430\u0439\u0442\u0430 \u0432 Joomla 4+<\/span>"},"content":{"rendered":"<div><!--[--><!--]--><\/div>\n<div id=\"post-content-body\">\n<div>\n<div class=\"article-formatted-body article-formatted-body article-formatted-body_version-2\">\n<div xmlns=\"http:\/\/www.w3.org\/1999\/xhtml\">\n<p>\u0420\u0430\u043d\u0435\u0435 \u043d\u0430 \u0425\u0430\u0431\u0440\u0435 \u0431\u044b\u043b\u0438 \u043e\u043f\u0443\u0431\u043b\u0438\u043a\u043e\u0432\u0430\u043d\u044b \u0441\u0442\u0430\u0442\u044c\u0438 <a href=\"https:\/\/habr.com\/ru\/articles\/684534\/\" rel=\"noopener noreferrer nofollow\">\u0421\u043e\u0437\u0434\u0430\u043d\u0438\u0435 \u043c\u043e\u0434\u0443\u043b\u0435\u0439 \u0441 \u0443\u0447\u0451\u0442\u043e\u043c \u043d\u043e\u0432\u043e\u0439 \u0441\u0442\u0440\u0443\u043a\u0442\u0443\u0440\u044b Joomla 4<\/a>, <a href=\"https:\/\/habr.com\/ru\/articles\/736412\/\" rel=\"noopener noreferrer nofollow\">\u0421\u043e\u0437\u0434\u0430\u043d\u0438\u0435 \u043f\u043b\u0430\u0433\u0438\u043d\u043e\u0432 \u0441 \u0443\u0447\u0451\u0442\u043e\u043c \u043d\u043e\u0432\u043e\u0439 \u0441\u0442\u0440\u0443\u043a\u0442\u0443\u0440\u044b Joomla 4<\/a>, \u0433\u0434\u0435 \u043e\u0441\u0432\u0435\u0449\u0430\u043b\u0438\u0441\u044c \u043d\u044e\u0430\u043d\u0441\u044b \u043f\u043e \u0430\u043f\u0433\u0440\u0435\u0439\u0434\u0443 \u0440\u0430\u0441\u0448\u0438\u0440\u0435\u043d\u0438\u0439 \u0434\u043e \u0430\u0440\u0445\u0438\u0442\u0435\u043a\u0442\u0443\u0440\u044b Joomla 4 \/ Joomla 5. \u0410 \u0442\u0430\u043a\u0436\u0435 \u0441\u0442\u0430\u0442\u044c\u044f <a href=\"https:\/\/habr.com\/ru\/articles\/742422\/\" rel=\"noopener noreferrer nofollow\">\u0421\u043e\u0437\u0434\u0430\u043d\u0438\u0435 \u043f\u043b\u0430\u0433\u0438\u043d\u0430 \u043a\u043d\u043e\u043f\u043a\u0438 \u0440\u0435\u0434\u0430\u043a\u0442\u043e\u0440\u0430 \u0432 Joomla 4<\/a>, \u0432 \u043a\u043e\u0442\u043e\u0440\u043e\u0439 \u0432 \u0442\u043e\u043c \u0447\u0438\u0441\u043b\u0435 \u0437\u0430\u0442\u0440\u0430\u0433\u0438\u0432\u0430\u044e\u0442\u0441\u044f \u0432\u043e\u043f\u0440\u043e\u0441\u044b \u0440\u0430\u0441\u043f\u0440\u0435\u0434\u0435\u043b\u0435\u043d\u0438\u044f \u0444\u0443\u043d\u043a\u0446\u0438\u043e\u043d\u0430\u043b\u0430 \u043c\u0435\u0436\u0434\u0443 \u0444\u0440\u043e\u043d\u0442\u043e\u043c \u0438 \u0431\u044d\u043a\u043e\u043c, \u043f\u0440\u0438\u0432\u043e\u0434\u0438\u0442\u0441\u044f \u043f\u0440\u0430\u043a\u0442\u0438\u0447\u0435\u0441\u043a\u0438\u0439 \u043f\u0440\u0438\u043c\u0435\u0440 \u0440\u0430\u0431\u043e\u0442\u044b \u0441 ajax \u043d\u0430\u0442\u0438\u0432\u043d\u044b\u043c\u0438 \u0434\u043b\u044f Joomla \u0441\u0440\u0435\u0434\u0441\u0442\u0432\u0430\u043c\u0438. \u041e\u0434\u043d\u0430\u043a\u043e, \u0440\u0430\u0441\u0448\u0438\u0440\u0435\u043d\u0438\u0435 \u0442\u0438\u043f\u0430 <code>template<\/code>, \u043f\u043e\u0436\u0430\u043b\u0443\u0439, \u0441\u043e\u0437\u0434\u0430\u0451\u0442\u0441\u044f \u0434\u043b\u044f \u0441\u0430\u0439\u0442\u043e\u0432 \u043d\u0430 Joomla \u0447\u0430\u0449\u0435, \u0447\u0435\u043c \u0434\u0440\u0443\u0433\u0438\u0435 \u0442\u0438\u043f\u044b \u0440\u0430\u0441\u0448\u0438\u0440\u0435\u043d\u0438\u0439. <\/p>\n<h2>\u041e\u0433\u043b\u0430\u0432\u043b\u0435\u043d\u0438\u0435 \u0441\u0442\u0430\u0442\u044c\u0438<\/h2>\n<ul>\n<li>\n<p>\u0412\u0441\u0442\u0443\u043f\u043b\u0435\u043d\u0438\u0435<\/p>\n<\/li>\n<li>\n<p><a href=\"#literatura\" rel=\"noopener noreferrer nofollow\">\u041e\u0431\u0437\u043e\u0440 \u043b\u0438\u0442\u0435\u0440\u0430\u0442\u0443\u0440\u044b<\/a><\/p>\n<\/li>\n<li>\n<p><a href=\"#opredelenie-logicheskoi-struktury-stranic-joomla\" rel=\"noopener noreferrer nofollow\">\u041e\u043f\u0440\u0435\u0434\u0435\u043b\u0435\u043d\u0438\u0435 \u043b\u043e\u0433\u0438\u0447\u0435\u0441\u043a\u043e\u0439 \u0441\u0442\u0440\u0443\u043a\u0442\u0443\u0440\u044b \u0441\u0442\u0440\u0430\u043d\u0438\u0446<\/a><\/p>\n<ul>\n<li>\n<p><a href=\"#opredelenie-logicheskoi-struktury-stranic-joomla-marketing\" rel=\"noopener noreferrer nofollow\">\u041c\u0430\u0440\u043a\u0435\u0442\u0438\u043d\u0433<\/a><\/p>\n<\/li>\n<li>\n<p><a href=\"#opredelenie-logicheskoi-struktury-stranic-joomla-ui-ux\" rel=\"noopener noreferrer nofollow\">UI\/UX \u0438 \u0434\u0438\u0437\u0430\u0439\u043d<\/a><\/p>\n<\/li>\n<li>\n<p><a href=\"#opredelenie-logicheskoi-struktury-stranic-joomla-verstka\" rel=\"noopener noreferrer nofollow\">\u0412\u0451\u0440\u0441\u0442\u043a\u0430<\/a><\/p>\n<\/li>\n<li>\n<p><a href=\"#opredelenie-logicheskoi-struktury-stranic-joomla-rabota-s-backend\" rel=\"noopener noreferrer nofollow\">\u0412\u0437\u0430\u0438\u043c\u043e\u0434\u0435\u0439\u0441\u0442\u0432\u0438\u0435 \u0441 backend<\/a><\/p>\n<\/li>\n<\/ul>\n<\/li>\n<li>\n<p><a href=\"#chooze-joomla-extension-type\" rel=\"noopener noreferrer nofollow\">\u041e\u043f\u0440\u0435\u0434\u0435\u043b\u0435\u043d\u0438\u0435 \u0442\u0438\u043f\u0430 \u0440\u0430\u0441\u0448\u0438\u0440\u0435\u043d\u0438\u044f Joomla \u0434\u043b\u044f \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u043e\u0432 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u044b<\/a><\/p>\n<ul>\n<li>\n<p><a href=\"#kakie-tipy-rashirenii-joomla-est\" rel=\"noopener noreferrer nofollow\">\u041a\u0430\u043a\u0438\u0435 \u0442\u0438\u043f\u044b \u0440\u0430\u0441\u0448\u0438\u0440\u0435\u043d\u0438\u0439 Joomla \u0441\u0443\u0449\u0435\u0441\u0442\u0432\u0443\u044e\u0442?<\/a><\/p>\n<\/li>\n<li>\n<p><a href=\"#opredelenie-tipov-rashirenii-joomla-dlya-shablona\" rel=\"noopener noreferrer nofollow\">\u0421\u043e\u0431\u0441\u0442\u0432\u0435\u043d\u043d\u043e \u043e\u043f\u0440\u0435\u0434\u0435\u043b\u0435\u043d\u0438\u0435 \u0442\u0438\u043f\u043e\u0432 \u0440\u0430\u0441\u0448\u0438\u0440\u0435\u043d\u0438\u0439 Joomla \u043f\u0440\u0438 \u0441\u043e\u0437\u0434\u0430\u043d\u0438\u0438 \u0448\u0430\u0431\u043b\u043e\u043d\u0430<\/a>. <\/p>\n<\/li>\n<li>\n<p><a href=\"#eslib-habr-byl-sdelan-na-joomla\" rel=\"noopener noreferrer nofollow\">\u0415\u0441\u043b\u0438 \u0431\u044b \u0425\u0430\u0431\u0440 \u0431\u044b\u043b \u0441\u0434\u0435\u043b\u0430\u043d \u043d\u0430 Joomla.<\/a><\/p>\n<\/li>\n<\/ul>\n<\/li>\n<li>\n<p><a href=\"#joomla-4-and-5-templates-vs-joomla-3\" rel=\"noopener noreferrer nofollow\">\u0421\u0443\u0449\u043d\u043e\u0441\u0442\u044c \u0448\u0430\u0431\u043b\u043e\u043d\u0430. \u041e\u0442\u043b\u0438\u0447\u0438\u044f \u0448\u0430\u0431\u043b\u043e\u043d\u043e\u0432 Joomla 4 \u0438 Joomla 5 \u043e\u0442 \u0448\u0430\u0431\u043b\u043e\u043d\u043e\u0432 Joomla 3<\/a><\/p>\n<\/li>\n<li>\n<p><a href=\"#joomla-template-file-structure\" rel=\"noopener noreferrer nofollow\">\u0424\u0430\u0439\u043b\u043e\u0432\u0430\u044f \u0441\u0442\u0440\u0443\u043a\u0442\u0443\u0440\u0430 \u0448\u0430\u0431\u043b\u043e\u043d\u0430 Joomla 4 \u0438 Joomla 5<\/a><\/p>\n<ul>\n<li>\n<p><a href=\"#file-templateDetails-xml\" rel=\"noopener noreferrer nofollow\">\u0424\u0430\u0439\u043b templateDetails.xml<\/a><\/p>\n<\/li>\n<li>\n<p><a href=\"#file-index-php-joomla\" rel=\"noopener noreferrer nofollow\">\u0424\u0430\u0439\u043b index.php<\/a><\/p>\n<ul>\n<li>\n<p><a href=\"#usloviya-dlya-vyvoda-posicii-vnutri-shablona-joomla\" rel=\"noopener noreferrer nofollow\">\u0423\u0441\u043b\u043e\u0432\u0438\u044f \u0434\u043b\u044f \u0432\u044b\u0432\u043e\u0434\u0430 \u043f\u043e\u0437\u0438\u0446\u0438\u0439 \u0432\u043d\u0443\u0442\u0440\u0438 \u0448\u0430\u0431\u043b\u043e\u043d\u0430<\/a><\/p>\n<\/li>\n<\/ul>\n<\/li>\n<li>\n<p><a href=\"#file-component-php-joomla\" rel=\"noopener noreferrer nofollow\">\u0424\u0430\u0439\u043b component.php<\/a><\/p>\n<\/li>\n<li>\n<p><a href=\"#file-error-php-joomla\" rel=\"noopener noreferrer nofollow\">\u0424\u0430\u0439\u043b error.php<\/a><\/p>\n<\/li>\n<li>\n<p><a href=\"#file-fatal-php-joomla\" rel=\"noopener noreferrer nofollow\">\u0424\u0430\u0439\u043b fatal.php<\/a><\/p>\n<\/li>\n<li>\n<p><a href=\"#file-offline-php-joomla\" rel=\"noopener noreferrer nofollow\">\u0424\u0430\u0439\u043b offline.php<\/a><\/p>\n<\/li>\n<li>\n<p><a href=\"#file-joomla-asset-json-joomla-template\" rel=\"noopener noreferrer nofollow\">\u0424\u0430\u0439\u043b joomla.asset.json<\/a><\/p>\n<\/li>\n<\/ul>\n<\/li>\n<li>\n<p><a href=\"#joomla-child-template\" rel=\"noopener noreferrer nofollow\">\u0414\u043e\u0447\u0435\u0440\u043d\u0438\u0435 \u0448\u0430\u0431\u043b\u043e\u043d\u044b (\u0434\u043e\u0447\u0435\u0440\u043d\u0438\u0435 \u0442\u0435\u043c\u044b) \u0432 Joomla<\/a><\/p>\n<\/li>\n<li>\n<p><a href=\"#joomla-template-with-template-parameters\" rel=\"noopener noreferrer nofollow\">\u0428\u0430\u0431\u043b\u043e\u043d\u044b \u0441 \u043e\u043f\u0446\u0438\u044f\u043c\u0438 (\u0434\u043e\u0431\u0430\u0432\u0438\u0442\u044c \u043d\u0430\u0441\u0442\u0440\u043e\u0439\u043a\u0438 \u0434\u043b\u044f \u0441\u0432\u043e\u0435\u0433\u043e \u0448\u0430\u0431\u043b\u043e\u043d\u0430)<\/a><\/p>\n<\/li>\n<li>\n<p><a href=\"#modules-design-joomla-site\" rel=\"noopener noreferrer nofollow\">\u0421\u0443\u0449\u043d\u043e\u0441\u0442\u044c \u043c\u043e\u0434\u0443\u043b\u044f. \u0414\u0438\u0437\u0430\u0439\u043d \u0434\u043b\u044f \u043c\u043e\u0434\u0443\u043b\u0435\u0439 \u043d\u0430 Joomla-\u0441\u0430\u0439\u0442\u0435.<\/a><\/p>\n<ul>\n<li>\n<p><a href=\"#joomla-modules-layouts-overrides\" rel=\"noopener noreferrer nofollow\">\u041c\u0430\u043a\u0435\u0442 \u043c\u043e\u0434\u0443\u043b\u044f Joomla. \u041f\u0435\u0440\u0435\u043e\u043f\u0440\u0435\u0434\u0435\u043b\u0435\u043d\u0438\u044f.<\/a><\/p>\n<\/li>\n<li>\n<p><a href=\"#joomla-module-css-class\" rel=\"noopener noreferrer nofollow\">\u0421\u0443\u0444\u0444\u0438\u043a\u0441 \u043a\u043b\u0430\u0441\u0441\u0430 \u043c\u043e\u0434\u0443\u043b\u044f (CSS-\u043a\u043b\u0430\u0441\u0441 \u043c\u043e\u0434\u0443\u043b\u044f)<\/a><\/p>\n<\/li>\n<li>\n<p><a href=\"#joomla-modules-chromes\" rel=\"noopener noreferrer nofollow\">Chrome \u043c\u043e\u0434\u0443\u043b\u044f (\u0441\u0442\u0438\u043b\u044c \u043c\u043e\u0434\u0443\u043b\u044f) Joomla<\/a><\/p>\n<\/li>\n<li>\n<p><a href=\"#primenenie-joomla-modules-chromes\" rel=\"noopener noreferrer nofollow\">\u041f\u0440\u0438\u043c\u0435\u043d\u0435\u043d\u0438\u0435 \u0441\u0442\u0438\u043b\u0435\u0439 \u043c\u043e\u0434\u0443\u043b\u044f \u0432 Joomla<\/a><\/p>\n<\/li>\n<li>\n<p><a href=\"#sposoby-vstavki-modulei-v-joomla\" rel=\"noopener noreferrer nofollow\">\u0421\u043f\u043e\u0441\u043e\u0431\u044b \u0432\u0441\u0442\u0430\u0432\u043a\u0438 \u043c\u043e\u0434\u0443\u043b\u0435\u0439<\/a><\/p>\n<\/li>\n<\/ul>\n<\/li>\n<li>\n<p><a href=\"#pluginy-v-aspekte-verstki-shablonov-joomla-4\" rel=\"noopener noreferrer nofollow\">\u0421\u0443\u0449\u043d\u043e\u0441\u0442\u044c \u043f\u043b\u0430\u0433\u0438\u043d\u0430 Joomla \u0432 \u0430\u0441\u043f\u0435\u043a\u0442\u0435 \u0432\u0451\u0440\u0441\u0442\u043a\u0438 \u0448\u0430\u0431\u043b\u043e\u043d\u0430<\/a><\/p>\n<ul>\n<li>\n<p><a href=\"#makety-vyvoda-pluginov-joomla-pereopredelenie\" rel=\"noopener noreferrer nofollow\">\u041c\u0430\u043a\u0435\u0442\u044b \u0432\u044b\u0432\u043e\u0434\u0430 \u043f\u043b\u0430\u0433\u0438\u043d\u043e\u0432 Joomla, \u041f\u0435\u0440\u0435\u043e\u043f\u0440\u0435\u0434\u0435\u043b\u0435\u043d\u0438\u0435.<\/a><\/p>\n<\/li>\n<\/ul>\n<\/li>\n<li>\n<p><a href=\"#makety-vyvoda-komponentov-joomla\" rel=\"noopener noreferrer nofollow\">\u0421\u0443\u0449\u043d\u043e\u0441\u0442\u044c \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442\u0430 Joomla \u0432 \u0440\u0430\u043a\u0443\u0440\u0441\u0435 \u0441\u043e\u0437\u0434\u0430\u043d\u0438\u044f \u0448\u0430\u0431\u043b\u043e\u043d\u0430 \u0441\u0430\u0439\u0442\u0430<\/a><\/p>\n<ul>\n<li>\n<p><a href=\"#makety-vyvoda-komponentov-joomla-kanonicheskii-sposob\" rel=\"noopener noreferrer nofollow\">\u041a\u0430\u043d\u043e\u043d\u0438\u0447\u0435\u0441\u043a\u0438\u0439 \u0441\u043f\u043e\u0441\u043e\u0431 \u0440\u0430\u0437\u043c\u0435\u0449\u0435\u043d\u0438\u044f \u043c\u0430\u043a\u0435\u0442\u043e\u0432 \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442\u0430<\/a><\/p>\n<\/li>\n<li>\n<p><a href=\"https:\/\/makety-vyvoda-komponentov-joomla-nekanonicheskii-sposob\" rel=\"noopener noreferrer nofollow\">\u041d\u0435\u043a\u0430\u043d\u043e\u043d\u0438\u0447\u0435\u0441\u043a\u0438\u0439 \u0441\u043f\u043e\u0441\u043e\u0431 \u0440\u0430\u0437\u043c\u0435\u0449\u0435\u043d\u0438\u044f \u043c\u0430\u043a\u0435\u0442\u043e\u0432 \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442\u0430<\/a><\/p>\n<ul>\n<li>\n<p>Virtuemart, JoomShopping<\/p>\n<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<\/li>\n<li>\n<p><a href=\"#joomla-layouts\" rel=\"noopener noreferrer nofollow\">\u0421\u0443\u0449\u043d\u043e\u0441\u0442\u044c \u043b\u0435\u0439\u0430\u0443\u0442\u043e\u0432 (Joomla Layouts). \u041f\u0435\u0440\u0435\u043e\u043f\u0440\u0435\u0434\u0435\u043b\u0435\u043d\u0438\u0435.<\/a><\/p>\n<\/li>\n<li>\n<p><a href=\"#joomla-site-speed\" rel=\"noopener noreferrer nofollow\">\u0421\u043a\u043e\u0440\u043e\u0441\u0442\u044c \u0437\u0430\u0433\u0440\u0443\u0437\u043a\u0438 \u0441\u0430\u0439\u0442\u0430 Joomla \u0438 100 \u0437\u0435\u043b\u0451\u043d\u044b\u0445 \u043f\u043e\u043f\u0443\u0433\u0430\u0435\u0432<\/a><\/p>\n<\/li>\n<li>\n<p><a href=\"#common-recomendations\" rel=\"noopener noreferrer nofollow\">\u041e\u0431\u0449\u0438\u0435 \u0440\u0435\u043a\u043e\u043c\u0435\u043d\u0434\u0430\u0446\u0438\u0438<\/a><\/p>\n<\/li>\n<li>\n<p><a href=\"#zakluchenie\" rel=\"noopener noreferrer nofollow\">\u0417\u0430\u043a\u043b\u044e\u0447\u0435\u043d\u0438\u0435<\/a><\/p>\n<\/li>\n<\/ul>\n<h2>\u0412\u0441\u0442\u0443\u043f\u043b\u0435\u043d\u0438\u0435<\/h2>\n<p>\u041d\u0443\u0436\u043d\u043e \u043f\u0440\u0438\u0437\u043d\u0430\u0442\u044c, \u0447\u0442\u043e Joomla \u043f\u0440\u0435\u0434\u043e\u0441\u0442\u0430\u0432\u043b\u044f\u0435\u0442 \u0434\u043e\u0432\u043e\u043b\u044c\u043d\u043e \u0431\u043e\u043b\u044c\u0448\u043e\u0439 \u0444\u0443\u043d\u043a\u0446\u0438\u043e\u043d\u0430\u043b \u0438\u0437 \u043a\u043e\u0440\u043e\u0431\u043a\u0438, \u043f\u0443\u0442\u0435\u0439 \u0440\u0435\u0448\u0435\u043d\u0438\u044f \u043e\u0434\u043d\u043e\u0439 \u0438 \u0442\u043e\u0439 \u0436\u0435 \u0437\u0430\u0434\u0430\u0447\u0438 \u043c\u043e\u0436\u0435\u0442 \u0431\u044b\u0442\u044c \u043d\u0435\u0441\u043a\u043e\u043b\u044c\u043a\u043e \u0438 \u0431\u044b\u0432\u0430\u0435\u0442 \u0441\u043b\u043e\u0436\u043d\u043e \u043d\u0430\u0437\u0432\u0430\u0442\u044c \u043a\u0430\u043a\u043e\u0439-\u043b\u0438\u0431\u043e \u0438\u0437 \u043d\u0438\u0445 \u043e\u0434\u043d\u043e\u0437\u043d\u0430\u0447\u043d\u043e \u043f\u0440\u0430\u0432\u0438\u043b\u044c\u043d\u044b\u043c. \u0420\u0430\u0437\u043d\u044b\u0435 \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u0447\u0438\u043a\u0438 \u044f\u0432\u043b\u044f\u044e\u0442\u0441\u044f \u043f\u0440\u0438\u0432\u0435\u0440\u0436\u0435\u043d\u0446\u0430\u043c\u0438 \u0440\u0430\u0437\u043d\u044b\u0445 \u043f\u043e\u0434\u0445\u043e\u0434\u043e\u0432, \u0447\u0442\u043e \u043f\u043e\u0440\u043e\u0439 \u0432\u044b\u0437\u044b\u0432\u0430\u0435\u0442 \u0436\u0430\u0440\u043a\u0438\u0435 \u0441\u043f\u043e\u0440\u044b \u043c\u0435\u0436\u0434\u0443 \u043d\u0438\u043c\u0438. <\/p>\n<p>\u0421 Joomla \u0440\u0430\u0431\u043e\u0442\u0430\u044e\u0442 \u043a\u0430\u043a \u043d\u0430\u0447\u0438\u043d\u0430\u044e\u0449\u0438\u0435 \u0432\u0435\u0431-\u043c\u0430\u0441\u0442\u0435\u0440\u0430, \u0442\u0430\u043a \u0438 \u043f\u0440\u043e\u0444\u0435\u0441\u0441\u0438\u043e\u043d\u0430\u043b\u044c\u043d\u044b\u0435 \u043a\u043e\u043c\u0430\u043d\u0434\u044b. \u0412 \u0440\u0443\u043a\u0430\u0445 \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u0447\u0438\u043a\u0430 \u0448\u0430\u0431\u043b\u043e\u043d\u0430 \u0434\u043b\u044f Joomla \u043c\u043e\u0436\u0435\u0442 \u043e\u043a\u0430\u0437\u0430\u0442\u044c\u0441\u044f \u043a\u0430\u043a \u0442\u043e\u043b\u044c\u043a\u043e FTP, Notepad++ \u0438 \u0448\u0430\u0431\u043b\u043e\u043d-\u0431\u0438\u043b\u0434\u0435\u0440, \u0442\u0430\u043a \u0438 \u0438 \u043f\u0440\u043e\u0444\u0435\u0441\u0441\u0438\u043e\u043d\u0430\u043b\u044c\u043d\u044b\u0435 \u0441\u0440\u0435\u0434\u044b \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u043a\u0438 (PHP Storm \/ VS Code). \u0421\u0443\u0449\u0435\u0441\u0442\u0432\u0443\u044e\u0442 \u043a\u043e\u043c\u0430\u043d\u0434\u044b, \u0433\u0434\u0435 Joomla \u043e\u0431\u0438\u0442\u0430\u0435\u0442 \u0432 \u0443\u0441\u043b\u043e\u0432\u0438\u044f\u0445 CI\/DI, Git, \u0442\u0435\u0441\u0442\u043e\u0432\u044b\u0445 \u0441\u0442\u0435\u043d\u0434\u043e\u0432 \u0438 \u043f\u0440\u043e\u0447\u0438\u043c. \u0410 \u0431\u044b\u0432\u0430\u044e\u0442 \u0438 \u0443\u0441\u043b\u043e\u0432\u0438\u044f, \u043a\u043e\u0433\u0434\u0430 \u0438\u0437\u043c\u0435\u043d\u0435\u043d\u0438\u044f \u0432\u043d\u043e\u0441\u044f\u0442\u0441\u044f \u043f\u0440\u044f\u043c\u043e \u043d\u0430 \u043f\u0440\u043e\u0434 (production, \u0431\u043e\u0435\u0432\u043e\u0439 \u0441\u0430\u0439\u0442) \u0438 \u043e\u043d \u043f\u0430\u0434\u0430\u0435\u0442 \u043f\u0440\u044f\u043c\u043e \u043d\u0430 \u0433\u043b\u0430\u0437\u0430\u0445 \u0443 \u043f\u043e\u0441\u0435\u0442\u0438\u0442\u0435\u043b\u0435\u0439. \u041f\u043e\u0434\u043d\u0438\u043c\u0430\u0435\u0442\u0441\u044f \u0438 \u0441\u043d\u043e\u0432\u0430 \u043f\u0430\u0434\u0430\u0435\u0442, \u0438 \u0441\u043d\u043e\u0432\u0430 \u043f\u043e\u0434\u043d\u0438\u043c\u0430\u0435\u0442\u0441\u044f&#8230; \u0421\u043e\u043e\u0442\u0432\u0435\u0442\u0441\u0442\u0432\u0435\u043d\u043d\u043e \u043a\u043e\u043d\u0435\u0447\u043d\u044b\u0439 \u0440\u0435\u0437\u0443\u043b\u044c\u0442\u0430\u0442 \u0440\u0430\u0431\u043e\u0442\u044b \u0432\u0435\u0431\u043c\u0430\u0441\u0442\u0435\u0440\u0430, \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u0447\u0438\u043a\u0430 \u043c\u043e\u0436\u0435\u0442 \u0431\u044b\u0442\u044c \u0441\u043e\u0432\u0435\u0440\u0448\u0435\u043d\u043d\u043e \u0440\u0430\u0437\u043d\u044b\u0439 \u0438 \u043c\u044b \u043f\u043e\u043d\u0438\u043c\u0430\u0435\u043c, \u0447\u0442\u043e \u043d\u0435 \u0438\u043d\u0441\u0442\u0440\u0443\u043c\u0435\u043d\u0442 \u043a\u0440\u0430\u0441\u0438\u0442 \u0447\u0435\u043b\u043e\u0432\u0435\u043a\u0430, \u0430 \u0443\u043c\u0435\u043b\u044b\u0435 \u0440\u0443\u043a\u0438 &#8212; \u0438\u043d\u0441\u0442\u0440\u0443\u043c\u0435\u043d\u0442.<\/p>\n<p>\u041e\u043f\u0440\u0435\u0434\u0435\u043b\u0435\u043d\u043d\u0443\u044e \u043d\u0438\u0448\u0443 \u0437\u0430\u043d\u0438\u043c\u0430\u044e\u0442 \u0448\u0430\u0431\u043b\u043e\u043d\u044b-\u0431\u0438\u043b\u0434\u0435\u0440\u044b, \u0430-\u043b\u044f Helix Ultimate (+ SP Page Builder) \u043e\u0442 JoomShaper, YooTheme PRO, Astroid (Templazza), T4 (JoomlaArt), Gantry \u0438 \u0434\u0440\u0443\u0433\u0438\u0435. \u0420\u0430\u0431\u043e\u0442\u0430 \u0441 \u043d\u0438\u043c\u0438 \u043d\u0435\u0441\u043a\u043e\u043b\u044c\u043a\u043e \u043e\u0442\u043b\u0438\u0447\u0430\u0435\u0442\u0441\u044f \u043e\u0442 \u043a\u043b\u0430\u0441\u0441\u0438\u0447\u0435\u0441\u043a\u0438\u0445 \u0448\u0430\u0431\u043b\u043e\u043d\u043e\u0432, \u0442\u0430\u043a \u043a\u0430\u043a \u043f\u0440\u0435\u0434\u043f\u043e\u043b\u0430\u0433\u0430\u0435\u0442 \u0441\u043e\u0437\u0434\u0430\u043d\u0438\u0435 \u0441\u0432\u043e\u0438\u0445 \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u043e\u0432 \u0434\u043b\u044f \u0431\u0438\u043b\u0434\u0435\u0440\u043e\u0432 \u0438 \u0432 \u0446\u0435\u043b\u043e\u043c \u0441\u043e\u0434\u0435\u0440\u0436\u0438\u0442 \u043d\u0435\u043c\u0430\u043b\u0443\u044e \u0434\u043e\u043b\u044e \u0440\u0430\u0431\u043e\u0442\u044b \u0441 \u0438\u043d\u0442\u0435\u0440\u0444\u0435\u0439\u0441\u043e\u043c. \u042d\u0442\u043e\u0442 \u043f\u043e\u0434\u0445\u043e\u0434 \u0438\u043c\u0435\u0435\u0442 \u0441\u0432\u043e\u044e \u0430\u0443\u0434\u0438\u0442\u043e\u0440\u0438\u044e \u0438 \u043f\u0440\u0430\u0432\u043e \u043d\u0430 \u0436\u0438\u0437\u043d\u044c. \u041e\u0434\u043d\u0430\u043a\u043e, \u043f\u0440\u0438\u043e\u0431\u0440\u0435\u0442\u0430\u044f \u0432 \u0441\u043a\u043e\u0440\u043e\u0441\u0442\u0438 \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u043a\u0438 \u0448\u0430\u0431\u043b\u043e\u043d\u0430 \u043d\u0435\u0440\u0435\u0434\u043a\u043e \u043f\u0440\u0438\u0445\u043e\u0434\u0438\u0442\u0441\u044f \u0436\u0435\u0440\u0442\u0432\u043e\u0432\u0430\u0442\u044c \u043a\u0430\u0447\u0435\u0441\u0442\u0432\u043e\u043c HTML-\u043a\u043e\u0434\u0430. \u0412 \u043d\u0451\u043c \u043c\u043e\u0433\u0443\u0442 \u043f\u043e\u044f\u0432\u043b\u044f\u0442\u044c\u0441\u044f \u043b\u0438\u0448\u043d\u0438\u0435 div-\u043e\u0431\u0451\u0440\u0442\u043a\u0438 \u0438 \u043c\u0443\u0441\u043e\u0440\u043d\u044b\u0439 \u043a\u043e\u0434, \u043a\u043e\u0442\u043e\u0440\u044b\u0445 \u043c\u043e\u0436\u043d\u043e \u0431\u044b\u043b\u043e \u0431\u044b \u0438\u0437\u0431\u0435\u0436\u0430\u0442\u044c. \u0412 \u0434\u0430\u043d\u043d\u043e\u0439 \u0441\u0442\u0430\u0442\u044c\u0435 \u0448\u0430\u0431\u043b\u043e\u043d\u044b-\u0431\u0438\u043b\u0434\u0435\u0440\u044b \u0435\u0441\u043b\u0438 \u0438 \u0431\u0443\u0434\u0443\u0442 \u0437\u0430\u0442\u0440\u0430\u0433\u0438\u0432\u0430\u0442\u044c\u0441\u044f, \u0442\u043e \u043a\u043e\u0441\u0432\u0435\u043d\u043d\u043e.<\/p>\n<p>\u041f\u0440\u043e\u0446\u0435\u0441\u0441 \u0441\u043e\u0437\u0434\u0430\u043d\u0438\u044f \u0448\u0430\u0431\u043b\u043e\u043d\u0430 \u0441\u043e\u0441\u0442\u043e\u0438\u0442 \u0438\u0437 \u0434\u0438\u0437\u0430\u0439\u043d\u0430, \u0432\u0435\u0440\u0441\u0442\u043a\u0438 \u0438 &#171;\u043d\u0430\u0442\u044f\u0436\u043a\u0438&#187; \u043d\u0430 CMS. \u0414\u0438\u0437\u0430\u0439\u043d\u043e\u043c \u043e\u0431\u044b\u0447\u043d\u043e \u0437\u0430\u043d\u0438\u043c\u0430\u0435\u0442\u0441\u044f \u0434\u0438\u0437\u0430\u0439\u043d\u0435\u0440, \u0432\u0451\u0440\u0441\u0442\u043a\u043e\u0439 \u043c\u043e\u0436\u0435\u0442 \u0437\u0430\u043d\u0438\u043c\u0430\u0442\u044c\u0441\u044f \u043e\u0442\u0434\u0435\u043b\u044c\u043d\u044b\u0439 \u0432\u0435\u0440\u0441\u0442\u0430\u043b\u044c\u0449\u0438\u043a (\u043f\u043e\u0440\u043e\u0439 \u0437\u0430 \u0448\u0442\u0430\u0442\u043e\u043c). \u041f\u0440\u0438 \u044d\u0442\u043e\u043c \u043e\u0441\u043e\u0431\u0435\u043d\u043d\u043e\u0441\u0442\u0438 CMS \u043c\u043e\u0433\u0443\u0442 \u043d\u0435 \u0443\u0447\u0438\u0442\u044b\u0432\u0430\u0442\u044c\u0441\u044f \u0438 \u0442\u043e\u043c\u0443, \u043a\u0442\u043e \u0431\u0443\u0434\u0435\u0442 \u043d\u0430\u0442\u044f\u0433\u0438\u0432\u0430\u0442\u044c \u0448\u0430\u0431\u043b\u043e\u043d \u043d\u0430 Joomla, \u043f\u0440\u0438\u0434\u0451\u0442\u0441\u044f \u0447\u0442\u043e-\u0442\u043e \u043f\u0435\u0440\u0435\u0434\u0435\u043b\u044b\u0432\u0430\u0442\u044c \u043a\u0430\u043a \u043c\u0438\u043d\u0438\u043c\u0443\u043c \u0432 \u0432\u0451\u0440\u0441\u0442\u043a\u0435. \u0414\u0430\u043d\u043d\u044b\u0439 \u0442\u0435\u043a\u0441\u0442 \u043c\u043e\u0436\u0435\u0442 \u043f\u043e\u043c\u043e\u0447\u044c \u043a\u0430\u043a \u0434\u0438\u0437\u0430\u0439\u043d\u0435\u0440\u0430\u043c, \u0442\u0430\u043a \u0438 \u043e\u0441\u0442\u0430\u043b\u044c\u043d\u044b\u043c \u0443\u0447\u0430\u0441\u0442\u043d\u0438\u043a\u0430\u043c \u043f\u0440\u043e\u0446\u0435\u0441\u0441\u0430 \u0438\u0437\u0431\u0435\u0436\u0430\u0442\u044c \u043f\u043e\u0434\u043e\u0431\u043d\u044b\u0445 \u0441\u0438\u0442\u0443\u0430\u0446\u0438\u0439. <\/p>\n<p>\u0412 \u0434\u0430\u043d\u043d\u043e\u0439 \u0441\u0442\u0430\u0442\u044c\u0435 \u044f \u043f\u043e\u0441\u0442\u0430\u0440\u0430\u044e\u0441\u044c \u0441\u043c\u0435\u0441\u0442\u0438\u0442\u044c \u0430\u043a\u0446\u0435\u043d\u0442 \u0441 \u0432\u0435\u043a\u0442\u043e\u0440\u0430 &#171;\u043a\u0430\u043a \u0441\u043e\u0437\u0434\u0430\u0442\u044c \u0448\u0430\u0431\u043b\u043e\u043d \u0434\u043b\u044f Joomla 4 \u0438 \u0441\u0442\u0430\u0440\u0448\u0435&#187; \u043d\u0430 &#171;\u043a\u0430\u043a\u0438\u0435 \u0432\u043e\u0437\u043c\u043e\u0436\u043d\u043e\u0441\u0442\u0438 \u0434\u0430\u0451\u0442 Joomla 4 \u043f\u0440\u0438 \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u043a\u0435 \u0448\u0430\u0431\u043b\u043e\u043d\u0430 \u0438 \u0434\u043b\u044f \u0443\u043d\u0438\u043a\u0430\u043b\u0438\u0437\u0430\u0446\u0438\u0438 \u0441\u0442\u0440\u0430\u043d\u0438\u0446&#187;. \u0418\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c \u0438\u043b\u0438 \u043d\u0435\u0442 \u0438 \u043a\u0430\u043a \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c \u043e\u043f\u0440\u0435\u0434\u0435\u043b\u0451\u043d\u043d\u044b\u0435 \u0432\u043e\u0437\u043c\u043e\u0436\u043d\u043e\u0441\u0442\u0438 Joomla \u0434\u043b\u044f \u0441\u043e\u0437\u0434\u0430\u043d\u0438\u044f \u0448\u0430\u0431\u043b\u043e\u043d\u0430 \u0441\u0430\u0439\u0442\u0430 &#8212; \u0440\u0435\u0448\u0430\u0442\u044c \u0443\u0436\u0435 \u0412\u0430\u043c. <\/p>\n<p>\u0414\u0430\u043d\u043d\u0430\u044f \u0441\u0442\u0430\u0442\u044c\u044f \u043c\u043e\u0436\u0435\u0442 \u043f\u0440\u0438\u0433\u043e\u0434\u0438\u0442\u044c\u0441\u044f \u043d\u0435 \u0442\u043e\u043b\u044c\u043a\u043e \u0442\u0435\u043c, \u043a\u0442\u043e \u0431\u0443\u0434\u0435\u0442 \u0441\u043e\u0437\u0434\u0430\u0432\u0430\u0442\u044c \u0448\u0430\u0431\u043b\u043e\u043d \u0441 \u043d\u0443\u043b\u044f, \u043d\u043e \u0438 \u0442\u0435\u043c, \u043a\u0442\u043e \u0440\u0430\u0431\u043e\u0442\u0430\u0435\u0442 \u0441 \u0433\u043e\u0442\u043e\u0432\u044b\u043c \u0448\u0430\u0431\u043b\u043e\u043d\u043e\u043c \u0438 \u043d\u0443\u0436\u0434\u0430\u0435\u0442\u0441\u044f \u0432 \u0435\u0433\u043e \u0438\u0437\u043c\u0435\u043d\u0435\u043d\u0438\u0438. \u0414\u0430\u043b\u0435\u043a\u043e \u043d\u0435 \u0443 \u0432\u0441\u0435\u0445 \u043a\u043b\u0438\u0435\u043d\u0442\u043e\u0432 \u0435\u0441\u0442\u044c \u0431\u044e\u0434\u0436\u0435\u0442\u044b \u043d\u0430 \u0445\u043e\u0440\u043e\u0448\u0435\u0433\u043e \u0434\u0438\u0437\u0430\u0439\u043d\u0435\u0440\u0430 \u0438 \u043e\u0442\u0434\u0435\u043b\u044c\u043d\u043e\u0433\u043e \u0432\u0435\u0440\u0441\u0442\u0430\u043b\u044c\u0449\u0438\u043a\u0430, \u043f\u043e\u044d\u0442\u043e\u043c\u0443 \u0441\u043b\u0443\u0447\u0430\u0435\u0432, \u043a\u043e\u0433\u0434\u0430 \u043d\u0443\u0436\u043d\u043e &#171;\u0441\u043a\u0430\u0447\u0430\u0442\u044c, \u0443\u0441\u0442\u0430\u043d\u043e\u0432\u0438\u0442\u044c \u0438 \u0438\u0437\u043c\u0435\u043d\u0438\u0442\u044c \u043f\u043e\u0434 \u0441\u0435\u0431\u044f&#187; \u0434\u043e\u0432\u043e\u043b\u044c\u043d\u043e \u043c\u043d\u043e\u0433\u043e. \u041d\u0430 \u0437\u0430\u043c\u0435\u0442\u043a\u0443 &#8212; <a href=\"https:\/\/templatejoomla.com\/\" rel=\"noopener noreferrer nofollow\">\u043a\u0430\u0442\u0430\u043b\u043e\u0433 \u0448\u0430\u0431\u043b\u043e\u043d\u043e\u0432 Joomla<\/a>. <\/p>\n<p>\u0412 \u0442\u0435\u043a\u0441\u0442\u0435 \u0441\u0442\u0430\u0442\u044c\u0438 \u0431\u0443\u0434\u0443\u0442 \u043a\u0440\u0430\u0442\u043a\u043e \u043e\u043f\u0438\u0441\u044b\u0432\u0430\u0442\u044c\u0441\u044f \u0438 \u0431\u0430\u0437\u043e\u0432\u044b\u0435 \u043f\u043e\u043d\u044f\u0442\u0438\u044f Joomla. \u041e\u043d\u0438 \u0431\u0443\u0434\u0443\u0442 \u043d\u0435 \u0438\u043d\u0442\u0435\u0440\u0435\u0441\u043d\u044b \u043e\u043f\u044b\u0442\u043d\u044b\u043c \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u0447\u0438\u043a\u0430\u043c, \u043d\u043e \u043f\u043e\u043b\u0435\u0437\u043d\u044b \u0442\u0435\u043c, \u043a\u0442\u043e \u0432\u043f\u0435\u0440\u0432\u044b\u0435 \u0441\u0442\u0430\u043b\u043a\u0438\u0432\u0430\u0435\u0442\u0441\u044f \u0441 \u043f\u043e\u0434\u043e\u0431\u043d\u043e\u0439 \u0437\u0430\u0434\u0430\u0447\u0435\u0439. <\/p>\n<p><a class=\"anchor\" name=\"literatura\" id=\"literatura\"><\/a><\/p>\n<h2>\u041e\u0431\u0437\u043e\u0440 \u043b\u0438\u0442\u0435\u0440\u0430\u0442\u0443\u0440\u044b<\/h2>\n<p>\u0418\u0437 \u0441\u0442\u0430\u0442\u0435\u0439-\u043c\u0430\u043d\u0443\u0430\u043b\u043e\u0432 \u043d\u0430 \u0425\u0430\u0431\u0440\u0435 \u043c\u043e\u0436\u043d\u043e \u0432\u044b\u0434\u0435\u043b\u0438\u0442\u044c \u0441\u0435\u0440\u0438\u044e \u0441\u0442\u0430\u0442\u0435\u0439 <a href=\"https:\/\/habr.com\/ru\/articles\/41213\/\" rel=\"noopener noreferrer nofollow\">\u0421\u043e\u0437\u0434\u0430\u0451\u043c \u0448\u0430\u0431\u043b\u043e\u043d Joomla \u043f\u043e \u0441\u0442\u0430\u043d\u0434\u0430\u0440\u0442\u0430\u043c (\u0447\u0430\u0441\u0442\u044c 1)<\/a> 2008 \u0433\u043e\u0434\u0430 &#8212; \u0435\u0449\u0451 \u0434\u043b\u044f Joomla 1.5. \u0421\u0442\u0430\u0442\u044c\u044e <a href=\"https:\/\/habr.com\/ru\/articles\/256635\/\" rel=\"noopener noreferrer nofollow\">\u041a\u0430\u043a \u0441\u0432\u0435\u0440\u0441\u0442\u0430\u0442\u044c \u0448\u0430\u0431\u043b\u043e\u043d \u0434\u043b\u044f Joomla<\/a> 2015 \u0433\u043e\u0434\u0430, \u0433\u0434\u0435 \u043d\u0430 \u0441\u043a\u0440\u0438\u043d\u0448\u043e\u0442\u0430\u0445 \u0432\u0438\u0434\u043d\u0430 Joomla 3.4.1. \u0410 \u0442\u0430\u043a\u0436\u0435 \u0441\u0442\u0430\u0442\u044c\u044f <a href=\"https:\/\/habr.com\/ru\/articles\/246061\/\" rel=\"noopener noreferrer nofollow\">\u0414\u0438\u0437\u0430\u0439\u043d \u0448\u0430\u0431\u043b\u043e\u043d\u0430 Joomla \u0434\u043b\u044f front-end \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u0447\u0438\u043a\u0430 \u0441\u043e\u0432\u0435\u0440\u0448\u0435\u043d\u043d\u043e \u043d\u0435\u0437\u043d\u0430\u043a\u043e\u043c\u043e\u0433\u043e \u0441 CMS<\/a> 2014 \u0433\u043e\u0434\u0430, \u043a\u043e\u0442\u043e\u0440\u0430\u044f \u043f\u043e\u043a\u0430\u0437\u0430\u043b\u0430\u0441\u044c \u043c\u043d\u0435 \u0441\u0430\u043c\u043e\u0439 \u043b\u0430\u043a\u043e\u043d\u0438\u0447\u043d\u043e\u0439 \u0438 \u0434\u0435\u043b\u044c\u043d\u043e\u0439 \u0438\u0437 \u0432\u0441\u0435\u0445 \u043f\u0440\u0435\u0434\u0441\u0442\u0430\u0432\u043b\u0435\u043d\u043d\u044b\u0445 \u043d\u0430 \u0425\u0430\u0431\u0440\u0435.<\/p>\n<p>\u041a \u0441\u043e\u0436\u0430\u043b\u0435\u043d\u0438\u044e, <a href=\"https:\/\/docs.joomla.org\/Creating_a_basic_Joomla!_template\/ru\" rel=\"noopener noreferrer nofollow\">\u043e\u0444\u0438\u0446\u0438\u0430\u043b\u044c\u043d\u0430\u044f \u0434\u043e\u043a\u0443\u043c\u0435\u043d\u0442\u0430\u0446\u0438\u044f Joomla \u043f\u043e \u0441\u043e\u0437\u0434\u0430\u043d\u0438\u044e \u0448\u0430\u0431\u043b\u043e\u043d\u0430<\/a> \u043d\u0430 \u043c\u043e\u043c\u0435\u043d\u0442 \u043d\u0430\u043f\u0438\u0441\u0430\u043d\u0438\u044f \u0441\u0442\u0430\u0442\u044c\u0438 \u043f\u0440\u0438\u0432\u043e\u0434\u0438\u0442 \u043f\u0440\u0438\u043c\u0435\u0440\u044b \u0434\u043b\u044f Joomla 1.5-2.5 \u0438 \u0431\u043e\u043b\u044c\u0448\u0430\u044f \u0435\u0451 \u0447\u0430\u0441\u0442\u044c \u043d\u0430 \u0434\u0430\u043d\u043d\u044b\u0439 \u043c\u043e\u043c\u0435\u043d\u0442 \u044f\u0432\u043b\u044f\u0435\u0442\u0441\u044f \u0443\u0436\u0435 \u0443\u0441\u0442\u0430\u0440\u0435\u0432\u0448\u0435\u0439. <\/p>\n<p><a href=\"https:\/\/manual.joomla.org\" rel=\"noopener noreferrer nofollow\">\u041d\u043e\u0432\u044b\u0439 \u043f\u043e\u0440\u0442\u0430\u043b \u0434\u043e\u043a\u0443\u043c\u0435\u043d\u0442\u0430\u0446\u0438\u0438 Joomla<\/a> \u043f\u043e\u043a\u0430 \u0435\u0449\u0451 \u043d\u0430 \u0441\u0442\u0430\u0434\u0438\u0438 \u043d\u0430\u043f\u043e\u043b\u043d\u0435\u043d\u0438\u044f. \u041d\u0430 \u043c\u043e\u043c\u0435\u043d\u0442 \u043d\u0430\u043f\u0438\u0441\u0430\u043d\u0438\u044f \u044d\u0442\u043e\u0439 \u0441\u0442\u0430\u0442\u044c\u0438 \u043e \u0448\u0430\u0431\u043b\u043e\u043d\u0430\u0445 \u0442\u0430\u043c \u0437\u0430\u043f\u043e\u043b\u043d\u0435\u043d\u0430 \u043b\u0438\u0448\u044c \u043d\u0435\u043a\u043e\u0442\u043e\u0440\u0430\u044f \u0438\u043d\u0444\u043e\u0440\u043c\u0430\u0446\u0438\u044f.<\/p>\n<p>\u041f\u043e\u0434\u0430\u0432\u043b\u044f\u044e\u0449\u0443\u044e \u0447\u0430\u0441\u0442\u044c \u0441\u0438\u043b \u0430\u043a\u0442\u0438\u0432\u043d\u0430\u044f \u0447\u0430\u0441\u0442\u044c \u0441\u043e\u043e\u0431\u0449\u0435\u0441\u0442\u0432\u0430 \u0431\u0440\u043e\u0441\u0430\u0435\u0442 \u043d\u0430 \u0440\u0430\u0431\u043e\u0442\u0443 \u0441 \u043a\u043e\u0434\u043e\u043c \u044f\u0434\u0440\u0430, \u043f\u043e\u044d\u0442\u043e\u043c\u0443 \u0430\u043a\u0442\u0443\u0430\u043b\u044c\u043d\u0430\u044f \u0434\u043e\u043a\u0443\u043c\u0435\u043d\u0442\u0430\u0446\u0438\u044f &#8212; \u044d\u0442\u043e \u0431\u043e\u043b\u044c\u043d\u0430\u044f \u043c\u043e\u0437\u043e\u043b\u044c. \u041f\u043e\u0441\u0442\u0430\u0440\u0430\u0435\u043c\u0441\u044f \u043e\u0442 \u043d\u0435\u0451 \u0438\u0437\u0431\u0430\u0432\u0438\u0442\u044c\u0441\u044f \u0432 \u044d\u0442\u043e\u0439 \u0441\u0442\u0430\u0442\u044c\u0435.<\/p>\n<p>\u0418\u0437 \u0441\u043e\u0432\u0440\u0435\u043c\u0435\u043d\u043d\u044b\u0445 \u043d\u0435\u0434\u0430\u0432\u043d\u0438\u0445 \u0442\u0435\u043a\u0441\u0442\u043e\u0432, \u043f\u043e\u0441\u0432\u044f\u0449\u0451\u043d\u043d\u044b\u0445 \u0443\u0436\u0435 Joomla 4 \u043c\u043e\u0436\u043d\u043e \u043e\u0442\u043c\u0435\u0442\u0438\u0442\u044c \u0441\u0442\u0430\u0442\u044c\u044e <a href=\"https:\/\/kevinsguides.com\/guides\/webdev\/joomla\/joomla-templates\/dev-joom-tmpl\" rel=\"noopener noreferrer nofollow\">Developing a Joomla Template&#187; \u041a\u0435\u0432\u0438\u043d\u0430 \u041e\u043b\u0441\u043e\u043d\u0430 (Kevin Olson)<\/a>. \u041d\u0443\u0436\u043d\u043e \u043e\u0442\u0434\u0430\u0442\u044c \u0430\u0432\u0442\u043e\u0440\u0443 \u0434\u043e\u043b\u0436\u043d\u043e\u0435, \u043f\u0435\u0440\u0438\u043e\u0434\u0438\u0447\u0435\u0441\u043a\u0438 \u043e\u043d \u043e\u0431\u043d\u043e\u0432\u043b\u044f\u0435\u0442 \u0441\u043e\u0434\u0435\u0440\u0436\u0438\u043c\u043e\u0435 \u0441\u0442\u0430\u0442\u044c\u0438. \u041d\u0430 \u0442\u043e\u043c \u0436\u0435 \u0441\u0430\u0439\u0442\u0435 \u0432 \u043a\u0430\u0442\u0435\u0433\u043e\u0440\u0438\u0438 \u0441\u0442\u0430\u0442\u0435\u0439 <a href=\"https:\/\/kevinsguides.com\/guides\/webdev\/joomla\/joomla-templates\" rel=\"noopener noreferrer nofollow\">Joomla Templates<\/a> \u0435\u0441\u0442\u044c \u0435\u0449\u0451 \u043d\u0435\u0441\u043a\u043e\u043b\u044c\u043a\u043e \u043f\u043e\u043b\u0435\u0437\u043d\u044b\u0445 \u0442\u0435\u043a\u0441\u0442\u043e\u0432 \u043e \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u043a\u0435 \u0448\u0430\u0431\u043b\u043e\u043d\u043e\u0432 Joomla.<\/p>\n<p>Upd: 21.12.2023 &#8212; <a href=\"https:\/\/blog.astrid-guenther.de\/en\/joomla\/template\/40joomla-template-erste-schritte\/\" rel=\"noopener noreferrer nofollow\">\u0421\u0435\u0440\u0438\u044f \u0441\u0442\u0430\u0442\u0435\u0439 (\u0430\u043d\u0433\u043b.\u044f\u0437\u044b\u043a) \u043e \u0441\u043e\u0437\u0434\u0430\u043d\u0438\u0438 \u0448\u0430\u0431\u043b\u043e\u043d\u0430 \u0434\u043b\u044f Joomla 4 \/ Joomla 5 \u0432 \u0431\u043b\u043e\u0433\u0435 \u0410\u0441\u0442\u0440\u0438\u0434 \u0413\u044e\u043d\u0442\u0435\u0440 (Astrid Guenther)<\/a><\/p>\n<p>\u0422\u0430\u043a\u0436\u0435 \u0432 \u0438\u043d\u0442\u0435\u0440\u043d\u0435\u0442\u0435 \u0441\u0443\u0449\u0435\u0441\u0442\u0432\u0443\u0435\u0442 \u0434\u043e\u0432\u043e\u043b\u044c\u043d\u043e \u043c\u043d\u043e\u0433\u043e \u0441\u0442\u0430\u0442\u0435\u0439 \u0438 \u0432\u0438\u0434\u0435\u043e, \u043f\u043e\u0441\u0432\u044f\u0449\u0451\u043d\u043d\u044b\u0445 \u0441\u043e\u0437\u0434\u0430\u043d\u0438\u044e \u0448\u0430\u0431\u043b\u043e\u043d\u0430 \u0434\u043b\u044f \u043f\u0440\u0435\u0434\u044b\u0434\u0443\u0449\u0438\u0445 \u0432\u0435\u0440\u0441\u0438\u0439 Joomla. \u041c\u043d\u043e\u0433\u0438\u0435 \u043f\u0440\u0438\u043d\u0446\u0438\u043f\u044b, \u043e\u043f\u0438\u0441\u0430\u043d\u043d\u044b\u0435 \u0432 \u043d\u0438\u0445, \u043e\u0441\u0442\u0430\u043b\u0438\u0441\u044c \u0438 \u0434\u0435\u0439\u0441\u0442\u0432\u0443\u0435\u0442. \u041d\u043e \u0437\u043d\u0430\u043d\u0438\u0435 \u0434\u0435\u0442\u0430\u043b\u0435\u0439 \u0438 \u043d\u044e\u0430\u043d\u0441\u043e\u0432 \u043a\u0430\u043a \u0441\u0442\u0430\u0440\u044b\u0445, \u0442\u0430\u043a \u0438 \u043d\u043e\u0432\u044b\u0445 \u043d\u0435 \u043c\u0435\u043d\u0435\u0435 \u0432\u0430\u0436\u043d\u043e.<\/p>\n<p><a class=\"anchor\" name=\"opredelenie-logicheskoi-struktury-stranic-joomla\" id=\"opredelenie-logicheskoi-struktury-stranic-joomla\"><\/a><\/p>\n<h2>\u041e\u043f\u0440\u0435\u0434\u0435\u043b\u0435\u043d\u0438\u0435 \u043b\u043e\u0433\u0438\u0447\u0435\u0441\u043a\u043e\u0439 \u0441\u0442\u0440\u0443\u043a\u0442\u0443\u0440\u044b \u0441\u0442\u0440\u0430\u043d\u0438\u0446<\/h2>\n<p>\u0414\u043b\u044f \u043a\u0430\u0436\u0434\u043e\u0439 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u044b \u0441\u0430\u0439\u0442\u0430 \u0432\u0430\u0436\u043d\u0430 \u0432\u0435\u0440\u043d\u043e \u0441\u043a\u043e\u043d\u0441\u0442\u0440\u0443\u0438\u0440\u043e\u0432\u0430\u043d\u043d\u0430\u044f \u0432 \u043d\u0435\u0441\u043a\u043e\u043b\u044c\u043a\u0438\u0445 \u043f\u043b\u043e\u0441\u043a\u043e\u0441\u0442\u044f\u0445 \u043b\u043e\u0433\u0438\u043a\u0430: \u043c\u0430\u0440\u043a\u0435\u0442\u0438\u043d\u0433, UI\/UX, \u0434\u0438\u0437\u0430\u0439\u043d, \u0432\u0435\u0440\u0441\u0442\u043a\u0430, \u0432\u0437\u0430\u0438\u043c\u043e\u0434\u0435\u0439\u0441\u0442\u0432\u0438\u0435 \u0441 \u0431\u044d\u043a\u043e\u043c.<\/p>\n<p><a class=\"anchor\" name=\"opredelenie-logicheskoi-struktury-stranic-joomla-marketing\" id=\"opredelenie-logicheskoi-struktury-stranic-joomla-marketing\"><\/a><\/p>\n<h3>\u041c\u0430\u0440\u043a\u0435\u0442\u0438\u043d\u0433<\/h3>\n<p>\u0417\u0434\u0435\u0441\u044c \u043c\u044b \u043f\u043e\u0434\u0440\u0430\u0437\u0443\u043c\u0435\u0432\u0430\u0435\u043c \u0442\u043e, \u0447\u0442\u043e \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0430 \u0432 \u0446\u0435\u043b\u043e\u043c \u0434\u043e\u043b\u0436\u043d\u0430 \u043e\u0431\u0435\u0441\u043f\u0435\u0447\u0438\u0442\u044c \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u044e \u043c\u0430\u043a\u0441\u0438\u043c\u0430\u043b\u044c\u043d\u043e \u0431\u044b\u0441\u0442\u0440\u043e\u0435 \u0438 \u0443\u0434\u043e\u0431\u043d\u043e\u0435 \u043f\u0440\u043e\u0434\u0432\u0438\u0436\u0435\u043d\u0438\u0435 \u043f\u043e \u043f\u0443\u0442\u0438 \u043a \u0441\u043e\u0432\u0435\u0440\u0448\u0435\u043d\u0438\u044e \u0446\u0435\u043b\u0435\u0432\u043e\u0433\u043e \u0434\u0435\u0439\u0441\u0442\u0432\u0438\u044f (\u043f\u0440\u043e\u0434\u0432\u0438\u0436\u0435\u043d\u0438\u0435 \u043f\u043e customer jorney). \u0414\u043b\u044f \u0440\u0430\u0437\u043d\u044b\u0445 \u0442\u0438\u043f\u043e\u0432 \u0441\u0442\u0440\u0430\u043d\u0438\u0446 \u044d\u0442\u043e \u0440\u0430\u0437\u043d\u044b\u0435 \u0446\u0435\u043b\u0435\u0432\u044b\u0435 \u0434\u0435\u0439\u0441\u0442\u0432\u0438\u044f: \u0434\u043b\u044f \u043e\u0434\u043d\u0438\u0445 \u044d\u0442\u043e \u043c\u043e\u0436\u0435\u0442 \u0431\u044b\u0442\u044c \u043f\u0435\u0440\u0435\u0445\u043e\u0434 \u043d\u0430 \u0434\u0440\u0443\u0433\u0443\u044e \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0443, \u0434\u043b\u044f \u0434\u0440\u0443\u0433\u0438\u0445 &#8212; \u043d\u0430\u0436\u0430\u0442\u0438\u0435 \u043a\u043d\u043e\u043f\u043a\u0438, \u043e\u0431\u0440\u0430\u0449\u0435\u043d\u0438\u0435 \u0432 \u0436\u0438\u0432\u043e\u0439 \u0447\u0430\u0442, \u0437\u0430\u043f\u043e\u043b\u043d\u0435\u043d\u0438\u0435 \u0444\u043e\u0440\u043c\u044b, \u0434\u043e\u043b\u0433\u043e\u0435 \u0432\u0440\u0435\u043c\u044f \u043d\u0430\u0445\u043e\u0436\u0434\u0435\u043d\u0438\u044f \u043d\u0430 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0435, \u043f\u0440\u043e\u0441\u043c\u043e\u0442\u0440 \u043f\u043e\u043f\u0430\u043f\u0430 (\u0432\u0441\u043f\u043b\u044b\u0432\u0430\u044e\u0449\u0435\u0433\u043e \u043e\u043a\u043d\u0430) \u0438 \u0442.\u0434. \u0420\u0430\u0441\u043f\u0440\u0435\u0434\u0435\u043b\u0435\u043d\u0438\u0435\u043c \u043f\u043e \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0430\u043c \u0446\u0435\u043b\u0435\u0432\u044b\u0445 \u0434\u0435\u0439\u0441\u0442\u0432\u0438\u0439 \u0437\u0430\u043d\u0438\u043c\u0430\u0435\u0442\u0441\u044f \u043d\u0435 \u0432\u0435\u0440\u0441\u0442\u0430\u043b\u044c\u0449\u0438\u043a \u0438\u043b\u0438 \u0432\u0435\u0431\u043c\u0430\u0441\u0442\u0435\u0440, \u043d\u043e \u043e\u043d \u0434\u043e\u043b\u0436\u0435\u043d \u043f\u043e\u043d\u0438\u043c\u0430\u0442\u044c \u0447\u0442\u043e \u0434\u043e\u043b\u0436\u043d\u0430 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0430 \u0441\u0430\u0439\u0442\u0430 \u043f\u0440\u0435\u0434\u043e\u0441\u0442\u0430\u0432\u0438\u0442\u044c \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u044e.<\/p>\n<p><a class=\"anchor\" name=\"opredelenie-logicheskoi-struktury-stranic-joomla-ui-ux\" id=\"opredelenie-logicheskoi-struktury-stranic-joomla-ui-ux\"><\/a><\/p>\n<h3>UI\/UX \u0438 \u0434\u0438\u0437\u0430\u0439\u043d<\/h3>\n<p>\u042f \u043f\u043e\u0437\u0432\u043e\u043b\u044e \u0441\u0435\u0431\u0435 \u043e\u0431\u044a\u0435\u0434\u0438\u043d\u0438\u0442\u044c \u0438\u0445 \u0432 \u043e\u0434\u0438\u043d \u0440\u0430\u0437\u0434\u0435\u043b \u044d\u0442\u0438 \u0441\u043f\u0435\u0446\u0438\u0444\u0438\u0447\u043d\u044b\u0435, \u0445\u043e\u0442\u044c \u0438 \u0432\u043e \u043c\u043d\u043e\u0433\u043e\u043c \u0431\u043b\u0438\u0437\u043a\u0438\u0435 \u043f\u043e \u0446\u0435\u043b\u044f\u043c, \u043e\u0431\u043b\u0430\u0441\u0442\u0438. \u0413\u0440\u0430\u043c\u043e\u0442\u043d\u044b\u0439 UI\/UX \u0441 \u043f\u043e\u043c\u043e\u0449\u044c\u044e \u0434\u0438\u0437\u0430\u0439\u043d\u0430 \u044f\u0432\u043b\u044f\u0435\u0442\u0441\u044f \u0442\u043e\u0439 \u043b\u043e\u0433\u0438\u043a\u043e\u0439 \u0438 \u0432 \u0447\u0451\u043c-\u0442\u043e \u043c\u0435\u0445\u0430\u043d\u0438\u043a\u043e\u0439 \u043f\u0440\u043e\u0434\u0432\u0438\u0436\u0435\u043d\u0438\u044f \u043f\u043e\u0441\u0435\u0442\u0438\u0442\u0435\u043b\u044f \u0441\u0430\u0439\u0442\u0430 \u043a \u0446\u0435\u043b\u0435\u0432\u043e\u043c\u0443 \u0434\u0435\u0439\u0441\u0442\u0432\u0438\u044e. \u0418\u043c\u0435\u043d\u043d\u043e  UI\/UX \u0441\u043f\u0435\u0446\u0438\u0430\u043b\u0438\u0441\u0442\u044b  \u0432 \u043a\u0443\u043f\u0435 \u0441 \u0434\u0438\u0437\u0430\u0439\u043d\u0435\u0440\u0430\u043c\u0438 \u043f\u043e\u043c\u043e\u0433\u0430\u044e\u0442 \u043d\u0430\u043c \u0431\u044b\u0441\u0442\u0440\u043e \u043e\u0440\u0438\u0435\u043d\u0442\u0438\u0440\u043e\u0432\u0430\u0442\u044c\u0441\u044f \u043d\u0430 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0435, \u043d\u0430\u0445\u043e\u0434\u0438\u0442\u044c \u043d\u0443\u0436\u043d\u044b\u0435 \u043a\u043d\u043e\u043f\u043a\u0438 \u0438 \u0440\u0430\u0434\u043e\u0432\u0430\u0442\u044c\u0441\u044f \u0440\u0430\u0431\u043e\u0442\u0435 \u0441 \u043f\u0440\u0438\u044f\u0442\u043d\u044b\u043c \u0438\u043d\u0442\u0435\u0440\u0444\u0435\u0439\u0441\u043e\u043c.<\/p>\n<p><a class=\"anchor\" name=\"opredelenie-logicheskoi-struktury-stranic-joomla-verstka\" id=\"opredelenie-logicheskoi-struktury-stranic-joomla-verstka\"><\/a><\/p>\n<h3>\u0412\u0435\u0440\u0441\u0442\u043a\u0430<\/h3>\n<p>\u041a\u0430\u0437\u0430\u043b\u043e\u0441\u044c \u0431\u044b \u0437\u0430\u0447\u0435\u043c \u0432\u0441\u0451 \u0432\u044b\u0448\u0435\u0441\u043a\u0430\u0437\u0430\u043d\u043d\u043e\u0435 \u0437\u043d\u0430\u0442\u044c \u0432\u0435\u0440\u0441\u0442\u0430\u043b\u044c\u0449\u0438\u043a\u0443? \u041f\u0440\u0438\u0447\u0435\u043c \u0442\u0443\u0442 \u043a\u043e\u0434? \u041d\u043e \u0437\u043d\u0430\u043d\u0438\u0435 \u0442\u043e\u0433\u043e, \u0447\u0442\u043e \u0434\u043e\u043b\u0436\u043d\u043e, \u043d\u0430\u043f\u0440\u0438\u043c\u0435\u0440, \u043e\u0442\u043e\u0431\u0440\u0430\u0437\u0438\u0442\u044c\u0441\u044f \u043d\u0430 \u0441\u0430\u0439\u0442\u0435 \u0431\u044b\u0441\u0442\u0440\u0435\u0435 \u0438 \u043d\u0430\u0447\u0430\u0442\u044c \u0440\u0430\u0431\u043e\u0442\u0430\u0442\u044c \u0431\u044b\u0441\u0442\u0440\u0435\u0435 (\u0432 \u0441\u043b\u0443\u0447\u0430\u0435 \u0430\u043a\u0442\u0438\u0432\u043d\u044b\u0445 \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u043e\u0432) \u043f\u043e\u0437\u0432\u043e\u043b\u0438\u0442 \u0432\u044b\u0441\u0442\u0440\u043e\u0438\u0442\u044c \u043f\u0440\u0430\u0432\u0438\u043b\u044c\u043d\u044b\u0439 \u043f\u043e\u0440\u044f\u0434\u043e\u043a \u0437\u0430\u0433\u0440\u0443\u0437\u043a\u0438 \u0441\u043a\u0440\u0438\u043f\u0442\u043e\u0432. \u0418\u043b\u0438 \u043d\u0435 \u043f\u043e\u043c\u0435\u0449\u0430\u0442\u044c \u0432 \u043a\u0430\u0440\u0443\u0441\u0435\u043b\u044c \u0438\u0437\u043e\u0431\u0440\u0430\u0436\u0435\u043d\u0438\u0439 \u043d\u0430 \u043f\u0435\u0440\u0432\u044b\u0439 \u044d\u043a\u0440\u0430\u043d 100500 \u043a\u0430\u0440\u0442\u0438\u043d\u043e\u043a, \u0442\u0430\u043a \u043a\u0430\u043a \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u0438 \u043f\u0440\u043e\u043b\u0438\u0441\u0442\u0430\u044e\u0442 \u043e\u0442 \u0441\u0438\u043b\u044b 2-3 \u0438 \u0443\u0439\u0434\u0443\u0442 \u0432\u043d\u0438\u0437 \u043f\u043e \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0435 \u0438\u043b\u0438 \u0432\u043e\u043e\u0431\u0449\u0435 \u043d\u0430 \u0434\u0440\u0443\u0433\u0443\u044e \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0443. \u0422\u0435 \u0436\u0435 \u0437\u043d\u0430\u043d\u0438\u044f \u043e UI\/UX \u0438 \u0432\u0430\u0436\u043d\u044b\u0445 \u0446\u0435\u043b\u0435\u0432\u044b\u0445 \u0434\u0435\u0439\u0441\u0442\u0432\u0438\u044f\u0445 \u043f\u043e\u0437\u0432\u043e\u043b\u044f\u0442 \u043f\u0440\u0430\u0432\u0438\u043b\u044c\u043d\u043e \u0440\u0430\u0441\u0441\u0442\u0430\u0432\u0438\u0442\u044c \u0430\u0442\u0440\u0438\u0431\u0443\u0442\u044b <code>loading=\"lazy\"<\/code> \u0438\u0437\u043e\u0431\u0440\u0430\u0436\u0435\u043d\u0438\u044f\u043c (\u0430 \u043d\u0435 \u0432\u0441\u0435\u043c \u043f\u043e\u0434\u0440\u044f\u0434) \u0438 \u0442.\u0434. \u0438 \u0442.\u043f.<\/p>\n<h4>\u0421\u0435\u043c\u0430\u043d\u0442\u0438\u0447\u0435\u0441\u043a\u0430\u044f \u0432\u0435\u0440\u0441\u0442\u043a\u0430<\/h4>\n<p>\u041d\u0430 \u044d\u0442\u0443 \u0442\u0435\u043c\u0443 \u043d\u0430\u043f\u0438\u0441\u0430\u043d\u044b \u0442\u043e\u043d\u043d\u044b \u0442\u0435\u043a\u0441\u0442\u043e\u0432. Joomla \u043d\u0430\u0447\u0438\u043d\u0430\u044f \u0441 \u0432\u0435\u0440\u0441\u0438\u0438 3.0 \u0438\u043c\u0435\u0435\u0442 \u0432\u043e\u0437\u043c\u043e\u0436\u043d\u043e\u0441\u0442\u044c \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c HTML5 \u0442\u0435\u0433\u0438 \u0434\u043b\u044f \u043c\u043e\u0434\u0443\u043b\u0435\u0439 &#8212; \u0443\u0436\u0435 \u0431\u043e\u043b\u044c\u0448\u0435 10 \u043b\u0435\u0442. \u041d\u043e \u043d\u0430\u0441\u043a\u043e\u043b\u044c\u043a\u043e \u0440\u0435\u0434\u043a\u043e \u044d\u0442\u0438\u043c \u0444\u0443\u043d\u043a\u0446\u0438\u043e\u043d\u0430\u043b\u043e\u043c \u043f\u043e\u043b\u044c\u0437\u0443\u044e\u0442\u0441\u044f! \u0410 \u0432\u0435\u0434\u044c \u043e\u043d\u0430 \u043d\u0443\u0436\u043d\u0430 \u0434\u043b\u044f \u043f\u0435\u0440\u0435\u0434\u0430\u0447\u0438 \u0441\u043c\u044b\u0441\u043b\u0430 \u043f\u043e\u0438\u0441\u043a\u043e\u0432\u0438\u043a\u0430\u043c. <\/p>\n<p>\u0423 \u0432\u0430\u0441 \u043a\u043e\u043d\u0442\u0435\u043d\u0442\u043d\u044b\u0439 \u0441\u0430\u0439\u0442, \u0432 \u0441\u0442\u0430\u0442\u044c\u0435 \u043f\u043e\u043a\u0443\u043f\u0430\u044e\u0442 \u0441\u0441\u044b\u043b\u043a\u0438 \u0438 \u0440\u0430\u0437\u043c\u0435\u0449\u0430\u044e\u0442 \u0440\u0435\u043a\u043b\u0430\u043c\u043d\u044b\u0435 \u0431\u043b\u043e\u043a\u0438. \u0414\u043b\u044f \u0442\u0435\u0445, \u043a\u0442\u043e \u043f\u043e\u043a\u0443\u043f\u0430\u0435\u0442 \u0441\u0441\u044b\u043b\u043a\u0438 \u0445\u043e\u0440\u043e\u0448\u043e, \u0447\u0442\u043e\u0431\u044b \u043e\u043d\u0438 \u0431\u044b\u043b\u0438 \u043c\u0430\u043a\u0441\u0438\u043c\u0430\u043b\u044c\u043d\u043e &#171;\u043d\u0430\u0442\u0438\u0432\u043d\u043e&#187; \u0432\u043d\u0435\u0434\u0440\u0435\u043d\u044b \u0432 \u0442\u0435\u043a\u0441\u0442, \u0432 \u0442\u043e \u0432\u0440\u0435\u043c\u044f \u043a\u0430\u043a \u0434\u043b\u044f \u0412\u0430\u0448\u0435\u0433\u043e \u0441\u0430\u0439\u0442\u0430 \u0432\u0430\u0436\u043d\u043e \u043d\u0435 \u0437\u0430\u0441\u043e\u0440\u044f\u0442\u044c \u0442\u0435\u043a\u0441\u0442\u044b \u0441\u0438\u043b\u044c\u043d\u043e, \u0438\u043d\u0430\u0447\u0435 \u043f\u043e\u0438\u0441\u043a\u043e\u0432\u0438\u043a\u0438 \u0432\u044b\u0447\u043b\u0435\u043d\u044f\u0442 \u043a\u0443\u043f\u043b\u0435\u043d\u043d\u044b\u0435 \u0441\u0441\u044b\u043b\u043a\u0438, \u043c\u043e\u0433\u0443\u0442 \u043f\u0435\u0441\u0441\u0438\u043c\u0438\u0437\u0438\u0440\u043e\u0432\u0430\u0442\u044c \u0441\u0430\u0439\u0442\u0430 \u0438 \u043e\u043d \u043f\u043e\u0442\u0435\u0440\u044f\u0435\u0442 \u0442\u0440\u0430\u0444\u0438\u043a, \u0430 \u0432\u044b &#8212;  \u043f\u0440\u0438\u0431\u044b\u043b\u044c \u043e\u0442 \u0440\u0435\u043a\u043b\u0430\u043c\u044b. \u0422\u0430\u043a\u0438\u043c \u043e\u0431\u0440\u0430\u0437\u043e\u043c, \u0440\u0435\u043a\u043b\u0430\u043c\u043d\u0443\u044e \u0432\u0441\u0442\u0430\u0432\u043a\u0443 \u0432\u043d\u0443\u0442\u0440\u0438 \u0442\u0435\u043a\u0441\u0442\u0430 \u0441\u0442\u0430\u0442\u044c\u0438 \u0412\u044b \u0431\u0443\u0434\u0435\u0442\u0435 \u043e\u0444\u043e\u0440\u043c\u043b\u044f\u0442\u044c \u043d\u0435 \u0442\u0435\u0433\u043e\u043c <code>&lt;div><\/code> \u0438\u043b\u0438 <code>&lt;section><\/code>, \u0430 \u0442\u0435\u0433\u043e\u043c <code>&lt;aside><\/code>, \u0441\u0435\u043c\u0430\u043d\u0442\u0438\u0447\u0435\u0441\u043a\u0430\u044f \u0440\u043e\u043b\u044c \u043a\u043e\u0442\u043e\u0440\u043e\u0433\u043e \u0432 \u043e\u0442\u0434\u0435\u043b\u0438\u043c\u043e\u043c \u0438 \u043d\u0435 \u0438\u043c\u0435\u044e\u0449\u0435\u043c \u043f\u0440\u044f\u043c\u043e\u0433\u043e \u043e\u0442\u043d\u043e\u0448\u0435\u043d\u0438\u044f \u043a \u043e\u0441\u043d\u043e\u0432\u043d\u043e\u043c\u0443 \u0442\u0435\u043a\u0441\u0442\u0443 \u0441\u043c\u044b\u0441\u043b\u0435. \u0410 \u0435\u0441\u043b\u0438 \u043c\u043e\u0434\u0443\u043b\u044c \u0441 \u0442\u0435\u0433\u0430\u043c\u0438 \u0441\u0442\u0430\u0442\u0435\u0439 \u0432 \u043f\u0440\u0430\u0432\u043e\u0439 \u0438\u043b\u0438 \u043b\u0435\u0432\u043e\u0439 \u043a\u043e\u043b\u043e\u043d\u043a\u0435 \u043e\u043a\u0430\u0436\u0435\u0442\u0441\u044f \u0432 \u0442\u0435\u0433\u0435 <code>&lt;aside><\/code>, \u0442\u043e \u0435\u0433\u043e \u0441\u0435\u043c\u0430\u043d\u0442\u0438\u0447\u0435\u0441\u043a\u0430\u044f \u043f\u043e\u043b\u0435\u0437\u043d\u043e\u0441\u0442\u044c \u0434\u043b\u044f \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u044b \u043c\u043e\u0436\u0435\u0442 \u0431\u044b\u0442\u044c \u0443\u0442\u0440\u0430\u0447\u0435\u043d\u0430, \u0442\u0430\u043a \u043a\u0430\u043a \u043f\u043e\u0438\u0441\u043a\u043e\u0432\u0438\u043a \u0431\u0443\u0434\u0435\u0442 \u0441\u0447\u0438\u0442\u0430\u0442\u044c \u0435\u0433\u043e \u0441\u043e\u0434\u0435\u0440\u0436\u0438\u043c\u043e\u0435 \u043d\u0435 \u043e\u0442\u043d\u043e\u0441\u044f\u0449\u0438\u043c\u0441\u044f \u043a \u043e\u0441\u043d\u043e\u0432\u043d\u043e\u043c\u0443 \u0441\u043c\u044b\u0441\u043b\u0443 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u044b. <\/p>\n<p>\u0422\u0430\u043a\u0438\u0445 \u0434\u0435\u0442\u0430\u043b\u0435\u0439 \u043c\u043d\u043e\u0433\u043e: \u0442\u0435\u0433\u0438 <code>&lt;strong><\/code> \u0438 <code>&lt;b><\/code>, \u0442\u0435\u0433\u0438 <code>&lt;section><\/code> \u0438 <code>&lt;article><\/code>,  \u043e\u0431\u0435\u0440\u043d\u0443\u0442\u044c \u0432\u044b\u0432\u043e\u0434 \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442\u0430 \u0432 <code>&lt;main><\/code> (\u043a\u043e\u0438\u0445, \u043a\u0441\u0442\u0430\u0442\u0438, \u043c\u043e\u0436\u0435\u0442 \u0431\u044b\u0442\u044c \u043d\u0435\u0441\u043a\u043e\u043b\u044c\u043a\u043e \u043d\u0430 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0435) \u0438 \u0442.\u0434. \u0421\u0435\u043c\u0430\u043d\u0442\u0438\u0447\u0435\u0441\u043a\u0430\u044f \u0432\u0451\u0440\u0441\u0442\u043a\u0430 &#8212; \u044d\u0442\u043e \u043f\u0440\u043e \u0443\u043c\u0435\u043d\u0438\u0435 \u0433\u0440\u0430\u043c\u043e\u0442\u043d\u043e \u043f\u043e\u043d\u0438\u043c\u0430\u0442\u044c \u0438 \u0432\u044b\u0440\u0430\u0436\u0430\u0442\u044c \u043c\u044b\u0441\u043b\u0438, \u0440\u0430\u0441\u0441\u0442\u0430\u0432\u043b\u044f\u0442\u044c \u043f\u0440\u0430\u0432\u0438\u043b\u044c\u043d\u044b\u0435 \u0430\u043a\u0446\u0435\u043d\u0442\u044b. \u0423 Joomla \u0434\u043b\u044f \u044d\u0442\u043e\u0433\u043e \u0435\u0441\u0442\u044c \u0432\u0441\u0435 \u0432\u043e\u0437\u043c\u043e\u0436\u043d\u043e\u0441\u0442\u0438.<\/p>\n<p><a class=\"anchor\" name=\"opredelenie-logicheskoi-struktury-stranic-joomla-rabota-s-backend\" id=\"opredelenie-logicheskoi-struktury-stranic-joomla-rabota-s-backend\"><\/a><\/p>\n<h3>\u0412\u0437\u0430\u0438\u043c\u043e\u0434\u0435\u0439\u0441\u0442\u0432\u0438\u0435 \u0441 backend \u0441\u0430\u0439\u0442\u0430<\/h3>\n<p>\u0417\u0434\u0435\u0441\u044c \u0445\u043e\u0447\u0435\u0442\u0441\u044f \u0441\u043a\u0430\u0437\u0430\u0442\u044c \u043e \u0442\u043e\u043c, \u0447\u0442\u043e \u0432 Joomla \u0441\u0443\u0449\u0435\u0441\u0442\u0432\u0443\u044e\u0442 \u0442\u0438\u043f\u043e\u0432\u044b\u0435 \u0434\u043b\u044f \u043d\u0435\u0451 \u0441\u043f\u043e\u0441\u043e\u0431\u044b \u0440\u0435\u0448\u0435\u043d\u0438\u044f \u043e\u043f\u0440\u0435\u0434\u0435\u043b\u0451\u043d\u043d\u044b\u0445 \u0437\u0430\u0434\u0430\u0447. \u041d\u0430\u043f\u0440\u0438\u043c\u0435\u0440, \u043e\u0434\u043d\u0430 \u0438\u0437 \u0441\u0442\u0440\u0430\u043d\u0438\u0446 \u0412\u0430\u0448\u0435\u0433\u043e \u043c\u0430\u043a\u0435\u0442\u0430 \u0441\u0430\u0439\u0442\u0430 &#8212; \u043a\u0430\u043a\u043e\u0439-\u043d\u0438\u0431\u0443\u0434\u044c \u0443\u0441\u043b\u043e\u0432\u043d\u044b\u0439 \u043a\u0430\u043b\u044c\u043a\u0443\u043b\u044f\u0442\u043e\u0440. \u0418 \u0432\u044b \u0445\u043e\u0442\u0438\u0442\u0435 \u0441\u043f\u0440\u044f\u0442\u0430\u0442\u044c \u0431\u0438\u0437\u043d\u0435\u0441-\u043b\u043e\u0433\u0438\u043a\u0443 \u044d\u0442\u043e\u0433\u043e \u043a\u0430\u043b\u044c\u043a\u0443\u043b\u044f\u0442\u043e\u0440\u0430 \u0437\u0430 \u0431\u044d\u043a\u0435\u043d\u0434\u043e\u043c. \u0427\u0430\u0449\u0435 \u0432\u0441\u0435\u0433\u043e \u043d\u0435\u0437\u043d\u0430\u043a\u043e\u043c\u044b\u0435 \u0441 Joomla \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u0447\u0438\u043a\u0438 \u043d\u0430\u0447\u0438\u043d\u0430\u044e\u0442 \u043f\u043e\u043c\u0435\u0449\u0430\u0442\u044c \u0432\u043d\u0435 Joomla API \u0441\u0432\u043e\u0438 \u0444\u0430\u0439\u043b\u044b-\u043e\u0431\u0440\u0430\u0431\u043e\u0442\u0447\u0438\u043a\u0438 \u0438 \u043e\u0431\u0440\u0430\u0449\u0430\u0442\u044c\u0441\u044f \u043a \u043d\u0438\u043c \u043f\u043e ajax. \u0418\u043b\u0438 \u0442\u043e\u0447\u043d\u043e \u0442\u0430\u043a\u0430\u044f \u0436\u0435 \u0438\u0441\u0442\u043e\u0440\u0438\u044f \u043c\u043e\u0436\u0435\u0442 \u0431\u044b\u0442\u044c \u0441 \u0444\u043e\u0440\u043c\u0430\u043c\u0438 \u043e\u0431\u0440\u0430\u0442\u043d\u043e\u0439 \u0441\u0432\u044f\u0437\u0438 (\u043d\u0430 \u0425\u0430\u0431\u0440\u0435 \u043f\u0438\u0441\u0430\u043b \u0443\u0436\u0435 <a href=\"https:\/\/habr.com\/ru\/articles\/576444\/\" rel=\"noopener noreferrer nofollow\">\u0441\u0442\u0430\u0442\u044c\u044e \u043d\u0430 \u044d\u0442\u0443 \u0442\u0435\u043c\u0443<\/a>).<\/p>\n<p>\u0412 Joomla \u0443\u0436\u0435 \u043c\u043d\u043e\u0433\u043e \u043b\u0435\u0442 \u0441\u0443\u0449\u0435\u0441\u0442\u0432\u0443\u0435\u0442 ajax-\u0438\u043d\u0442\u0435\u0440\u0444\u0435\u0439\u0441 \u0434\u043b\u044f \u043f\u043e\u043b\u0443\u0447\u0435\u043d\u0438\u044f \u0434\u0430\u043d\u043d\u044b\u0445 \u0438 \u0435\u0441\u043b\u0438 \u0440\u0430\u0441\u0448\u0438\u0440\u0435\u043d\u0438\u0435 (\u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442, \u043c\u043e\u0434\u0443\u043b\u044c, \u043f\u043b\u0430\u0433\u0438\u043d, \u0448\u0430\u0431\u043b\u043e\u043d) \u0435\u0433\u043e \u043f\u043e\u0434\u0434\u0435\u0440\u0436\u0438\u0432\u0430\u0435\u0442 (\u0447\u0438\u0442\u0430\u0435\u043c <a href=\"https:\/\/docs.joomla.org\/Using_Joomla_Ajax_Interface\/ru\" rel=\"noopener noreferrer nofollow\">\u043e\u0444\u0438\u0446\u0438\u0430\u043b\u044c\u043d\u0443\u044e \u0434\u043e\u043a\u0443\u043c\u0435\u043d\u0442\u0430\u0446\u0438\u044e<\/a>), \u0442\u043e \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c\u0441\u044f \u043d\u0430\u0434\u043e \u0438\u043c\u0435\u043d\u043d\u043e \u0438\u043c. <\/p>\n<p>\u0422\u0430\u043a, \u0432 \u043f\u0440\u0438\u043c\u0435\u0440\u0435 \u0441 \u043a\u0430\u043b\u044c\u043a\u0443\u043b\u044f\u0442\u043e\u0440\u043e\u043c, \u043e\u0431\u0440\u0430\u0431\u043e\u0442\u0447\u0438\u043a \u0444\u043e\u0440\u043c\u044b \u0434\u043e\u043b\u0436\u0435\u043d \u0431\u044b\u0442\u044c \u043e\u0444\u043e\u0440\u043c\u043b\u0435\u043d \u0432 \u0432\u0438\u0434\u0435 \u043f\u043b\u0430\u0433\u0438\u043d\u0430 \u0433\u0440\u0443\u043f\u043f\u044b <code>ajax<\/code>. \u041d\u043e, \u0435\u0441\u043b\u0438 \u044d\u0442\u043e\u0442 \u0436\u0435 \u043f\u043b\u0430\u0433\u0438\u043d \u0432\u044b\u043f\u043e\u043b\u043d\u044f\u0435\u0442 \u0435\u0449\u0451 \u043a\u0430\u043a\u0443\u044e-\u0442\u043e \u0440\u0430\u0431\u043e\u0442\u0443, \u0442\u043e \u0433\u0440\u0443\u043f\u043f\u0443 \u0434\u043b\u044f \u043f\u043b\u0430\u0433\u0438\u043d\u0430 \u043c\u043e\u0436\u043d\u043e \u0432\u044b\u0431\u0440\u0430\u0442\u044c \u0438 \u043b\u044e\u0431\u0443\u044e \u0434\u0440\u0443\u0433\u0443\u044e. \u0411\u043b\u0430\u0433\u043e \u0447\u0435\u0440\u0435\u0437 ajax-\u0438\u043d\u0442\u0435\u0440\u0444\u0435\u0439\u0441 \u043c\u043e\u0436\u043d\u043e \u043e\u0431\u0440\u0430\u0442\u0438\u0442\u044c\u0441\u044f \u043a \u043b\u044e\u0431\u043e\u043c\u0443 \u043f\u043b\u0430\u0433\u0438\u043d\u0443 (\u043b\u0438\u0448\u044c \u0431\u044b \u0441\u0430\u043c \u043f\u043b\u0430\u0433\u0438\u043d \u043f\u043e\u0434\u0434\u0435\u0440\u0436\u0438\u0432\u0430\u043b \u0440\u0430\u0431\u043e\u0442\u0443 \u0441 ajax-\u0438\u043d\u0442\u0435\u0440\u0444\u0435\u0439\u0441\u043e\u043c). \u0422\u0430\u043a\u0436\u0435 \u043d\u0430\u0447\u0438\u043d\u0430\u044f \u0441 Joomla 4 \u0432 \u044f\u0434\u0440\u0435 \u0435\u0441\u0442\u044c REST API. \u041f\u0440\u0438 \u043d\u0435\u043e\u0431\u0445\u043e\u0434\u0438\u043c\u043e\u0441\u0442\u0438 \u043c\u043e\u0436\u043d\u043e \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c \u0438 \u0435\u0433\u043e.<\/p>\n<p>\u042d\u0442\u043e \u0432\u0440\u043e\u0434\u0435 \u0431\u044b \u043c\u0435\u043b\u043e\u0447\u0438, \u043e \u043a\u043e\u0442\u043e\u0440\u044b\u0445 \u0434\u0443\u043c\u0430\u044e\u0442 \u0432 \u043f\u043e\u0441\u043b\u0435\u0434\u043d\u0438\u0439 \u043c\u043e\u043c\u0435\u043d\u0442 \u0438\u043b\u0438 \u043d\u0435 \u0434\u0443\u043c\u0430\u044e\u0442 \u0432\u043e\u043e\u0431\u0449\u0435. \u041d\u043e \u043f\u0440\u0438 \u043e\u0446\u0435\u043d\u043a\u0435 \u0441\u0442\u043e\u0438\u043c\u043e\u0441\u0442\u0438 \u0438 \u0441\u0440\u043e\u043a\u043e\u0432 \u043f\u0440\u043e\u0435\u043a\u0442\u0430 \u0432\u043b\u0438\u044f\u043d\u0438\u0435 \u043f\u043e\u0434\u043e\u0431\u043d\u044b\u0445 \u043c\u0435\u043b\u043e\u0447\u0435\u0439 \u0432\u0435\u0441\u044c\u043c\u0430 \u043e\u0449\u0443\u0442\u0438\u043c\u043e. <\/p>\n<p><a class=\"anchor\" name=\"chooze-joomla-extension-type\" id=\"chooze-joomla-extension-type\"><\/a><\/p>\n<h2>\u041e\u043f\u0440\u0435\u0434\u0435\u043b\u0435\u043d\u0438\u0435 \u0442\u0438\u043f\u0430 \u0440\u0430\u0441\u0448\u0438\u0440\u0435\u043d\u0438\u044f Joomla \u0434\u043b\u044f \u043a\u0430\u0436\u0434\u043e\u0433\u043e \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u0430 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u044b<\/h2>\n<p>\u041f\u0440\u0438 \u0441\u043e\u0441\u0442\u0430\u0432\u043b\u0435\u043d\u0438\u0438 \u043f\u043b\u0430\u043d\u0430 \u0441\u0442\u0430\u0442\u044c\u0438 \u044f \u0445\u043e\u0442\u0435\u043b \u043d\u0430\u0437\u0432\u0430\u0442\u044c \u044d\u0442\u043e\u0442 \u0440\u0430\u0437\u0434\u0435\u043b &#171;\u043e\u043f\u0440\u0435\u0434\u0435\u043b\u0435\u043d\u0438\u0435 \u0441\u0443\u0449\u043d\u043e\u0441\u0442\u0435\u0439 Joomla \u0434\u043b\u044f \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u043e\u0432 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u044b&#187;, \u043d\u043e \u0432 \u0440\u0430\u043c\u043a\u0430\u0445 Joomla \u0442\u0435\u0440\u043c\u0438\u043d &#171;\u0441\u0443\u0449\u043d\u043e\u0441\u0442\u0438&#187; \u043f\u043e\u043a\u0430 \u0447\u0442\u043e \u043d\u0435 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u0435\u0442\u0441\u044f, \u0430  \u0435\u0441\u043b\u0438 \u0438 \u0431\u0443\u0434\u0435\u0442 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c\u0441\u044f, \u0442\u043e \u0432 \u0434\u0440\u0443\u0433\u043e\u043c \u0440\u0430\u043a\u0443\u0440\u0441\u0435. \u041f\u043e\u044d\u0442\u043e\u043c\u0443 &#171;\u0441\u0443\u0449\u043d\u043e\u0441\u0442\u0438&#187; \u0441\u0442\u0430\u043b\u0438 &#171;\u0442\u0438\u043f\u0430\u043c\u0438 \u0440\u0430\u0441\u0448\u0438\u0440\u0435\u043d\u0438\u0439&#187;, \u043d\u043e \u0441\u043c\u044b\u0441\u043b\u043e\u0432\u043e\u0439 \u043e\u0442\u0442\u0435\u043d\u043e\u043a \u044f \u0445\u043e\u0442\u0435\u043b \u0431\u044b \u0432\u0437\u044f\u0442\u044c \u0438\u043c\u0435\u043d\u043d\u043e \u043e\u0442 &#171;\u0441\u0443\u0449\u043d\u043e\u0441\u0442\u0435\u0439&#187; &#8212; \u043a\u043e\u0433\u0434\u0430 \u043c\u044b \u0441\u043c\u043e\u0442\u0440\u0438\u043c \u043d\u0430 \u0434\u0438\u0437\u0430\u0439\u043d, \u043c\u044b \u0434\u043e\u043b\u0436\u043d\u044b \u043f\u0440\u0435\u0434\u0441\u0442\u0430\u0432\u043b\u044f\u0442\u044c \u043a\u0430\u043a\u0438\u043c \u0442\u0438\u043f\u043e\u043c \u0440\u0430\u0441\u0448\u0438\u0440\u0435\u043d\u0438\u044f \u0431\u0443\u0434\u0435\u0442 \u0432\u044b\u0432\u043e\u0434\u0438\u0442\u044c\u0441\u044f (\u043a\u0430\u043a\u043e\u0439 &#171;\u0441\u0443\u0449\u043d\u043e\u0441\u0442\u044c\u044e&#187; \u0431\u0443\u0434\u0435\u0442 \u044f\u0432\u043b\u044f\u0442\u044c\u0441\u044f) \u0442\u043e\u0442 \u0438\u043b\u0438 \u0438\u043d\u043e\u0439 \u0431\u043b\u043e\u043a \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u044b.<\/p>\n<p><a class=\"anchor\" name=\"kakie-tipy-rashirenii-joomla-est\" id=\"kakie-tipy-rashirenii-joomla-est\"><\/a><\/p>\n<h3>\u041a\u0430\u043a\u0438\u0435 \u0442\u0438\u043f\u044b \u0440\u0430\u0441\u0448\u0438\u0440\u0435\u043d\u0438\u0439 Joomla \u0441\u0443\u0449\u0435\u0441\u0442\u0432\u0443\u044e\u0442?<\/h3>\n<p>\u0412 Joomla \u0441\u0443\u0449\u0435\u0441\u0442\u0432\u0443\u0435\u0442 7 \u0442\u0438\u043f\u043e\u0432 \u0440\u0430\u0441\u0448\u0438\u0440\u0435\u043d\u0438\u0439 (\u043f\u043e\u0434\u0440\u043e\u0431\u043d\u0435\u0435 <a href=\"https:\/\/jpath.ru\/docs\/basics\/extensions\/tipy-rasshirenij-v-joomla\" rel=\"noopener noreferrer nofollow\">\u0422\u0438\u043f\u044b \u0440\u0430\u0441\u0448\u0438\u0440\u0435\u043d\u0438\u0439 Joomla<\/a>), \u0438\u0437 \u043a\u043e\u0442\u043e\u0440\u044b\u0445 \u0432\u043e\u0437\u043c\u043e\u0436\u043d\u043e\u0441\u0442\u044c \u0432\u044b\u0432\u043e\u0434\u0430 HTML \u0438\u043c\u0435\u044e\u0442 4: \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442, \u043c\u043e\u0434\u0443\u043b\u044c, \u043f\u043b\u0430\u0433\u0438\u043d \u0438 \u0448\u0430\u0431\u043b\u043e\u043d. <\/p>\n<p><strong>\u041a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442 (Component)<\/strong> &#8212; \u044d\u0442\u043e \u0441\u0430\u043c\u044b\u0439 \u0441\u043b\u043e\u0436\u043d\u044b\u0439 \u0442\u0438\u043f  \u0440\u0430\u0441\u0448\u0438\u0440\u0435\u043d\u0438\u044f \u0432 Joomla. \u041a\u0430\u043a \u043f\u0440\u0430\u0432\u0438\u043b\u043e \u043e\u043d \u0434\u0430\u0451\u0442 \u0432\u043e\u0437\u043c\u043e\u0436\u043d\u043e\u0441\u0442\u044c CRUD \u043e\u043f\u0435\u0440\u0430\u0446\u0438\u0439 (\u0441\u043e\u0437\u0434\u0430\u043d\u0438\u0435, \u0447\u0442\u0435\u043d\u0438\u0435, \u0438\u0437\u043c\u0435\u043d\u0435\u043d\u0438\u0435 \u0438 \u0443\u0434\u0430\u043b\u0435\u043d\u0438\u0435 \u0434\u0430\u043d\u043d\u044b\u0445 \u0432 \u0431\u0430\u0437\u0435 \u0434\u0430\u043d\u043d\u044b\u0445). \u041f\u0440\u0438\u043c\u0435\u0440\u044b \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442\u043e\u0432: \u0431\u043b\u043e\u0433, \u043a\u0430\u0442\u0430\u043b\u043e\u0433 \u043f\u0440\u043e\u0434\u0443\u043a\u0446\u0438\u0438, \u0434\u043e\u0441\u043a\u0430 \u043e\u0431\u044a\u044f\u0432\u043b\u0435\u043d\u0438\u0439, \u0441\u043e\u0446\u0438\u0430\u043b\u044c\u043d\u0430\u044f \u0441\u0435\u0442\u044c, \u0438\u043d\u0442\u0435\u0440\u043d\u0435\u0442-\u043c\u0430\u0433\u0430\u0437\u0438\u043d, \u0433\u043e\u0441\u0442\u0435\u0432\u0430\u044f \u043a\u043d\u0438\u0433\u0430 \u0438 \u0442.\u0434. \u0412 \u043a\u043e\u043c\u043f\u043b\u0435\u043a\u0442\u0435 \u0441 \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442\u043e\u043c \u0447\u0430\u0441\u0442\u043e \u0438\u0434\u0443\u0442 \u043f\u043b\u0430\u0433\u0438\u043d\u044b \u0438 \u043c\u043e\u0434\u0443\u043b\u0438, \u0438\u043d\u043e\u0433\u0434\u0430 \u0431\u0438\u0431\u043b\u0438\u043e\u0442\u0435\u043a\u0438. \u0412 \u0442\u0430\u043a\u043e\u043c \u0441\u043b\u0443\u0447\u0430\u0435 \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442 \u0438 \u0441\u043e\u043f\u0443\u0442\u0441\u0442\u0432\u0443\u044e\u0449\u0438\u0435 \u0440\u0430\u0441\u0448\u0438\u0440\u0435\u043d\u0438\u044f \u0441\u043e\u0431\u0438\u0440\u0430\u044e\u0442\u0441\u044f \u0432 \u043f\u0430\u043a\u0435\u0442. \u042f\u0434\u0440\u043e Joomla \u0441\u043e\u0434\u0435\u0440\u0436\u0438\u0442 \u0432\u0441\u0442\u0440\u043e\u0435\u043d\u043d\u044b\u0435 \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442\u044b (\u043d\u0430\u043f\u0440\u0438\u043c\u0435\u0440, \u0434\u043b\u044f \u0431\u043b\u043e\u0433\u0430, \u0443\u043f\u0440\u0430\u0432\u043b\u0435\u043d\u0438\u044f \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u044f\u043c\u0438 \u0438 \u0438\u0445 \u043f\u0440\u0430\u0432\u0430\u043c\u0438 \u0434\u043e\u0441\u0442\u0443\u043f\u0430, \u043a\u043e\u043d\u0442\u0430\u043a\u0442\u044b \u0438 \u0442.\u0434.) \u0438 \u043c\u043e\u0436\u0435\u0442 \u0440\u0430\u0441\u0448\u0438\u0440\u044f\u0442\u044c\u0441\u044f \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442\u0430\u043c\u0438 \u0441\u0442\u043e\u0440\u043e\u043d\u043d\u0438\u0445 \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u0447\u0438\u043a\u043e\u0432 (\u0438\u043d\u0442\u0435\u0440\u043d\u0435\u0442-\u043c\u0430\u0433\u0430\u0437\u0438\u043d\u044b, \u0444\u043e\u0440\u0443\u043c\u044b, e-mail \u043c\u0430\u0440\u043a\u0435\u0442\u0438\u043d\u0433 \u0438 \u0442.\u0434.).<\/p>\n<p><strong>\u041c\u043e\u0434\u0443\u043b\u044c (Module)<\/strong> &#8212; \u0440\u0430\u0441\u0448\u0438\u0440\u0435\u043d\u0438\u0435, \u043a\u043e\u0442\u043e\u0440\u043e\u0435 \u0447\u0430\u0449\u0435 \u0432\u0441\u0435\u0433\u043e \u0432\u044b\u0432\u043e\u0434\u0438\u0442 \u0434\u0430\u043d\u043d\u044b\u0435 \u0438\u0437 \u043a\u0430\u043a\u043e\u0433\u043e-\u043b\u0438\u0431\u043e \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442\u0430 \u0438\u043b\u0438 \u0441\u043e\u0431\u0441\u0442\u0432\u0435\u043d\u043d\u044b\u0445 \u043d\u0430\u0441\u0442\u0440\u043e\u0435\u043a, \u043b\u0438\u0431\u043e \u043f\u043e\u0437\u0432\u043e\u043b\u044f\u0435\u0442 \u0434\u043e\u0431\u0430\u0432\u043b\u044f\u0442\u044c \u0434\u0430\u043d\u043d\u044b\u0435 \u0432 \u043a\u0430\u043a\u043e\u0439-\u043b\u0438\u0431\u043e \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442. \u041f\u0440\u0438\u043c\u0435\u0440 \u043c\u043e\u0434\u0443\u043b\u0435\u0439: \u0441\u043b\u0430\u0439\u0434\u0448\u043e\u0443 \u0438\u0437\u043e\u0431\u0440\u0430\u0436\u0435\u043d\u0438\u0439, \u043a\u0430\u0440\u0443\u0441\u0435\u043b\u044c \u0442\u043e\u0432\u0430\u0440\u043e\u0432, \u043d\u043e\u0432\u044b\u0435 \u0441\u0442\u0430\u0442\u044c\u0438, \u0444\u043e\u0440\u043c\u0430 \u043f\u043e\u0434\u043f\u0438\u0441\u043a\u0438 \u043d\u0430 email-\u0440\u0430\u0441\u0441\u044b\u043b\u043a\u0443 \u0438 \u0442.\u0434. \u0418\u043d\u043e\u0433\u0434\u0430 \u0444\u0443\u043d\u043a\u0446\u0438\u0438 \u043c\u043e\u0434\u0443\u043b\u0435\u0439 \u0438 \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442\u043e\u0432 \u043c\u043e\u0433\u0443\u0442 \u043f\u0435\u0440\u0435\u0441\u0435\u043a\u0430\u0442\u044c\u0441\u044f. \u041d\u0430\u043f\u0440\u0438\u043c\u0435\u0440, \u0432\u044b\u0432\u0435\u0441\u0442\u0438 \u0438\u043d\u0442\u0435\u0440\u0430\u043a\u0442\u0438\u0432\u043d\u0443\u044e \u043a\u0430\u0440\u0442\u0443 \u0441 \u0433\u0435\u043e-\u043c\u0435\u0442\u043a\u0430\u043c\u0438 \u0444\u0438\u043b\u0438\u0430\u043b\u043e\u0432 \u0438 \u043a\u043e\u043d\u0442\u0430\u043a\u0442\u043e\u0432 \u043a \u043d\u0438\u043c \u043c\u043e\u0436\u043d\u043e \u0441 \u043f\u043e\u043c\u043e\u0449\u044c\u044e \u043a\u0430\u043a \u0441\u043f\u0435\u0446\u0438\u0430\u043b\u0438\u0437\u0438\u0440\u043e\u0432\u0430\u043d\u043d\u043e\u0433\u043e \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442\u0430, \u0442\u0430\u043a \u0438 \u0441 \u043f\u043e\u043c\u043e\u0449\u044c\u044e \u043c\u043e\u0434\u0443\u043b\u044f; \u0444\u043e\u0440\u043c\u0443 \u0430\u0432\u0442\u043e\u0440\u0438\u0437\u0430\u0446\u0438\u0438 \u043c\u043e\u0436\u043d\u043e \u043e\u0442\u043e\u0431\u0440\u0430\u0437\u0438\u0442\u044c \u043a\u0430\u043a \u0441 \u043f\u043e\u043c\u043e\u0449\u044c\u044e \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442\u0430 (\u043e\u0442\u0434\u0435\u043b\u044c\u043d\u044b\u0439 \u043f\u0443\u043d\u043a\u0442 \u043c\u0435\u043d\u044e \u0438 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0430 \u043d\u0430 \u0441\u0430\u0439\u0442\u0435), \u043b\u0438\u0431\u043e \u043c\u043e\u0434\u0443\u043b\u0435\u043c (\u043e\u0442\u043e\u0431\u0440\u0430\u0437\u0438\u0442 \u0444\u043e\u0440\u043c\u0443 \u0432\u0445\u043e\u0434\u0430 \u043d\u0430 \u0432\u0441\u0435\u0445 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0430\u0445 \u0441\u043e\u0433\u043b\u0430\u0441\u043d\u043e \u043d\u0430\u0441\u0442\u0440\u043e\u0439\u043a\u0430\u043c \u043c\u043e\u0434\u0443\u043b\u044f). \u0412\u044b\u0431\u043e\u0440 \u043a\u043e\u043d\u043a\u0440\u0435\u0442\u043d\u043e\u0433\u043e \u0441\u043f\u043e\u0441\u043e\u0431\u0430 \u0437\u0430\u0432\u0438\u0441\u0438\u0442 \u043e\u0442 \u0440\u0435\u0448\u0430\u0435\u043c\u044b\u0445 \u0437\u0430\u0434\u0430\u0447. <\/p>\n<p>\u041c\u043e\u0434\u0443\u043b\u0438 \u0432\u044b\u0432\u043e\u0434\u044f\u0442\u0441\u044f \u0432 <strong>\u043f\u043e\u0437\u0438\u0446\u0438\u044f\u0445 \u0448\u0430\u0431\u043b\u043e\u043d\u0430<\/strong>, \u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u0437\u0430\u0434\u0430\u044e\u0442\u0441\u044f \u0432 \u0444\u0430\u0439\u043b\u0435 <code>index.php<\/code> \u0448\u0430\u0431\u043b\u043e\u043d\u0430 \u0438\u043b\u0438 \u0436\u0435 \u0432 \u0442\u043e\u043c \u043c\u0435\u0441\u0442\u0435, \u0433\u0434\u0435 \u0438\u0445 \u0432\u044b\u0437\u044b\u0432\u0430\u0435\u0442 \u0448\u043e\u0440\u0442-\u043a\u043e\u0434 <code>{loadposition ...}<\/code> \u0438\u043b\u0438 <code>{loadmoduleid 123}<\/code>. \u0422\u0430\u043a\u0436\u0435 \u0435\u0441\u0442\u044c \u043f\u0440\u043e\u0434\u0432\u0438\u043d\u0443\u0442\u044b\u0439 \u0432\u0430\u0440\u0438\u0430\u043d\u0442 \u0440\u0435\u043d\u0434\u0435\u0440\u0430 \u043c\u043e\u0434\u0443\u043b\u0435\u0439 \u043f\u0440\u043e\u0433\u0440\u0430\u043c\u043c\u043d\u044b\u043c \u043c\u0435\u0442\u043e\u0434\u043e\u043c \u0441 \u043f\u043e\u043c\u043e\u0449\u044c\u044e \u043a\u043b\u0430\u0441\u0441\u0430 <code>ModuleHelper<\/code>.<\/p>\n<p><strong>\u041f\u043b\u0430\u0433\u0438\u043d (Plugin)<\/strong>. \u0412 \u0442\u0435\u0440\u043c\u0438\u043d\u043e\u043b\u043e\u0433\u0438\u0438 Joomla &#171;\u043f\u043b\u0430\u0433\u0438\u043d&#187; &#8212; \u044d\u0442\u043e \u0440\u0430\u0441\u0448\u0438\u0440\u0435\u043d\u0438\u0435, \u043a\u043e\u0442\u043e\u0440\u043e\u0435 \u043f\u0440\u0435\u0434\u043e\u0441\u0442\u0430\u0432\u043b\u044f\u0435\u0442 \u0444\u0443\u043d\u043a\u0446\u0438\u0438, \u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u0441\u0432\u044f\u0437\u0430\u043d\u044b \u0441\u00a0<a href=\"https:\/\/docs.joomla.org\/Plugin\/Events\" rel=\"noopener noreferrer nofollow\">\u0441\u043e\u0431\u044b\u0442\u0438\u044f\u043c\u0438<\/a>\u00a0(Event Dispatching). \u041a\u043e\u0433\u0434\u0430 \u043f\u0440\u043e\u0438\u0441\u0445\u043e\u0434\u0438\u0442 \u0432\u044b\u0437\u043e\u0432 \u043a\u043e\u043d\u043a\u0440\u0435\u0442\u043d\u043e\u0433\u043e \u0441\u043e\u0431\u044b\u0442\u0438\u044f, \u0442\u043e \u043f\u0440\u043e\u0438\u0441\u0445\u043e\u0434\u0438\u0442 \u043f\u043e\u0441\u043b\u0435\u0434\u043e\u0432\u0430\u0442\u0435\u043b\u044c\u043d\u043e\u0435 \u0432\u044b\u043f\u043e\u043b\u043d\u0435\u043d\u0438\u0435 \u0432\u0441\u0435\u0445 \u0444\u0443\u043d\u043a\u0446\u0438\u0439 \u043f\u043e\u0434\u043a\u043b\u044e\u0447\u0430\u0435\u043c\u044b\u0445 \u043f\u043b\u0430\u0433\u0438\u043d\u043e\u0432, \u0441\u0432\u044f\u0437\u0430\u043d\u043d\u044b\u0445 \u0441 \u044d\u0442\u0438\u043c \u0441\u043e\u0431\u044b\u0442\u0438\u0435\u043c. \u0421\u043e\u0431\u044b\u0442\u0438\u044f \u043c\u043e\u0433\u0443\u0442 \u0432\u044b\u0437\u044b\u0432\u0430\u0442\u044c \u043a\u0430\u043a \u044f\u0434\u0440\u043e Joomla, \u0442\u0430\u043a \u0438 \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442\u044b, \u0434\u0430 \u0438 \u0432 \u043f\u0440\u0438\u043d\u0446\u0438\u043f\u0435 \u043b\u044e\u0431\u044b\u0435 \u0440\u0430\u0441\u0448\u0438\u0440\u0435\u043d\u0438\u044f Joomla. <\/p>\n<details class=\"spoiler\">\n<summary>\u041e\u0431\u0449\u0430\u044f \u0438\u043d\u0444\u043e\u0440\u043c\u0430\u0446\u0438\u044f \u043e \u043f\u0440\u0438\u043d\u0446\u0438\u043f\u0435 \u0434\u0435\u0439\u0441\u0442\u0432\u0438\u044f Joomla<\/summary>\n<div class=\"spoiler__content\">\n<p>\u041f\u043e\u043b\u0435\u0437\u043d\u043e \u0431\u0443\u0434\u0435\u0442 \u043f\u043e\u0441\u043c\u043e\u0442\u0440\u0435\u0442\u044c \u0441\u0442\u0430\u0442\u044c\u044e <a href=\"https:\/\/jpath.ru\/docs\/basics\/joomla-internals\/obshchaya-informatsiya-o-printsipe-dejstviya-joomla\" rel=\"noopener noreferrer nofollow\">\u041e\u0431\u0449\u0430\u044f \u0438\u043d\u0444\u043e\u0440\u043c\u0430\u0446\u0438\u044f \u043e \u043f\u0440\u0438\u043d\u0446\u0438\u043f\u0435 \u0434\u0435\u0439\u0441\u0442\u0432\u0438\u044f Joomla<\/a>. \u041e\u043d\u0430 \u043e\u043f\u0438\u0441\u044b\u0432\u0430\u0435\u0442 \u043e\u0431\u0449\u0438\u0439 \u043f\u0440\u0438\u043d\u0446\u0438\u043f \u0434\u0435\u0439\u0441\u0442\u0432\u0438\u044f Joomla, \u043d\u0430\u0447\u0438\u043d\u0430\u044f \u0441 \u0437\u0430\u0433\u0440\u0443\u0437\u043a\u0438 \u0444\u0430\u0439\u043b\u0430\u00a0index.php\u00a0\u0438 \u0437\u0430\u043a\u0430\u043d\u0447\u0438\u0432\u0430\u044f \u043e\u0442\u043e\u0431\u0440\u0430\u0436\u0435\u043d\u0438\u0435\u043c \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u044b \u0432 \u043e\u0431\u043e\u0437\u0440\u0435\u0432\u0430\u0442\u0435\u043b\u0435. \u0412 \u0441\u0442\u0430\u0442\u044c\u0435 \u0440\u0430\u0441\u0441\u043c\u0430\u0442\u0440\u0438\u0432\u0430\u0435\u0442\u0441\u044f Joomla 3, \u043e\u0434\u043d\u0430\u043a\u043e \u0431\u043e\u043b\u044c\u0448\u0430\u044f \u0447\u0430\u0441\u0442\u044c \u0432\u0435\u0440\u043d\u0430 \u0438 \u0434\u043b\u044f Joomla 4.<\/p>\n<\/div>\n<\/details>\n<p>\u0412\u0438\u0434\u043e\u0432 \u043f\u043b\u0430\u0433\u0438\u043d\u043e\u0432 \u0441\u0443\u0449\u0435\u0441\u0442\u0432\u0443\u0435\u0442 \u043e\u0433\u0440\u043e\u043c\u043d\u043e\u0435 \u043a\u043e\u043b\u0438\u0447\u0435\u0441\u0442\u0432\u043e. \u041e\u043d\u0438 \u043c\u043e\u0433\u0443\u0442 \u0434\u043e\u0431\u0430\u0432\u043b\u044f\u0442\u044c \u043a\u043e\u043c\u0430\u043d\u0434\u044b \u0432 CLI \u0438\u043d\u0442\u0435\u0440\u0444\u0435\u0439\u0441, \u043e\u0442\u043f\u0440\u0430\u0432\u043b\u044f\u0442\u044c \u0434\u0430\u043d\u043d\u044b\u0435 \u0437\u0430\u043a\u0430\u0437\u0430 \u0432 CRM \u0438 \u0441\u043b\u0443\u0436\u0431\u0443 \u0434\u043e\u0441\u0442\u0430\u0432\u043a\u0438, \u0434\u043e\u0431\u0430\u0432\u043b\u044f\u0442\u044c \u043f\u043e\u043b\u044f \u0432 \u0438\u043d\u0442\u0435\u0440\u0444\u0435\u0439\u0441 \u0430\u0434\u043c\u0438\u043d\u043a\u0438, \u043e\u0431\u0440\u0430\u0431\u0430\u0442\u044b\u0432\u0430\u0442\u044c \u0438 \u043f\u0440\u043e\u0432\u0435\u0440\u044f\u0442\u044c \u0434\u0430\u043d\u043d\u044b\u0435 \u0432 \u043f\u0440\u043e\u0446\u0435\u0441\u0441\u0435 \u0438\u0445 \u0438\u0437\u043c\u0435\u043d\u0435\u043d\u0438\u044f \u0438 \u043c\u043d\u043e\u0433\u043e\u0435 \u0434\u0440\u0443\u0433\u043e\u0435. \u0412\u044b\u0437\u043e\u0432\u044b \u043f\u043b\u0430\u0433\u0438\u043d\u043e\u0432 \u043f\u0440\u043e\u0438\u0441\u0445\u043e\u0434\u0438\u0442 \u0432 \u0440\u0430\u0437\u043d\u044b\u0435 \u043c\u043e\u043c\u0435\u043d\u0442\u044b \u0436\u0438\u0437\u043d\u0435\u043d\u043d\u043e\u0433\u043e \u0446\u0438\u043a\u043b\u0430 \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u044f Joomla. <\/p>\n<p>\u0418\u0437 \u0438\u0445 \u043c\u043d\u043e\u0433\u043e\u043e\u0431\u0440\u0430\u0437\u0438\u044f \u043d\u0430\u0441 \u0431\u043e\u043b\u044c\u0448\u0435 \u0432\u0441\u0435\u0433\u043e \u0438\u043d\u0442\u0435\u0440\u0435\u0441\u0443\u044e\u0442 \u043f\u043b\u0430\u0433\u0438\u043d\u044b \u0433\u0440\u0443\u043f\u043f\u044b <code>content<\/code>. \u041f\u043b\u0430\u0433\u0438\u043d\u044b \u044d\u0442\u043e\u0439 \u0433\u0440\u0443\u043f\u043f\u044b \u0447\u0430\u0449\u0435 \u0432\u0441\u0435\u0433\u043e \u043e\u0431\u0440\u0430\u0431\u0430\u0442\u044b\u0432\u0430\u044e\u0442 HTML \u043a\u043e\u0434 \u0438 \u0437\u0430\u043c\u0435\u043d\u044f\u044e\u0442 \u0432 \u043d\u0451\u043c \u0448\u043e\u0440\u0442\u043a\u043e\u0434\u044b \u0432\u0438\u0434\u0430 <code>{START_TAG}\u043d\u0435\u043a\u0438\u0439 \u043a\u043e\u0434{\/END_TAG}<\/code> \u0438\u043b\u0438 <code>{ANY_TAG param=1 param2=2}<\/code> \u043d\u0430 \u043d\u0443\u0436\u043d\u044b\u0435 \u0412\u0430\u043c \u0434\u0430\u043d\u043d\u044b\u0435. \u041d\u0430\u043f\u0440\u0438\u043c\u0435\u0440, \u0438\u0437\u0432\u0435\u0441\u0442\u043d\u044b\u0439 \u043f\u043b\u0430\u0433\u0438\u043d All Videos \u0437\u0430\u043c\u0435\u043d\u044f\u0435\u0442 \u0442\u0435\u0433\u0438 <code>{youtube}\u043a\u043e\u0434_\u0432\u0438\u0434\u0435\u043e{\/youtube}<\/code> \u043d\u0430 \u043a\u043e\u0434 \u043f\u0440\u043e\u0438\u0433\u0440\u044b\u0432\u0430\u0442\u0435\u043b\u044f Youtube-\u0432\u0438\u0434\u0435\u043e, \u0430 <code>{MP4}\u043f\u0443\u0442\u044c_\u043a_\u0444\u0430\u0439\u043b\u0443{\/MP4}<\/code> &#8212; \u043d\u0430 HTML5 \u0442\u0435\u0433 &lt;video> \u0434\u043b\u044f \u0443\u043a\u0430\u0437\u0430\u043d\u043d\u043e\u0433\u043e \u0444\u0430\u0439\u043b\u0430. \u041d\u043e \u0442\u0430\u043a\u0438\u043c \u043e\u0431\u0440\u0430\u0437\u043e\u043c \u043c\u043e\u0433\u0443\u0442 \u0432\u0441\u0442\u0430\u0432\u043b\u044f\u0442\u044c\u0441\u044f \u0438 \u043c\u043e\u0434\u0443\u043b\u0438 (\u0448\u043e\u0440\u0442-\u043a\u043e\u0434 <code>{loadposition position_name}<\/code> \u0438\u043b\u0438 <code>{loadmoduleid id}<\/code>) \u0438 \u0434\u0430\u043d\u043d\u044b\u0435 \u0438\u0437 \u0434\u0440\u0443\u0433\u0438\u0445 \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442\u043e\u0432, \u0435\u0441\u043b\u0438 \u0434\u043b\u044f \u043d\u0438\u0445 \u0441\u0443\u0449\u0435\u0441\u0442\u0432\u0443\u044e\u0442 \u043a\u043e\u043d\u0442\u0435\u043d\u0442-\u043f\u043b\u0430\u0433\u0438\u043d\u044b (\u0444\u043e\u0442\u043e\u0433\u0430\u043b\u0435\u0440\u0435\u0438, \u0442\u043e\u0432\u0430\u0440\u044b, \u043a\u0430\u0440\u0443\u0441\u0435\u043b\u0438 \u0438 \u0442.\u0434.). \u0421 HTML-\u043a\u043e\u0434\u043e\u043c \u0447\u0430\u0441\u0442\u043e \u0440\u0430\u0431\u043e\u0442\u0430\u044e\u0442 \u043f\u043b\u0430\u0433\u0438\u043d\u044b \u0433\u0440\u0443\u043f\u043f\u044b <code>system<\/code> \u043d\u0430 \u0441\u043e\u0431\u044b\u0442\u0438\u0435 <code>onAfterRender<\/code>. \u0412 \u044d\u0442\u043e\u043c \u0441\u043b\u0443\u0447\u0430\u0435 \u043e\u0431\u0440\u0430\u0431\u043e\u0442\u043a\u0430 HTML-\u043a\u043e\u0434\u0430 \u043f\u0440\u043e\u0438\u0441\u0445\u043e\u0434\u0438\u0442 \u0441 \u043f\u043e\u043c\u043e\u0449\u044c\u044e \u0440\u0435\u0433\u0443\u043b\u044f\u0440\u043d\u044b\u0445 \u0432\u044b\u0440\u0430\u0436\u0435\u043d\u0438\u0439 PHP.<\/p>\n<p><strong>\u0428\u0430\u0431\u043b\u043e\u043d (Template)<\/strong>. \u042d\u0442\u043e \u0442\u0438\u043f \u0440\u0430\u0441\u0448\u0438\u0440\u0435\u043d\u0438\u044f, \u0432 \u043a\u043e\u0442\u043e\u0440\u043e\u043c \u043e\u043f\u0438\u0441\u044b\u0432\u0430\u0435\u0442\u0441\u044f HTML \u0440\u0430\u0437\u043c\u0435\u0442\u043a\u0430 \u0434\u043b\u044f HTML-\u0432\u044b\u0432\u043e\u0434\u0430 \u0441\u0430\u0439\u0442\u0430. \u0412 \u0442\u0435\u0440\u043c\u0438\u043d\u043e\u043b\u043e\u0433\u0438\u0438 WordPress \u0448\u0430\u0431\u043b\u043e\u043d Joomla &#8212; \u044d\u0442\u043e \u0442\u0435\u043c\u0430. \u0423 \u0448\u0430\u0431\u043b\u043e\u043d\u0430 \u0442\u0430\u043a\u0436\u0435 \u043c\u043e\u0433\u0443\u0442 \u0431\u044b\u0442\u044c \u0441\u0432\u043e\u0438 \u043f\u0430\u0440\u0430\u043c\u0435\u0442\u0440\u044b, \u043b\u043e\u0433\u0438\u043a\u0430 \u0432\u044b\u0432\u043e\u0434\u0430 \u043f\u043e\u0437\u0438\u0446\u0438\u0439 \u0434\u043b\u044f \u043c\u043e\u0434\u0443\u043b\u0435\u0439 \u0438 \u0442.\u0434. \u0412 \u0448\u0430\u0431\u043b\u043e\u043d\u0435 (\u043d\u043e \u043d\u0435 \u0442\u043e\u043b\u044c\u043a\u043e \u0432 \u043d\u0451\u043c) \u043f\u043e\u0434\u043a\u043b\u044e\u0447\u0430\u044e\u0442\u0441\u044f CSS, JS, \u0438\u043a\u043e\u043d\u043a\u0438, \u0448\u0440\u0438\u0444\u0442\u044b \u0438 \u043f\u0440\u043e\u0447\u0438\u0435 Web Assets.<\/p>\n<p>\u0412 \u0444\u0430\u0439\u043b\u0430\u0445 \u0448\u0430\u0431\u043b\u043e\u043d\u0430 \u0438\u043d\u043e\u0433\u0434\u0430 \u0445\u0430\u0440\u0434\u043a\u043e\u0434\u044f\u0442\u0441\u044f \u043a\u043e\u0441\u0442\u044b\u043b\u0438.<\/p>\n<p>\u0412 \u0446\u0435\u043b\u043e\u043c, \u0434\u043b\u044f \u0442\u043e\u0433\u043e, \u0447\u0442\u043e\u0431\u044b \u043f\u0440\u0430\u0432\u0438\u043b\u044c\u043d\u043e \u043e\u043f\u0440\u0435\u0434\u0435\u043b\u0438\u0442\u044c \u0442\u0438\u043f\u044b \u0440\u0430\u0441\u0448\u0438\u0440\u0435\u043d\u0438\u0439 Joomla \u0434\u043b\u044f \u043f\u0440\u043e\u0435\u043a\u0442\u0430 \u043d\u0443\u0436\u043d\u043e \u0437\u043d\u0430\u0442\u044c \u043a\u0430\u043a \u043c\u0438\u043d\u0438\u043c\u0443\u043c \u0440\u0430\u0441\u0448\u0438\u0440\u0435\u043d\u0438\u044f \u044f\u0434\u0440\u0430 CMS \u0438 \u0438\u0445 \u0432\u043e\u0437\u043c\u043e\u0436\u043d\u043e\u0441\u0442\u0438. \u0412 \u0438\u0434\u0435\u0430\u043b\u0435 \u043d\u0430 \u0441\u0430\u0439\u0442\u0435 \u0434\u043e\u043b\u0436\u0435\u043d \u0431\u044b\u0442\u044c \u043c\u0438\u043d\u0438\u043c\u0443\u043c \u0441\u0442\u043e\u0440\u043e\u043d\u043d\u0438\u0445 \u0440\u0430\u0441\u0448\u0438\u0440\u0435\u043d\u0438\u0439, \u0447\u0442\u043e\u0431\u044b \u043d\u0435 \u0437\u0430\u0432\u0438\u0441\u0435\u0442\u044c \u043e\u0442 \u0440\u0430\u0431\u043e\u0442\u044b \u0432\u043d\u0435\u0448\u043d\u0438\u0445 \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u0447\u0438\u043a\u043e\u0432. \u0423 \u043d\u0438\u0445 \u043c\u043e\u0436\u0435\u0442 \u0431\u044b\u0442\u044c \u0441\u0432\u043e\u0439 road map, \u043a\u043e\u0442\u043e\u0440\u044b\u0439 \u043d\u0435 \u043f\u0435\u0440\u0435\u0441\u0435\u043a\u0430\u0435\u0442\u0441\u044f \u0441 \u0412\u0430\u0448\u0438\u043c \u0438\u043b\u0438 \u0432\u043f\u043e\u0441\u043b\u0435\u0434\u0441\u0442\u0432\u0438\u0438 \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u0447\u0438\u043a \u043c\u043e\u0436\u0435\u0442 \u0437\u0430\u0431\u0440\u043e\u0441\u0438\u0442\u044c \u0441\u0432\u043e\u0451 \u0434\u0435\u0442\u0438\u0449\u0435 \u0438 \u0412\u0430\u043c \u043f\u0440\u0438\u0434\u0451\u0442\u0441\u044f \u0438\u0441\u043a\u0430\u0442\u044c \u0430\u043b\u044c\u0442\u0435\u0440\u043d\u0430\u0442\u0438\u0432\u044b.<\/p>\n<p><a class=\"anchor\" name=\"opredelenie-tipov-rashirenii-joomla-dlya-shablona\" id=\"opredelenie-tipov-rashirenii-joomla-dlya-shablona\"><\/a><\/p>\n<h3>\u0421\u043e\u0431\u0441\u0442\u0432\u0435\u043d\u043d\u043e \u043e\u043f\u0440\u0435\u0434\u0435\u043b\u0435\u043d\u0438\u0435 \u0442\u0438\u043f\u043e\u0432 \u0440\u0430\u0441\u0448\u0438\u0440\u0435\u043d\u0438\u0439 Joomla \u043f\u0440\u0438 \u0441\u043e\u0437\u0434\u0430\u043d\u0438\u0438 \u0448\u0430\u0431\u043b\u043e\u043d\u0430<\/h3>\n<p>\u041a\u0430\u043a \u044f \u0443\u0436\u0435 \u0433\u043e\u0432\u043e\u0440\u0438\u043b, \u0432 Joomla \u043e\u0434\u043d\u0430 \u0438 \u0442\u0430 \u0436\u0435 \u0432 \u0446\u0435\u043b\u043e\u043c \u0437\u0430\u0434\u0430\u0447\u0430 \u043c\u043e\u0436\u0435\u0442 \u0431\u044b\u0442\u044c \u0440\u0435\u0448\u0435\u043d\u0430 \u0440\u0430\u0437\u043d\u044b\u043c\u0438 \u0441\u043f\u043e\u0441\u043e\u0431\u0430\u043c\u0438. \u0417\u0434\u0435\u0441\u044c \u043d\u0443\u0436\u043d\u043e \u0438\u043c\u0435\u0442\u044c \u0435\u0449\u0451 \u0438 \u043d\u0435\u043a\u043e\u0435 \u0432\u0438\u0434\u0435\u043d\u0438\u0435 \u043d\u0430\u043f\u0435\u0440\u0451\u0434: \u043a\u0430\u043a \u0431\u0443\u0434\u0435\u0442 \u0440\u0430\u0437\u0432\u0438\u0432\u0430\u0442\u044c\u0441\u044f \u043f\u0440\u043e\u0435\u043a\u0442, \u0432 \u043a\u0430\u043a\u0443\u044e \u0441\u0442\u043e\u0440\u043e\u043d\u0443 \u043e\u043d \u0431\u0443\u0434\u0435\u0442 \u0440\u0430\u0437\u0432\u0438\u0432\u0430\u0442\u044c\u0441\u044f \u0438 \u043f\u043e\u0441\u0442\u0430\u0440\u0430\u0442\u044c\u0441\u044f \u043f\u0440\u0435\u0434\u0443\u0441\u043c\u043e\u0442\u0440\u0435\u0442\u044c \u043d\u0430\u0438\u0431\u043e\u043b\u0435\u0435 \u0432\u0435\u0440\u043e\u044f\u0442\u043d\u044b\u0435 \u043f\u0443\u0442\u0438 \u0435\u0433\u043e \u0434\u0432\u0438\u0436\u0435\u043d\u0438\u044f. \u0412 \u0437\u0430\u0432\u0438\u0441\u0438\u043c\u043e\u0441\u0442\u0438 \u043e\u0442 \u044d\u0442\u043e\u0433\u043e \u0412\u044b \u0431\u0443\u0434\u0435\u0442\u0435 \u0432\u044b\u0431\u0438\u0440\u0430\u0442\u044c \u043f\u0440\u0430\u0432\u0438\u043b\u044c\u043d\u044b\u0435 \u0440\u0430\u0441\u0448\u0438\u0440\u0435\u043d\u0438\u044f \u0434\u043b\u044f \u0441\u0430\u0439\u0442\u0430 \u0438 \u0441 \u043d\u0438\u043c\u0438 \u0443\u0436\u0435 \u0440\u0430\u0431\u043e\u0442\u0430\u0442\u044c. <\/p>\n<p>\u0422\u0430\u043a, \u043a\u0430\u0442\u0430\u043b\u043e\u0433 \u043f\u0440\u043e\u0434\u0443\u043a\u0446\u0438\u0438 \u043c\u043e\u0436\u043d\u043e \u0441\u0434\u0435\u043b\u0430\u0442\u044c \u043a\u0430\u043a \u043d\u0430 \u0441\u0442\u0430\u043d\u0434\u0430\u0440\u0442\u043d\u044b\u0445 \u043c\u0430\u0442\u0435\u0440\u0438\u0430\u043b\u0430\u0445 Joomla (<a href=\"https:\/\/web-tolk.ru\/blog\/retsept-prigotovleniya-sajta-kataloga-na-joomla\" rel=\"noopener noreferrer nofollow\">\u0441\u0442\u0430\u0442\u044c\u044f<\/a>), \u0442\u0430\u043a \u0438 \u043d\u0430 \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442\u0435 \u0438\u043d\u0442\u0435\u0440\u043d\u0435\u0442-\u043c\u0430\u0433\u0430\u0437\u0438\u043d\u0430, \u043a\u043e\u0442\u043e\u0440\u044b\u0439 \u0431\u0443\u0434\u0435\u0442 \u0440\u0430\u0431\u043e\u0442\u0430\u0442\u044c \u0432 \u0440\u0435\u0436\u0438\u043c\u0435 \u043a\u0430\u0442\u0430\u043b\u043e\u0433\u0430. \u0415\u0441\u043b\u0438 \u0412\u044b \u043f\u043e\u0433\u043e\u0432\u043e\u0440\u0438\u043b\u0438 \u0441 \u043a\u043b\u0438\u0435\u043d\u0442\u043e\u043c \u0438 \u0432\u044b\u044f\u0441\u043d\u0438\u043b\u0438, \u0447\u0442\u043e \u043a\u0430\u0442\u0430\u043b\u043e\u0433 \u043e\u0441\u0442\u0430\u043d\u0435\u0442\u0441\u044f \u043a\u0430\u0442\u0430\u043b\u043e\u0433\u043e\u043c, \u0442\u043e \u043c\u043e\u0436\u043d\u043e \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c \u0441\u0442\u0430\u043d\u0434\u0430\u0440\u0442\u043d\u044b\u0435 \u043c\u0430\u0442\u0435\u0440\u0438\u0430\u043b\u044b. \u0418\u0437 \u043f\u043b\u044e\u0441\u043e\u0432 &#8212; \u0412\u044b \u043d\u0435 \u0437\u0430\u0432\u0438\u0441\u0438\u0442\u0435 \u043e\u0442 \u0441\u0442\u043e\u0440\u043e\u043d\u043d\u0438\u0445 \u0440\u0430\u0441\u0448\u0438\u0440\u0435\u043d\u0438\u0439. \u0410 \u0435\u0441\u043b\u0438 \u0436\u0435 \u043f\u0440\u043e\u0435\u043a\u0442 \u043c\u043e\u0436\u0435\u0442 &#171;\u0432\u0437\u043b\u0435\u0442\u0435\u0442\u044c&#187; \u0434\u043e \u043f\u0440\u0438\u0451\u043c\u0430 \u043e\u043f\u043b\u0430\u0442\u044b, \u043b\u0438\u0447\u043d\u043e\u0433\u043e \u043a\u0430\u0431\u0438\u043d\u0435\u0442\u0430, \u0438\u043d\u0442\u0435\u0433\u0440\u0430\u0446\u0438\u0438 \u0441 CRM, \u0441\u043b\u0443\u0436\u0431\u0430\u043c\u0438 \u0434\u043e\u0441\u0442\u0430\u0432\u043a\u0438 \u0438 \u043f\u0440\u043e\u0447\u0438\u043c, \u0442\u043e \u043b\u0443\u0447\u0448\u0435 \u0441\u0440\u0430\u0437\u0443 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442 \u0438\u043d\u0442\u0435\u0440\u043d\u0435\u0442-\u043c\u0430\u0433\u0430\u0437\u0438\u043d\u0430. \u0422\u0430\u043a\u0438\u043c \u043e\u0431\u0440\u0430\u0437\u043e\u043c \u0412\u0430\u043c \u043b\u0435\u0433\u0447\u0435 \u0431\u0443\u0434\u0435\u0442 \u0440\u0430\u0431\u043e\u0442\u0430\u0442\u044c \u0441 \u043d\u0438\u043c \u043f\u043e\u0442\u043e\u043c. <\/p>\n<p>\u041f\u0435\u0440\u0435\u0439\u0434\u0451\u043c, \u043d\u0430\u043a\u043e\u043d\u0435\u0446, \u043a \u043f\u0440\u0430\u043a\u0442\u0438\u043a\u0435.<\/p>\n<p><a class=\"anchor\" name=\"eslib-habr-byl-sdelan-na-joomla\" id=\"eslib-habr-byl-sdelan-na-joomla\"><\/a><\/p>\n<h3>\u0415\u0441\u043b\u0438 \u0431 \u0425\u0430\u0431\u0440 \u0431\u044b\u043b \u0441\u0434\u0435\u043b\u0430\u043d \u043d\u0430 Joomla<\/h3>\n<p>\u0412\u043e\u0437\u044c\u043c\u0451\u043c \u0434\u043b\u044f \u043f\u0440\u0438\u043c\u0435\u0440\u0430 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0443 \u043f\u0440\u043e\u0441\u043c\u043e\u0442\u0440\u0430 \u0441\u0442\u0430\u0442\u044c\u0438 \u043d\u0430 \u0425\u0430\u0431\u0440\u0435 \u0438 \u043f\u043e\u0441\u043c\u043e\u0442\u0440\u0438\u043c \u043a\u0430\u043a \u043e\u043d\u0430 \u0443\u0441\u0442\u0440\u043e\u0435\u043d\u0430.<\/p>\n<p>\u0423\u0441\u043b\u043e\u0432\u043d\u044b\u0435 \u043e\u0431\u043e\u0437\u043d\u0430\u0447\u0435\u043d\u0438\u044f:<\/p>\n<ul>\n<li>\n<p>T &#8212; template &#8212; \u0432 \u043f\u0440\u0438\u043d\u0446\u0438\u043f\u0435 \u044d\u0442\u043e \u0432\u0441\u044f \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0430 \u0446\u0435\u043b\u0438\u043a\u043e\u043c. \u041d\u043e \u0441\u043f\u0435\u0446\u0438\u0430\u043b\u044c\u043d\u043e \u0432\u044b\u0434\u0435\u043b\u0435\u043d\u044b \u0442\u0435 \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u044b, \u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u043e\u0431\u044b\u0447\u043d\u043e \u0432\u044b\u043d\u043e\u0441\u044f\u0442\u0441\u044f \u0432 \u043d\u0430\u0441\u0442\u0440\u043e\u0439\u043a\u0438 \u0448\u0430\u0431\u043b\u043e\u043d\u0430 (\u0438\u043b\u0438 \u043f\u043e\u0440\u043e\u0439 \u0445\u0430\u0440\u0434\u043a\u043e\u0434\u044f\u0442\u0441\u044f).<\/p>\n<\/li>\n<li>\n<p>C &#8212; component &#8212; \u043e\u0431\u043b\u0430\u0441\u0442\u044c \u0432\u044b\u0432\u043e\u0434\u0430 \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442\u0430. \u0426\u0435\u043d\u0442\u0440\u0430\u043b\u044c\u043d\u044b\u0439, \u043e\u0441\u043d\u043e\u0432\u043d\u043e\u0439 \u043a\u043e\u043d\u0442\u0435\u043d\u0442 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u044b.<\/p>\n<\/li>\n<li>\n<p>M &#8212; module &#8212; &#171;\u043e\u0431\u0432\u044f\u0437\u043a\u0430&#187; \u043e\u0441\u043d\u043e\u0432\u043d\u043e\u0433\u043e \u043a\u043e\u043d\u0442\u0435\u043d\u0442\u0430 \u0438\u0437 \u043c\u043e\u0434\u0443\u043b\u0435\u0439 \u0441 \u0441\u0430\u043c\u044b\u043c \u0440\u0430\u0437\u043d\u044b\u043c \u0444\u0443\u043d\u043a\u0446\u0438\u043e\u043d\u0430\u043b\u043e\u043c.<\/p>\n<\/li>\n<li>\n<p>P &#8212; plugin &#8212; \u043f\u043b\u0430\u0433\u0438\u043d\u044b. \u0412 \u0434\u0430\u043d\u043d\u043e\u043c \u043f\u0440\u0438\u043c\u0435\u0440\u0435 \u0434\u0435\u0439\u0441\u0442\u0432\u0438\u044f \u043f\u043b\u0430\u0433\u0438\u043d\u043e\u0432 \u043f\u043e\u0445\u043e\u0436\u0438 \u043d\u0430 \u043c\u043e\u0434\u0443\u043b\u0438, \u043d\u043e \u043f\u043b\u0430\u0433\u0438\u043d\u044b \u0432\u043d\u0435\u0434\u0440\u044f\u044e\u0442\u0441\u044f \u0432 \u0442\u043e, \u0447\u0442\u043e \u0432\u044b\u0432\u043e\u0434\u0438\u0442 \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442 \u0438 \u0434\u043e\u0431\u0430\u0432\u043b\u044f\u044e\u0442 \u0432 \u043d\u0435\u0433\u043e \u0441\u0432\u043e\u0439 HTML-\u0432\u044b\u0432\u043e\u0434. \u041f\u043e\u0441\u043a\u043e\u043b\u044c\u043a\u0443 \u043d\u0430 \u0443\u0440\u043e\u0432\u043d\u0435 \u043a\u043e\u0434\u0430 \u044d\u0442\u043e \u043c\u043e\u0436\u0435\u0442 \u0431\u044b\u0442\u044c \u0440\u0435\u0448\u0435\u043d\u043e \u0440\u0430\u0437\u043d\u044b\u043c\u0438 \u0441\u043f\u043e\u0441\u043e\u0431\u0430\u043c\u0438, \u0442\u043e \u0432 \u044d\u0442\u0438\u0445  \u0441\u043b\u0443\u0447\u0430\u044f\u0445 \u044f \u0443\u043a\u0430\u0437\u0430\u043b \u0437\u043d\u0430\u043a \u0432\u043e\u043f\u0440\u043e\u0441\u0430: P ? M.<\/p>\n<\/li>\n<\/ul>\n<figure class=\"full-width\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/habrastorage.org\/r\/w1560\/getpro\/habr\/upload_files\/593\/980\/989\/5939809892b4f15a0591d7a10a6f0aaa.png\" alt=\"\u0410 \u0447\u0442\u043e \u0435\u0441\u043b\u0438 \u0425\u0430\u0431\u0440 \u0441\u0434\u0435\u043b\u0430\u043d \u043d\u0430 Joomla?..\" title=\"\u0410 \u0447\u0442\u043e \u0435\u0441\u043b\u0438 \u0425\u0430\u0431\u0440 \u0441\u0434\u0435\u043b\u0430\u043d \u043d\u0430 Joomla?..\" width=\"1049\" height=\"2987\" data-src=\"https:\/\/habrastorage.org\/getpro\/habr\/upload_files\/593\/980\/989\/5939809892b4f15a0591d7a10a6f0aaa.png\"\/><\/p>\n<div><figcaption>\u0410 \u0447\u0442\u043e \u0435\u0441\u043b\u0438 \u0425\u0430\u0431\u0440 \u0441\u0434\u0435\u043b\u0430\u043d \u043d\u0430 Joomla?..<\/figcaption><\/div>\n<\/figure>\n<p>\u041d\u0435\u0441\u043c\u043e\u0442\u0440\u044f \u043d\u0430 \u043a\u0430\u0436\u0443\u0449\u0443\u044e\u0441\u044f \u043f\u0440\u043e\u0441\u0442\u043e\u0442\u0443 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0430 \u043f\u0440\u043e\u0441\u043c\u043e\u0442\u0440\u0430 \u0441\u0442\u0430\u0442\u044c\u0438 \u043d\u0430 \u0425\u0430\u0431\u0440\u0435 \u0438\u043c\u0435\u0435\u0442 \u0441\u043b\u043e\u0436\u043d\u0443\u044e \u0441\u0442\u0440\u0443\u043a\u0442\u0443\u0440\u0443 (\u0438 \u044d\u0442\u043e \u0442\u043e\u043b\u044c\u043a\u043e \u043e\u0434\u043d\u0430 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0430!). \u041d\u0430 \u043d\u0435\u0439 \u0431\u043e\u043b\u0435\u0435 10 \u0440\u0430\u0437\u043d\u044b\u0445 \u0442\u0438\u043f\u043e\u0432 \u043c\u043e\u0434\u0443\u043b\u0435\u0439. \u041d\u0430 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0435 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u044e\u0442\u0441\u044f \u043c\u0438\u043d\u0438\u043c\u0443\u043c 7 (\u0441\u043a\u043e\u0440\u0435\u0435 \u0432\u0441\u0435\u0433\u043e 8-10) \u043f\u043e\u0437\u0438\u0446\u0438\u0439 \u0434\u043b\u044f \u043c\u043e\u0434\u0443\u043b\u0435\u0439. \u0427\u0430\u0441\u0442\u0438\u0447\u043d\u043e \u0437\u0430\u0434\u0435\u0439\u0441\u0442\u0432\u043e\u0432\u0430\u043d\u044b \u043f\u043b\u0430\u0433\u0438\u043d\u044b. \u041d\u043e \u044d\u0442\u043e \u043c\u043e\u0433\u0443\u0442 \u0431\u044b\u0442\u044c \u0442\u043e\u0436\u0435 \u043c\u043e\u0434\u0443\u043b\u0438 )). \u0412\u0441\u0451 \u0437\u0430\u0432\u0438\u0441\u0438\u0442 \u043e\u0442 \u043a\u043e\u043d\u043a\u0440\u0435\u0442\u043d\u044b\u0445 \u0440\u0430\u0441\u0448\u0438\u0440\u0435\u043d\u0438\u0439, \u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u0412\u044b \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u0435\u0442\u0435 \u043d\u0430 \u0441\u0430\u0439\u0442\u0435. <\/p>\n<p><a class=\"anchor\" name=\"joomla-4-and-5-templates-vs-joomla-3\" id=\"joomla-4-and-5-templates-vs-joomla-3\"><\/a><\/p>\n<h2>\u0421\u0443\u0449\u043d\u043e\u0441\u0442\u044c \u0448\u0430\u0431\u043b\u043e\u043d\u0430 Joomla. \u041e\u0442\u043b\u0438\u0447\u0438\u044f \u0448\u0430\u0431\u043b\u043e\u043d\u043e\u0432 Joomla 4 \u0438 Joomla 5 \u043e\u0442 \u0448\u0430\u0431\u043b\u043e\u043d\u043e\u0432 Joomla 3<\/h2>\n<p>\u041a\u0440\u0430\u0442\u043a\u043e, \u043e\u043f\u0438\u0441\u0430\u043d\u0438\u044f \u0438\u0437\u043c\u0435\u043d\u0435\u043d\u0438\u0439 \u0434\u043b\u044f \u043e\u043f\u044b\u0442\u043d\u044b\u0445 Joomla-\u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u0447\u0438\u043a\u043e\u0432.<\/p>\n<ol>\n<li>\n<p><strong>\u041f\u0430\u043f\u043a\u0430 media \u0434\u043b\u044f \u0448\u0430\u0431\u043b\u043e\u043d\u0430<\/strong>. \u041d\u0430\u0447\u0438\u043d\u0430\u044f \u0441 Joomla 4.1 \u0432\u0441\u0435 \u043c\u0435\u0434\u0438\u0430-\u0444\u0430\u0439\u043b\u044b (CSS, JS, \u0448\u0440\u0438\u0444\u0442\u044b, \u0438\u043a\u043e\u043d\u043a\u0438 \u0438 \u043a\u0430\u0440\u0442\u0438\u043d\u043a\u0438 \u0438 \u043f\u0440\u043e\u0447\u0435\u0435) \u043f\u0435\u0440\u0435\u0435\u0445\u0430\u043b\u0438 \u0432 \u043f\u0430\u043f\u043a\u0443 <code>media\/templates\/site\/template_name<\/code>. \u0415\u0441\u043b\u0438 \u0448\u0430\u0431\u043b\u043e\u043d \u043f\u0438\u0448\u0435\u0442\u0435 \u0434\u043b\u044f \u0430\u0434\u043c\u0438\u043d\u043a\u0438 Joomla, \u0442\u043e \u0432\u0441\u0451 \u043f\u043e\u043c\u0435\u0449\u0430\u0435\u043c \u0432 <code>media\/templates\/administrator\/template_name<\/code>. <\/p>\n<\/li>\n<li>\n<p><strong>Joomla 4 \u0432\u043d\u0435\u0434\u0440\u0438\u043b\u0430 \u043a\u043e\u043d\u0446\u0435\u043f\u0446\u0438\u044e\u00a0Web Assets<\/strong>. \u0423\u043f\u0440\u0430\u0432\u043b\u0435\u043d\u0438\u0435 JavaScript \u0438 CSS \u0432 Joomla \u0437\u043d\u0430\u0447\u0438\u0442\u0435\u043b\u044c\u043d\u043e \u0443\u043f\u0440\u043e\u0441\u0442\u0438\u043b\u043e\u0441\u044c, \u0431\u043b\u0430\u0433\u043e\u0434\u0430\u0440\u044f \u043a\u043b\u0430\u0441\u0441\u0443\u00a0<code>WebAssetManager<\/code>. \u0415\u0441\u0442\u044c \u0437\u0430\u043c\u0435\u0447\u0430\u0442\u0435\u043b\u044c\u043d\u0430\u044f \u0441\u0442\u0430\u0442\u044c\u044f\u00a0<a href=\"https:\/\/jpath.ru\/docs\/output\/js-css\/kak-pravilno-podklyuchat-javascript-i-css-v-joomla-4\" rel=\"noopener noreferrer nofollow\">\u041a\u0430\u043a \u043f\u0440\u0430\u0432\u0438\u043b\u044c\u043d\u043e \u043f\u043e\u0434\u043a\u043b\u044e\u0447\u0430\u0442\u044c JavaScript \u0438 CSS \u0432 Joomla 4<\/a>, \u0432 \u043a\u043e\u0442\u043e\u0440\u043e\u0439 \u043f\u043e\u0434\u0440\u043e\u0431\u043d\u043e \u0438 \u0441 \u043f\u0440\u0438\u043c\u0435\u0440\u0430\u043c\u0438 \u043a\u043e\u0434\u0430 \u0440\u0430\u0441\u0441\u043a\u0430\u0437\u044b\u0432\u0430\u0435\u0442\u0441\u044f \u043e\u0431 \u044d\u0442\u043e\u0439 \u043a\u043e\u043d\u0446\u0435\u043f\u0446\u0438\u0438 \u0438 \u0435\u0451 \u043f\u0440\u0438\u043c\u0435\u043d\u0435\u043d\u0438\u0438.\u00a0<br \/><strong>\u041d\u0430\u043f\u0440\u0438\u043c\u0435\u0440, \u0431\u044b\u043b\u043e:<\/strong> \u0438\u043a\u043e\u043d\u043e\u0447\u043d\u044b\u0439 \u0448\u0440\u0438\u0444\u0442 \u043c\u043e\u0433\u0443\u0442 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c 2 \u0440\u0430\u0437\u043d\u044b\u0445 \u043c\u043e\u0434\u0443\u043b\u044f. CSS \u043e\u0431\u044b\u0447\u043d\u043e \u043f\u043e\u0434\u043a\u043b\u044e\u0447\u0430\u0435\u0442\u0441\u044f \u0432 \u0448\u0430\u0431\u043b\u043e\u043d\u0435 \u0438 \u043e\u043d \u0433\u0440\u0443\u0437\u0438\u0442\u0441\u044f \u0432\u0435\u0437\u0434\u0435, \u0434\u0430\u0436\u0435 \u0442\u0430\u043c, \u0433\u0434\u0435 \u043d\u0435 \u043d\u0430\u0434\u043e. \u0415\u0441\u043b\u0438 \u0436\u0435 \u043f\u043e\u0434\u043a\u043b\u044e\u0447\u0430\u0442\u044c CSS \u0432 \u043e\u0434\u043d\u043e\u043c \u043c\u043e\u0434\u0443\u043b\u0435, \u0430 \u0432 \u0434\u0440\u0443\u0433\u043e\u043c \u043d\u0435\u0442 &#8212; \u043d\u0430 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0435 \u0441\u0442\u0438\u043b\u044c \u0435\u0441\u0442\u044c \u0440\u043e\u0432\u043d\u043e \u0434\u043e \u0442\u0435\u0445 \u043f\u043e\u0440, \u043f\u043e\u043a\u0430 \u043e\u043f\u0443\u0431\u043b\u0438\u043a\u043e\u0432\u0430\u043d \u043c\u043e\u0434\u0443\u043b\u044c \u0441 \u044d\u0442\u0438\u043c \u043f\u043e\u0434\u043a\u043b\u044e\u0447\u0435\u043d\u0438\u0435\u043c. <br \/><strong>\u0421\u0442\u0430\u043b\u043e:<\/strong> \u0442\u0435\u043f\u0435\u0440\u044c \u0432 \u043c\u0430\u043a\u0435\u0442\u0430\u0445 \u0440\u0430\u0441\u0448\u0438\u0440\u0435\u043d\u0438\u0439 \u043c\u044b \u043f\u0440\u043e\u0441\u0442\u043e \u043f\u0438\u0448\u0435\u043c <code>$wa->useStyle('my.style');<\/code> \u0438 \u0437\u0430 \u043d\u0435\u043e\u0431\u0445\u043e\u0434\u0438\u043c\u043e\u0441\u0442\u044c\u044e \u043f\u043e\u0434\u043a\u043b\u044e\u0447\u0435\u043d\u0438\u044f \u043d\u0443\u0436\u043d\u043e\u0433\u043e \u0430\u0441\u0441\u0435\u0442\u0430 (\u0432 \u0434\u0430\u043d\u043d\u043e\u043c \u0441\u043b\u0443\u0447\u0430\u0435 CSS \u0441 \u0438\u043a\u043e\u043d\u043e\u0447\u043d\u044b\u043c \u0448\u0440\u0438\u0444\u0442\u043e\u043c) \u0441\u043b\u0435\u0434\u0438\u0442 Web Asset Manager. \u0415\u0441\u043b\u0438 \u043c\u044b \u0441\u043d\u0438\u043c\u0435\u043c \u043e\u0434\u0438\u043d \u043c\u043e\u0434\u0443\u043b\u044c \u0441 \u043f\u0443\u0431\u043b\u0438\u043a\u0430\u0446\u0438\u0438, \u0442\u043e \u043d\u0443\u0436\u043d\u044b\u0439 \u0430\u0441\u0441\u0435\u0442 \u043f\u043e\u0434\u043a\u043b\u044e\u0447\u0438\u0442 \u0434\u0440\u0443\u0433\u043e\u0439 \u043c\u043e\u0434\u0443\u043b\u044c. \u0422\u0430\u043a\u0436\u0435 \u043f\u043e\u0434\u0434\u0435\u0440\u0436\u0438\u0432\u0430\u044e\u0442\u0441\u044f \u0437\u0430\u0432\u0438\u0441\u0438\u043c\u043e\u0441\u0442\u0438. \u041d\u0430\u043f\u0440\u0438\u043c\u0435\u0440, \u0435\u0441\u043b\u0438 \u043a\u0430\u043a\u043e\u0439-\u0442\u043e js-\u0441\u043a\u0440\u0438\u043f\u0442 \u0442\u0440\u0435\u0431\u0443\u0435\u0442 jQuery (\u043e\u0442 \u0447\u0435\u0433\u043e \u0441\u0435\u0439\u0447\u0430\u0441 \u0438\u0437\u0431\u0430\u0432\u043b\u044f\u044e\u0442\u0441\u044f, \u043d\u043e \u0432\u0441\u0451 \u0436\u0435), \u0442\u043e \u0434\u043e\u0441\u0442\u0430\u0442\u043e\u0447\u043d\u043e \u043f\u0440\u0438 \u043f\u043e\u0434\u043a\u043b\u044e\u0447\u0435\u043d\u0438\u0438 \u0430\u0441\u0441\u0435\u0442\u0430 \u0441\u0432\u043e\u0435\u0433\u043e \u0441\u043a\u0440\u0438\u043f\u0442\u0430 \u0443\u043a\u0430\u0437\u0430\u0442\u044c \u0432 \u0437\u0430\u0432\u0438\u0441\u0438\u043c\u043e\u0441\u0442\u044f\u0445 jQuery \u0438 \u043e\u043d \u043f\u043e\u0434\u043a\u043b\u044e\u0447\u0438\u0442\u0441\u044f \u0430\u0432\u0442\u043e\u043c\u0430\u0442\u0438\u0447\u0435\u0441\u043a\u0438, \u0434\u0430\u0436\u0435 \u0435\u0441\u043b\u0438 \u0432 \u0434\u0440\u0443\u0433\u0438\u0445 \u043c\u0435\u0441\u0442\u0430\u0445 \u0412\u044b \u0435\u0433\u043e \u0432\u044b\u043a\u043b\u044e\u0447\u0430\u043b\u0438. \u0414\u043b\u044f \u0438\u043d\u043b\u0430\u0439\u043d \u0441\u0442\u0438\u043b\u0435\u0439 \u0435\u0441\u0442\u044c \u0432\u043e\u0437\u043c\u043e\u0436\u043d\u043e\u0441\u0442\u044c \u0432\u044b\u0441\u0442\u0440\u0430\u0438\u0432\u0430\u0442\u044c \u043f\u043e\u0440\u044f\u0434\u043e\u043a \u0432\u043a\u043b\u044e\u0447\u0435\u043d\u0438\u044f.<\/p>\n<\/li>\n<li>\n<p><strong>\u0424\u0430\u0439\u043b joomla.asset.json<\/strong>. \u0414\u043b\u044f \u0442\u043e\u0433\u043e, \u0447\u0442\u043e\u0431\u044b \u043c\u043e\u0436\u043d\u043e \u0431\u044b\u043b\u043e \u0440\u0430\u0431\u043e\u0442\u0430\u0442\u044c \u0441 WebAssetManager \u043d\u0443\u0436\u043d\u043e \u0441\u043e\u0437\u0434\u0430\u0442\u044c \u0444\u0430\u0439\u043b <code>joomla.asset.json<\/code> \u0438 \u043e\u043f\u0438\u0441\u0430\u0442\u044c js, css \u0448\u0430\u0431\u043b\u043e\u043d\u0430 \u0432 \u043d\u0451\u043c. \u0424\u0430\u0439\u043b \u0434\u043e\u043b\u0436\u0435\u043d \u043d\u0430\u0445\u043e\u0434\u0438\u0442\u044c\u0441\u044f \u0432 <code>templates\/template_name<\/code>.<\/p>\n<\/li>\n<li>\n<p><strong>\u0414\u043e\u0447\u0435\u0440\u043d\u0438\u0435 \u0448\u0430\u0431\u043b\u043e\u043d\u044b.<\/strong> \u041d\u0430\u0447\u0438\u043d\u0430\u044f \u0441 Joomla 4.3 \u0435\u0441\u0442\u044c \u0432\u043e\u0437\u043c\u043e\u0436\u043d\u043e\u0441\u0442\u044c \u0441\u043e\u0437\u0434\u0430\u0432\u0430\u0442\u044c \u0434\u043e\u0447\u0435\u0440\u043d\u0438\u0435 \u0448\u0430\u0431\u043b\u043e\u043d\u044b. \u0414\u043b\u044f \u0442\u043e\u0433\u043e \u0432 XML-\u043c\u0430\u043d\u0438\u0444\u0435\u0441\u0442\u0435 \u0434\u043e\u043b\u0436\u0435\u043d \u0431\u044b\u0442\u044c \u044d\u043b\u0435\u043c\u0435\u043d\u0442 <code>&lt;inheritable>1&lt;\/inheritable><\/code>. \u0424\u0430\u0439\u043b\u044b \u0434\u043e\u0447\u0435\u0440\u043d\u0435\u0433\u043e \u0448\u0430\u0431\u043b\u043e\u043d\u0430 \u043f\u0435\u0440\u0435\u043e\u043f\u0440\u0435\u0434\u0435\u043b\u044f\u044e\u0442 \u0444\u0430\u0439\u043b\u044b \u0440\u043e\u0434\u0438\u0442\u0435\u043b\u044c\u0441\u043a\u043e\u0433\u043e. \u0422\u043e \u0435\u0441\u0442\u044c <strong>\u043c\u044b \u043c\u043e\u0436\u0435\u043c \u0441\u043a\u043e\u043f\u0438\u0440\u043e\u0432\u0430\u0442\u044c \u0438\u0437 \u0440\u043e\u0434\u0438\u0442\u0435\u043b\u044c\u0441\u043a\u043e\u0433\u043e \u0448\u0430\u0431\u043b\u043e\u043d\u0430 \u043b\u0438\u0448\u044c \u043d\u0435\u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u0444\u0430\u0439\u043b\u044b, \u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u043c\u044b \u0445\u043e\u0442\u0438\u043c \u0438\u0437\u043c\u0435\u043d\u0438\u0442\u044c, \u0430 \u0432 \u043e\u0441\u0442\u0430\u043b\u044c\u043d\u043e\u043c \u0431\u0443\u0434\u0443\u0442 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c\u0441\u044f \u0444\u0430\u0439\u043b\u044b \u0440\u043e\u0434\u0438\u0442\u0435\u043b\u044c\u0441\u043a\u043e\u0433\u043e<\/strong> <strong>\u0448\u0430\u0431\u043b\u043e\u043d\u0430<\/strong>.<\/p>\n<\/li>\n<\/ol>\n<p>\u0422\u0435\u043f\u0435\u0440\u044c \u043e\u043f\u0438\u0448\u0435\u043c \u0431\u043e\u043b\u0435\u0435 \u043f\u043e\u0434\u0440\u043e\u0431\u043d\u043e \u043f\u0440\u043e\u0446\u0435\u0441\u0441 \u0440\u0430\u0431\u043e\u0442\u044b \u0441 \u0448\u0430\u0431\u043b\u043e\u043d\u043e\u043c.<\/p>\n<p><a class=\"anchor\" name=\"joomla-template-file-structure\" id=\"joomla-template-file-structure\"><\/a><\/p>\n<h2>\u0424\u0430\u0439\u043b\u043e\u0432\u0430\u044f \u0441\u0442\u0440\u0443\u043a\u0442\u0443\u0440\u0430 \u0448\u0430\u0431\u043b\u043e\u043d\u0430 Joomla 4 \u0438 Joomla 5<\/h2>\n<p>\u0412\u043e-\u043c\u043d\u043e\u0433\u043e\u043c \u0430\u0440\u0445\u0438\u0442\u0435\u043a\u0442\u0443\u0440\u0430 \u0448\u0430\u0431\u043b\u043e\u043d\u0430 \u0432 Joomla \u043e\u0441\u0442\u0430\u043b\u0430\u0441\u044c \u0442\u0430\u043a\u0430\u044f \u0436\u0435, \u043a\u0430\u043a \u0438 \u0440\u0430\u043d\u044c\u0448\u0435. \u041d\u043e \u043a\u0440\u0430\u0442\u043a\u043e \u043e\u043f\u0438\u0448\u0435\u043c \u0435\u0451 \u0437\u0434\u0435\u0441\u044c \u0434\u043b\u044f \u043f\u043e\u043b\u043d\u043e\u0442\u044b \u0441\u0442\u0430\u0442\u044c\u0438. \u0422\u0430\u043a\u0436\u0435 \u0432 \u043a\u0430\u0447\u0435\u0441\u0442\u0432\u0435 \u0441\u043f\u0440\u0430\u0432\u043e\u0447\u043d\u043e\u0433\u043e \u043c\u0430\u0442\u0435\u0440\u0438\u0430\u043b\u0430 \u043c\u043e\u0436\u043d\u043e \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c \u0441\u0442\u0430\u043d\u0434\u0430\u0440\u0442\u043d\u044b\u0439 \u0448\u0430\u0431\u043b\u043e\u043d Cassiopeia.<\/p>\n<figure class=\"\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/habrastorage.org\/r\/w1560\/getpro\/habr\/upload_files\/1a9\/5ed\/356\/1a95ed3563ef0e0a33c4fe3d566e0ca0.png\" alt=\"\u0424\u0430\u0439\u043b\u043e\u0432\u0430\u044f \u0441\u0442\u0440\u0443\u043a\u0442\u0443\u0440\u0430 \u0448\u0430\u0431\u043b\u043e\u043d\u0430 Joomla 4 \u0438 Joomla 5\" title=\"\u0424\u0430\u0439\u043b\u043e\u0432\u0430\u044f \u0441\u0442\u0440\u0443\u043a\u0442\u0443\u0440\u0430 \u0448\u0430\u0431\u043b\u043e\u043d\u0430 Joomla 4 \u0438 Joomla 5\" width=\"455\" height=\"345\" data-src=\"https:\/\/habrastorage.org\/getpro\/habr\/upload_files\/1a9\/5ed\/356\/1a95ed3563ef0e0a33c4fe3d566e0ca0.png\"\/><\/p>\n<div><figcaption>\u0424\u0430\u0439\u043b\u043e\u0432\u0430\u044f \u0441\u0442\u0440\u0443\u043a\u0442\u0443\u0440\u0430 \u0448\u0430\u0431\u043b\u043e\u043d\u0430 Joomla 4 \u0438 Joomla 5<\/figcaption><\/div>\n<\/figure>\n<p>\u041c\u0438\u043d\u0438\u043c\u0443\u043c \u0434\u043b\u044f \u0441\u043e\u0437\u0434\u0430\u043d\u0438\u044f \u0448\u0430\u0431\u043b\u043e\u043d\u0430 \u043d\u0443\u0436\u043d\u043e \u043f\u043e-\u043f\u0440\u0435\u0436\u043d\u0435\u043c\u0443 2 \u0444\u0430\u0439\u043b\u0430:<\/p>\n<ul>\n<li>\n<p><code>templateDetails.xml<\/code> &#8212; XML-\u043c\u0430\u043d\u0438\u0444\u0435\u0441\u0442 \u0440\u0430\u0441\u0448\u0438\u0440\u0435\u043d\u0438\u044f. \u0412 \u043d\u0451\u043c \u0441\u043e\u0434\u0435\u0440\u0436\u0438\u0442\u0441\u044f \u0438\u043d\u0444\u043e\u0440\u043c\u0430\u0446\u0438\u044f \u043e\u0431 \u0430\u0432\u0442\u043e\u0440\u0435, \u0434\u0430\u0442\u0435 \u0441\u043e\u0437\u0434\u0430\u043d\u0438\u044f, \u0441\u0435\u0440\u0432\u0435\u0440\u0435 \u043e\u0431\u043d\u043e\u0432\u043b\u0435\u043d\u0438\u0439 (\u0435\u0441\u043b\u0438 \u0435\u0441\u0442\u044c), \u0440\u0430\u0437\u0434\u0435\u043b \u0441 \u043d\u0430\u0441\u0442\u0440\u043e\u0439\u043a\u0430\u043c\u0438 \u0438 \u0442.\u0434.<\/p>\n<\/li>\n<li>\n<p><code>index.php<\/code> &#8212; \u043e\u0441\u043d\u043e\u0432\u043d\u043e\u0439 \u0444\u0430\u0439\u043b, \u0432 \u043a\u043e\u0442\u043e\u0440\u043e\u043c \u0441\u043e\u0434\u0435\u0440\u0436\u0438\u0442\u0441\u044f HTML-\u0440\u0430\u0437\u043c\u0435\u0442\u043a\u0430 \u0448\u0430\u0431\u043b\u043e\u043d\u0430.<\/p>\n<\/li>\n<\/ul>\n<p>\u041d\u043e \u043c\u044b \u0443\u0441\u0442\u0430\u043d\u0430\u0432\u043b\u0438\u0432\u0430\u0435\u043c Joomla 4 \u0438\u043b\u0438 Joomla 5 \u043d\u0435 \u0434\u043b\u044f \u0442\u043e\u0433\u043e, \u0447\u0442\u043e\u0431\u044b \u0440\u0430\u0431\u043e\u0442\u0430\u0442\u044c \u043a\u0430\u043a 20 \u043b\u0435\u0442 \u043d\u0430\u0437\u0430\u0434. \u041f\u043e\u044d\u0442\u043e\u043c\u0443 \u0441\u0442\u0440\u0443\u043a\u0442\u0443\u0440\u0430 \u0441\u043e\u0432\u0440\u0435\u043c\u0435\u043d\u043d\u043e\u0433\u043e \u0448\u0430\u0431\u043b\u043e\u043d\u0430 \u0431\u043e\u043b\u0435\u0435 \u0441\u043b\u043e\u0436\u043d\u0430\u044f.<\/p>\n<p><a class=\"anchor\" name=\"file-templateDetails-xml\" id=\"file-templateDetails-xml\"><\/a><\/p>\n<h3>\u0424\u0430\u0439\u043b templateDetails.xml<\/h3>\n<p>\u0421\u043e\u0434\u0435\u0440\u0436\u0438\u043c\u043e\u0435 \u044d\u0442\u043e\u0433\u043e \u0444\u0430\u0439\u043b\u0430 \u0432\u043e-\u043c\u043d\u043e\u0433\u043e\u043c \u0430\u043d\u0430\u043b\u043e\u0433\u0438\u0447\u043d\u043e XML-\u043c\u0430\u043d\u0438\u0444\u0435\u0441\u0442\u0430\u043c \u043f\u0440\u043e\u0447\u0438\u0445 \u0440\u0430\u0441\u0448\u0438\u0440\u0435\u043d\u0438\u0439 Joomla.<\/p>\n<pre><code class=\"xml\">&lt;?xml version=\"1.0\" encoding=\"utf-8\"?> &lt;extension type=\"template\" client=\"site\" method=\"upgrade\"> &lt;name>webtolk&lt;\/name> &lt;version>1.0.0&lt;\/version> &lt;creationDate>April 2023&lt;\/creationDate> &lt;author>Sergey Tolkachyov&lt;\/author> &lt;authorEmail>info@web-tolk.ru&lt;\/authorEmail> &lt;copyright>(C) 2023 Sergey Tolkachyov.&lt;\/copyright> &lt;description>TPL_WEBTOLK_DESC&lt;\/description> &lt;inheritable>1&lt;\/inheritable> &lt;files> &lt;filename>component.php&lt;\/filename> &lt;filename>error.php&lt;\/filename> &lt;filename>index.php&lt;\/filename> &lt;filename>joomla.asset.json&lt;\/filename> &lt;filename>offline.php&lt;\/filename> &lt;filename>templateDetails.xml&lt;\/filename> &lt;folder>html&lt;\/folder> &lt;folder>subform&lt;\/folder> &lt;\/files> &lt;media destination=\"templates\/site\/webtolk\" folder=\"media\"> &lt;folder>js&lt;\/folder> &lt;folder>css&lt;\/folder> &lt;folder>fonts&lt;\/folder> &lt;folder>scss&lt;\/folder> &lt;folder>images&lt;\/folder> &lt;\/media> &lt;positions> &lt;position>topbar&lt;\/position> &lt;position>below-top&lt;\/position> &lt;position>menu&lt;\/position> &lt;position>search&lt;\/position> &lt;position>banner&lt;\/position> &lt;position>top-a&lt;\/position> &lt;position>top-b&lt;\/position> &lt;position>main-top&lt;\/position> &lt;position>main-bottom&lt;\/position> &lt;position>breadcrumbs&lt;\/position> &lt;position>sidebar-left&lt;\/position> &lt;position>sidebar-right&lt;\/position> &lt;position>bottom-a&lt;\/position> &lt;position>bottom-b&lt;\/position> &lt;position>footer&lt;\/position> &lt;position>debug&lt;\/position> &lt;\/positions> &lt;languages folder=\"language\"> &lt;language tag=\"en-GB\">en-GB\/tpl_webtolk.ini&lt;\/language> &lt;language tag=\"en-GB\">en-GB\/tpl_webtolk.sys.ini&lt;\/language> &lt;language tag=\"ru-RU\">ru-RU\/tpl_webtolk.ini&lt;\/language> &lt;language tag=\"ru-RU\">ru-RU\/tpl_webtolk.sys.ini&lt;\/language> &lt;\/languages> &lt;config> &lt;fields name=\"params\"> &lt;fieldset name=\"basic\"> &lt;!-- \u0442\u0443\u0442 \u043f\u0430\u0440\u0430\u043c\u0435\u0442\u0440\u044b \u0448\u0430\u0431\u043b\u043e\u043d\u0430 --> &lt;\/fieldset> &lt;\/fields> &lt;\/config> &lt;\/extension> <\/code><\/pre>\n<p>\u042f \u043e\u043f\u0443\u0449\u0443 \u0438\u043d\u0442\u0443\u0438\u0442\u0438\u0432\u043d\u043e \u043f\u043e\u043d\u044f\u0442\u043d\u044b\u0435 \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u044b \u0438 \u043e\u043f\u0438\u0448\u0443 \u0442\u043e\u043b\u044c\u043a\u043e \u0441\u0430\u043c\u044b\u0435 \u043d\u0435\u043e\u0431\u0445\u043e\u0434\u0438\u043c\u044b\u0435.<\/p>\n<p>\u042d\u043b\u0435\u043c\u0435\u043d\u0442 <code>&lt;name><\/code> &#8212; \u044d\u0442\u043e \u0441\u0438\u0441\u0442\u0435\u043c\u043d\u043e\u0435 \u0438\u043c\u044f \u0448\u0430\u0431\u043b\u043e\u043d\u0430, \u043f\u043e\u0434 \u043a\u043e\u0442\u043e\u0440\u044b\u043c Joomla \u0431\u0443\u0434\u0435\u0442 \u0437\u043d\u0430\u0442\u044c \u044d\u0442\u043e\u0442 \u0448\u0430\u0431\u043b\u043e\u043d. \u0422\u0430\u043a\u0436\u0435 \u044d\u0442\u043e \u0438\u043c\u044f \u043f\u0430\u043f\u043a\u0438 \u0448\u0430\u0431\u043b\u043e\u043d\u0430, \u0432 \u043a\u043e\u0442\u043e\u0440\u0443\u044e \u043e\u043d \u0431\u0443\u0434\u0435\u0442 \u0443\u0441\u0442\u0430\u043d\u043e\u0432\u043b\u0435\u043d \u0432 \u043f\u0430\u043f\u043a\u0435 <code>templates<\/code>. \u0415\u0441\u043b\u0438 \u0432 \u0438\u043c\u0435\u043d\u0438 \u0441\u043e\u0434\u0435\u0440\u0436\u0430\u0442\u0441\u044f \u043f\u0440\u043e\u0431\u0435\u043b\u044b \u0438 \u0434\u0440\u0443\u0433\u0438\u0435 \u0441\u0438\u043c\u0432\u043e\u043b\u044b &#8212; \u0434\u043b\u044f \u0441\u0438\u0441\u0442\u0435\u043c\u043d\u044b\u0445 \u043d\u0443\u0436\u0434 \u043e\u043d\u0438 \u0431\u0443\u0434\u0443\u0442 \u0443\u0434\u0430\u043b\u0435\u043d\u044b. \u0412 \u0430\u0434\u043c\u0438\u043d\u043a\u0435 \u0436\u0435 \u0412\u044b \u0431\u0443\u0434\u0435\u0442\u0435 \u0432\u0438\u0434\u0435\u0442\u044c \u043a\u0440\u0430\u0441\u0438\u0432\u043e\u0435 \u0438\u043c\u044f \u0432\u0438\u0434\u0430 &#171;My Digital Agency &#8212; Cool Template name&#187;.<\/p>\n<p>\u042d\u043b\u0435\u043c\u0435\u043d\u0442 <code>&lt;inheritable><\/code> \u043d\u0443\u0436\u0435\u043d \u0434\u043b\u044f \u0432\u043e\u0437\u043c\u043e\u0436\u043d\u043e\u0441\u0442\u0438 \u0441\u043e\u0437\u0434\u0430\u043d\u0438\u044f \u0434\u043e\u0447\u0435\u0440\u043d\u0438\u0445 \u0448\u0430\u0431\u043b\u043e\u043d\u043e\u0432. <a href=\"#joomla-4-and-5-templates-vs-joomla-3\" rel=\"noopener noreferrer nofollow\">\u0427\u0443\u0442\u044c \u0432\u044b\u0448\u0435 \u043e\u043f\u0438\u0441\u0430\u043d\u043e \u043a\u0430\u043a \u044d\u0442\u043e \u0440\u0430\u0431\u043e\u0442\u0430\u0435\u0442<\/a>.<\/p>\n<p>\u042d\u043b\u0435\u043c\u0435\u043d\u0442 <code>&lt;description><\/code> &#8212; \u043a\u0440\u0430\u0442\u043a\u043e\u0435 \u043e\u043f\u0438\u0441\u0430\u043d\u0438\u0435 \u0440\u0430\u0441\u0448\u0438\u0440\u0435\u043d\u0438\u044f. \u0422\u0443\u0442 \u043c\u043e\u0436\u043d\u043e \u043f\u0438\u0441\u0430\u0442\u044c \u0441\u0440\u0430\u0437\u0443 \u0442\u0435\u043a\u0441\u0442 \u0438\u043b\u0438 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c \u044f\u0437\u044b\u043a\u043e\u0432\u0443\u044e \u043a\u043e\u043d\u0441\u0442\u0430\u043d\u0442\u0443 \u0438\u0437 \u044f\u0437\u044b\u043a\u043e\u0432\u044b\u0445 \u0444\u0430\u0439\u043b\u043e\u0432 \u0448\u0430\u0431\u043b\u043e\u043d\u0430. \u0410\u043d\u0430\u043b\u043e\u0433\u0438\u0447\u043d\u044b\u0439 \u043f\u043e\u0434\u0445\u043e\u0434 \u0438 \u043a \u043f\u0430\u0440\u0430\u043c\u0435\u0442\u0440\u0430\u043c \u0448\u0430\u0431\u043b\u043e\u043d\u0430.<\/p>\n<p>\u042d\u043b\u0435\u043c\u0435\u043d\u0442 <code>&lt;files><\/code>. \u0417\u0434\u0435\u0441\u044c \u043c\u044b \u0443\u043a\u0430\u0437\u044b\u0432\u0430\u0435\u043c \u0441\u043f\u0438\u0441\u043e\u043a \u043a\u043e\u043f\u0438\u0440\u0443\u0435\u043c\u044b\u0445 \u0444\u0430\u0439\u043b\u043e\u0432 \u0438 \u043f\u0430\u043f\u043e\u043a \u0448\u0430\u0431\u043b\u043e\u043d\u0430. \u0415\u0441\u043b\u0438 \u0444\u0438\u0437\u0438\u0447\u0435\u0441\u043a\u0438 \u0444\u0430\u0439\u043b \u0431\u0443\u0434\u0435\u0442 \u0443\u0441\u0442\u0430\u043d\u043e\u0432\u043e\u0447\u043d\u043e\u043c \u043f\u0430\u043a\u0435\u0442\u0435, \u043d\u043e \u043d\u0435 \u043e\u043f\u0438\u0441\u0430\u043d \u0432 XML-\u043c\u0430\u043d\u0438\u0444\u0435\u0441\u0442\u0435 &#8212; \u043e\u043d \u043d\u0435 \u0431\u0443\u0434\u0435\u0442 \u0441\u043a\u043e\u043f\u0438\u0440\u043e\u0432\u0430\u043d. \u0415\u0441\u043b\u0438 \u0444\u0430\u0439\u043b \u0431\u0443\u0434\u0435\u0442 \u043e\u043f\u0438\u0441\u0430\u043d, \u043d\u043e \u0444\u0438\u0437\u0438\u0447\u0435\u0441\u043a\u0438 \u0435\u0433\u043e \u043d\u0435 \u0431\u0443\u0434\u0435\u0442 \u0432 \u0443\u0441\u0442\u0430\u043d\u043e\u0432\u043e\u0447\u043d\u043e\u043c \u043f\u0430\u043a\u0435\u0442\u0435 &#8212; \u0431\u0443\u0434\u0435\u0442 \u043e\u0448\u0438\u0431\u043a\u0430 \u0443\u0441\u0442\u0430\u043d\u043e\u0432\u043a\u0438 \u0448\u0430\u0431\u043b\u043e\u043d\u0430.<\/p>\n<p>\u042d\u043b\u0435\u043c\u0435\u043d\u0442 <code>&lt;media><\/code>. \u041e \u043d\u0451\u043c <a href=\"#joomla-4-and-5-templates-vs-joomla-3\" rel=\"noopener noreferrer nofollow\">\u043a\u0440\u0430\u0442\u043a\u043e \u0441\u043a\u0430\u0437\u0430\u043d\u043e \u0432\u044b\u0448\u0435<\/a> (\u043e \u043a\u043e\u043d\u0446\u0435\u043f\u0446\u0438\u0438 Web Assets). \u041e\u043d \u0441\u043e\u043e\u0431\u0449\u0430\u0435\u0442 \u043a\u0430\u043a\u0438\u0435 \u043f\u0430\u043f\u043a\u0438 \u043d\u0443\u0436\u043d\u043e \u043f\u043e\u043c\u0435\u0441\u0442\u0438\u0442\u044c \u0432 \u043f\u0430\u043f\u043a\u0443 <code>media<\/code> \u0441\u0430\u0439\u0442\u0430. \u0410\u0442\u0440\u0438\u0431\u0443\u0442 <code>destination=\"templates\/site\/webtolk\"<\/code> <strong>\u0443\u043a\u0430\u0437\u044b\u0432\u0430\u0435\u0442 \u043f\u0443\u0442\u044c \u043e\u0442 \u043f\u0430\u043f\u043a\u0438<\/strong> <code>media<\/code>,    \u0430\u0442\u0440\u0438\u0431\u0443\u0442 <code>folder=\"media\"<\/code> \u0433\u043e\u0432\u043e\u0440\u0438\u0442 \u0438\u0437 \u043a\u0430\u043a\u043e\u0439 \u043f\u0430\u043f\u043a\u0438 \u0432 \u0443\u0441\u0442\u0430\u043d\u043e\u0432\u043e\u0447\u043d\u043e\u043c \u0430\u0440\u0445\u0438\u0432\u0435 \u043d\u0443\u0436\u043d\u043e \u0431\u0440\u0430\u0442\u044c \u0444\u0430\u0439\u043b\u044b \u0438 \u043f\u0430\u043f\u043a\u0438 \u0434\u043b\u044f \u043a\u043e\u043f\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u044f.<\/p>\n<p>\u042d\u043b\u0435\u043c\u0435\u043d\u0442 <code>&lt;positions><\/code> &#8212; \u044d\u0442\u043e \u0441\u043f\u0438\u0441\u043e\u043a \u043f\u043e\u0437\u0438\u0446\u0438\u0439 \u0434\u043b\u044f \u043c\u043e\u0434\u0443\u043b\u0435\u0439, \u043a\u043e\u0442\u043e\u0440\u044b\u0439 \u0412\u0430\u0448 \u0448\u0430\u0431\u043b\u043e\u043d \u043f\u043e\u0434\u0434\u0435\u0440\u0436\u0438\u0432\u0430\u0435\u0442. \u042d\u0442\u0438 \u043f\u043e\u0437\u0438\u0446\u0438\u0438 \u043e\u043a\u0430\u0437\u044b\u0432\u0430\u044e\u0442\u0441\u044f \u0432 \u0432\u044b\u043f\u0430\u0434\u0430\u044e\u0449\u0435\u043c \u0441\u043f\u0438\u0441\u043a\u0435 \u0432 \u043d\u0430\u0441\u0442\u0440\u043e\u0439\u043a\u0430\u0445 \u043c\u043e\u0434\u0443\u043b\u0435\u0439.<\/p>\n<figure class=\"\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/habrastorage.org\/r\/w1560\/getpro\/habr\/upload_files\/c8a\/2dd\/d1f\/c8a2ddd1f935b7f47f2601f21a35aa6c.png\" alt=\"\u0421\u043f\u0438\u0441\u043e\u043a \u043f\u043e\u0437\u0438\u0446\u0438\u0439 \u0434\u043b\u044f \u043c\u043e\u0434\u0443\u043b\u0435\u0439, \u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u043f\u043e\u0434\u0434\u0435\u0440\u0436\u0438\u0432\u0430\u0435\u0442 \u0448\u0430\u0431\u043b\u043e\u043d\" title=\"\u0421\u043f\u0438\u0441\u043e\u043a \u043f\u043e\u0437\u0438\u0446\u0438\u0439 \u0434\u043b\u044f \u043c\u043e\u0434\u0443\u043b\u0435\u0439, \u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u043f\u043e\u0434\u0434\u0435\u0440\u0436\u0438\u0432\u0430\u0435\u0442 \u0448\u0430\u0431\u043b\u043e\u043d\" width=\"471\" height=\"532\" data-src=\"https:\/\/habrastorage.org\/getpro\/habr\/upload_files\/c8a\/2dd\/d1f\/c8a2ddd1f935b7f47f2601f21a35aa6c.png\"\/><\/p>\n<div><figcaption>\u0421\u043f\u0438\u0441\u043e\u043a \u043f\u043e\u0437\u0438\u0446\u0438\u0439 \u0434\u043b\u044f \u043c\u043e\u0434\u0443\u043b\u0435\u0439, \u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u043f\u043e\u0434\u0434\u0435\u0440\u0436\u0438\u0432\u0430\u0435\u0442 \u0448\u0430\u0431\u043b\u043e\u043d<\/figcaption><\/div>\n<\/figure>\n<p>\u041d\u043e \u043d\u0438\u043a\u0442\u043e \u043d\u0435 \u043c\u0435\u0448\u0430\u0435\u0442 \u0412\u0430\u043c \u0432 \u044d\u0442\u043e\u043c \u043f\u043e\u043b\u0435 \u0432\u0432\u0435\u0441\u0442\u0438 \u0432\u0440\u0443\u0447\u043d\u0443\u044e \u0438\u043c\u044f \u043f\u043e\u0437\u0438\u0446\u0438\u0438, \u043d\u0435 \u043e\u043f\u0438\u0441\u0430\u043d\u043d\u043e\u0439 \u0432 XML-\u043c\u0430\u043d\u0438\u0444\u0435\u0441\u0442\u0435 \u0438 \u0432 <code>index.php<\/code> (\u0438\u043b\u0438 \u0448\u043e\u0440\u0442\u043a\u043e\u0434\u043e\u043c l\u0432 \u043c\u0430\u0442\u0435\u0440\u0438\u0430\u043b\u0430\u0445 \u0438\u043b\u0438 \u043f\u0440\u043e\u0433\u0440\u0430\u043c\u043c\u043d\u043e \u0433\u0434\u0435 \u0443\u0433\u043e\u0434\u043d\u043e) \u0432\u044b\u0437\u0432\u0430\u0442\u044c \u044d\u0442\u0443 \u043f\u043e\u0437\u0438\u0446\u0438\u044e \u0438 \u043c\u043e\u0434\u0443\u043b\u0438 \u0432\u043e\u043b\u0448\u0435\u0431\u043d\u044b\u043c \u043e\u0431\u0440\u0430\u0437\u043e\u043c \u043f\u043e\u044f\u0432\u044f\u0442\u0441\u044f \u0442\u0430\u043c, \u0433\u0434\u0435 \u043d\u0443\u0436\u043d\u043e. \u042d\u0442\u043e \u043e\u0447\u0435\u043d\u044c \u043f\u043e\u043c\u043e\u0433\u0430\u0435\u0442, \u043a\u043e\u0433\u0434\u0430 \u043d\u0443\u0436\u043d\u043e \u0432\u0441\u0442\u0430\u0432\u0438\u0442\u044c \u0443\u0441\u043b\u043e\u0432\u043d\u0443\u044e \u0444\u043e\u0440\u043c\u0443 \u0437\u0430\u0445\u0432\u0430\u0442\u0430 \u043a\u043e\u043d\u0442\u0430\u043a\u0442\u0430 \u0438\u043b\u0438 \u043a\u0430\u043a\u043e\u0439-\u043d\u0438\u0431\u0443\u0434\u044c \u0434\u0440\u0443\u0433\u043e\u0439 \u043c\u043e\u0434\u0443\u043b\u044c \u043f\u0440\u044f\u043c\u043e \u0432 \u0441\u0435\u0440\u0435\u0434\u0438\u043d\u0443 \u0441\u0442\u0430\u0442\u044c\u0438. \u041f\u0440\u0438\u0434\u0443\u043c\u044b\u0432\u0430\u0435\u043c \u043d\u0435\u0441\u0443\u0449\u0435\u0441\u0442\u0432\u0443\u044e\u0449\u0443\u044e \u0434\u043e\u0441\u0435\u043b\u0435 \u043f\u043e\u0437\u0438\u0446\u0438\u044e, \u043f\u0438\u0448\u0435\u043c \u0435\u0451 \u0432 \u043d\u0430\u0441\u0442\u0440\u043e\u0439\u043a\u0430\u0445 \u043c\u043e\u0434\u0443\u043b\u044f (\u043d\u0430\u0436\u0438\u043c\u0430\u0435\u043c Enter) \u0438 \u0437\u043d\u0430\u0435\u043c, \u0447\u0442\u043e \u044d\u0442\u0430 \u043f\u043e\u0437\u0438\u0446\u0438\u044f \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u0435\u0442\u0441\u044f \u0442\u043e\u043b\u044c\u043a\u043e \u0432 \u043e\u0434\u043d\u043e\u043c \u043a\u043e\u043d\u043a\u0440\u0435\u0442\u043d\u043e\u043c \u043c\u0435\u0441\u0442\u0435. \u0412\u0430\u0436\u043d\u043e \u043f\u043e\u043d\u0438\u043c\u0430\u0442\u044c, \u0447\u0442\u043e \u043f\u043e\u0437\u0438\u0446\u0438\u0438 \u0434\u043b\u044f \u043c\u043e\u0434\u0443\u043b\u0435\u0439 \u043b\u0435\u0433\u043a\u043e \u0434\u043e\u0431\u0430\u0432\u043b\u044f\u044e\u0442\u0441\u044f \u043d\u0430 \u043b\u0435\u0442\u0443. \u041d\u0435 \u043d\u0443\u0436\u043d\u043e \u043a\u0430\u0436\u0434\u044b\u0439 \u0440\u0430\u0437 \u0440\u0435\u0434\u0430\u043a\u0442\u0438\u0440\u043e\u0432\u0430\u0442\u044c XML-\u043c\u0430\u043d\u0438\u0444\u0435\u0441\u0442 \u0448\u0430\u0431\u043b\u043e\u043d\u0430. \u0425\u043e\u0442\u044f \u044d\u0442\u043e \u043f\u0440\u0430\u0432\u0438\u043b\u044c\u043d\u044b\u0439 \u043f\u0443\u0442\u044c, \u043d\u043e \u0442\u0430\u043a \u0440\u0435\u0434\u043a\u043e \u0434\u0435\u043b\u0430\u044e\u0442. \u041e\u0431\u044b\u0447\u043d\u043e \u0432 XML-\u043c\u0430\u043d\u0438\u0444\u0435\u0441\u0442\u0435 \u043e\u043f\u0438\u0441\u0430\u043d\u044b \u0447\u0430\u0441\u0442\u043e \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u0435\u043c\u044b\u0435, \u0443\u043d\u0438\u0432\u0435\u0440\u0441\u0430\u043b\u044c\u043d\u044b\u0435 \u043f\u043e\u0437\u0438\u0446\u0438\u0438. <\/p>\n<p>\u042d\u043b\u0435\u043c\u0435\u043d\u0442 <code>&lt;languages><\/code> \u0441\u043e\u0434\u0435\u0440\u0436\u0438\u0442 \u043e\u043f\u0438\u0441\u0430\u043d\u0438\u044f \u044f\u0437\u044b\u043a\u043e\u0432\u044b\u0445 \u0444\u0430\u0439\u043b\u043e\u0432 \u0434\u043b\u044f \u0448\u0430\u0431\u043b\u043e\u043d\u0430. \u0415\u0441\u043b\u0438 \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u0438 \u0430\u0434\u043c\u0438\u043d\u043a\u0438 \u0438\u0437 \u0440\u0430\u0437\u043d\u044b\u0445 \u0441\u0442\u0440\u0430\u043d \u0438\u043b\u0438 \u0412\u044b \u043f\u043b\u0430\u043d\u0438\u0440\u0443\u0435\u0442\u0435 \u0440\u0430\u0441\u043f\u0440\u043e\u0441\u0442\u0440\u0430\u043d\u044f\u0442\u044c \u0441\u0432\u043e\u0439 Joomla \u0448\u0430\u0431\u043b\u043e\u043d \u0432 \u0440\u0430\u0437\u043d\u044b\u0445 \u0441\u0442\u0440\u0430\u043d\u0430\u0445, \u0442\u043e \u043f\u043e\u043b\u0435\u0437\u043d\u043e \u0441\u0434\u0435\u043b\u0430\u0442\u044c \u0444\u0430\u0439\u043b\u044b \u043b\u043e\u043a\u0430\u043b\u0438\u0437\u0430\u0446\u0438\u0438. \u0415\u0441\u043b\u0438 \u0436\u0435 \u043d\u0435 \u043f\u043b\u0430\u043d\u0438\u0440\u0443\u0435\u0442\u0435, \u0442\u043e \u043c\u043e\u0436\u043d\u043e \u043d\u0430 \u043f\u0435\u0440\u0432\u043e\u0435 \u0432\u0440\u0435\u043c\u044f \u0437\u0430\u0445\u0430\u0440\u0434\u043a\u043e\u0434\u0438\u0442\u044c \u043e\u043f\u0438\u0441\u0430\u043d\u0438\u044f, \u0442\u0435\u043a\u0441\u0442 \u043f\u0440\u044f\u043c\u043e \u0432 XML. <\/p>\n<p>\u041d\u043e: <\/p>\n<ol>\n<li>\n<p>\u041d\u0443\u0436\u043d\u043e \u0432\u0441\u0451 \u0440\u0430\u0432\u043d\u043e \u0441\u0434\u0435\u043b\u0430\u0442\u044c \u044f\u0437\u044b\u043a\u043e\u0432\u044b\u0435 \u043a\u043e\u043d\u0441\u0442\u0430\u043d\u0442\u044b, \u0447\u0442\u043e\u0431 \u0431\u044b\u043b \u043f\u043e\u0440\u044f\u0434\u043e\u043a \u043d\u0430 \u0441\u0430\u0439\u0442\u0435.<\/p>\n<\/li>\n<li>\n<p>\u0412 \u044f\u0437\u044b\u043a\u043e\u0432\u044b\u0435 \u043a\u043e\u043d\u0441\u0442\u0430\u043d\u0442\u044b \u043c\u043e\u0436\u043d\u043e  \u043f\u043e\u043c\u0435\u0449\u0430\u0442\u044c HTML, \u043f\u0440\u0435\u0434\u0432\u0430\u0440\u0438\u0442\u0435\u043b\u044c\u043d\u043e \u044d\u043a\u0440\u0430\u043d\u0438\u0440\u043e\u0432\u0430\u0432 \u043a\u0430\u0432\u044b\u0447\u043a\u0438 \u0430\u0442\u0440\u0438\u0431\u0443\u0442\u043e\u0432. \u0422\u043e\u0433\u0434\u0430 \u0412\u044b \u043c\u043e\u0436\u0435\u0442\u0435 \u0434\u0435\u043b\u0430\u0442\u044c \u0438\u043d\u0444\u043e\u0440\u043c\u0430\u0442\u0438\u0432\u043d\u044b\u0435 \u043e\u043f\u0438\u0441\u0430\u043d\u0438\u044f \u0441\u043e \u0441\u0441\u044b\u043b\u043a\u0430\u043c\u0438, \u043a\u0430\u0440\u0442\u0438\u043d\u043a\u0430\u043c\u0438 \u0438 \u0442..\u0434. \u041c\u043e\u0436\u043d\u043e \u0445\u043e\u0442\u044c \u0432\u0438\u0434\u0435\u043e \u0441 Youtube \u0432\u0441\u0442\u0430\u0432\u043b\u044f\u0442\u044c.<\/p>\n<\/li>\n<\/ol>\n<p>\u0421\u0435\u043a\u0446\u0438\u044f <code>&lt;config><\/code> \u043d\u0443\u0436\u043d\u0430 \u0434\u043b\u044f \u0448\u0430\u0431\u043b\u043e\u043d\u043e\u0432, \u0443 \u043a\u043e\u0442\u043e\u0440\u044b\u0445 \u0435\u0441\u0442\u044c \u043d\u0430\u0441\u0442\u0440\u0430\u0438\u0432\u0430\u0435\u043c\u044b\u0435 \u043f\u0430\u0440\u0430\u043c\u0435\u0442\u0440\u044b. \u041f\u043e\u0434\u0440\u043e\u0431\u043d\u0435\u0435 \u043e\u0431 \u044d\u0442\u043e\u043c \u043d\u0438\u0436\u0435.<\/p>\n<p><a class=\"anchor\" name=\"file-index-php-joomla\" id=\"file-index-php-joomla\"><\/a><\/p>\n<h3>\u0424\u0430\u0439\u043b index.php \u0448\u0430\u0431\u043b\u043e\u043d\u0430 Joomla 4<\/h3>\n<p>\u0417\u0434\u0435\u0441\u044c \u043d\u0430\u0445\u043e\u0434\u0438\u0442\u0441\u044f HTML-\u043a\u0430\u0440\u043a\u0430\u0441 \u0432\u0451\u0440\u0441\u0442\u043a\u0438 Joomla \u0441\u0430\u0439\u0442\u0430. \u0411\u0430\u0437\u043e\u0432\u043e\u0439 \u0434\u043b\u044f \u0441\u043e\u0437\u0434\u0430\u043d\u0438\u044f \u0448\u0430\u0431\u043b\u043e\u043d\u0430 \u0432\u0435\u0449\u044c\u044e \u044f\u0432\u043b\u044f\u0435\u0442\u0441\u044f \u043a\u043e\u043d\u0441\u0442\u0440\u0443\u043a\u0446\u0438\u044f <code>&lt;jdoc:include type=\"\u0442\u0443\u0442 \u0442\u0438\u043f\"\/><\/code>. \u0421\u0430\u043c\u044b\u0439 \u043f\u0440\u043e\u0441\u0442\u043e\u0439 <code>index.php<\/code> \u043c\u043e\u0436\u0435\u0442 \u0432\u044b\u0433\u043b\u044f\u0434\u0435\u0442\u044c \u0441\u043b\u0435\u0434\u0443\u044e\u0449\u0438\u043c \u043e\u0431\u0440\u0430\u0437\u043e\u043c:<\/p>\n<pre><code class=\"php\">&lt;?php \/\/ No direct access to this file defined('_JEXEC') or die; ?>  &lt;!DOCTYPE html> &lt;html> &lt;head>   &lt;!-- \u0412 Joomla 3 \u0431\u044b\u043b \u0442\u043e\u043b\u044c\u043a\u043e type=\"head\".    \u0412 Joomla 4 \u043f\u043e\u044f\u0432\u0438\u043b\u0438\u0441\u044c \u0442\u0440\u0438 \u0442\u0438\u043f\u0430, \u0432\u043c\u0435\u0441\u0442\u043e \u043e\u0434\u043d\u043e\u0433\u043e type=\"head\":   type=\"metas\", type=\"styles\", type=\"scripts\"   \u0422\u0435\u043f\u0435\u0440\u044c \u043c\u043e\u0436\u043d\u043e \u0431\u044b\u0441\u0442\u0440\u043e \u043f\u0435\u0440\u0435\u043d\u0435\u0441\u0442\u0438 \u0441\u043a\u0440\u0438\u043f\u0442\u044b \u0438 \u0441\u0442\u0438\u043b\u0438 \u0432 \u043f\u043e\u0434\u0432\u0430\u043b \u0441\u0430\u0439\u0442\u0430,    \u0431\u0435\u0437 \u0432\u0441\u044f\u043a\u0438\u0445 \u043f\u043b\u0430\u0433\u0438\u043d\u043e\u0432 (\u0435\u0441\u043b\u0438 \u044d\u0442\u043e \u043d\u0443\u0436\u043d\u043e) --> &lt;jdoc:include type=\"metas\"\/> &lt;jdoc:include type=\"styles\"\/> &lt;jdoc:include type=\"scripts\"\/> &lt;\/head>  &lt;body> &lt;nav> &lt;jdoc:include type=\"modules\" name=\"menu\"\/> &lt;\/nav> &lt;main> &lt;jdoc:include type=\"component\"\/> &lt;\/main> &lt;\/body> &lt;\/html><\/code><\/pre>\n<p>\u041e\u0431\u0440\u0430\u0442\u0438\u0442\u0435 \u0432\u043d\u0438\u043c\u0430\u043d\u0438\u0435, \u0447\u0442\u043e \u0437\u0434\u0435\u0441\u044c \u0441\u043e\u0432\u0441\u0435\u043c \u043d\u0435\u0442 PHP-\u043a\u043e\u0434\u0430, \u043d\u043e \u0434\u0430\u043d\u043d\u044b\u0439 \u0448\u0430\u0431\u043b\u043e\u043d \u0443\u0436\u0435 \u0431\u0443\u0434\u0435\u0442 \u0440\u0430\u0431\u043e\u0442\u0430\u0442\u044c. <code>defined('_JEXEC') or die<\/code> \u043d\u0435 \u0432 \u0441\u0447\u0451\u0442, \u0442\u0430\u043a \u043a\u0430\u043a \u044d\u0442\u043e \u0441\u0442\u0430\u043d\u0434\u0430\u0440\u0442\u043d\u0430\u044f \u043f\u0440\u043e\u0432\u0435\u0440\u043a\u0430 \u0431\u0435\u0437\u043e\u043f\u0430\u0441\u043d\u043e\u0441\u0442\u0438 Joomla, \u043d\u0435 \u043f\u043e\u0437\u0432\u043e\u043b\u044f\u044e\u0449\u0430\u044f \u043e\u0431\u0440\u0430\u0449\u0430\u0442\u044c\u0441\u044f \u043a \u0444\u0430\u0439\u043b\u0443 &#171;\u0441\u043d\u0430\u0440\u0443\u0436\u0438&#187;, \u043c\u0438\u043d\u0443\u044f Joomla API. \u042d\u0442\u0430 \u0441\u0442\u0440\u043e\u043a\u0430 \u0434\u043e\u043b\u0436\u043d\u0430 \u0431\u044b\u0442\u044c \u0430\u0431\u0441\u043e\u043b\u044e\u0442\u043d\u043e \u0432 \u043b\u044e\u0431\u043e\u043c PHP-\u0444\u0430\u0439\u043b\u0435 \u0432 Joomla, \u0432 \u0441\u0430\u043c\u043e\u043c \u043d\u0430\u0447\u0430\u043b\u0435. \u0415\u0441\u043b\u0438 \u0432 \u0444\u0430\u0439\u043b\u0435 \u0435\u0441\u0442\u044c \u0441\u0435\u043a\u0446\u0438\u044f \u043f\u043e\u0434\u043a\u043b\u044e\u0447\u0435\u043d\u0438\u044f namespaces &#8212; <code>use \\Joomla\\CMS\\Factory<\/code> \u043d\u0430\u043f\u0440\u0438\u043c\u0435\u0440 &#8212; \u0441\u0442\u0440\u043e\u043a\u0430 <code>defined...<\/code> \u0434\u043e\u043b\u0436\u043d\u0430 \u0438\u0434\u0442\u0438 \u0441\u0440\u0430\u0437\u0443 \u043f\u043e\u0441\u043b\u0435 \u043d\u0435\u0451.<\/p>\n<p><code>&lt;jdoc:include type=\"modules\" name=\"menu\"\/><\/code> &#8212; \u0432\u044b\u0432\u0435\u0434\u0435\u0442 \u0432 \u0434\u0430\u043d\u043d\u043e\u043c \u043c\u0435\u0441\u0442\u0435 HTML, \u043a\u043e\u0442\u043e\u0440\u044b\u0439 \u043e\u0442\u0434\u0430\u044e\u0442 \u043c\u043e\u0434\u0443\u043b\u0438 \u0432 \u043f\u043e\u0437\u0438\u0446\u0438\u0438 menu. \u0422\u0430\u043a\u0436\u0435 \u043c\u043e\u0436\u0435\u0442 \u0431\u044b\u0442\u044c \u0435\u0449\u0451 3-\u0439 \u043f\u0430\u0440\u0430\u043c\u0435\u0442\u0440 <code>style<\/code>, \u043a\u043e\u0442\u043e\u0440\u044b\u0439 \u043e\u0437\u043d\u0430\u0447\u0430\u0435\u0442 \u0432\u044b\u0431\u0440\u0430\u043d\u043d\u044b\u0439 <code>chrome<\/code> (\u043e\u0431\u0451\u0440\u0442\u043a\u0443) \u0434\u043b\u044f \u043c\u043e\u0434\u0443\u043b\u044f &#8212; <code>&lt;jdoc:include type=\"modules\" name=\"menu\" style=\"xhtml\"\/><\/code>. \u041f\u043e\u0434\u0440\u043e\u0431\u043d\u0435\u0435 \u043e\u0431 \u044d\u0442\u043e\u043c \u0431\u0443\u0434\u0435\u0442 \u0441\u043a\u0430\u0437\u0430\u043d\u043e \u043d\u0438\u0436\u0435.<\/p>\n<p>\u0422\u0430\u043a\u0436\u0435 \u0441\u043f\u0435\u0446\u0438\u0444\u0438\u043a\u0430\u0446\u0438\u044f HTML5 \u0442\u0440\u0435\u0431\u0443\u0435\u0442, \u0447\u0442\u043e\u0431\u044b \u0443 \u0442\u0435\u0433\u0430 <code>&lt;html><\/code> \u0431\u044b\u043b\u0438 \u0443\u043a\u0430\u0437\u0430\u043d\u044b \u043f\u0430\u0440\u0430\u043c\u0435\u0442\u0440\u044b \u044f\u0437\u044b\u043a\u0430 \u0438 \u043d\u0430\u043f\u0440\u0430\u0432\u043b\u0435\u043d\u0438\u044f \u0447\u0442\u0435\u043d\u0438\u044f. Joomla \u043f\u0440\u0435\u0434\u043e\u0441\u0442\u0430\u0432\u043b\u044f\u0435\u0442 \u044d\u0442\u0438 \u0434\u0430\u043d\u043d\u044b\u0435 \u0434\u043b\u044f \u0448\u0430\u0431\u043b\u043e\u043d\u0430. \u0422\u0435\u0433 <code>&lt;html><\/code> \u0431\u0443\u0434\u0435\u0442 \u0432\u044b\u0433\u043b\u044f\u0434\u0435\u0442\u044c \u0441\u043b\u0435\u0434\u0443\u044e\u0449\u0438\u043c \u043e\u0431\u0440\u0430\u0437\u043e\u043c:<\/p>\n<pre><code class=\"xml\">&lt;html lang=\"&lt;?php echo $this->language; ?>\" dir=\"&lt;?php echo $this->direction; ?>\"><\/code><\/pre>\n<p><a class=\"anchor\" name=\"usloviya-dlya-vyvoda-posicii-vnutri-shablona-joomla\" id=\"usloviya-dlya-vyvoda-posicii-vnutri-shablona-joomla\"><\/a><\/p>\n<h4>\u0423\u0441\u043b\u043e\u0432\u0438\u044f \u0434\u043b\u044f \u0432\u044b\u0432\u043e\u0434\u0430 \u043f\u043e\u0437\u0438\u0446\u0438\u0439 \u0432\u043d\u0443\u0442\u0440\u0438 \u0448\u0430\u0431\u043b\u043e\u043d\u0430<\/h4>\n<p>\u041f\u0440\u0438 \u0440\u0430\u0431\u043e\u0442\u0435 \u0441 \u0441\u0430\u0439\u0442\u043e\u043c, \u0447\u0442\u043e\u0431\u044b \u0443\u0437\u043d\u0430\u0442\u044c \u043a\u0430\u043a\u0438\u0435 \u043c\u043e\u0434\u0443\u043b\u044c\u043d\u044b\u0435 \u043f\u043e\u0437\u0438\u0446\u0438\u0438 \u0441\u0443\u0449\u0435\u0441\u0442\u0432\u0443\u044e\u0442 \u0432 \u0448\u0430\u0431\u043b\u043e\u043d\u0435 \u043d\u0443\u0436\u043d\u043e \u0432  <strong>\u0421\u0438\u0441\u0442\u0435\u043c\u0430 &#8212; \u0428\u0430\u0431\u043b\u043e\u043d\u044b &#8212; \u043a\u043d\u043e\u043f\u043a\u0430 &#171;\u041d\u0430\u0441\u0442\u0440\u043e\u0439\u043a\u0438&#187;<\/strong> \u0432\u043a\u043b\u044e\u0447\u0438\u0442\u044c \u043f\u0430\u0440\u0430\u043c\u0435\u0442\u0440 &#171;\u041f\u0440\u043e\u0441\u043c\u043e\u0442\u0440 \u043f\u043e\u0437\u0438\u0446\u0438\u0439 \u043c\u043e\u0434\u0443\u043b\u0435\u0439&#187;. \u041d\u0435 \u0437\u0430\u0431\u0443\u0434\u044c\u0442\u0435 \u0435\u0433\u043e \u0432\u044b\u043a\u043b\u044e\u0447\u0438\u0442\u044c \u043f\u043e\u0441\u043b\u0435 \u043e\u043a\u043e\u043d\u0447\u0430\u043d\u0438\u044f \u0440\u0430\u0431\u043e\u0442 \u0441 \u0448\u0430\u0431\u043b\u043e\u043d\u043e\u043c \u0441\u0430\u0439\u0442\u0430.<\/p>\n<figure class=\"full-width\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/habrastorage.org\/r\/w1560\/getpro\/habr\/upload_files\/5fa\/2f9\/312\/5fa2f93120fa3653bd4a72b9f9239e0b.png\" alt=\"\u043f\u0430\u0440\u0430\u043c\u0435\u0442\u0440 &quot;\u041f\u0440\u043e\u0441\u043c\u043e\u0442\u0440 \u043f\u043e\u0437\u0438\u0446\u0438\u0439 \u043c\u043e\u0434\u0443\u043b\u0435\u0439&quot; \u0432 \u043d\u0430\u0441\u0442\u0440\u043e\u0439\u043a\u0430\u0445 \u043c\u0435\u043d\u0435\u0434\u0436\u0435\u0440\u0430 \u043c\u043e\u0434\u0443\u043b\u0435\u0439 Joomla 4\" title=\"\u043f\u0430\u0440\u0430\u043c\u0435\u0442\u0440 &quot;\u041f\u0440\u043e\u0441\u043c\u043e\u0442\u0440 \u043f\u043e\u0437\u0438\u0446\u0438\u0439 \u043c\u043e\u0434\u0443\u043b\u0435\u0439&quot; \u0432 \u043d\u0430\u0441\u0442\u0440\u043e\u0439\u043a\u0430\u0445 \u043c\u0435\u043d\u0435\u0434\u0436\u0435\u0440\u0430 \u043c\u043e\u0434\u0443\u043b\u0435\u0439 Joomla 4\" width=\"1526\" height=\"953\" data-src=\"https:\/\/habrastorage.org\/getpro\/habr\/upload_files\/5fa\/2f9\/312\/5fa2f93120fa3653bd4a72b9f9239e0b.png\"\/><\/p>\n<div><figcaption>\u043f\u0430\u0440\u0430\u043c\u0435\u0442\u0440 &#171;\u041f\u0440\u043e\u0441\u043c\u043e\u0442\u0440 \u043f\u043e\u0437\u0438\u0446\u0438\u0439 \u043c\u043e\u0434\u0443\u043b\u0435\u0439&#187; \u0432 \u043d\u0430\u0441\u0442\u0440\u043e\u0439\u043a\u0430\u0445 \u043c\u0435\u043d\u0435\u0434\u0436\u0435\u0440\u0430 \u043c\u043e\u0434\u0443\u043b\u0435\u0439 Joomla 4<\/figcaption><\/div>\n<\/figure>\n<p>\u041f\u043e\u0441\u043b\u0435 \u044d\u0442\u043e\u0433\u043e \u0434\u043e\u0431\u0430\u0432\u044c\u0442\u0435 \u0432 \u0430\u0434\u0440\u0435\u0441\u043d\u043e\u0439 \u0441\u0442\u0440\u043e\u043a\u0435 \u043f\u0430\u0440\u0430\u043c\u0435\u0442\u0440 <code>&amp;tp=1<\/code> \u0438 \u0412\u044b \u0443\u0432\u0438\u0434\u0438\u0442\u0435 \u0432\u0441\u0435 \u043c\u043e\u0434\u0443\u043b\u044c\u043d\u044b\u0435 \u043f\u043e\u0437\u0438\u0446\u0438\u0438 \u0412\u0430\u0448\u0435\u0433\u043e \u0448\u0430\u0431\u043b\u043e\u043d\u0430. \u0427\u0442\u043e\u0431\u044b \u0432\u0435\u0440\u043d\u0443\u0442\u044c \u0432\u0441\u0451 \u043e\u0431\u0440\u0430\u0442\u043d\u043e &#8212; \u0443\u0431\u0435\u0440\u0438\u0442\u0435 \u044d\u0442\u043e\u0442 \u043f\u0430\u0440\u0430\u043c\u0435\u0442\u0440 \u0438\u0437 \u0430\u0434\u0440\u0435\u0441\u043d\u043e\u0439 \u0441\u0442\u0440\u043e\u043a\u0438. \u0415\u0441\u043b\u0438 \u043d\u0438\u0447\u0435\u0433\u043e \u043d\u0435 \u043f\u043e\u043c\u0435\u043d\u044f\u043b\u043e\u0441\u044c, \u0442\u043e \u0441\u043d\u0430\u0447\u0430\u043b\u0430 \u0443\u0441\u0442\u0430\u043d\u043e\u0432\u0438\u0442\u0435 \u043f\u0430\u0440\u0430\u043c\u0435\u0442\u0440 \u0440\u0430\u0432\u043d\u044b\u043c 0 &#8212; <code>&amp;tp=0<\/code>, \u0430 \u043f\u043e\u0442\u043e\u043c \u0443\u0431\u0435\u0440\u0438\u0442\u0435.<\/p>\n<h4>\u041f\u0440\u043e\u0432\u0435\u0440\u043a\u0430 \u043d\u0430\u043b\u0438\u0447\u0438\u044f \u043c\u043e\u0434\u0443\u043b\u0435\u0439 \u0438 \u0438\u0445 \u0441\u043e\u0434\u0435\u0440\u0436\u0438\u043c\u043e\u0433\u043e &#8212; countModules(&#8216;position-name&#8217;)<\/h4>\n<p>\u041d\u0430 \u043f\u0440\u0430\u043a\u0442\u0438\u043a\u0435 \u0442\u0430\u043a\u0438\u043c \u043f\u0440\u043e\u0441\u0442\u044b\u043c \u0448\u0430\u0431\u043b\u043e\u043d\u043e\u043c, \u043a\u0430\u043a \u0432 \u043f\u0440\u0438\u043c\u0435\u0440\u0435 \u0432\u044b\u0448\u0435, \u043d\u0438\u043a\u0442\u043e \u043d\u0435 \u043f\u043e\u043b\u044c\u0437\u0443\u0435\u0442\u0441\u044f. \u0427\u0430\u0441\u0442\u043e \u0432\u044b\u0432\u043e\u0434 \u043f\u043e\u0437\u0438\u0446\u0438\u0439 \u0441\u043e\u0434\u0435\u0440\u0436\u0438\u0442 \u0440\u0430\u0437\u043d\u043e\u0433\u043e \u0440\u043e\u0434\u0430 \u043e\u0431\u0451\u0440\u0442\u043a\u0438 \u0432 \u0432\u0451\u0440\u0441\u0442\u043a\u0435. \u0422\u0430\u043a, \u0442\u0438\u043f\u043e\u0432\u0443\u044e 3-\u0445\u043a\u043e\u043b\u043e\u043d\u043e\u0447\u043d\u0443\u044e \u0441\u0435\u0442\u043a\u0443 &#8212; \u043f\u0440\u0430\u0432\u0430\u044f, \u043b\u0435\u0432\u0430\u044f \u043a\u043e\u043b\u043e\u043d\u043a\u0438 \u0438 \u0446\u0435\u043d\u0442\u0440\u0430\u043b\u044c\u043d\u044b\u0439 \u043e\u0441\u043d\u043e\u0432\u043d\u043e\u0439 \u0442\u0435\u043a\u0441\u0442 &#8212; \u0412\u044b \u0437\u0430\u0434\u0430\u0432\u0430\u0442\u044c \u0431\u0443\u0434\u0435\u0442\u0435 \u0438\u043c\u0435\u043d\u043d\u043e \u0432 index.php \u0448\u0430\u0431\u043b\u043e\u043d\u0430. \u041e\u0434\u043d\u0430\u043a\u043e, \u0435\u0441\u043b\u0438 \u043c\u043e\u0434\u0443\u043b\u0438 \u0441\u0430\u0439\u0442\u0430 \u043d\u0430 \u043a\u0430\u043a\u0438\u0445-\u0442\u043e \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0430\u0445 \u043d\u0435 \u043e\u0442\u043e\u0431\u0440\u0430\u0436\u0430\u044e\u0442\u0441\u044f \u0432 \u0434\u0430\u043d\u043d\u043e\u0439 \u043f\u043e\u0437\u0438\u0446\u0438\u0438, \u0442\u043e \u0448\u043e\u0440\u0442-\u043a\u043e\u0434 <code>&lt;jdoc ...\/><\/code> \u043d\u0438\u0447\u0435\u0433\u043e \u043d\u0435 \u0432\u044b\u0432\u0435\u0434\u0435\u0442, \u0430 \u0432 HTML-\u043a\u043e\u0434\u0435 \u043e\u0441\u0442\u0430\u043d\u0435\u0442\u0441\u044f \u043b\u0438\u0448\u043d\u044f\u044f \u0440\u0430\u0437\u043c\u0435\u0442\u043a\u0430 \u0438 \u043c\u044b \u0443\u0432\u0438\u0434\u0438\u043c \u043b\u0435\u0432\u0443\u044e\/\u043f\u0440\u0430\u0432\u0443\u044e \u043a\u043e\u043b\u043e\u043d\u043a\u0443, \u043d\u043e \u043f\u0443\u0441\u0442\u0443\u044e. \u0414\u0430\u0431\u044b \u044d\u0442\u043e\u0433\u043e \u0438\u0437\u0431\u0435\u0436\u0430\u0442\u044c \u0432 \u0448\u0430\u0431\u043b\u043e\u043d \u0432\u043d\u0435\u0434\u0440\u044f\u0435\u0442\u0441\u044f \u043f\u0440\u043e\u0432\u0435\u0440\u043a\u0430 \u043d\u0430 \u043d\u0430\u043b\u0438\u0447\u0438\u0435 \u043c\u043e\u0434\u0443\u043b\u0435\u0439 \u0432 \u0434\u0430\u043d\u043d\u043e\u0439 \u043f\u043e\u0437\u0438\u0446\u0438\u0438:<\/p>\n<pre><code class=\"php\">&lt;?php if ($this->countModules('topbar')) : ?> &lt;div class=\"container-fluid topbar\"> &lt;jdoc:include type=\"modules\" name=\"topbar\"\/> &lt;\/div> &lt;?php endif; ?><\/code><\/pre>\n<p>\u041c\u0435\u0442\u043e\u0434 <code>$this->countModules('topbar')<\/code> \u043f\u0440\u043e\u0432\u0435\u0440\u044f\u0435\u0442 \u0435\u0441\u0442\u044c \u043b\u0438 \u043e\u043f\u0443\u0431\u043b\u0438\u043a\u043e\u0432\u0430\u043d\u043d\u044b\u0435 \u043c\u043e\u0434\u0443\u043b\u0438 \u0432 \u0434\u0430\u043d\u043d\u043e\u0439 \u043f\u043e\u0437\u0438\u0446\u0438\u0438 \u0438 \u0432\u043e\u0437\u0432\u0440\u0430\u0449\u0430\u0435\u0442 \u043a\u043e\u043b\u0438\u0447\u0435\u0441\u0442\u0432\u043e \u043e\u043f\u0443\u0431\u043b\u0438\u043a\u043e\u0432\u0430\u043d\u043d\u044b\u0445 \u043c\u043e\u0434\u0443\u043b\u0435\u0439 \u0432 \u043f\u043e\u0437\u0438\u0446\u0438\u0438. \u0412 PHP \u043f\u0440\u0438 \u043d\u0435\u0441\u0442\u0440\u043e\u0433\u043e\u043c \u0441\u0440\u0430\u0432\u043d\u0435\u043d\u0438\u0438 <code>int 0<\/code> \u0431\u0443\u0434\u0435\u0442 \u043b\u043e\u0433\u0438\u0447\u0435\u0441\u043a\u0438 \u0440\u0430\u0432\u043d\u043e <code>false<\/code>. \u0422\u0430\u043a\u0438\u043c \u043e\u0431\u0440\u0430\u0437\u043e\u043c, \u0435\u0441\u043b\u0438 \u043e\u043f\u0443\u0431\u043b\u0438\u043a\u043e\u0432\u0430\u043d\u043d\u044b\u0445 \u043c\u043e\u0434\u0443\u043b\u0435\u0439 \u0432 \u043f\u043e\u0437\u0438\u0446\u0438\u0438 \u043d\u0435\u0442, \u0442\u043e \u043b\u0438\u0448\u043d\u044f\u044f \u0440\u0430\u0437\u043c\u0435\u0442\u043a\u0430 \u0432\u044b\u0432\u043e\u0434\u0438\u0442\u044c\u0441\u044f \u043d\u0435 \u0431\u0443\u0434\u0435\u0442. <\/p>\n<p>\u041d\u043e, \u0431\u044b\u0432\u0430\u044e\u0442 \u0441\u043b\u0443\u0447\u0430\u0438, \u043a\u043e\u0433\u0434\u0430 \u043c\u043e\u0434\u0443\u043b\u044c \u043e\u043f\u0443\u0431\u043b\u0438\u043a\u043e\u0432\u0430\u043d \u043d\u0430 \u0432\u0441\u0435\u0445 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0430\u0445. \u0418 \u043d\u0430 \u043a\u0430\u043a\u0438\u0445-\u0442\u043e \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0430\u0445 \u0435\u043c\u0443 \u0435\u0441\u0442\u044c \u0447\u0442\u043e \u043f\u043e\u043a\u0430\u0437\u0430\u0442\u044c, \u0430 \u043d\u0430 \u043a\u0430\u043a\u0438\u0445-\u0442\u043e \u043d\u0435\u0442. \u0422\u0430\u043a\u043e\u0435 \u043f\u043e\u0432\u0435\u0434\u0435\u043d\u0438\u0435 \u0431\u044b\u0432\u0430\u0435\u0442 \u0443 \u043c\u043e\u0434\u0443\u043b\u0435\u0439 \u0444\u0438\u043b\u044c\u0442\u0440\u043e\u0432 \u0442\u043e\u0432\u0430\u0440\u043e\u0432 \u0432 \u043a\u0430\u0442\u0430\u043b\u043e\u0433\u0430\u0445, \u0443 \u043c\u043e\u0434\u0443\u043b\u0435\u0439 \u043f\u0440\u043e\u0441\u043c\u043e\u0442\u0440\u0435\u043d\u043d\u044b\u0445 \u0442\u043e\u0432\u0430\u0440\u043e\u0432, \u043a\u043e\u0433\u0434\u0430 \u0435\u0449\u0451 \u043d\u0438 \u043e\u0434\u0438\u043d \u0442\u043e\u0432\u0430\u0440 \u043d\u0435 \u0431\u044b\u043b \u043f\u0440\u043e\u0441\u043c\u043e\u0442\u0440\u0435\u043d \u0438 \u0442.\u0434. \u0422\u043e\u0433\u0434\u0430 \u043f\u043e\u043b\u0443\u0447\u0430\u0435\u0442\u0441\u044f, \u0447\u0442\u043e \u043c\u043e\u0434\u0443\u043b\u044c \u0432 \u043f\u043e\u0437\u0438\u0446\u0438\u0438 \u0435\u0441\u0442\u044c, \u0432 \u0448\u0430\u0431\u043b\u043e\u043d\u0435 \u0431\u0443\u0434\u0435\u0442 \u043f\u043e\u043a\u0430\u0437\u044b\u0432\u0430\u0442\u044c\u0441\u044f \u0435\u0433\u043e \u043e\u0431\u0451\u0440\u0442\u043a\u0430 \u0438\u0437 \u0432\u0451\u0440\u0441\u0442\u043a\u0438, \u043d\u043e \u043a\u043e\u043d\u0442\u0435\u043d\u0442\u0430 \u0432 \u043d\u0451\u043c \u043f\u043e \u0444\u0430\u043a\u0442\u0443 \u043d\u0435\u0442. \u0414\u043b\u044f \u0442\u0430\u043a\u0438\u0445 \u0441\u043b\u0443\u0447\u0430\u0435\u0432 \u0432 Joomla 4 \u0432\u043d\u0435\u0434\u0440\u0451\u043d \u0432\u0442\u043e\u0440\u043e\u0439 \u043f\u0430\u0440\u0430\u043c\u0435\u0442\u0440 \u0434\u043b\u044f \u043c\u0435\u0442\u043e\u0434\u0430 <code>countModules<\/code>, \u043a\u043e\u0442\u043e\u0440\u044b\u0439 \u043d\u0430\u0437\u044b\u0432\u0430\u0435\u0442\u0441\u044f <code>withContentOnly<\/code>. \u041e\u043d \u043f\u0440\u0438\u043d\u0438\u043c\u0430\u0435\u0442 \u043d\u0430 \u0432\u0445\u043e\u0434 <code>true<\/code> \u0438\u043b\u0438 <code>false<\/code>, \u043f\u043e \u0443\u043c\u043e\u043b\u0447\u0430\u043d\u0438\u044e &#8212; <code>false<\/code>. \u0415\u0441\u043b\u0438 \u044d\u0442\u043e\u0442 \u043f\u0430\u0440\u0430\u043c\u0435\u0442\u0440 \u0440\u0430\u0432\u0435\u043d <code>true<\/code>, \u0442\u043e Joomla \u0432\u044b\u043f\u043e\u043b\u043d\u044f\u0435\u0442 \u043f\u0440\u0435\u0434\u0432\u0430\u0440\u0438\u0442\u0435\u043b\u044c\u043d\u044b\u0439 \u0440\u0435\u043d\u0434\u0435\u0440 \u043c\u043e\u0434\u0443\u043b\u0435\u0439 \u0438 \u0441\u043c\u043e\u0442\u0440\u0438\u0442 \u043f\u0440\u0438\u0441\u0443\u0442\u0441\u0442\u0432\u0443\u0435\u0442 \u043b\u0438 \u0440\u0435\u0437\u0443\u043b\u044c\u0442\u0438\u0440\u0443\u044e\u0449\u0438\u0439 HTML-\u0432\u044b\u0432\u043e\u0434 \u043c\u043e\u0434\u0443\u043b\u0435\u0439 &#8212; \u0438\u0445 \u043a\u043e\u043d\u0442\u0435\u043d\u0442. \u0415\u0441\u043b\u0438 \u043d\u0435\u0442, \u0442\u043e \u043f\u043e\u0437\u0438\u0446\u0438\u044f \u0432\u044b\u0432\u043e\u0434\u0438\u0442\u044c\u0441\u044f \u043d\u0435 \u0431\u0443\u0434\u0435\u0442. \u042d\u0442\u043e\u0442 \u043f\u0430\u0440\u0430\u043c\u0435\u0442\u0440 \u043d\u0443\u0436\u043d\u043e \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c \u0442\u0430\u043c, \u0433\u0434\u0435 \u043d\u0443\u0436\u043d\u043e. \u041d\u0430\u043f\u0440\u0438\u043c\u0435\u0440, \u0448\u0430\u043f\u043a\u0430 \u0441\u0430\u0439\u0442\u0430 &#8212; \u0441 \u043b\u043e\u0433\u043e\u0442\u0438\u043f\u043e\u043c, \u043c\u0435\u043d\u044e, \u043a\u043e\u043d\u0442\u0430\u043a\u0442\u0430\u043c\u0438, \u043a\u043d\u043e\u043f\u043a\u0430\u043c\u0438 &#171;\u0437\u0430\u043a\u0430\u0437\u0430\u0442\u044c \u0437\u0432\u043e\u043d\u043e\u043a&#187; \u043d\u0430 \u0441\u0430\u0439\u0442\u0435 \u043f\u0440\u0438\u0441\u0443\u0442\u0441\u0442\u0432\u0443\u0435\u0442 \u0432\u0441\u0435\u0433\u0434\u0430. \u0422\u0430\u043a\u0436\u0435 \u0438 \u043f\u043e\u0434\u0432\u0430\u043b \u0441\u0430\u0439\u0442\u0430 \u0441 \u043b\u043e\u0433\u043e\u0442\u0438\u043f\u043e\u043c, \u0447\u0430\u0441\u0442\u044c\u044e \u043c\u0435\u043d\u044e, \u043a\u043e\u043d\u0442\u0430\u043a\u0442\u0430\u043c\u0438 \u0438 \u0434\u0440\u0443\u0433\u043e\u0439 \u043f\u043e\u043b\u0435\u0437\u043d\u043e\u0439 \u0438\u043d\u0444\u043e\u0440\u043c\u0430\u0446\u0438\u0435\u0439 &#8212; \u0442\u043e\u0436\u0435 \u043f\u0440\u0438\u0441\u0443\u0442\u0441\u0442\u0432\u0443\u0435\u0442 \u0432\u0441\u0435\u0433\u0434\u0430, \u043d\u0430 \u0432\u0441\u0435\u0445 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0430\u0445 \u0441\u0430\u0439\u0442\u0430. \u041f\u043e\u044d\u0442\u043e\u043c\u0443 \u0434\u043b\u044f \u044d\u0442\u0438\u0445 \u043f\u043e\u0437\u0438\u0446\u0438\u0439 \u043d\u0435\u0442 \u0441\u043c\u044b\u0441\u043b\u0430 \u0434\u0435\u043b\u0430\u0442\u044c \u043f\u0440\u0435\u0440\u0435\u043d\u0434\u0435\u0440 \u043c\u043e\u0434\u0443\u043b\u0435\u0439. \u0412 \u0442\u043e \u0432\u0440\u0435\u043c\u044f \u043a\u0430\u043a \u0434\u043b\u044f \u0431\u043e\u043a\u043e\u0432\u044b\u0445 \u043a\u043e\u043b\u043e\u043d\u043e\u043a, \u043f\u043e\u0437\u0438\u0446\u0438\u0439 \u043d\u0430\u0434 \u0438 \u043f\u043e\u0434 \u0432\u044b\u0432\u043e\u0434\u043e\u043c \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442\u0430 \u0438 \u0434\u0440\u0443\u0433\u0438\u043c\u0438 \u044d\u0442\u043e \u043c\u043e\u0436\u0435\u0442 \u0438\u043c\u0435\u0442\u044c \u0441\u043c\u044b\u0441\u043b.<\/p>\n<pre><code>&lt;?php  \/\/ \u041f\u0430\u0440\u0430\u043c\u0435\u0442\u0440 true \u0432\u044b\u043f\u043e\u043b\u043d\u0438\u0442 \u043f\u0440\u0435-\u0440\u0435\u043d\u0434\u0435\u0440 \u0441\u043e\u0434\u0435\u0440\u0436\u0438\u043c\u043e\u0433\u043e \u043c\u043e\u0434\u0443\u043b\u0435\u0439 \u0438 \u0435\u0441\u043b\u0438 \u043c\u043e\u0434\u0443\u043b\u044c \u0435\u0441\u0442\u044c, \u043d\u043e  \/\/ \u043a\u043e\u043d\u0442\u0435\u043d\u0442\u0430 \u043d\u0435\u0442 - \u0434\u0430\u043d\u043d\u044b\u0439 \u0431\u043b\u043e\u043a \u0440\u0430\u0437\u043c\u0435\u0442\u043a\u0438 \u0432\u044b\u0432\u043e\u0434\u0438\u0442\u044c\u0441\u044f \u043d\u0435 \u0431\u0443\u0434\u0435\u0442. if ($this->countModules('topbar', true)) : ?> &lt;div class=\"container-fluid topbar\"> &lt;jdoc:include type=\"modules\" name=\"topbar\"\/> &lt;\/div> &lt;?php endif; ?><\/code><\/pre>\n<p>\u0427\u0430\u0449\u0435 \u0432\u0441\u0435\u0433\u043e \u0434\u0430\u043d\u043d\u044b\u0439 \u043a\u043e\u0434 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u0435\u0442\u0441\u044f \u0434\u043b\u044f \u043f\u0440\u043e\u0432\u0435\u0440\u043a\u0438 \u0438 \u0432\u044b\u0432\u043e\u0434\u0430 \u043c\u043e\u0434\u0443\u043b\u0435\u0439 \u043e\u0434\u043d\u043e\u0439 \u0438 \u0442\u043e\u0439 \u0436\u0435 \u043f\u043e\u0437\u0438\u0446\u0438\u0438: \u043f\u0440\u043e\u0432\u0435\u0440\u044f\u0435\u043c \u0435\u0441\u0442\u044c \u043b\u0438 \u043c\u043e\u0434\u0443\u043b\u0438 \u0432 \u043f\u043e\u0437\u0438\u0446\u0438\u0438 <code>topbar<\/code> \u0438 \u0435\u0441\u043b\u0438 \u0435\u0441\u0442\u044c, \u0442\u043e \u0432\u044b\u0432\u043e\u0434\u0438\u043c \u0438\u0445. \u041d\u043e \u0437\u0434\u0435\u0441\u044c \u043c\u043e\u0436\u043d\u043e \u043f\u0440\u0435\u0434\u043f\u043e\u043b\u043e\u0436\u0438\u0442\u044c \u0438 \u0431\u043e\u043b\u0435\u0435 \u0441\u043b\u043e\u0436\u043d\u044b\u0435 \u043a\u043e\u043d\u0441\u0442\u0440\u0443\u043a\u0446\u0438\u0438, \u043a\u043e\u0433\u0434\u0430 \u043c\u044b \u043f\u0440\u043e\u0432\u0435\u0440\u044f\u0435\u043c \u043d\u0430\u043b\u0438\u0447\u0438\u0435 \u043c\u043e\u0434\u0443\u043b\u0435\u0439 \u0438 \u0438\u0445 \u0441\u043e\u0434\u0435\u0440\u0436\u0438\u043c\u043e\u0433\u043e \u0432 \u043e\u0434\u043d\u043e\u0439 \u043f\u043e\u0437\u0438\u0446\u0438\u0438 \u0438 \u043f\u0440\u0438 \u044d\u0442\u043e\u043c \u0432\u044b\u0432\u043e\u0434\u0438\u043c \u0434\u0440\u0443\u0433\u043e\u0439 \u043c\u043e\u0434\u0443\u043b\u044c. \u041d\u0430\u043f\u0440\u0438\u043c\u0435\u0440<\/p>\n<pre><code class=\"php\">&lt;?php  \/\/ \u0415\u0441\u043b\u0438 \u0435\u0441\u0442\u044c \u043c\u043e\u0434\u0443\u043b\u0438 \u0438 \u0438\u0445 \u0441\u043e\u0434\u0435\u0440\u0436\u0438\u043c\u043e\u0435 \u0432 \u043f\u043e\u0437\u0438\u0446\u0438\u0438 topbar - \/\/ \u0432\u044b\u0432\u0435\u0434\u0435\u043c \u043c\u043e\u0434\u0443\u043b\u0438 \u0432 \u043f\u043e\u0437\u0438\u0446\u0438\u0438 bottom-bar if ($this->countModules('topbar', true)) : ?> &lt;div class=\"container-fluid bottom-bar\"> &lt;jdoc:include type=\"modules\" name=\"bottom-bar\"\/> &lt;\/div> &lt;?php endif; ?><\/code><\/pre>\n<h4>\u041f\u043e\u043a\u0430\u0437 \u043f\u043e\u0437\u0438\u0446\u0438\u0439 \u0442\u043e\u043b\u044c\u043a\u043e \u043d\u0430 \u043e\u043f\u0440\u0435\u0434\u0435\u043b\u0451\u043d\u043d\u044b\u0445 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0430\u0445<\/h4>\n<p>\u0412 Joomla \u043f\u043e\u0440\u043e\u0439 \u043d\u0443\u0436\u043d\u043e \u0432\u044b\u0432\u043e\u0434\u0438\u0442\u044c \u043c\u043e\u0434\u0443\u043b\u0438 \u0442\u043e\u043b\u044c\u043a\u043e \u0434\u043b\u044f \u043e\u043f\u0440\u0435\u0434\u0435\u043b\u0451\u043d\u043d\u044b\u0445 \u0440\u0430\u0437\u0434\u0435\u043b\u043e\u0432 \u0441\u0430\u0439\u0442\u0430: \u043d\u0430\u043f\u0440\u0438\u043c\u0435\u0440, \u0442\u043e\u043b\u044c\u043a\u043e \u0432 \u043a\u0430\u0440\u0442\u043e\u0447\u043a\u0435 \u0442\u043e\u0432\u0430\u0440\u0430, \u0442\u043e\u043b\u044c\u043a\u043e \u0432 \u0431\u043b\u043e\u0433\u0435, \u0442\u043e\u043b\u044c\u043a\u043e \u043d\u0430 \u0433\u043b\u0430\u0432\u043d\u043e\u0439 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0435 \u0438 \u0442.\u0434.<\/p>\n<p>\u041d\u0430\u0441\u0442\u0440\u043e\u0439\u043a\u0438 \u043c\u043e\u0434\u0443\u043b\u0435\u0439 \u0432 \u0430\u0434\u043c\u0438\u043d\u043a\u0435 \u043f\u0440\u0435\u0434\u043f\u043e\u043b\u0430\u0433\u0430\u044e\u0442 \u043f\u0440\u0438\u0432\u044f\u0437\u043a\u0443 \u043a \u043f\u0443\u043d\u043a\u0442\u0430\u043c \u043c\u0435\u043d\u044e (\u0438 \u0443\u0440\u043e\u0432\u043d\u044f\u043c \u0434\u043e\u0441\u0442\u0443\u043f\u0430 \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u0435\u0439), \u043e\u0434\u043d\u0430\u043a\u043e \u043f\u043e\u0440\u043e\u0439 \u044d\u0442\u043e\u0433\u043e \u0431\u044b\u0432\u0430\u0435\u0442 \u043d\u0435\u0434\u043e\u0441\u0442\u0430\u0442\u043e\u0447\u043d\u043e \u0438 \u043d\u0443\u0436\u043d\u044b\u0435 \u0431\u043e\u043b\u0435\u0435 \u0441\u043b\u043e\u0436\u043d\u044b\u0435 \u0443\u0441\u043b\u043e\u0432\u0438\u044f, \u0430 \u0442\u0430\u043a\u0436\u0435 \u043c\u044b \u043d\u0435 \u0445\u043e\u0442\u0438\u043c \u0432\u044b\u0432\u043e\u0434\u0438\u0442\u044c \u043e\u0431\u0451\u0440\u0442\u043a\u0443 \u043c\u043e\u0434\u0443\u043b\u0435\u0439 \u0432 \u0442\u0435\u0445 \u0441\u043b\u0443\u0447\u0430\u044f\u0445, \u043a\u043e\u0433\u0434\u0430 \u043d\u0435\u0442 \u043a\u043e\u043d\u0442\u0435\u043d\u0442\u0430 \u0434\u043b\u044f \u0432\u044b\u0432\u043e\u0434\u0430.<\/p>\n<figure class=\"full-width\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/habrastorage.org\/r\/w1560\/getpro\/habr\/upload_files\/677\/c23\/0c2\/677c230c28979ce41d5c79840a92438d.png\" alt=\"\u041d\u0430\u0441\u0442\u0440\u043e\u0439\u043a\u0438 \u043f\u0440\u0438\u0432\u044f\u0437\u043a\u0438 \u043c\u043e\u0434\u0443\u043b\u0435\u0439 \u043a \u043f\u0443\u043d\u043a\u0442\u0430\u043c \u043c\u0435\u043d\u044e \u0432 Joomla 4\" title=\"\u041d\u0430\u0441\u0442\u0440\u043e\u0439\u043a\u0438 \u043f\u0440\u0438\u0432\u044f\u0437\u043a\u0438 \u043c\u043e\u0434\u0443\u043b\u0435\u0439 \u043a \u043f\u0443\u043d\u043a\u0442\u0430\u043c \u043c\u0435\u043d\u044e \u0432 Joomla 4\" width=\"965\" height=\"529\" data-src=\"https:\/\/habrastorage.org\/getpro\/habr\/upload_files\/677\/c23\/0c2\/677c230c28979ce41d5c79840a92438d.png\"\/><\/p>\n<div><figcaption>\u041d\u0430\u0441\u0442\u0440\u043e\u0439\u043a\u0438 \u043f\u0440\u0438\u0432\u044f\u0437\u043a\u0438 \u043c\u043e\u0434\u0443\u043b\u0435\u0439 \u043a \u043f\u0443\u043d\u043a\u0442\u0430\u043c \u043c\u0435\u043d\u044e \u0432 Joomla 4<\/figcaption><\/div>\n<\/figure>\n<p>\u0412 \u044d\u0442\u0438\u0445 \u0441\u043b\u0443\u0447\u0430\u044f\u0445 \u043d\u0430\u043c \u043d\u0443\u0436\u043d\u043e \u0440\u0430\u0431\u043e\u0442\u0430\u0442\u044c \u0441 \u043f\u0430\u0440\u0430\u043c\u0435\u0442\u0440\u0430\u043c\u0438 URL Joomla. \u0412\u0441\u0435 URL \u0432 Joomla (\u043f\u043e\u0441\u043b\u0435 \u0432\u043a\u043b\u044e\u0447\u0435\u043d\u0438\u044f SEF) \u0432\u044b\u0433\u043b\u044f\u0434\u044f\u0442 \u0447\u0435\u043b\u043e\u0432\u0435\u043a\u043e-\u043f\u043e\u043d\u044f\u0442\u043d\u043e (\u0427\u041f\u0423) &#8212; \u0442\u043e \u0435\u0441\u0442\u044c <code>site.ru\/category-alias\/article-name<\/code>. \u041e\u0434\u043d\u0430\u043a\u043e, &#171;\u043f\u043e\u0434 \u043a\u0430\u043f\u043e\u0442\u043e\u043c&#187; \u043d\u0430\u043c \u0434\u043e\u0441\u0442\u0443\u043f\u043d\u044b \u0442\u0440\u0430\u0434\u0438\u0446\u0438\u043e\u043d\u043d\u044b\u0435 URL \u0441 GET-\u043f\u0430\u0440\u0430\u043c\u0435\u0442\u0440\u0430\u043c\u0438. \u0418 \u043e\u043f\u0438\u0440\u0430\u044f\u0441\u044c \u043d\u0430 \u0438\u0445 \u0437\u043d\u0430\u0447\u0435\u043d\u0438\u044f \u043c\u044b \u043c\u043e\u0436\u0435\u043c \u0432\u044b\u0441\u0442\u0440\u0430\u0438\u0432\u0430\u0442\u044c \u043b\u043e\u0433\u0438\u043a\u0443 \u043f\u043e\u043a\u0430\u0437\u0430 \u043f\u043e\u0437\u0438\u0446\u0438\u0439. \u0412\u044b\u043a\u043b\u044e\u0447\u0438\u0442\u0435 SEF \u043d\u0430 \u0441\u0432\u043e\u0451\u043c Joomla-\u0441\u0430\u0439\u0442\u0435, \u0447\u0442\u043e\u0431\u044b \u0443\u0432\u0438\u0434\u0435\u0442\u044c URL \u0432\u0438\u0434\u0430 <code>index.php?option=com_...<\/code> \u0438 \u0412\u044b \u0443\u0432\u0438\u0434\u0438\u0442\u0435 \u0447\u0442\u043e-\u0442\u043e \u0432\u0440\u043e\u0434\u0435 \u044d\u0442\u043e\u0433\u043e: <code>index.php?option=com_content&amp;view=article&amp;id=2<\/code> \u0434\u043b\u044f \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442\u0430 \u043c\u0430\u0442\u0435\u0440\u0438\u0430\u043b\u043e\u0432. \u0418\u043b\u0438 <code>index.php?option=com_jshopping&amp;controller=product&amp;task=view&amp;category_id=3&amp;product_id=2<\/code> \u0434\u043b\u044f \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442\u0430 \u0438\u043d\u0442\u0435\u0440\u043d\u0435\u0442-\u043c\u0430\u0433\u0430\u0437\u0438\u043d\u0430 JoomShopping.<\/p>\n<p>\u041f\u0430\u0440\u0430\u043c\u0435\u0442\u0440 <code>option<\/code> \u0440\u0430\u0432\u0435\u043d \u0441\u0438\u0441\u0442\u0435\u043c\u043d\u043e\u043c\u0443 \u0438\u043c\u0435\u043d\u0438 \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442\u0430. <code>com_content<\/code> \u0434\u043b\u044f \u043c\u0430\u0442\u0435\u0440\u0438\u0430\u043b\u043e\u0432 \u0438 \u043a\u0430\u0442\u0435\u0433\u043e\u0440\u0438\u0439 Joomla, <code>com_contact<\/code> \u0434\u043b\u044f \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442\u0430 \u043a\u043e\u043d\u0442\u0430\u043a\u0442\u043e\u0432, <code>com_jshopping<\/code> \u0434\u043b\u044f \u0438\u043d\u0442\u0435\u0440\u043d\u0435\u0442-\u043c\u0430\u0433\u0430\u0437\u0438\u043d\u0430 JoomShopping, <code>com_virtuemart<\/code> \u0434\u043b\u044f \u0438\u043d\u0442\u0435\u0440\u043d\u0435\u0442-\u043c\u0430\u0433\u0430\u0437\u0438\u043d\u0430 Virtuemart \u0438 \u0442.\u0434. \u0423 \u043b\u044e\u0431\u043e\u0433\u043e \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442\u0430 Joomla \u0435\u0441\u0442\u044c \u0441\u0432\u043e\u0439 \u0443\u043d\u0438\u043a\u0430\u043b\u044c\u043d\u044b\u0439 option-\u043f\u0430\u0440\u0430\u043c\u0435\u0442\u0440 \u0432 URL.<\/p>\n<p>\u0414\u0430\u043b\u044c\u0448\u0435 \u0443 \u0440\u0430\u0437\u043d\u044b\u0445 \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442\u043e\u0432 \u043c\u043e\u0433\u0443\u0442 \u0431\u044b\u0442\u044c \u0440\u0430\u0437\u043d\u044b\u0435 \u043f\u0430\u0440\u0430\u043c\u0435\u0442\u0440\u044b, \u043e\u0434\u043d\u0430\u043a\u043e \u043d\u0443\u0436\u043d\u044b\u0435 \u043c\u043e\u0436\u043d\u043e \u043f\u043e\u0434\u0441\u043c\u043e\u0442\u0440\u0435\u0442\u044c, \u043f\u043e\u0431\u0440\u043e\u0434\u0438\u0432 \u043f\u043e \u0441\u0430\u0439\u0442\u0443 \u0441 \u0432\u044b\u043a\u043b\u044e\u0447\u0435\u043d\u043d\u044b\u043c SEF URL.<\/p>\n<figure class=\"full-width\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/habrastorage.org\/r\/w1560\/getpro\/habr\/upload_files\/532\/1a3\/ef5\/5321a3ef5e6ae379894843bc1626d3b3.png\" width=\"1188\" height=\"577\" data-src=\"https:\/\/habrastorage.org\/getpro\/habr\/upload_files\/532\/1a3\/ef5\/5321a3ef5e6ae379894843bc1626d3b3.png\"\/><\/figure>\n<p>\u0427\u0430\u0449\u0435 \u0432\u0441\u0435\u0433\u043e \u0432\u0441\u0442\u0440\u0435\u0447\u0430\u044e\u0442\u0441\u044f \u0441\u043b\u0435\u0434\u0443\u044e\u0449\u0438\u0435 \u043f\u0430\u0440\u0430\u043c\u0435\u0442\u0440\u044b URL:<\/p>\n<ul>\n<li>\n<p><code>option<\/code> &#8212; \u0441\u0438\u0441\u0442\u0435\u043c\u043d\u043e\u0435 \u0438\u043c\u044f \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442\u0430<\/p>\n<\/li>\n<li>\n<p><code>controller<\/code> &#8212; \u043c\u043e\u0436\u0435\u0442 \u0431\u044b\u0442\u044c \u0440\u0430\u0437\u043d\u044b\u043c \u0434\u043b\u044f \u043a\u0430\u0442\u0435\u0433\u043e\u0440\u0438\u0438 \u0438 \u0442\u043e\u0432\u0430\u0440\u0430, \u043d\u0430\u043f\u0440\u0438\u043c\u0435\u0440. <code>controller=category<\/code>, <code>controller=product<\/code><\/p>\n<\/li>\n<li>\n<p><code>view<\/code> &#8212; \u0432\u0438\u0434. \u041c\u043e\u0436\u0435\u0442 \u0431\u044b\u0442\u044c \u0440\u0430\u0437\u043d\u044b\u043c \u0434\u043b\u044f \u043a\u0430\u0442\u0435\u0433\u043e\u0440\u0438\u0438 \u0438 \u043c\u0430\u0442\u0435\u0440\u0438\u0430\u043b\u0430 \u0438\u043b\u0438 \u043a\u043e\u043d\u0442\u0430\u043a\u0442\u0430. <code>view=category<\/code>, <code>view=article<\/code>, <code>view=contact<\/code>.<\/p>\n<\/li>\n<li>\n<p><code>layout<\/code> &#8212; \u043e\u043f\u0440\u0435\u0434\u0435\u043b\u044f\u0435\u0442 \u043f\u0430\u0440\u0430\u043c\u0435\u0442\u0440\u044b \u0432\u0438\u0434\u0430. \u041d\u0430\u043f\u0440\u0438\u043c\u0435\u0440 <code>layout=edit<\/code>.<\/p>\n<\/li>\n<li>\n<p><code>task<\/code> &#8212; \u0435\u0449\u0451 \u043e\u0434\u0438\u043d \u043f\u0430\u0440\u0430\u043c\u0435\u0442\u0440, \u043a\u043e\u0442\u043e\u0440\u044b\u0439 \u043c\u043e\u0436\u0435\u0442 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c\u0441\u044f \u0432 \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442\u0430\u0445 Joomla.<\/p>\n<\/li>\n<\/ul>\n<p>\u0427\u0442\u043e\u0431\u044b \u043f\u043e\u043b\u0443\u0447\u0438\u0442\u044c \u0437\u043d\u0430\u0447\u0435\u043d\u0438\u044f \u044d\u0442\u0438\u0445 \u043f\u0430\u0440\u0430\u043c\u0435\u0442\u0440\u043e\u0432 \u0432 \u0448\u0430\u0431\u043b\u043e\u043d\u0435 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u0435\u0442\u0441\u044f \u043c\u0435\u0442\u043e\u0434 getInput() \u043e\u0431\u044a\u0435\u043a\u0442\u0430 \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u044f Joomla:<\/p>\n<pre><code class=\"php\">&lt;?php use Joomla\\CMS\\Factory;  defined('_JEXEC') or die;  $app = Factory::getApplication();  \/\/ \u041f\u043e\u043b\u0443\u0447\u0430\u0435\u043c \u043b\u044e\u0431\u044b\u0435 \u043f\u0430\u0440\u0430\u043c\u0435\u0442\u0440\u044b \u0438\u0437 Input \/\/ \u042d\u0442\u043e \u043c\u043e\u0433\u0443\u0442 \u0431\u044b\u0442\u044c \u0434\u0430\u043d\u043d\u044b\u0435 \u0438\u0437 $_GET \u0438\u043b\u0438 $_POST \/\/ \u0438\u043b\u0438 \u0438\u0437 $_SERVER $option     = $app->getInput()->getCmd('option', ''); $controller = $app->getInput()->getCmd('controller', ''); $view       = $app->getInput()->getCmd('view', ''); $layout     = $app->getInput()->getCmd('layout', ''); $task       = $app->getInput()->getCmd('task', ''); $itemid     = $app->getInput()->getCmd('Itemid', '');<\/code><\/pre>\n<p>\u0412 \u043c\u0435\u0442\u043e\u0434\u0435 <code>getCmd('parameter_name','default_value')<\/code> <code>parameter_name<\/code> &#8212; \u0438\u043c\u044f \u043f\u0430\u0440\u0430\u043c\u0435\u0442\u0440\u0430 \u0437\u0430\u043f\u0440\u043e\u0441\u0430 (\u0432 \u0442\u043e\u043c \u0447\u0438\u0441\u043b\u0435 GET-\u0437\u0430\u043f\u0440\u043e\u0441\u0430). <code>default_value<\/code> &#8212; \u0437\u043d\u0430\u0447\u0435\u043d\u0438\u0435 \u043f\u043e \u0443\u043c\u043e\u043b\u0447\u0430\u043d\u0438\u044e, \u0435\u0441\u043b\u0438 \u0437\u0430\u043f\u0440\u0430\u0448\u0438\u0432\u0430\u0435\u043c\u044b\u0439 \u043f\u0430\u0440\u0430\u043c\u0435\u0442\u0440 \u043e\u0442\u0441\u0443\u0442\u0441\u0442\u0432\u0443\u0435\u0442 \u0438\u043b\u0438 \u0431\u0443\u0434\u0435\u0442 \u043f\u0443\u0441\u0442\u044b\u043c. \u041c\u0435\u0442\u043e\u0434 <code>$app->getInput()<\/code> \u0432\u043e\u0437\u0432\u0440\u0430\u0449\u0430\u0435\u0442 \u043e\u0431\u044a\u0435\u043a\u0442 <code>Input<\/code>, \u043a\u043e\u0442\u043e\u0440\u044b\u0439 \u0440\u0430\u043d\u044c\u0448\u0435 \u0432 Joomla 2.5 \u0438 Joomla 3.x \u043d\u0430\u0437\u044b\u0432\u0430\u043b\u0441\u044f <code>JInput<\/code>. <a href=\"https:\/\/docs.joomla.org\/Retrieving_request_data_using_JInput\" rel=\"noopener noreferrer nofollow\">\u041e\u0444\u0438\u0446\u0438\u0430\u043b\u044c\u043d\u0430\u044f \u0434\u043e\u043a\u0443\u043c\u0435\u043d\u0442\u0430\u0446\u0438\u044f<\/a>.<\/p>\n<p>\u0422\u0430\u043a, \u043c\u044b \u043c\u043e\u0436\u0435\u043c \u043f\u043e\u043a\u0430\u0437\u044b\u0432\u0430\u0442\u044c \u043c\u043e\u0434\u0443\u043b\u044c\u043d\u0443\u044e \u043f\u043e\u0437\u0438\u0446\u0438\u044e <code>topbar<\/code> \u0442\u043e\u043b\u044c\u043a\u043e \u0432 \u0432\u0438\u0434\u0435 \u043a\u0430\u0442\u0435\u0433\u043e\u0440\u0438\u0438 \u043c\u0430\u0442\u0435\u0440\u0438\u0430\u043b\u043e\u0432 \u043f\u0440\u0438 \u0443\u0441\u043b\u043e\u0432\u0438\u0438, \u0447\u0442\u043e \u0432 \u043d\u0435\u0439 \u043e\u043f\u0443\u0431\u043b\u0438\u043a\u043e\u0432\u0430\u043d\u044b \u043c\u043e\u0434\u0443\u043b\u0438 \u0438 \u043c\u043e\u0434\u0443\u043b\u044f\u043c \u0435\u0441\u0442\u044c \u0447\u0442\u043e \u0441\u043a\u0430\u0437\u0430\u0442\u044c \u043c\u0438\u0440\u0443:<\/p>\n<pre><code class=\"php\">&lt;?php  use Joomla\\CMS\\Factory;  defined('_JEXEC') or die;  $app = Factory::getApplication();  \/\/ \u041f\u043e\u043b\u0443\u0447\u0430\u0435\u043c \u043b\u044e\u0431\u044b\u0435 \u043f\u0430\u0440\u0430\u043c\u0435\u0442\u0440\u044b \u0438\u0437 Input  $option     = $app->getInput()->getCmd('option', ''); $view       = $app->getInput()->getCmd('view', '');  \/\/ \u0415\u0441\u043b\u0438 \u0435\u0441\u0442\u044c \u043c\u043e\u0434\u0443\u043b\u0438 \u0438 \u0438\u0445 \u0441\u043e\u0434\u0435\u0440\u0436\u0438\u043c\u043e\u0435 \u0432 \u043f\u043e\u0437\u0438\u0446\u0438\u0438 topbar \u0432\u044b\u0432\u0435\u0434\u0435\u043c \u043f\u043e\u0437\u0438\u0446\u0438\u044e if ($this->countModules('topbar', true) &amp;&amp; $option == 'com_content' &amp;&amp; $view == 'category') : ?> &lt;div class=\"container-fluid topbar-bar\"> &lt;jdoc:include type=\"modules\" name=\"topbar-bar\"\/> &lt;\/div> &lt;?php endif; ?><\/code><\/pre>\n<p>\u041f\u0440\u043e\u0432\u0435\u0440\u044f\u0442\u044c \u043d\u0430 <code>$option<\/code> \u043b\u0443\u0447\u0448\u0435 \u0432\u0441\u0435\u0433\u0434\u0430, \u0442\u0430\u043a \u043a\u0430\u043a \u0443 \u0412\u0430\u0441 \u043d\u0430 \u0441\u0430\u0439\u0442\u0435 \u043c\u043e\u0433\u0443\u0442 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c\u0441\u044f \u043e\u0434\u043d\u043e\u0432\u0440\u0435\u043c\u0435\u043d\u043d\u043e \u043d\u0435\u0441\u043a\u043e\u043b\u044c\u043a\u043e \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442\u043e\u0432, \u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u043c\u043e\u0433\u0443\u0442 \u0438\u043c\u0435\u0442\u044c \u0432 \u0441\u0432\u043e\u0451\u043c <code>url<\/code> \u043f\u0430\u0440\u0430\u043c\u0435\u0442\u0440 <code>$view<\/code>. \u0418 \u0412\u0430\u0448\u0438 \u043c\u043e\u0434\u0443\u043b\u0438 \u043c\u043e\u0433\u0443\u0442 \u0432\u044b\u043b\u0435\u0437\u0442\u0438 \u0442\u0430\u043c, \u0433\u0434\u0435 \u043d\u0435 \u043d\u0443\u0436\u043d\u043e. \u0415\u0449\u0451 \u043f\u0440\u0438\u043c\u0435\u0440 &#8212; \u0432\u044b\u0432\u043e\u0434\u0438\u043c \u043c\u043e\u0434\u0443\u043b\u044c\u043d\u0443\u044e \u043f\u043e\u0437\u0438\u0446\u0438\u044e \u0442\u043e\u043b\u044c\u043a\u043e \u0432 \u043a\u0430\u0440\u0442\u043e\u0447\u043a\u0435 \u0442\u043e\u0432\u0430\u0440\u0430 \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442\u0430 \u0438\u043d\u0442\u0435\u0440\u043d\u0435\u0442-\u043c\u0430\u0433\u0430\u0437\u0438\u043d\u0430 JoomShopping.<\/p>\n<pre><code class=\"php\">&lt;?php  use Joomla\\CMS\\Factory;  defined('_JEXEC') or die;  $app = Factory::getApplication();  \/\/ \u041f\u043e\u043b\u0443\u0447\u0430\u0435\u043c \u043b\u044e\u0431\u044b\u0435 \u043f\u0430\u0440\u0430\u043c\u0435\u0442\u0440\u044b \u0438\u0437 Input  \/\/ \u0442\u0443\u0442 \u0431\u0443\u0434\u0435\u0442 'com_jshopping' $option     = $app->getInput()->getCmd('option', '');  \/\/ \u0442\u0443\u0442 \u0431\u0443\u0434\u0435\u0442 'product' $controller       = $app->getInput()->getCmd('product', ''); \/\/ \u0442\u0443\u0442 \u0431\u0443\u0434\u0435\u0442 'view' (\u0442.\u0435. \u043f\u0440\u043e\u0441\u043c\u043e\u0442\u0440), \u0430 \u043c\u043e\u0436\u0435\u0442 \u0431\u044b\u0442\u044c 'edit' \u0438\u043b\u0438 \u0447\u0442\u043e-\u0442\u043e \u0435\u0449\u0451 $task       = $app->getInput()->getCmd('task', '');  \/\/ \u0415\u0441\u043b\u0438 \u0435\u0441\u0442\u044c \u043c\u043e\u0434\u0443\u043b\u0438 \u0438 \u0438\u0445 \u0441\u043e\u0434\u0435\u0440\u0436\u0438\u043c\u043e\u0435 \u0432 \u043f\u043e\u0437\u0438\u0446\u0438\u0438 topbar \u0432\u044b\u0432\u0435\u0434\u0435\u043c \u043f\u043e\u0437\u0438\u0446\u0438\u044e if ($this->countModules('topbar', true)      &amp;&amp; $option == 'com_jshopping'      &amp;&amp; $controller == 'product'      &amp;&amp; $task == 'view') : ?> &lt;div class=\"container-fluid topbar-bar\"> &lt;jdoc:include type=\"modules\" name=\"topbar-bar\"\/> &lt;\/div> &lt;?php endif; ?><\/code><\/pre>\n<p>\u041b\u043e\u0433\u0438\u043a\u0443 \u043e\u0442\u043e\u0431\u0440\u0430\u0436\u0435\u043d\u0438\u044f \u043f\u043e\u0437\u0438\u0446\u0438\u0439 \u043c\u043e\u0436\u043d\u043e \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c \u043b\u044e\u0431\u0443\u044e: \u043f\u043e \u0441\u043e\u0447\u0435\u0442\u0430\u043d\u0438\u044e \u0443\u0441\u043b\u043e\u0432\u0438\u0439, \u043e\u0442\u0440\u0438\u0446\u0430\u043d\u0438\u044e \u0443\u0441\u043b\u043e\u0432\u0438\u044f \u0438 \u0442.\u0434. <a href=\"https:\/\/www.php.net\/manual\/ru\/language.operators.comparison.php\" rel=\"noopener noreferrer nofollow\">\u0414\u043e\u043a\u0443\u043c\u0435\u043d\u0442\u0430\u0446\u0438\u044f PHP: \u043e\u043f\u0435\u0440\u0430\u0442\u043e\u0440\u044b \u0441\u0440\u0430\u0432\u043d\u0435\u043d\u0438\u044f<\/a>.<\/p>\n<h4>\u041d\u0435 \u043f\u043e\u043a\u0430\u0437\u044b\u0432\u0430\u0442\u044c \u0432\u044b\u0432\u043e\u0434 \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442\u0430 \u043d\u0430 \u0433\u043b\u0430\u0432\u043d\u043e\u0439 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0435<\/h4>\n<p>\u0415\u0449\u0451 \u043e\u0434\u043d\u0430 \u0442\u0438\u043f\u043e\u0432\u0430\u044f \u0437\u0430\u0434\u0430\u0447\u0430, \u043a\u043e\u0442\u043e\u0440\u0443\u044e \u043c\u043e\u0436\u043d\u043e \u0440\u0435\u0448\u0438\u0442\u044c \u0440\u0430\u0437\u043d\u044b\u043c\u0438 \u0441\u043f\u043e\u0441\u043e\u0431\u0430\u043c\u0438. \u0421\u043e\u0434\u0435\u0440\u0436\u0438\u043c\u043e\u0435 \u0433\u043b\u0430\u0432\u043d\u043e\u0439 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u044b \u0437\u0430\u0432\u0438\u0441\u0438\u0442 \u043e\u0442 \u0442\u0438\u043f\u0430 \u0441\u0430\u0439\u0442\u0430 (\u043a\u043e\u043d\u0442\u0435\u043d\u0442\u043d\u044b\u0439, \u043d\u043e\u0432\u043e\u0441\u0442\u043d\u0438\u043a, \u0438\u043d\u0442\u0435\u0440\u043d\u0435\u0442-\u043c\u0430\u0433\u0430\u0437\u0438\u043d, \u043a\u0430\u0442\u0430\u043b\u043e\u0433, \u0432\u0438\u0437\u0438\u0442\u043a\u0430 \u0438 \u0442.\u0434.). \u0413\u043b\u0430\u0432\u043d\u0430\u044f \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0430 \u043e\u0431\u044b\u0447\u043d\u043e \u0441\u043e\u0431\u0438\u0440\u0430\u0435\u0442\u0441\u044f \u0438\u0437 \u0431\u043b\u043e\u043a\u043e\u0432, \u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u0432\u044b\u0432\u043e\u0434\u044f\u0442 \u0440\u0430\u0437\u043d\u0443\u044e \u0438\u043d\u0444\u043e\u0440\u043c\u0430\u0446\u0438\u044e \u0438\u0437 \u0440\u0430\u0437\u043d\u044b\u0445 \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442\u043e\u0432, \u043b\u0438\u0431\u043e \u0435\u0451 \u0432\u043e\u043e\u0431\u0449\u0435 \u0434\u0435\u043b\u0430\u044e\u0442 \u0432 \u0434\u0443\u0445\u0435 \u043f\u043e\u0441\u0430\u0434\u043e\u0447\u043d\u043e\u0439 (\u043b\u0435\u043d\u0434\u0438\u043d\u0433\u0430). <\/p>\n<p>\u0412\u0430\u0440\u0438\u0430\u043d\u0442 1 &#8212; \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u0435\u0442\u0441\u044f \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442-\u0431\u0438\u043b\u0434\u0435\u0440 \u0441\u0442\u0440\u0430\u043d\u0438\u0446. \u041d\u0438\u0447\u0435\u0433\u043e \u043c\u0435\u043d\u044f\u0442\u044c \u043d\u0435 \u043d\u0443\u0436\u043d\u043e.<\/p>\n<p>\u0412\u0430\u0440\u0438\u0430\u043d\u0442 2 &#8212; \u0441\u043e\u0431\u0440\u0430\u0442\u044c \u043d\u0443\u0436\u043d\u044b\u0435 \u0431\u043b\u043e\u043a\u0438 \u0434\u043b\u044f \u0433\u043b\u0430\u0432\u043d\u043e\u0439 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u044b \u0438\u0437 \u043c\u043e\u0434\u0443\u043b\u0435\u0439. \u0422\u043e\u0433\u0434\u0430 \u0432\u044b\u0432\u043e\u0434 \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442\u0430 \u043c\u043e\u0436\u0435\u0442 \u0442\u043e\u043b\u044c\u043a\u043e \u043c\u0435\u0448\u0430\u0442\u044c, \u0442\u0430\u043a \u043a\u0430\u043a Joomla \u0434\u043e\u043b\u0436\u043d\u0430 \u0437\u043d\u0430\u0442\u044c \u043a \u043a\u0430\u043a\u043e\u043c \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442\u0443 \u043f\u0440\u0438\u043d\u0430\u0434\u043b\u0435\u0436\u0438\u0442 \u0442\u043e\u0442 \u0438\u043b\u0438 \u0438\u043d\u043e\u0439 \u043f\u0443\u043d\u043a\u0442 \u043c\u0435\u043d\u044e. \u0412\u0442\u043e\u0440\u043e\u0439 \u0432\u0430\u0440\u0438\u0430\u043d\u0442, \u0432 \u0441\u0432\u043e\u044e \u043e\u0447\u0435\u0440\u0435\u0434\u044c, \u043c\u043e\u0436\u0435\u0442 \u0438\u043c\u0435\u0442\u044c 2 \u043f\u0443\u0442\u0438 \u0440\u0435\u0448\u0435\u043d\u0438\u044f \u0437\u0430\u0434\u0430\u0447\u0438:<\/p>\n<ul>\n<li>\n<p>\u043e\u0442\u043a\u043b\u044e\u0447\u0430\u0442\u044c \u0432\u044b\u0432\u043e\u0434 \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442\u0430 \u043d\u0430 \u0433\u043b\u0430\u0432\u043d\u043e\u0439 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0435<\/p>\n<\/li>\n<li>\n<p>\u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442 &#171;\u043f\u0443\u0441\u0442\u043e\u0439 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u044b&#187;, \u0433\u043b\u0430\u0432\u043d\u0430\u044f \u0437\u0430\u0434\u0430\u0447\u0430 \u043a\u043e\u0442\u043e\u0440\u043e\u0433\u043e&#8230; \u043d\u0438\u0447\u0435\u0433\u043e \u043d\u0435 \u043f\u043e\u043a\u0430\u0437\u044b\u0432\u0430\u0442\u044c.<\/p>\n<\/li>\n<\/ul>\n<p>\u0427\u0442\u043e\u0431\u044b \u043e\u0442\u043a\u043b\u044e\u0447\u0438\u0442\u044c \u0432\u044b\u0432\u043e\u0434 \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442\u0430 \u043d\u0430 \u0433\u043b\u0430\u0432\u043d\u043e\u0439 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0435 \u0432 Joomla \u043d\u0430\u043c \u043f\u0440\u0438\u0433\u043e\u0434\u0438\u0442\u0441\u044f \u043a\u043b\u0430\u0441\u0441 \u0434\u043b\u044f \u0440\u0430\u0431\u043e\u0442\u044b \u0441 Uri &#8212; <code>Joomla\\CMS\\Uri\\Uri<\/code>.. \u0412 \u043d\u0451\u043c \u0435\u0441\u0442\u044c 2 \u043c\u0435\u0442\u043e\u0434\u0430, \u0432\u043e\u0437\u0432\u0440\u0430\u0449\u0430\u044e\u0449\u0438\u0445 \u0442\u0435\u043a\u0443\u0449\u0438\u0439 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0443 \u0438 base uri. \u041c\u044b \u0441\u0440\u0430\u0432\u043d\u0438\u0432\u0430\u0435\u043c \u0438 \u0435\u0441\u043b\u0438 \u043e\u043d\u0438 <strong>\u043d\u0435 \u0440\u0430\u0432\u043d\u044b<\/strong> &#8212; \u043c\u043e\u0436\u043d\u043e \u0432\u044b\u0432\u043e\u0434\u0438\u0442\u044c \u0434\u0430\u043d\u043d\u044b\u0435 \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442\u0430. \u041f\u043e\u0447\u0435\u043c\u0443 \u043d\u0435 \u0440\u0430\u0432\u043d\u044b? \u041f\u043e\u0442\u043e\u043c\u0443, \u0447\u0442\u043e \u043a\u043e\u0433\u0434\u0430 \u043c\u044b \u043d\u0430\u0445\u043e\u0434\u0438\u043c\u0441\u044f \u043d\u0430 \u043b\u044e\u0431\u043e\u0439 \u0434\u0440\u0443\u0433\u043e\u0439 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0435, \u043a\u0440\u043e\u043c\u0435 \u0433\u043b\u0430\u0432\u043d\u043e\u0439, \u043c\u0435\u0442\u043e\u0434 <code>Uri::current()<\/code> \u0431\u0443\u0434\u0435\u0442 \u0432\u043e\u0437\u0432\u0440\u0430\u0449\u0430\u0442\u044c \u043d\u0430\u043c url \u0432\u0438\u0434\u0430 <code>https:\/\/my-sute.ru\/category-name<\/code>, \u0430 \u043c\u0435\u0442\u043e\u0434 <code>Uri::base()<\/code> &#8212; \u0442\u043e\u043b\u044c\u043a\u043e <code>https:\/\/my-sute.ru<\/code>. \u0415\u0441\u043b\u0438 \u0436\u0435 \u043e\u043d\u0438 \u043e\u043a\u0430\u0437\u044b\u0432\u0430\u044e\u0442\u0441\u044f \u043e\u0434\u0438\u043d\u0430\u043a\u043e\u0432\u044b\u043c\u0438, \u0442\u043e \u044d\u0442\u043e \u043f\u0440\u0438\u0437\u043d\u0430\u043a \u043d\u0430\u0445\u043e\u0436\u0434\u0435\u043d\u0438\u044f \u043d\u0430 \u0433\u043b\u0430\u0432\u043d\u043e\u0439 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0435.<\/p>\n<pre><code class=\"php\">&lt;?php  use Joomla\\CMS\\Uri\\Uri;  defined('_JEXEC') or die;  if(Uri::current() !== Uri::base()) :?> &lt;!-- \u042d\u0442\u043e\u0442 \u0431\u043b\u043e\u043a \u043a\u043e\u0434\u0430 \u043d\u0435 \u0431\u0443\u0434\u0435\u0442 \u043f\u043e\u043a\u0430\u0437\u044b\u0432\u0430\u0442\u044c\u0441\u044f \u043d\u0430 \u0433\u043b\u0430\u0432\u043d\u043e\u0439 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0435 \u0441\u0430\u0439\u0442\u0430 Joomla -->   &lt;main>       &lt;jdoc:include type=\"component\"\/>   &lt;\/main> &lt;?php endif; <\/code><\/pre>\n<h4>\u0421\u043f\u043e\u0441\u043e\u0431 \u0443\u043d\u0438\u043a\u0430\u043b\u0438\u0437\u0430\u0446\u0438\u0438 \u0441\u0442\u0440\u0430\u043d\u0438\u0446 \u0441 \u043f\u043e\u043c\u043e\u0449\u044c\u044e CSS \u0438 pageClass<\/h4>\n<p>\u0412 Joomla \u0432 \u043d\u0430\u0441\u0442\u0440\u043e\u0439\u043a\u0430\u0445 \u043f\u0443\u043d\u043a\u0442\u043e\u0432 \u043c\u0435\u043d\u044e \u0435\u0441\u0442\u044c \u043f\u0430\u0440\u0430\u043c\u0435\u0442\u0440 CSS-\u043a\u043b\u0430\u0441\u0441 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u044b.<\/p>\n<figure class=\"full-width\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/habrastorage.org\/r\/w1560\/getpro\/habr\/upload_files\/986\/676\/4d1\/9866764d1c5923e2e5490b88fba897e1.png\" width=\"1355\" height=\"765\" data-src=\"https:\/\/habrastorage.org\/getpro\/habr\/upload_files\/986\/676\/4d1\/9866764d1c5923e2e5490b88fba897e1.png\"\/><\/figure>\n<p>\u0412\u044b\u0432\u043e\u0434 \u044d\u0442\u043e\u0433\u043e \u043f\u0430\u0440\u0430\u043c\u0435\u0442\u0440\u0430 \u0437\u0430\u0432\u0438\u0441\u0438\u0442 \u043e\u0442 \u043a\u043e\u043d\u043a\u0440\u0435\u0442\u043d\u043e\u0433\u043e \u0448\u0430\u0431\u043b\u043e\u043d\u0430. \u041d\u043e, \u0432 \u0441\u0442\u0430\u043d\u0434\u0430\u0440\u0442\u043d\u043e\u043c \u0448\u0430\u0431\u043b\u043e\u043d\u0435 Cassiopeia \u044d\u0442\u043e\u0442 \u043f\u0430\u0440\u0430\u043c\u0435\u0442\u0440 \u043d\u0430\u0437\u043d\u0430\u0447\u0430\u0435\u0442\u0441\u044f \u0442\u0435\u0433\u0443 <code>&lt;body><\/code> \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u044b.<\/p>\n<pre><code class=\"php\">&lt;?php  \/\/ \u042d\u0442\u043e \u0444\u0440\u0430\u0433\u043c\u0435\u043d\u0442 \u043a\u043e\u0434\u0430 \u0438\u0437 \u0444\u0430\u0439\u043b\u0430 index.php \u0448\u0430\u0431\u043b\u043e\u043d\u0430 Cassiopeia  \/\/ \u041f\u0430\u0440\u0430\u043c\u0435\u0442\u0440 CSS-\u043a\u043b\u0430\u0441\u0441 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u044b \u0438\u0437 \u043d\u0430\u0441\u0442\u0440\u043e\u0435\u043a \u043f\u0443\u043d\u043a\u0442\u0430 \u043c\u0435\u043d\u044e $pageclass = $menu !== null ? $menu->getParams()->get('pageclass_sfx', '') : '';  ?> &lt;!-- \u0418 \u0434\u0430\u043b\u0435\u0435 \u043d\u0438\u0436\u0435 \u043f\u043e \u043a\u043e\u0434\u0443 --> &lt;body class=\"site &lt;?php echo $option     . ' ' . $wrapper     . ' view-' . $view     . ($layout ? ' layout-' . $layout : ' no-layout')     . ($task ? ' task-' . $task : ' no-task')     . ($itemid ? ' itemid-' . $itemid : '')     . ($pageclass ? ' ' . $pageclass : '')     . $hasClass     . ($this->direction == 'rtl' ? ' rtl' : ''); ?>\"> <\/code><\/pre>\n<p>\u041f\u043e\u0441\u043a\u043e\u043b\u044c\u043a\u0443 CSS-\u043a\u043b\u0430\u0441\u0441 \u0431\u0443\u0434\u0435\u0442 \u043d\u0430\u0437\u043d\u0430\u0447\u0435\u043d \u0432\u0441\u0435\u0439 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0435, \u044d\u0442\u043e \u043e\u0437\u043d\u0430\u0447\u0430\u0435\u0442, \u0447\u0442\u043e \u0432 \u0441\u0432\u043e\u0438\u0445 CSS \u043f\u0440\u0430\u0432\u0438\u043b\u0430\u0445 \u043c\u044b \u043c\u043e\u0436\u0435\u043c \u043f\u0435\u0440\u0435\u0438\u043d\u0430\u0447\u0438\u0442\u044c \u043f\u043e\u043b\u043d\u043e\u0441\u0442\u044c\u044e \u0432\u0435\u0441\u044c \u0434\u0438\u0437\u0430\u0439\u043d \u0442\u043e\u043b\u044c\u043a\u043e \u043e\u043f\u0438\u0440\u0430\u044f\u0441\u044c \u043d\u0430 \u043d\u0430\u043b\u0438\u0447\u0438\u0435 \u0438\u043b\u0438 \u043e\u0442\u0441\u0443\u0442\u0441\u0442\u0432\u0438\u0435 \u044d\u0442\u043e\u0433\u043e CSS \u043a\u043b\u0430\u0441\u0441\u0430 \u0443 <code>&lt;body><\/code>. <\/p>\n<pre><code class=\"css\">\/* \u041f\u0440\u043e\u0441\u0442\u043e \u0446\u0432\u0435\u0442 \u0441\u0441\u044b\u043b\u043a\u0438 - \u0441\u0438\u043d\u0438\u0439 *\/ a { color: var(--bs-blue); }  \/* \u0410 \u0437\u0434\u0435\u0441\u044c - &lt;body class=\"dark\"> - \u0446\u0432\u0435\u0442 \u0441\u0441\u044b\u043b\u043a\u0438 \u043a\u0440\u0430\u0441\u043d\u044b\u0439*\/ body.dark a { color: var(--bs-danger); }<\/code><\/pre>\n<p>\u0422\u0430\u043a\u0438\u043c \u043e\u0431\u0440\u0430\u0437\u043e\u043c \u043c\u043e\u0436\u043d\u043e \u0441\u043e\u0437\u0434\u0430\u0432\u0430\u0442\u044c \u0443\u043d\u0438\u043a\u0430\u043b\u044c\u043d\u044b\u0435 \u0434\u0438\u0437\u0430\u0439\u043d\u044b \u0434\u043b\u044f \u043e\u0442\u0434\u0435\u043b\u044c\u043d\u044b\u0445 \u0441\u0442\u0440\u0430\u043d\u0438\u0446 \u0441\u0430\u0439\u0442\u0430, \u0441\u043e\u0437\u0434\u0430\u0432\u0430\u0442\u044c \u0442\u0435\u043c\u044b (\u0442\u0451\u043c\u043d\u0430\u044f \/ \u0441\u0432\u0435\u0442\u043b\u0430\u044f \/ \u0440\u044b\u0436\u0430\u044f \/ \u0438 \u0442.\u0434.)  \u0438 &#171;\u0432\u043a\u043b\u044e\u0447\u0430\u0442\u044c&#187; \u0438\u0445 \u043f\u0440\u043e\u0441\u0442\u043e \u0443\u043a\u0430\u0437\u0430\u043d\u0438\u0435\u043c \u043d\u0443\u0436\u043d\u043e\u0433\u043e \u043a\u043b\u0430\u0441\u0441\u0430 \u0432 \u0430\u0434\u043c\u0438\u043d\u043a\u0435 Joomla.<\/p>\n<p>\u041d\u044e\u0430\u043d\u0441: \u0432 \u0432\u044b\u0432\u043e\u0434\u0435 \u043d\u0435\u043a\u043e\u0442\u043e\u0440\u044b\u0445 \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442\u043e\u0432 Joomla \u043f\u0430\u0440\u0430\u043c\u0435\u0442\u0440 <code>$pageclass<\/code> \u043c\u043e\u0436\u0435\u0442 \u0432\u044b\u0432\u043e\u0434\u0438\u0442\u044c\u0441\u044f \u043d\u0435 \u0442\u043e\u043b\u044c\u043a\u043e \u0443 <code>&lt;body><\/code> (\u0437\u0430 \u044d\u0442\u043e \u043e\u0442\u0432\u0435\u0447\u0430\u0435\u0442 \u0444\u0430\u0439\u043b \u0448\u0430\u0431\u043b\u043e\u043d\u0430), \u043d\u043e \u0438 \u0432 \u043e\u0431\u043b\u0430\u0441\u0442\u0438 \u0432\u044b\u0432\u043e\u0434\u0430 \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442\u0430. \u0422\u0430\u043a \u043f\u0440\u043e\u0438\u0441\u0445\u043e\u0434\u0438\u0442, \u043d\u0430\u043f\u0440\u0438\u043c\u0435\u0440, \u0432 \u043c\u0430\u0442\u0435\u0440\u0438\u0430\u043b\u0430\u0445 Joomla (com_content) \u043f\u0440\u0438 \u043f\u0440\u043e\u0441\u043c\u043e\u0442\u0440\u0435 \u043f\u043e\u043b\u043d\u043e\u0433\u043e \u0442\u0435\u043a\u0441\u0442\u0430 \u043c\u0430\u0442\u0435\u0440\u0438\u0430\u043b\u0430. <\/p>\n<figure class=\"full-width\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/habrastorage.org\/r\/w1560\/getpro\/habr\/upload_files\/857\/286\/e17\/857286e17f195be67dcee964f10e1781.png\" width=\"1398\" height=\"672\" data-src=\"https:\/\/habrastorage.org\/getpro\/habr\/upload_files\/857\/286\/e17\/857286e17f195be67dcee964f10e1781.png\"\/><\/figure>\n<p>\u041f\u043e\u044d\u0442\u043e\u043c\u0443 \u043f\u0440\u0438 \u043f\u043e\u0441\u0442\u0440\u043e\u0435\u043d\u0438\u0438 \u043f\u0443\u0442\u0435\u0439 \u0441\u0435\u043b\u0435\u043a\u0442\u043e\u0440\u043e\u0432 \u0432 CSS \u043d\u0443\u0436\u043d\u043e \u0431\u044b\u0442\u044c \u0432\u043d\u0438\u043c\u0430\u0442\u0435\u043b\u044c\u043d\u044b\u043c. \u041b\u0438\u0431\u043e \u0441\u0434\u0435\u043b\u0430\u0442\u044c \u043f\u0435\u0440\u0435\u043e\u043f\u0440\u0435\u0434\u0435\u043b\u0435\u043d\u0438\u0435 \u043c\u0430\u043a\u0435\u0442\u0430 \u0432 \u0448\u0430\u0431\u043b\u043e\u043d\u0435 \u0438 \u0443\u0431\u0440\u0430\u0442\u044c \u043d\u0435\u043d\u0443\u0436\u043d\u044b\u0439 \u043a\u043e\u0434.<\/p>\n<p><a class=\"anchor\" name=\"file-component-php-joomla\" id=\"file-component-php-joomla\"><\/a><\/p>\n<h3>\u0424\u0430\u0439\u043b component.php<\/h3>\n<p>\u0415\u0441\u043b\u0438 \u043a \u043b\u044e\u0431\u043e\u043c\u0443 url \u0432 Joomla \u0434\u043e\u0431\u0430\u0432\u0438\u0442\u044c \u043f\u0430\u0440\u0430\u043c\u0435\u0442\u0440 <code>tmpl=component<\/code>, \u0442\u043e \u0432 \u043e\u0442\u0432\u0435\u0442 \u0412\u044b \u043f\u043e\u043b\u0443\u0447\u0438\u0442\u0435 \u0441\u043e\u0434\u0435\u0440\u0436\u0438\u043c\u043e\u0435 \u0432\u044b\u0432\u043e\u0434\u0430 \u0442\u043e\u043b\u044c\u043a\u043e \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442\u0430, \u0431\u0435\u0437 \u043e\u043a\u0440\u0443\u0436\u0430\u044e\u0449\u0438\u0445 \u0435\u0433\u043e \u043c\u043e\u0434\u0443\u043b\u0435\u0439 (\u0431\u0435\u0437 \u043c\u0435\u043d\u044e, \u0448\u0430\u043f\u043a\u0438, \u043f\u043e\u0434\u0432\u0430\u043b\u0430, \u0431\u043e\u043a\u043e\u0432\u044b\u0445 \u043a\u043e\u043b\u043e\u043d\u043e\u043a \u0438 \u0442.\u0434.). \u042d\u0442\u043e \u0447\u0430\u0441\u0442\u043e \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u044e\u0442 \u0432 \u0441\u043b\u0443\u0447\u0430\u044f\u0445, \u0435\u0441\u043b\u0438 \u043d\u0443\u0436\u043d\u043e \u043f\u043e\u043a\u0430\u0437\u0430\u0442\u044c \u0447\u0442\u043e-\u0442\u043e \u0432\u043e \u0432\u0441\u043f\u043b\u044b\u0432\u0430\u044e\u0449\u0435\u043c \u043e\u043a\u043d\u0435, \u043d\u0430\u043f\u0440\u0438\u043c\u0435\u0440, \u0442\u0435\u043a\u0441\u0442 \u043f\u043e\u043b\u0438\u0442\u0438\u043a\u0438 \u043e\u0431\u0440\u0430\u0431\u043e\u0442\u043a\u0438 \u043f\u0435\u0440\u0441\u043e\u043d\u0430\u043b\u044c\u043d\u044b\u0445 \u0434\u0430\u043d\u043d\u044b\u0445 \u0432 \u0444\u043e\u0440\u043c\u0435 \u043e\u0431\u0440\u0430\u0442\u043d\u043e\u0439 \u0441\u0432\u044f\u0437\u0438. \u0412 \u0442\u0430\u043a\u0438\u0445 \u0441\u043b\u0443\u0447\u0430\u044f\u0445 \u0441\u0441\u044b\u043b\u043a\u0430 \u043e\u043a\u043e\u043b\u043e \u0447\u0435\u043a\u0431\u043e\u043a\u0441\u0430 \u0432\u044b\u0437\u044b\u0432\u0430\u0435\u0442 \u043c\u043e\u0434\u0430\u043b\u044c\u043d\u043e\u0435 \u043e\u043a\u043d\u043e, \u0430 \u0432 \u043c\u043e\u0434\u0430\u043b\u044c\u043d\u043e\u043c \u043e\u043a\u043d\u0435 \u043d\u0430\u0445\u043e\u0434\u0438\u0442\u0441\u044f <code>&lt;iframe><\/code>, \u0432 \u0430\u0442\u0440\u0438\u0431\u0443\u0442\u0435 <code>src<\/code> \u043a\u043e\u0442\u043e\u0440\u043e\u0433\u043e \u0441\u0441\u044b\u043b\u043a\u0430 \u043d\u0430 \u043c\u0430\u0442\u0435\u0440\u0438\u0430\u043b \u0441 \u043f\u0430\u0440\u0430\u043c\u0435\u0442\u0440\u043e\u043c <code>tmpl=component<\/code>. \u0422\u043e\u0433\u0434\u0430 \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u0438 \u0412\u0430\u0448\u0435\u0433\u043e \u0441\u0430\u0439\u0442\u0430 \u0441\u043c\u043e\u0433\u0443\u0442 \u043e\u0437\u043d\u0430\u043a\u043e\u043c\u0438\u0442\u044c\u0441\u044f \u0441 \u0442\u0435\u043a\u0441\u0442\u043e\u043c \u0431\u0435\u0437 \u043f\u0435\u0440\u0435\u0445\u043e\u0434\u0430 \u043d\u0430 \u0434\u0440\u0443\u0433\u0443\u044e \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0443. HTML-\u043c\u0430\u043a\u0435\u0442 \u0442\u0430\u043a\u043e\u0433\u043e \u0432\u044b\u0432\u043e\u0434\u0430 \u0434\u0430\u043d\u043d\u044b\u0445 \u043d\u0430\u0445\u043e\u0434\u0438\u0442\u0441\u044f \u0432 \u0444\u0430\u0439\u043b\u0435 <code>component.php<\/code>. <\/p>\n<p>\u0415\u0433\u043e \u0441\u043e\u0434\u0435\u0440\u0436\u0438\u043c\u043e\u0435, \u043a\u0430\u043a \u043f\u0440\u0430\u0432\u0438\u043b\u043e, \u043e\u0447\u0435\u043d\u044c \u043f\u0440\u043e\u0441\u0442\u043e\u0435<\/p>\n<pre><code class=\"php\">&lt;?php  \/\/ \u0441\u043e\u0434\u0435\u0440\u0436\u0438\u043c\u043e\u0435 \u0444\u0430\u0439\u043b\u0430 templates\/system\/component.php  defined('_JEXEC') or die;  \/** @var Joomla\\CMS\\Document\\HtmlDocument $this *\/  \/\/ Styles $this->getWebAssetManager()->registerAndUseStyle('template.system.general', 'media\/system\/css\/system-site-general.css');  ?> &lt;!DOCTYPE html> &lt;html lang=\"&lt;?php echo $this->language; ?>\" dir=\"&lt;?php echo $this->direction; ?>\"> &lt;head>     &lt;jdoc:include type=\"metas\" \/>     &lt;meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">     &lt;jdoc:include type=\"styles\" \/>     &lt;jdoc:include type=\"scripts\" \/> &lt;\/head> &lt;body class=\"contentpane\">     &lt;jdoc:include type=\"message\" \/>     &lt;jdoc:include type=\"component\" \/> &lt;\/body> &lt;\/html><\/code><\/pre>\n<p>\u0415\u0441\u043b\u0438 \u0432 \u0412\u0430\u0448\u0435\u043c \u0448\u0430\u0431\u043b\u043e\u043d\u0435 \u043e\u0442\u0441\u0443\u0442\u0441\u0442\u0432\u0443\u0435\u0442 \u0444\u0430\u0439\u043b <code>component.php<\/code>, \u0442\u043e \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u0435\u0442\u0441\u044f \u0441\u0442\u0430\u043d\u0434\u0430\u0440\u0442\u043d\u044b\u0439 \u0444\u0430\u0439\u043b <code>templates\/system\/component.php<\/code>. <\/p>\n<p>\u0414\u043b\u044f \u0412\u0430\u0448\u0438\u0445 \u0441\u043e\u0431\u0441\u0442\u0432\u0435\u043d\u043d\u044b\u0445 \u043d\u0443\u0436\u0434 \u0412\u044b \u043c\u043e\u0436\u0435\u0442\u0435 \u0441\u0434\u0435\u043b\u0430\u0442\u044c <strong>\u0440\u0430\u0437\u043d\u044b\u0435 \u0448\u0430\u0431\u043b\u043e\u043d\u044b<\/strong> \u0432\u044b\u0432\u043e\u0434\u0430 \u0438 \u0440\u0435\u0430\u043b\u0438\u0437\u043e\u0432\u044b\u0432\u0430\u0442\u044c \u0432 \u043d\u0438\u0445 \u0441\u0432\u043e\u044e \u0441\u043f\u0435\u0446\u0438\u0444\u0438\u0447\u043d\u0443\u044e \u043b\u043e\u0433\u0438\u043a\u0443. \u0412 url \u0437\u0430\u043f\u0440\u043e\u0441\u0430 \u0442\u043e\u0433\u0434\u0430 \u0412\u044b \u0431\u0443\u0434\u0435\u0442\u0435 \u0443\u043a\u0430\u0437\u044b\u0432\u0430\u0442\u044c \u043f\u0430\u0440\u0430\u043c\u0435\u0442\u0440 <code>tmpl=component2<\/code> \u0438 \u0434\u043b\u044f \u0432\u044b\u0432\u043e\u0434\u0430 \u0434\u0430\u043d\u043d\u044b\u0445 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c\u0441\u044f \u0431\u0443\u0434\u0435\u0442 \u0444\u0430\u0439\u043b <code>templates\/\u0432\u0430\u0448_\u0448\u0430\u0431\u043b\u043e\u043d\/component2.php<\/code>. \u0418\u043d\u043e\u0433\u0434\u0430 \u0442\u0430\u043a\u0438\u0435 \u0437\u0430\u043f\u0440\u043e\u0441\u044b \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u044e\u0442 \u0434\u043b\u044f \u043f\u043e\u043b\u0443\u0447\u0435\u043d\u0438\u044f \u0434\u0430\u043d\u043d\u044b\u0445 \u043f\u043e ajax, \u0445\u043e\u0442\u044f \u043e\u0442\u0434\u0430\u0432\u0430\u0442\u044c \u0433\u043e\u0442\u043e\u0432\u044b\u0439 HTML \u043f\u043e ajax &#8212; \u043d\u0435 \u0441\u0430\u043c\u0430\u044f \u043b\u0443\u0447\u0448\u0430\u044f \u043f\u0440\u0430\u043a\u0442\u0438\u043a\u0430.<\/p>\n<p><a class=\"anchor\" name=\"file-error-php-joomla\" id=\"file-error-php-joomla\"><\/a><\/p>\n<h3>\u0424\u0430\u0439\u043b error.php<\/h3>\n<p>\u042d\u0442\u043e\u0442 \u0444\u0430\u0439\u043b \u043e\u0442\u0432\u0435\u0447\u0430\u0435\u0442 \u0437\u0430 \u0432\u044b\u0432\u043e\u0434 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u044b 404. \u041a\u0440\u043e\u043c\u0435 \u043e\u0448\u0438\u0431\u043a\u0438 404, \u0432 Joomla 4 \u044d\u0442\u043e\u0442 \u0436\u0435 \u0444\u0430\u0439\u043b \u043e\u0442\u0432\u0435\u0447\u0430\u0435\u0442 \u0437\u0430 \u0432\u044b\u0432\u043e\u0434 \u0441\u043e\u043e\u0431\u0449\u0435\u043d\u0438\u044f \u043e\u0431 \u043e\u0448\u0438\u0431\u043a\u0435 403. \u0414\u043e\u043f\u043e\u043b\u043d\u0438\u0442\u0435\u043b\u044c\u043d\u0443\u044e \u0438\u043d\u0444\u043e\u0440\u043c\u0430\u0446\u0438\u044e \u043c\u043e\u0436\u043d\u043e \u0442\u0430\u043a\u0436\u0435 \u043f\u043e\u0434\u0447\u0435\u0440\u043f\u043d\u0443\u0442\u044c <a href=\"https:\/\/manual.joomla.org\/docs\/building-extensions\/templates\/custom-errorpages\" rel=\"noopener noreferrer nofollow\">\u043d\u0430 \u043d\u043e\u0432\u043e\u043c \u043f\u043e\u0440\u0442\u0430\u043b\u0435 \u0434\u043e\u043a\u0443\u043c\u0435\u043d\u0442\u0430\u0446\u0438\u0438 Joomla<\/a>.<\/p>\n<p>\u0415\u0441\u043b\u0438 \u0432 \u0448\u0430\u0431\u043b\u043e\u043d\u0435 \u043d\u0435\u0442 \u0444\u0430\u0439\u043b\u0430 <code>error.php<\/code>, \u0442\u043e \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u0435\u0442\u0441\u044f \u0441\u0438\u0441\u0442\u0435\u043c\u043d\u044b\u0439 \u0444\u0430\u0439\u043b \u0438\u0437 <code>templates\/system\/error.php<\/code>. \u0412\u044b \u043c\u043e\u0436\u0435\u0442\u0435 \u0441\u043a\u043e\u043f\u0438\u0440\u043e\u0432\u0430\u0442\u044c \u0432 \u0441\u0432\u043e\u0439 \u0448\u0430\u0431\u043b\u043e\u043d \u0441\u0438\u0441\u0442\u0435\u043c\u043d\u044b\u0439 \u0444\u0430\u0439\u043b \u0438 \u043f\u0435\u0440\u0435\u043d\u0435\u0441\u0442\u0438 \u0442\u0443\u0434\u0430 \u0447\u0430\u0441\u0442\u044c \u0432\u0451\u0440\u0441\u0442\u043a\u0438 \u0438\u0437 \u043e\u0441\u043d\u043e\u0432\u043d\u043e\u0433\u043e \u0448\u0430\u0431\u043b\u043e\u043d\u0430 \u0438\u043b\u0438 \u043e\u0444\u043e\u0440\u043c\u0438\u0442\u044c \u043f\u043e-\u0441\u0432\u043e\u0435\u043c\u0443 \u043f\u043e\u043b\u043d\u043e\u0441\u0442\u044c\u044e. <\/p>\n<p><strong>\u0413\u043b\u0430\u0432\u043d\u043e\u0435 \u043e\u0442\u043b\u0438\u0447\u0438\u0435 Joomla 4 (\u0438 Joomla 5) \u043e\u0442 Joomla 3 \u044d\u0442\u043e \u0442\u043e, \u0447\u0442\u043e \u043d\u0430 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0435 \u043e\u0448\u0438\u0431\u043a\u0438 \u0442\u0435\u043f\u0435\u0440\u044c \u043c\u043e\u0436\u043d\u043e \u043e\u0442\u043e\u0431\u0440\u0430\u0436\u0430\u0442\u044c \u043c\u043e\u0434\u0443\u043b\u0438 <\/strong>(\u0432\u0441\u0451-\u0442\u0430\u043a\u0438 \u043f\u043e\u0441\u043c\u043e\u0442\u0440\u0438\u0442\u0435 \u0441\u0441\u044b\u043b\u043a\u0443 \u043d\u0430 \u0434\u043e\u043a\u0443\u043c\u0435\u043d\u0442\u0430\u0446\u0438\u044e \u0447\u0443\u0442\u044c \u0432\u044b\u0448\u0435, \u0442\u0430\u043c \u043a\u0430\u043a \u0440\u0430\u0437 \u043f\u0440\u043e \u044d\u0442\u043e \u0442\u043e\u0436\u0435). \u042d\u0442\u043e\u0433\u043e \u043e\u0447\u0435\u043d\u044c \u043d\u0435 \u0445\u0432\u0430\u0442\u0430\u043b\u043e \u0432 \u043f\u0440\u0435\u0434\u044b\u0434\u0443\u0449\u0438\u0445 \u0432\u0435\u0440\u0441\u0438\u044f\u0445 Joomla \u0438 \u0432\u0435\u0431-\u043c\u0430\u0441\u0442\u0435\u0440\u0430, \u0432\u044b\u043f\u043e\u043b\u043d\u044f\u044f \u0437\u0430\u0434\u0430\u043d\u0438\u044f \u0421\u0415\u041e-\u0441\u043f\u0435\u0446\u0438\u0430\u043b\u0438\u0441\u0442\u043e\u0432 \u0438 \u0438\u043d\u0442\u0435\u0440\u043d\u0435\u0442-\u043c\u0430\u0440\u043a\u0435\u0442\u043e\u043b\u043e\u0433\u043e\u0432 \u0438\u0437\u0433\u043e\u043b\u044f\u043b\u0438\u0441\u044c \u043a\u0430\u043a \u043c\u043e\u0433\u043b\u0438. \u0412\u043f\u043b\u043e\u0442\u044c \u0434\u043e \u043e\u0431\u0440\u0430\u0431\u043e\u0442\u043a\u0438 404 \u0432 <code>htaccess<\/code> (\u0432\u0440\u043e\u0434\u0435 \u043d\u0438\u0447\u0435\u0433\u043e \u0441\u0442\u0440\u0430\u0448\u043d\u043e\u0433\u043e), \u0433\u0434\u0435 \u0441\u0435\u0440\u0432\u0435\u0440 \u043f\u0435\u0440\u0435\u043d\u0430\u043f\u0440\u0430\u0432\u043b\u044f\u043b \u043d\u0430 \u0441\u043e\u0445\u0440\u0430\u043d\u0451\u043d\u043d\u0443\u044e \u043f\u0440\u044f\u043c\u043e \u0438\u0437 \u0431\u0440\u0430\u0443\u0437\u0435\u0440\u0430 HTML-\u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0443 \u0441\u0430\u0439\u0442\u0430 (\u0430 \u0432\u043e\u0442 \u044d\u0442\u043e \u0443\u0436\u0435 \u0441\u0442\u0440\u0430\u0448\u043d\u043e&#8230;). <\/p>\n<p>\u0422\u0435\u043f\u0435\u0440\u044c \u0412\u044b \u043c\u043e\u0436\u0435\u0442\u0435 \u0441\u043f\u043e\u043a\u043e\u0439\u043d\u043e \u043f\u043e\u0432\u0442\u043e\u0440\u0438\u0442\u044c \u043d\u0430 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0435 404 \u0438 \u0448\u0430\u043f\u043a\u0443, \u0438 \u043f\u043e\u0434\u0432\u0430\u043b \u0441\u0430\u0439\u0442\u0430, \u0438 \u043c\u0435\u043d\u044e \u0438 \u043f\u043e\u0447\u0442\u0438 \u0432\u0441\u0451, \u0447\u0442\u043e \u0443\u0433\u043e\u0434\u043d\u043e. \u042d\u0442\u043e \u043e\u0447\u0435\u043d\u044c \u043a\u0440\u0443\u0442\u043e.<\/p>\n<p>\u041d\u043e, \u0435\u0441\u0442\u044c \u043d\u044e\u0430\u043d\u0441. \u041d\u044e\u0430\u043d\u0441 \u0437\u0430\u043a\u043b\u044e\u0447\u0430\u0435\u0442\u0441\u044f \u0432 \u0442\u043e\u043c, \u0447\u0442\u043e \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0430 404 \u044f\u0432\u043b\u044f\u0435\u0442\u0441\u044f \u043e\u0431\u044a\u0435\u043a\u0442\u043e\u043c \u043d\u0435 <code>Joomla\\CMS\\Document\\HtmlDocument<\/code><em>, <\/em>\u0430<em> <\/em><code>Joomla\\CMS\\Document\\ErrorDocument<\/code><em>. <\/em>\u042d\u0442\u043e \u043e\u0437\u043d\u0430\u0447\u0430\u0435\u0442, \u0447\u0442\u043e, \u043d\u0430\u043f\u0440\u0438\u043c\u0435\u0440, \u043d\u0435\u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u043f\u043b\u0430\u0433\u0438\u043d\u044b \u043d\u0430 \u044d\u0442\u043e\u0439 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0435 \u0440\u0430\u0431\u043e\u0442\u0430\u0442\u044c \u043d\u0435 \u0431\u0443\u0434\u0443\u0442. \u0418 \u0435\u0441\u043b\u0438 \u0412\u044b \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u0435\u0442\u0435, \u043d\u0430\u043f\u0440\u0438\u043c\u0435\u0440, \u043f\u043b\u0430\u0433\u0438\u043d \u0434\u043b\u044f \u0437\u0430\u043c\u0435\u043d\u044b \u0448\u043e\u0440\u0442-\u043a\u043e\u0434\u043e\u0432 (\u0434\u043b\u044f \u043a\u043e\u043d\u0442\u0430\u043a\u0442\u043e\u0432, \u043d\u0430\u0437\u0432\u0430\u043d\u0438\u044f \u043a\u043e\u043c\u043f\u0430\u043d\u0438\u0438, \u043b\u043e\u0433\u043e\u0442\u0438\u043f\u0430, \u0441\u0441\u044b\u043b\u043e\u043a \u043d\u0430 \u0441\u043e\u0446.\u0441\u0435\u0442\u0438 \u0438 \u0442.\u0434.), \u0442\u043e \u043d\u0430 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0435 404 \u0431\u0443\u0434\u0443\u0442 \u043e\u0442\u043e\u0431\u0440\u0430\u0436\u0430\u0442\u044c\u0441\u044f \u0438\u043c\u0435\u043d\u043d\u043e \u0448\u043e\u0440\u0442-\u043a\u043e\u0434\u044b, \u0430 \u043d\u0435 \u043a\u043e\u043d\u0442\u0430\u043a\u0442\u044b. \u0411\u0443\u0434\u044c\u0442\u0435 \u0432\u043d\u0438\u043c\u0430\u0442\u0435\u043b\u044c\u043d\u044b \u0438 \u043e\u0441\u0442\u043e\u0440\u043e\u0436\u043d\u044b ))<\/p>\n<p>\u041e\u0431\u044b\u0447\u043d\u043e \u043f\u0440\u0438 \u0441\u043e\u0437\u0434\u0430\u043d\u0438\u0438 \u0441\u0432\u043e\u0435\u0433\u043e \u0448\u0430\u0431\u043b\u043e\u043d\u0430 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0443 \u0434\u043b\u044f \u043e\u0442\u043e\u0431\u0440\u0430\u0436\u0435\u043d\u0438\u044f \u043e\u0448\u0438\u0431\u043e\u043a \u043a\u043e\u043f\u0438\u0440\u0443\u044e\u0442 \u0438\u0437 \u0441\u0442\u0430\u043d\u0434\u0430\u0440\u0442\u043d\u043e\u0433\u043e (Cassipeia \u0434\u043b\u044f Joomla 4+) \u0438 \u0438\u0437\u043c\u0435\u043d\u044f\u044e\u0442 \u0443\u0436\u0435 \u0435\u0451. \u0432 \u043d\u0435\u0439 \u0441\u043e\u0434\u0435\u0440\u0436\u0438\u0442\u0441\u044f \u0442\u0438\u043f\u043e\u0432\u043e\u0435 \u0441\u043e\u043e\u0431\u0449\u0435\u043d\u0438\u0435 \u043e\u0431 \u043e\u0448\u0438\u0431\u043a\u0435 \u0432 \u0434\u0443\u0445\u0435 &#171;\u0423\u0441\u0442\u0430\u0440\u0435\u0432\u0448\u0430\u044f \u0437\u0430\u043a\u043b\u0430\u0434\u043a\u0430\/\u0438\u0437\u0431\u0440\u0430\u043d\u043d\u043e\u0435&#187; , &#171;\u041a\u044d\u0448 \u043f\u043e\u0438\u0441\u043a\u043e\u0432\u043e\u0439 \u0441\u0438\u0441\u0442\u0435\u043c\u044b \u0441\u0441\u044b\u043b\u0430\u0435\u0442\u0441\u044f \u043d\u0430 \u0443\u0441\u0442\u0430\u0440\u0435\u0432\u0448\u0443\u044e \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0443 \u0441\u0430\u0439\u0442\u0430&#187; \u0438 \u0442.\u0434. \u041d\u0430 \u0441\u0430\u043c\u043e\u043c \u0434\u0435\u043b\u0435 \u044d\u0442\u0438 \u0441\u043e\u043e\u0431\u0449\u0435\u043d\u0438\u044f \u0443\u0436\u0435 \u043c\u0430\u043b\u043e\u043f\u043e\u043b\u0435\u0437\u043d\u044b \u0434\u043b\u044f \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u0435\u0439 \u0438 \u043f\u043e\u044d\u0442\u043e\u043c\u0443 \u043d\u0430\u0434\u043f\u0438\u0441\u0438 \u0437\u0430\u043c\u0435\u043d\u044f\u044e\u0442 \u043d\u0430 \u0444\u043e\u0442\u043e\u0433\u0440\u0430\u0444\u0438\u044e &#171;\u0410\u0434\u043c\u0438\u043d \u0432 \u0443\u0436\u0430\u0441\u0435&#187;. \u041d\u043e \u0434\u043b\u044f \u0430\u0434\u043c\u0438\u043d\u043e\u0432 \u043f\u043e\u043b\u0435\u0437\u043d\u044b\u043c \u0431\u0443\u0434\u0435\u0442 \u043a\u043e\u0434 \u043e\u0448\u0438\u0431\u043a\u0438, \u0435\u0451 \u043f\u043e\u0434\u0440\u043e\u0431\u043d\u043e\u0435 \u043e\u043f\u0438\u0441\u0430\u043d\u0438\u0435 \u0438 callstack.<\/p>\n<p>\u0412 \u0441\u0442\u0430\u043d\u0434\u0430\u0440\u0442\u043d\u043e\u043c \u0448\u0430\u0431\u043b\u043e\u043d\u0435 Cassiopeia \u0443\u0447\u0430\u0441\u0442\u043e\u043a \u043a\u043e\u0434\u0430, \u043e\u0442\u0432\u0435\u0447\u0430\u044e\u0449\u0438\u0439 \u0437\u0430 \u0432\u044b\u0432\u043e\u0434 \u044d\u0442\u0438\u0445 \u0434\u0430\u043d\u043d\u044b\u0445 \u0432\u043a\u044b\u043b\u044f\u0434\u0438\u0442 \u0442\u0430\u043a:<\/p>\n<pre><code class=\"php\">&lt;?php \/\/\u043e\u0441\u0442\u0430\u0432\u043b\u044e \u044d\u0442\u043e \u0437\u0434\u0435\u0441\u044c, \u0430 \u0442\u043e \u043f\u043e\u0434\u0441\u0432\u0435\u0442\u043a\u0430 \u0441\u0438\u043d\u0442\u0430\u043a\u0441\u0438\u0441\u0430 \u0425\u0430\u0431\u0440\u0430 \u0445\u0440\u043e\u043c\u0430\u0435\u0442 :( ?> &lt;blockquote>     &lt;span class=\"badge bg-secondary\">&lt;?php echo $this->error->getCode(); ?>&lt;\/span> &lt;?php echo htmlspecialchars($this->error->getMessage(), ENT_QUOTES, 'UTF-8'); ?> &lt;\/blockquote> &lt;?php if ($this->debug) : ?>     &lt;div>         &lt;?php echo $this->renderBacktrace(); ?>         &lt;?php \/\/ Check if there are more Exceptions and render their data as well ?>         &lt;?php if ($this->error->getPrevious()) : ?>             &lt;?php $loop = true; ?>             &lt;?php \/\/ Reference $this->_error here and in the loop as setError() assigns errors to this property and we need this for the backtrace to work correctly ?>             &lt;?php \/\/ Make the first assignment to setError() outside the loop so the loop does not skip Exceptions ?>             &lt;?php $this->setError($this->_error->getPrevious()); ?>             &lt;?php while ($loop === true) : ?>                 &lt;p>&lt;strong>&lt;?php echo Text::_('JERROR_LAYOUT_PREVIOUS_ERROR'); ?>&lt;\/strong>&lt;\/p>                 &lt;p>&lt;?php echo htmlspecialchars($this->_error->getMessage(), ENT_QUOTES, 'UTF-8'); ?>&lt;\/p>                 &lt;?php echo $this->renderBacktrace(); ?>                 &lt;?php $loop = $this->setError($this->_error->getPrevious()); ?>             &lt;?php endwhile; ?>             &lt;?php \/\/ Reset the main error object to the base error ?>             &lt;?php $this->setError($this->error); ?>         &lt;?php endif; ?>     &lt;\/div> &lt;?php endif; ?><\/code><\/pre>\n<p>\u041e\u0431\u0440\u0430\u0442\u0438\u0442\u0435 \u0432\u043d\u0438\u043c\u0430\u043d\u0438\u0435, \u0447\u0442\u043e \u0441\u0442\u0430\u043a \u0432\u044b\u0437\u043e\u0432\u043e\u0432 \u043f\u043e\u043a\u0430\u0437\u044b\u0432\u0430\u0435\u0442\u0441\u044f \u0442\u043e\u043b\u044c\u043a\u043e \u0432 \u0441\u043b\u0443\u0447\u0430\u0435, \u0435\u0441\u043b\u0438 \u0432 \u043e\u0431\u0449\u0438\u0445 \u043d\u0430\u0441\u0442\u0440\u043e\u0439\u043a\u0430\u0445 \u0441\u0430\u0439\u0442\u0430 \u0432\u043a\u043b\u044e\u0447\u0451\u043d \u043f\u0430\u0440\u0430\u043c\u0435\u0442\u0440 &#171;\u043e\u0442\u043b\u0430\u0434\u043a\u0430 \u0441\u0438\u0441\u0442\u0435\u043c\u044b&#187; <code>if ($this->debug)<\/code>.<\/p>\n<p><a class=\"anchor\" name=\"file-fatal-php-joomla\" id=\"file-fatal-php-joomla\"><\/a><\/p>\n<h3>\u0424\u0430\u0439\u043b fatal.php<\/h3>\n<p>\u041d\u0435 \u0432\u0441\u0442\u0440\u0435\u0447\u0430\u043b, \u0447\u0442\u043e\u0431\u044b \u044d\u0442\u043e\u0442 \u0444\u0430\u0439\u043b \u0444\u0438\u0433\u0443\u0440\u0438\u0440\u043e\u0432\u0430\u043b \u0432 \u0448\u0430\u0431\u043b\u043e\u043d\u0430\u0445, \u043d\u043e \u043e\u043d \u0435\u0441\u0442\u044c \u0432 \u0441\u0438\u0441\u0442\u0435\u043c\u043d\u043e\u043c \u0448\u0430\u0431\u043b\u043e\u043d\u0435 &#8212; <code>templates\/system\/fatal.php<\/code>. <\/p>\n<figure class=\"full-width\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/habrastorage.org\/r\/w1560\/getpro\/habr\/upload_files\/5b6\/668\/fdc\/5b6668fdc712add9449aac33172eb52d.png\" alt=\"\" title=\"\" width=\"774\" height=\"684\" data-src=\"https:\/\/habrastorage.org\/getpro\/habr\/upload_files\/5b6\/668\/fdc\/5b6668fdc712add9449aac33172eb52d.png\"\/><\/figure>\n<p>\u0421\u043e\u0433\u043b\u0430\u0441\u043d\u043e \u043f\u0440\u0438\u043c\u0435\u0447\u0430\u043d\u0438\u044e, \u044d\u0442\u043e\u0442 \u0444\u0430\u0439\u043b \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u0435\u0442\u0441\u044f \u0434\u043b\u044f \u043e\u0442\u043e\u0431\u0440\u0430\u0436\u0435\u043d\u0438\u044f \u043e\u0448\u0438\u0431\u043e\u043a \u0442\u043e\u043b\u044c\u043a\u043e \u0432 \u0441\u0430\u043c\u044b\u0445 \u043a\u0440\u0438\u0442\u0438\u0447\u0435\u0441\u043a\u0438\u0445 \u0441\u0438\u0442\u0443\u0430\u0446\u0438\u044f\u0445. \u0418 \u0434\u0430\u0436\u0435 \u0432 \u043d\u0451\u043c \u0443 \u043d\u0430\u0441 \u0435\u0441\u0442\u044c \u0432\u043e\u0437\u043c\u043e\u0436\u043d\u043e\u0441\u0442\u044c \u0441\u0434\u0435\u043b\u0430\u0442\u044c \u0441\u0432\u043e\u0439 \u0434\u0438\u0437\u0430\u0439\u043d. \u0434\u043b\u044f \u044d\u0442\u043e\u0433\u043e \u043d\u0443\u0436\u043d\u043e \u0441\u043e\u0437\u0434\u0430\u0442\u044c \u0444\u0430\u0439\u043b <code>fatal-error.custom.php<\/code> \u0438 \u043f\u043e\u043c\u0435\u0441\u0442\u0438\u0442\u044c \u0435\u0433\u043e \u043d\u0435 \u0432 \u043f\u0430\u043f\u043a\u0435 \u0441\u043e \u0441\u0432\u043e\u0438\u043c \u0448\u0430\u0431\u043b\u043e\u043d\u043e\u043c, \u0430 \u0432 \u043f\u0430\u043f\u043a\u0435 <code>templates\/system<\/code>. <\/p>\n<p><a class=\"anchor\" name=\"file-offline-php-joomla\" id=\"file-offline-php-joomla\"><\/a><\/p>\n<h3>\u0424\u0430\u0439\u043b offilne.php<\/h3>\n<p>\u042d\u0442\u043e\u0442 \u0444\u0430\u0439\u043b \u043e\u0442\u043e\u0431\u0440\u0430\u0436\u0430\u0435\u0442 \u0437\u0430\u0433\u043b\u0443\u0448\u043a\u0443 &#171;\u0441\u0430\u0439\u0442 \u0432\u044b\u043a\u043b\u044e\u0447\u0435\u043d \u0438 \u043d\u0430\u0445\u043e\u0434\u0438\u0442\u0441\u044f \u043d\u0430 \u0442\u0435\u0445\u043d\u0438\u0447\u0435\u0441\u043a\u043e\u043c \u043e\u0431\u0441\u043b\u0443\u0436\u0438\u0432\u0430\u043d\u0438\u0438&#187;.  \u0412\u044b\u043a\u043b\u044e\u0447\u0438\u0442\u044c \u0441\u0430\u0439\u0442 \u043c\u043e\u0436\u043d\u043e \u0432 \u0421\u0438\u0441\u0442\u0435\u043c\u0430 &#8212; \u041e\u0431\u0449\u0438\u0435 \u043d\u0430\u0441\u0442\u0440\u043e\u0439\u043a\u0438 &#8212; &#171;\u0421\u0430\u0439\u0442 \u0432\u044b\u043a\u043b\u044e\u0447\u0435\u043d&#187;.<\/p>\n<figure class=\"full-width\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/habrastorage.org\/r\/w1560\/getpro\/habr\/upload_files\/b80\/2c1\/095\/b802c1095d2937e57cdada641c8e3b5b.png\" width=\"1761\" height=\"896\" data-src=\"https:\/\/habrastorage.org\/getpro\/habr\/upload_files\/b80\/2c1\/095\/b802c1095d2937e57cdada641c8e3b5b.png\"\/><\/figure>\n<p>\u0415\u0441\u043b\u0438 \u0444\u0430\u0439\u043b\u0430 offline.php \u043d\u0435\u0442 \u0432 \u0448\u0430\u0431\u043b\u043e\u043d\u0435, \u0442\u043e \u0431\u0443\u0434\u0435\u0442 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c\u0441\u044f \u0441\u0438\u0441\u0442\u0435\u043c\u043d\u044b\u0439 \u0444\u0430\u0439\u043b \u0438\u0437 <code>templates\/system\/offline.php<\/code>. \u0422\u0438\u043f \u0434\u043e\u043a\u0443\u043c\u0435\u043d\u0442\u0430 \u0437\u0434\u0435\u0441\u044c <code>Joomla\\CMS\\Document\\HtmlDocument<\/code>, \u043f\u043e\u044d\u0442\u043e\u043c\u0443 \u0438 \u043c\u043e\u0434\u0443\u043b\u0438 \u0438 \u043a\u043e\u043d\u0442\u0435\u043d\u0442-\u043f\u043b\u0430\u0433\u0438\u043d\u044b \u0437\u0434\u0435\u0441\u044c \u0440\u0430\u0431\u043e\u0442\u0430\u044e\u0442. \u041a\u0430\u043a \u043f\u0440\u0430\u0432\u0438\u043b\u043e, \u044d\u0442\u0430 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0430 \u043e\u0442\u043e\u0431\u0440\u0430\u0436\u0430\u0435\u0442 \u0442\u0435\u043a\u0441\u0442 \u0438\u0437 \u043e\u0431\u0449\u0438\u0445 \u043d\u0430\u0441\u0442\u0440\u043e\u0435\u043a \u0441\u0430\u0439\u0442\u0430 \u0438 \u043a\u0430\u0440\u0442\u0438\u043d\u043a\u0443 \u043d\u0430 \u0444\u043e\u043d (\u0438\u043b\u0438 \u0443 \u0437\u0430\u0433\u043e\u043b\u043e\u0432\u043a\u0430) \u0438\u0437 \u043d\u0430\u0441\u0442\u0440\u043e\u0435\u043a \u0448\u0430\u0431\u043b\u043e\u043d\u0430. \u0417\u0434\u0435\u0441\u044c \u0436\u0435 \u043c\u043e\u0436\u043d\u043e \u043f\u043e\u043c\u0435\u0441\u0442\u0438\u0442\u044c \u043a\u0430\u043a\u043e\u0439-\u043d\u0438\u0431\u0443\u0434\u044c \u0441\u0447\u0451\u0442\u0447\u0438\u043a \u043e\u0431\u0440\u0430\u0442\u043d\u043e\u0433\u043e \u043e\u0442\u0441\u0447\u0435\u0442\u0430 \u0430-\u043b\u044f Coming soon.<\/p>\n<p>\u0421\u0442\u0430\u043d\u0434\u0430\u0440\u0442\u043d\u0430\u044f \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0430 offline \u043e\u0431\u044b\u0447\u043d\u043e \u043f\u043e\u043a\u0430\u0437\u044b\u0432\u0430\u0435\u0442 \u0444\u043e\u0440\u043c\u0443 \u0432\u0445\u043e\u0434\u0430 \u043d\u0430 \u0441\u0430\u0439\u0442. \u041d\u0430 \u043c\u043e\u0435\u0439 \u043f\u0440\u0430\u043a\u0442\u0438\u043a\u0435, \u0435\u0441\u043b\u0438 \u0442\u0430\u043a\u043e\u0439 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0435\u0439 \u0438 \u043f\u043e\u043b\u044c\u0437\u0443\u044e\u0442\u0441\u044f, \u0442\u043e \u0434\u043e\u0432\u043e\u043b\u044c\u043d\u043e \u0440\u0435\u0434\u043a\u043e. \u0424\u043e\u0440\u043c\u0443 \u0432\u0445\u043e\u0434\u0430 \u0432 \u0442\u0430\u043a\u0438\u0445 \u0441\u043b\u0443\u0447\u0430\u044f\u0445 \u0443\u0431\u0438\u0440\u0430\u044e\u0442.<\/p>\n<figure class=\"full-width\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/habrastorage.org\/r\/w1560\/getpro\/habr\/upload_files\/9d6\/efa\/5e3\/9d6efa5e3abaf909d709f5454287b0ae.png\" alt=\"\u0412\u0430\u0440\u0438\u0430\u043d\u0442 \u043e\u0444\u043e\u0440\u043c\u043b\u0435\u043d\u0438\u044f offline \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u044b \u0448\u0430\u0431\u043b\u043e\u043d\u0430 Joomla 4+\" title=\"\u0412\u0430\u0440\u0438\u0430\u043d\u0442 \u043e\u0444\u043e\u0440\u043c\u043b\u0435\u043d\u0438\u044f offline \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u044b \u0448\u0430\u0431\u043b\u043e\u043d\u0430 Joomla 4+\" width=\"1919\" height=\"1079\" data-src=\"https:\/\/habrastorage.org\/getpro\/habr\/upload_files\/9d6\/efa\/5e3\/9d6efa5e3abaf909d709f5454287b0ae.png\"\/><\/p>\n<div><figcaption>\u0412\u0430\u0440\u0438\u0430\u043d\u0442 \u043e\u0444\u043e\u0440\u043c\u043b\u0435\u043d\u0438\u044f offline \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u044b \u0448\u0430\u0431\u043b\u043e\u043d\u0430 Joomla 4+<\/figcaption><\/div>\n<\/figure>\n<p><a class=\"anchor\" name=\"file-joomla-asset-json-joomla-template\" id=\"file-joomla-asset-json-joomla-template\"><\/a><\/p>\n<h3>\u0424\u0430\u0439\u043b joomla.asset.json \u0448\u0430\u0431\u043b\u043e\u043d\u0430 Joomla<\/h3>\n<p>\u042d\u0442\u043e\u0442 \u0444\u0430\u0439\u043b \u043e\u043f\u0438\u0441\u044b\u0432\u0430\u0435\u0442 \u043d\u0435\u043e\u0431\u0445\u043e\u0434\u0438\u043c\u044b\u0435 \u0434\u043b\u044f \u0440\u0430\u0431\u043e\u0442\u044b \u0448\u0430\u0431\u043b\u043e\u043d\u0430 \u0432\u0435\u0431 \u0430\u0441\u0441\u0435\u0442\u044b. \u0415\u0449\u0451 \u0440\u0430\u0437 \u0430\u0434\u0440\u0435\u0441\u0443\u044e \u0447\u0438\u0442\u0430\u0442\u0435\u043b\u044f \u043a \u0441\u0442\u0430\u0442\u044c\u0435 <a href=\"https:\/\/jpath.ru\/docs\/output\/js-css\/kak-pravilno-podklyuchat-javascript-i-css-v-joomla-4\" rel=\"noopener noreferrer nofollow\">\u041a\u0430\u043a \u043f\u0440\u0430\u0432\u0438\u043b\u044c\u043d\u043e \u043f\u043e\u0434\u043a\u043b\u044e\u0447\u0430\u0442\u044c JavaScript \u0438 CSS \u0432 Joomla 4<\/a>. \u0412 \u043d\u0435\u0439 \u043f\u043e\u0434\u0440\u043e\u0431\u043d\u043e \u0440\u0430\u0441\u043a\u0440\u044b\u0432\u0430\u0435\u0442\u0441\u044f \u043a\u043e\u043d\u0446\u0435\u043f\u0446\u0438\u044f Web Asset \u0432 Joomla 4 \u0438 Joomla 5, \u0434\u0430\u043d\u044b \u043f\u0440\u0438\u043c\u0435\u0440\u044b \u043a\u043e\u0434\u0430 \u0438 \u043f\u0430\u0442\u0442\u0435\u0440\u043d\u044b \u043f\u0440\u0438\u043c\u0435\u043d\u0435\u043d\u0438\u044f. \u041e\u0442 \u0441\u0435\u0431\u044f \u0434\u043e\u0431\u0430\u0432\u043b\u044e \u0441\u043b\u0435\u0434\u0443\u044e\u0449\u0435\u0435:<\/p>\n<ul>\n<li>\n<p>\u0432 \u0448\u0430\u0431\u043b\u043e\u043d\u0435 \u043c\u044b \u043e\u043f\u0438\u0441\u044b\u0432\u0430\u0435\u043c \u0442\u0435 \u0432\u0435\u0431-\u0430\u0441\u0441\u0435\u0442\u044b, \u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u043d\u0443\u0436\u043d\u044b \u0434\u043b\u044f \u0434\u0430\u043d\u043d\u043e\u0433\u043e \u043a\u043e\u043d\u043a\u0440\u0435\u0442\u043d\u043e\u0433\u043e \u0448\u0430\u0431\u043b\u043e\u043d\u0430. <\/p>\n<\/li>\n<li>\n<p>\u0432\u0435\u0431-\u0430\u0441\u0441\u0435\u0442\u044b \u0434\u043b\u044f \u0440\u0430\u0441\u0448\u0438\u0440\u0435\u043d\u0438\u0439 (\u043c\u043e\u0434\u0443\u043b\u0435\u0439, \u043f\u043b\u0430\u0433\u0438\u043d\u043e\u0432, \u043c\u0430\u043a\u0435\u0442\u043e\u0432 \u043c\u043e\u0434\u0443\u043b\u0435\u0439 \u0438 \u043f\u043b\u0430\u0433\u0438\u043d\u043e\u0432, \u043f\u0435\u0440\u0435\u043e\u043f\u0440\u0435\u0434\u0435\u043b\u0435\u043d\u0438\u0439 \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442\u043e\u0432), \u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u044e\u0442\u0441\u044f \u043d\u0430 \u0441\u0430\u0439\u0442\u0435,  \u044f \u043f\u0440\u0435\u0434\u043f\u043e\u0447\u0438\u0442\u0430\u044e \u043e\u0444\u043e\u0440\u043c\u043b\u044f\u0442\u044c \u043e\u0442\u0434\u0435\u043b\u044c\u043d\u044b\u043c\u0438 \u043f\u043b\u0430\u0433\u0438\u043d\u0430\u043c\u0438. \u041e\u0431 \u044d\u0442\u043e\u043c \u0441\u0442\u0430\u0442\u044c\u044f <a href=\"https:\/\/habr.com\/ru\/articles\/672020\/\" rel=\"noopener noreferrer nofollow\">\u0418\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u043d\u0438\u0435 WebAssetsManager Joomla 4 \u0438 \u0434\u043e\u0431\u0430\u0432\u043b\u0435\u043d\u0438\u0435 \u0441\u043e\u0431\u0441\u0442\u0432\u0435\u043d\u043d\u044b\u0445 \u043f\u0440\u0435\u0441\u0435\u0442\u043e\u0432 \u0441 \u043f\u043e\u043c\u043e\u0449\u044c\u044e \u043f\u043b\u0430\u0433\u0438\u043d\u0430<\/a>. \u0422\u0430\u043a\u0438\u0435 \u0430\u0441\u0441\u0435\u0442\u044b \u043b\u0435\u0433\u043a\u043e \u043e\u0431\u043d\u043e\u0432\u043b\u044f\u0442\u044c (\u0432\u0441\u044f\u043a\u0438\u0435 \u0441\u043a\u0440\u0438\u043f\u0442\u044b \u043a\u0430\u0440\u0443\u0441\u0435\u043b\u0435\u0439, \u043b\u0430\u0439\u0442\u0431\u043e\u043a\u0441\u043e\u0432, masonry \u0438 \u0442.\u0434.) \u0438 \u043b\u0435\u0433\u043a\u043e \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c \u043e\u0442 \u043f\u0440\u043e\u0435\u043a\u0442\u0430 \u043a \u043f\u0440\u043e\u0435\u043a\u0442\u0443. \u0423\u0441\u0442\u0430\u043d\u043e\u0432\u0438\u043b \u043f\u043b\u0430\u0433\u0438\u043d, \u0432\u043a\u043b\u044e\u0447\u0438\u043b \u0438 \u0432\u0441\u0451 \u0440\u0430\u0431\u043e\u0442\u0430\u0435\u0442. \u0422\u0430\u043a\u0436\u0435 \u043f\u0435\u0440\u0435\u0434 \u0441\u043e\u0437\u0434\u0430\u043d\u0438\u0435\u043c \u0441\u0432\u043e\u0435\u0433\u043e \u0441\u043e\u0431\u0441\u0442\u0432\u0435\u043d\u043d\u043e\u0433\u043e \u0432\u0435\u0431-\u0430\u0441\u0441\u0435\u0442\u0430 \u0441\u0442\u043e\u0438\u0442 \u043f\u043e\u0438\u0441\u043a\u0430\u0442\u044c, \u043c\u043e\u0436\u0435\u0442 \u043a\u0442\u043e-\u0442\u043e \u0443\u0436\u0435 \u043e\u0444\u043e\u0440\u043c\u0438\u043b \u043f\u043e\u043f\u0443\u043b\u044f\u0440\u043d\u044b\u0439 \u0441\u043a\u0440\u0438\u043f\u0442 \u043a\u0430\u0440\u0443\u0441\u0435\u043b\u0438 \u0432 \u0432\u0435\u0431-\u0430\u0441\u0441\u0435\u0442 \u0438 \u0442\u043e\u0433\u0434\u0430 \u043c\u043e\u0436\u043d\u043e \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c \u0443\u0436\u0435 \u0433\u043e\u0442\u043e\u0432\u043e\u0435 \u0440\u0435\u0448\u0435\u043d\u0438\u0435.<\/p>\n<\/li>\n<li>\n<p>\u043c\u044b \u043f\u043e\u043c\u043d\u0438\u043c, \u0447\u0442\u043e \u0432 \u0448\u0430\u0431\u043b\u043e\u043d\u0435 \u043c\u043e\u0436\u043d\u043e \u043f\u0435\u0440\u0435\u043e\u043f\u0440\u0435\u0434\u0435\u043b\u0438\u0442\u044c \u0441\u0438\u0441\u0442\u0435\u043c\u043d\u044b\u0435 \u0432\u0435\u0431-\u0430\u0441\u0441\u0435\u0442\u044b, \u0430 \u043f\u043b\u0430\u0433\u0438\u043d\u043e\u043c \u043c\u043e\u0436\u043d\u043e \u043f\u0435\u0440\u0435\u043e\u043f\u0440\u0435\u0434\u0435\u043b\u0438\u0442\u044c \u043b\u044e\u0431\u043e\u0439 \u0432\u0435\u0431-\u0430\u0441\u0441\u0435\u0442, \u0442\u0430\u043a \u043a\u0430\u043a \u0432\u0435\u0431-\u0430\u0441\u0441\u0435\u0442 \u0438\u0437 \u043f\u043b\u0430\u0433\u0438\u043d\u0430 \u0434\u043e\u0431\u0430\u0432\u043b\u044f\u0435\u0442\u0441\u044f \u043f\u043e\u0437\u0436\u0435, \u0447\u0435\u043c \u0441\u0438\u0441\u0442\u0435\u043c\u043d\u044b\u0435 \u0438 \u0448\u0430\u0431\u043b\u043e\u043d\u0430. \u042d\u0442\u043e \u0432\u043e\u043f\u0440\u043e\u0441 \u043b\u043e\u0433\u0438\u0447\u043d\u043e\u0433\u043e \u0440\u0430\u0441\u043f\u0440\u0435\u0434\u0435\u043b\u0435\u043d\u0438\u044f \u0440\u0435\u0441\u0443\u0440\u0441\u043e\u0432.<\/p>\n<\/li>\n<li>\n<p>\u0422\u0430\u043a\u0436\u0435 \u043e\u0447\u0435\u043d\u044c \u0447\u0430\u0441\u0442\u043e \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u0435\u0442\u0441\u044f \u043c\u0435\u0442\u043e\u0434 <code>registerAndUseStyle()<\/code> \u0438 <code>registerAndUseSript()<\/code>, \u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u043f\u043e \u0441\u0438\u043d\u0442\u0430\u043a\u0441\u0438\u0441\u0443 \u043f\u043e\u0445\u043e\u0436\u0438 \u043d\u0430 \u043c\u0435\u0442\u043e\u0434 <code>HTMLHelper::script()<\/code> (ex. JHtml). \u042d\u0442\u0438 \u043c\u0435\u0442\u043e\u0434\u044b \u043f\u043e\u0437\u0432\u043e\u043b\u044f\u044e\u0442 \u0440\u0435\u0433\u0438\u0441\u0442\u0440\u0438\u0440\u043e\u0432\u0430\u0442\u044c \u0438 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c \u0430\u0441\u0441\u0435\u0442\u044b \u043d\u0430 \u043b\u0435\u0442\u0443, \u043d\u043e \u043d\u0443\u0436\u043d\u043e \u043f\u043e\u043c\u043d\u0438\u0442\u044c \u043e \u0442\u043e\u043c, \u0432 \u043a\u0430\u043a\u043e\u0439 \u043c\u043e\u043c\u0435\u043d\u0442 \u0436\u0438\u0437\u043d\u0435\u043d\u043d\u043e\u0433\u043e \u0446\u0438\u043a\u043b\u0430 \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u044f \u0434\u043e\u0431\u0430\u0432\u043b\u044f\u0435\u0442\u0441\u044f \u0430\u0441\u0441\u0435\u0442 \u0438 \u043d\u0435 \u043f\u044b\u0442\u0430\u0442\u044c\u0441\u044f \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c \u0435\u0433\u043e \u0440\u0430\u043d\u044c\u0448\u0435 \u0435\u0433\u043e \u0434\u043e\u0431\u0430\u0432\u043b\u0435\u043d\u0438\u044f. <\/p>\n<\/li>\n<\/ul>\n<p>\u041d\u0430 \u043f\u0440\u0438\u043c\u0435\u0440\u0435 \u0441\u0442\u0430\u043d\u0434\u0430\u0440\u0442\u043d\u043e\u0433\u043e \u0448\u0430\u0431\u043b\u043e\u043d\u0430 Joomla &#8212; Cassiopeia &#8212; \u043c\u043e\u0436\u043d\u043e \u0443\u0432\u0438\u0434\u0435\u0442\u044c, \u0447\u0442\u043e \u0432 \u043e\u0442\u0434\u0435\u043b\u044c\u043d\u044b\u0435 \u0432\u0435\u0431 \u0430\u0441\u0441\u0435\u0442\u044b \u0432\u044b\u0434\u0435\u043b\u0435\u043d\u044b CSS \u043e\u0431\u0449\u0435\u0433\u043e \u0445\u0430\u0440\u0430\u043a\u0442\u0435\u0440\u0430 (template.css), \u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u044e\u0442\u0441\u044f \u0432\u0441\u0435\u0433\u0434\u0430. \u0410 \u0432\u0435\u0431-\u0430\u0441\u0441\u0435\u0442\u044b \u0447\u0430\u0441\u0442\u043d\u044b\u0445 \u0441\u043b\u0443\u0447\u0430\u0435\u0432 (\u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0430 \u0440\u0435\u0434\u0430\u043a\u0442\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u044f \u043c\u0430\u0442\u0435\u0440\u0438\u0430\u043b\u0430 \u0441 \u0437\u0430\u0433\u0440\u0443\u0436\u0435\u043d\u043d\u044b\u043c \u0440\u0435\u0434\u0430\u043a\u0442\u043e\u0440\u043e\u043c, \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0430 offline, \u0434\u043e\u043f\u043e\u043b\u043d\u0438\u0442\u0435\u043b\u044c\u043d\u044b\u0435 \u0441\u0442\u0438\u043b\u0438 \u0434\u043b\u044f \u0441\u0442\u0440\u0430\u043d\u0438\u0446 \u0441\u0430\u0439\u0442\u0430, \u0434\u043e\u0441\u0442\u0443\u043f\u043d\u044b\u0445 \u0430\u0432\u0442\u043e\u0440\u0438\u0437\u043e\u0432\u0430\u043d\u043d\u044b\u043c \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u044f\u043c) &#8212; \u0432\u044b\u0434\u0435\u043b\u0435\u043d\u044b \u0432 \u043e\u0442\u0434\u0435\u043b\u044c\u043d\u044b\u0435 \u0432\u0435\u0431-\u0430\u0441\u0441\u0435\u0442\u044b, \u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u043f\u043e\u0434\u043a\u043b\u044e\u0447\u0430\u044e\u0442\u0441\u044f \u0442\u043e\u043b\u044c\u043a\u043e \u043f\u0440\u0438 \u043d\u0435\u043e\u0431\u0445\u043e\u0434\u0438\u043c\u043e\u0441\u0442\u0438. <\/p>\n<p>\u0418\u0437 \u0441\u0432\u043e\u0435\u0439 \u043f\u0440\u0430\u043a\u0442\u0438\u043a\u0438 \u043f\u0440\u0438\u0432\u0435\u0434\u0443 \u0441\u043b\u0443\u0447\u0430\u0439 \u0438\u043d\u0442\u0435\u0440\u043d\u0435\u0442-\u043c\u0430\u0433\u0430\u0437\u0438\u043d\u0430 \u043d\u0430 3-\u0445 \u044f\u0437\u044b\u043a\u0430\u0445: \u043e\u0434\u043d\u043e\u0433\u043e \u0448\u0440\u0438\u0444\u0442\u0430 \u0434\u043b\u044f \u0440\u0443\u0441\u0441\u043a\u043e\u0433\u043e, \u0430\u043d\u0433\u043b\u0438\u0439\u0441\u043a\u043e\u0433\u043e \u0438 \u043a\u0438\u0442\u0430\u0439\u0441\u043a\u043e\u0433\u043e \u044f\u0437\u044b\u043a\u043e\u0432 \u043d\u0435 \u0431\u044b\u043b\u043e. \u0414\u0438\u0437\u0430\u0439\u043d\u0435\u0440\u044b \u043f\u043e\u0434\u043e\u0431\u0440\u0430\u043b\u0438 \u043f\u043e\u0445\u043e\u0436\u0438\u0435 \u0432\u043d\u0435\u0448\u043d\u0435 \u0448\u0440\u0438\u0444\u0442\u044b, \u043f\u043e\u044d\u0442\u043e\u043c\u0443 \u043f\u043e\u0434\u043a\u043b\u044e\u0447\u0430\u0442\u044c \u0440\u0430\u0437\u043d\u044b\u0435 \u0430\u0441\u0441\u0435\u0442\u044b \u043f\u0440\u0438\u0448\u043b\u043e\u0441\u044c \u0432 \u0437\u0430\u0432\u0438\u0441\u0438\u043c\u043e\u0441\u0442\u0438 \u043e\u0442 \u0442\u0435\u043a\u0443\u0449\u0435\u0433\u043e \u044f\u0437\u044b\u043a\u0430 \u0441\u0430\u0439\u0442\u0430. <\/p>\n<pre><code class=\"php\">&lt;?php  \/\/ \u0424\u0440\u0430\u0433\u043c\u0435\u043d\u0442 \u043a\u043e\u0434\u0430 \u0432 index.php \u0448\u0430\u0431\u043b\u043e\u043d\u0430  use Joomla\\CMS\\Factory;  defined('_JEXEC') or die;  $app = Factory::getApplication(); \/\/ \u041f\u043e\u043b\u0443\u0447\u0430\u0435\u043c \u043a\u043e\u0434 \u044f\u0437\u044b\u043a\u0430 \u0432\u0438\u0434\u0430 ru-RU, en-GB $lang_tag = $app->getLanguage()->getTag(); \/\/ \u0434\u043e\u0431\u0430\u0432\u043b\u044f\u0435\u043c \u043a \u043d\u0435\u043c\u0443 \u043f\u0440\u0435\u0444\u0438\u043a\u0441, \u0434\u043b\u044f \u0443\u0434\u043e\u0431\u0441\u0442\u0432\u0430 \u0447\u0442\u0435\u043d\u0438\u044f \u0438 \u0438\u043c\u0435\u043d\u043e\u0432\u0430\u043d\u0438\u044f \u0444\u0430\u0439\u043b\u043e\u0432 $lang_tag = '-'.$lang_tag;  \/\/ \u041f\u043e\u0434\u043a\u043b\u044e\u0447\u0430\u0435\u043c web asset $wa->useStyle('template.webtolk.font.lang'.$lang_tag);<\/code><\/pre>\n<p> \u0424\u0440\u0430\u0433\u043c\u0435\u043d\u0442 joomla.asset.json<\/p>\n<pre><code class=\"json\">{   \"$schema\": \"https:\/\/developer.joomla.org\/schemas\/json-schema\/web_assets.json\",   \"name\": \"webtolk\",   \"version\": \"1.0.0\",   \"description\": \"This file contains details of the assets used by webtolk site template for Joomla 4.\",   \"license\": \"GPL-2.0-or-later\",   \"assets\": [     {       \"name\": \"template.webtolk.offline\",       \"description\": \"The css file to be used when the site is offline and offline.php is being used.\",       \"type\": \"style\",       \"uri\": \"offline.css\"     },     {       \"name\": \"template.webtolk.font.lang-ru-RU\",       \"type\": \"style\",       \"uri\": \"font-lang-ru-RU.css\"     },     {       \"name\": \"template.webtolk.font.lang-en-GB\",       \"type\": \"style\",       \"uri\": \"font-lang-en-GB.css\"     },     {       \"name\": \"template.webtolk.font\",       \"type\": \"style\",       \"uri\": \"font-lang.css\"     }   ] } <\/code><\/pre>\n<p>\u0412 css-\u0444\u0430\u0439\u043b\u0430\u0445 \u0434\u043b\u044f css-\u043f\u0435\u0440\u0435\u043c\u0435\u043d\u043d\u043e\u0439 \u0443\u0436\u0435 \u043f\u0440\u0438\u0441\u0432\u0430\u0438\u0432\u0430\u043b\u0430\u0441\u044c \u0440\u0430\u0437\u043d\u044b\u0439 <code>font-family<\/code>. \u0414\u0430\u043d\u043d\u044b\u0439 \u043f\u0440\u0438\u043c\u0435\u0440 \u0438\u0437 \u0444\u0430\u0439\u043b\u0430 <code>font-lang-ru-RU.css<\/code>:<\/p>\n<pre><code class=\"css\">@font-face { font-family: \"RockStar-regular\"; src: url(\"..\/fonts\/RS-regular.otf\"); font-weight: normal; font-style: normal; font-display: swap; } :root { --bs-font-sans-serif: \"RockStar-regular\"; }<\/code><\/pre>\n<p>\u0412 \u0437\u0430\u0432\u0435\u0440\u0448\u0435\u043d\u0438\u0435 \u0440\u0430\u0437\u0434\u0435\u043b\u0430 \u043e \u0444\u0430\u0439\u043b\u043e\u0432\u043e\u0439 \u0441\u0442\u0440\u0443\u043a\u0442\u0443\u0440\u0435 \u0448\u0430\u0431\u043b\u043e\u043d\u0430 \u043c\u043e\u0436\u043d\u043e \u0434\u043e\u0431\u0430\u0432\u0438\u0442\u044c, \u0447\u0442\u043e \u043d\u0435\u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u0447\u0438\u043a\u0438 \u043f\u0440\u0430\u043a\u0442\u0438\u043a\u0443\u044e\u0442 \u0440\u0430\u0437\u0434\u0435\u043b\u0435\u043d\u0438\u0435 \u0448\u0430\u0431\u043b\u043e\u043d\u0430 \u043d\u0430 \u043f\u043e\u0434-\u043c\u0430\u043a\u0435\u0442\u044b, \u043a\u043e\u0433\u0434\u0430 \u043e\u0431\u043b\u0430\u0441\u0442\u044c \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442\u0430 &#8212; \u044d\u0442\u043e \u043e\u0434\u0438\u043d \u0444\u0430\u0439\u043b, \u043e\u0431\u043b\u0430\u0441\u0442\u044c \u0448\u0430\u043f\u043a\u0438 \u0441\u0430\u0439\u0442\u0430 &#8212; \u0432\u0442\u043e\u0440\u043e\u0439 \u0444\u0430\u0439\u043b, \u043f\u043e\u0434\u0432\u0430\u043b &#8212; \u0442\u0440\u0435\u0442\u0438\u0439 \u0438 \u0442.\u0434. \u0422\u0430\u043a\u043e\u0439 \u0436\u0435 \u043f\u043e\u0434\u0445\u043e\u0434 \u0432\u0441\u0442\u0440\u0435\u0447\u0430\u0435\u0442\u0441\u044f \u0432 \u043d\u0435\u043a\u043e\u0442\u043e\u0440\u044b\u0445 \u0441\u0442\u0443\u0434\u0438\u0439\u043d\u044b\u0445 \u0448\u0430\u0431\u043b\u043e\u043d\u0430\u0445.<\/p>\n<p><a class=\"anchor\" name=\"joomla-child-template\" id=\"joomla-child-template\"><\/a><\/p>\n<h2>\u0414\u043e\u0447\u0435\u0440\u043d\u0438\u0435 \u0448\u0430\u0431\u043b\u043e\u043d\u044b (\u0434\u043e\u0447\u0435\u0440\u043d\u0438\u0435 \u0442\u0435\u043c\u044b) Joomla 4<\/h2>\n<p>\u0412 Joomla \u043d\u0435 \u043f\u0440\u0438\u043d\u044f\u0442 \u0442\u0435\u0440\u043c\u0438\u043d &#171;\u0442\u0435\u043c\u044b&#187;, \u043e\u0434\u043d\u0430\u043a\u043e \u044f \u043f\u043e\u043c\u0435\u0441\u0442\u0438\u043b \u0435\u0433\u043e \u0432 \u0437\u0430\u0433\u043e\u043b\u043e\u0432\u043e\u043a \u0434\u043b\u044f \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u0447\u0438\u043a\u043e\u0432, \u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u043d\u0435 \u0438\u043c\u0435\u044e\u0442 \u043e\u043f\u044b\u0442\u0430 \u0440\u0430\u0431\u043e\u0442\u044b \u0441 Joomla. \u041f\u043e\u0441\u043a\u043e\u043b\u044c\u043a\u0443 \u0434\u043e\u0447\u0435\u0440\u043d\u0438\u0435 \u0448\u0430\u0431\u043b\u043e\u043d\u044b &#8212; \u0442\u0435\u043c\u0430 \u0434\u043b\u044f \u043e\u0442\u0434\u0435\u043b\u044c\u043d\u043e\u0439 \u0431\u043e\u043b\u044c\u0448\u043e\u0439 \u0441\u0442\u0430\u0442\u044c\u0438, \u044f \u043f\u043e\u043c\u0435\u0449\u0443 \u0441\u044e\u0434\u0430 \u0441\u0441\u044b\u043b\u043a\u0443 \u043d\u0430 \u043e\u0442\u0434\u0435\u043b\u044c\u043d\u0443\u044e \u0431\u043e\u043b\u044c\u0448\u0443\u044e \u0441\u0442\u0430\u0442\u044c\u044e: <a href=\"https:\/\/magazine.joomla.org\/all-issues\/may-2022\/a-deep-dive-into-joomla-child-templates\" rel=\"noopener noreferrer nofollow\">Joomla Community Magazine &#8212; Sweet child o&#8217; mine&#8230; A deep dive into Joomla Child Templates<\/a> (\u0441\u0442\u0430\u0442\u044c\u044f \u043d\u0430 \u0430\u043d\u0433\u043b\u0438\u0439\u0441\u043a\u043e\u043c \u044f\u0437\u044b\u043a\u0435, \u043e\u0444\u0438\u0446\u0438\u0430\u043b\u044c\u043d\u044b\u0439 \u0436\u0443\u0440\u043d\u0430\u043b \u043c\u0435\u0436\u0434\u0443\u043d\u0430\u0440\u043e\u0434\u043d\u043e\u0433\u043e Joomla-\u0441\u043e\u043e\u0431\u0449\u0435\u0441\u0442\u0432\u0430).<\/p>\n<p><strong>\u041a\u0440\u0430\u0442\u043a\u043e:<\/strong><\/p>\n<ul>\n<li>\n<p>\u0434\u043e\u0447\u0435\u0440\u043d\u0438\u0435 \u0448\u0430\u0431\u043b\u043e\u043d\u044b &#8212; \u043f\u0440\u043e\u0434\u043e\u043b\u0436\u0435\u043d\u0438\u0435 \u0440\u0430\u0437\u0432\u0438\u0442\u0438\u044f \u043c\u0435\u0445\u0430\u043d\u0438\u0437\u043c\u0430 \u043f\u0435\u0440\u0435\u043e\u043f\u0440\u0435\u0434\u0435\u043b\u0435\u043d\u0438\u0439 \u0432 Joomla 4<\/p>\n<\/li>\n<li>\n<p>\u0434\u043e\u0447\u0435\u0440\u043d\u0438\u0435 \u0448\u0430\u0431\u043b\u043e\u043d\u044b \u043f\u043e\u044f\u0432\u0438\u043b\u0438\u0441\u044c \u0432 Joomla 4.1<\/p>\n<\/li>\n<li>\n<p>\u0432 \u0434\u043e\u0447\u0435\u0440\u043d\u0438\u0435 \u0448\u0430\u0431\u043b\u043e\u043d\u044b \u043f\u043e\u043c\u0435\u0449\u0430\u044e\u0442\u0441\u044f \u0442\u0435 \u0444\u0430\u0439\u043b\u044b \u0440\u043e\u0434\u0438\u0442\u0435\u043b\u044c\u0441\u043a\u043e\u0433\u043e \u0448\u0430\u0431\u043b\u043e\u043d\u0430, \u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u043d\u0443\u0436\u043d\u043e \u0440\u0435\u0434\u0430\u043a\u0442\u0438\u0440\u043e\u0432\u0430\u0442\u044c<\/p>\n<\/li>\n<li>\n<p>\u043e\u0441\u0442\u0430\u043b\u044c\u043d\u044b\u0435 \u0444\u0430\u0439\u043b\u044b \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u044e\u0442\u0441\u044f \u0438\u0437 \u0440\u043e\u0434\u0438\u0442\u0435\u043b\u044c\u0441\u043a\u043e\u0433\u043e \u0448\u0430\u0431\u043b\u043e\u043d\u0430<\/p>\n<\/li>\n<li>\n<p>\u0432 XML-\u043c\u0430\u043d\u0438\u0444\u0435\u0441\u0442\u0435 \u0434\u043e\u0447\u0435\u0440\u043d\u0435\u0433\u043e \u0448\u0430\u0431\u043b\u043e\u043d\u0430 \u0434\u043e\u043b\u0436\u0435\u043d \u0431\u044b\u0442\u044c \u0431\u044b\u0442\u044c \u044d\u043b\u0435\u043c\u0435\u043d\u0442 <code>&lt;inheritable>1&lt;\/inheritable><\/code> (\u043f\u0438\u0441\u0430\u043b \u043e\u0431 \u044d\u0442\u043e\u043c \u0432\u044b\u0448\u0435)<\/p>\n<\/li>\n<li>\n<p>\u0441\u043e\u0437\u0434\u0430\u0442\u044c \u0434\u043e\u0447\u0435\u0440\u043d\u0438\u0439 \u0448\u0430\u0431\u043b\u043e\u043d \u043c\u043e\u0436\u043d\u043e \u0432 \u0421\u0438\u0441\u0442\u0435\u043c\u0430 &#8212; \u0428\u0430\u0431\u043b\u043e\u043d\u044b \u0441\u0430\u0439\u0442\u0430 &#8212; [\u043a\u043e\u043d\u043a\u0440\u0435\u0442\u043d\u044b\u0439 \u0448\u0430\u0431\u043b\u043e\u043d] &#8212; \u043a\u043d\u043e\u043f\u043a\u0430 &#171;\u0441\u043e\u0437\u0434\u0430\u0442\u044c \u0434\u043e\u0447\u0435\u0440\u043d\u0438\u0439 \u0448\u0430\u0431\u043b\u043e\u043d&#187;<\/p>\n<\/li>\n<li>\n<p>\u041f\u043e\u0434\u0440\u043e\u0431\u043d\u0435\u0435 \u043c\u043e\u0436\u043d\u043e \u043f\u0440\u043e\u0447\u0435\u0441\u0442\u044c (\u0438 \u043f\u043e\u0441\u043c\u043e\u0442\u0440\u0435\u0442\u044c \u0432\u0438\u0434\u0435\u043e) \u0432 \u0441\u0442\u0430\u0442\u044c\u0435 <a href=\"https:\/\/habr.com\/ru\/articles\/657647\/\" rel=\"noopener noreferrer nofollow\">\u041d\u043e\u0432\u043e\u0435 \u0432 Joomla 4.1<\/a><\/p>\n<figure class=\"full-width\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/habrastorage.org\/r\/w1560\/getpro\/habr\/upload_files\/01a\/26c\/d38\/01a26cd388b2518813560867a796a514.png\" width=\"1014\" height=\"709\" data-src=\"https:\/\/habrastorage.org\/getpro\/habr\/upload_files\/01a\/26c\/d38\/01a26cd388b2518813560867a796a514.png\"\/><\/figure>\n<\/li>\n<\/ul>\n<p>\u0412\u0438\u0434\u0435\u043e \u043e \u0434\u043e\u0447\u0435\u0440\u043d\u0438\u0445 \u0448\u0430\u0431\u043b\u043e\u043d\u0430\u0445 (\u0430\u043d\u0433\u043b\u0438\u0439\u0441\u043a\u0438\u0439 \u044f\u0437\u044b\u043a):<\/p>\n<div class=\"tm-iframe_temp\" data-src=\"https:\/\/embedd.srv.habr.com\/iframe\/6512b85f7f26cf30b3e8e28c\" data-style=\"\" id=\"6512b85f7f26cf30b3e8e28c\" width=\"\"><\/div>\n<h3>\u0421\u0446\u0435\u043d\u0430\u0440\u0438\u0439 \u043f\u0440\u0438\u043c\u0435\u043d\u0435\u043d\u0438\u044f \u0434\u043e\u0447\u0435\u0440\u043d\u0438\u0445 \u0448\u0430\u0431\u043b\u043e\u043d\u043e\u0432 Joomla<\/h3>\n<p>\u0415\u0441\u043b\u0438 \u0443 \u0412\u0430\u0441 \u043d\u0430 \u0441\u0430\u0439\u0442\u0435 \u0443\u0441\u0442\u0430\u043d\u043e\u0432\u043b\u0435\u043d \u0448\u0430\u0431\u043b\u043e\u043d, \u043a\u043e\u0442\u043e\u0440\u044b\u0439 \u043f\u0435\u0440\u0438\u043e\u0434\u0438\u0447\u0435\u0441\u043a\u0438 \u043f\u043e\u043b\u0443\u0447\u0430\u0435\u0442 \u043e\u0431\u043d\u043e\u0432\u043b\u0435\u043d\u0438\u044f (\u043d\u0435 \u0432\u0430\u0436\u043d\u043e \u0412\u0430\u0448 \u0441\u043e\u0431\u0441\u0442\u0432\u0435\u043d\u043d\u044b\u0439 \u0438\u043b\u0438 \u0441\u0442\u0443\u0434\u0438\u0439\u043d\u044b\u0439) &#8212; \u0412\u0430\u043c \u043d\u0443\u0436\u043d\u043e \u0438\u043c\u0435\u0442\u044c \u0432\u043e\u0437\u043c\u043e\u0436\u043d\u043e\u0441\u0442\u044c \u043d\u0435 \u043f\u043e\u0442\u0435\u0440\u044f\u0442\u044c \u0438\u0437\u043c\u0435\u043d\u0435\u043d\u0438\u044f, \u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u0412\u044b \u0434\u0435\u043b\u0430\u0435\u0442\u0435 \u0432 \u0444\u0430\u0439\u043b\u0430\u0445. \u0414\u043b\u044f \u044d\u0442\u043e\u0433\u043e \u0412\u044b \u0441\u043e\u0437\u0434\u0430\u0451\u0442\u0435 \u0434\u043e\u0447\u0435\u0440\u043d\u0438\u0439 \u0448\u0430\u0431\u043b\u043e\u043d \u0438 \u043f\u043e\u043c\u0435\u0449\u0430\u0435\u0442\u0435 \u0432 \u043d\u0435\u0433\u043e \u0444\u0430\u0439\u043b\u044b, \u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u0445\u043e\u0442\u0438\u0442\u0435 \u0438\u0437\u043c\u0435\u043d\u0438\u0442\u044c. \u041f\u0440\u0438 \u043e\u0431\u043d\u043e\u0432\u043b\u0435\u043d\u0438\u0438 \u0440\u043e\u0434\u0438\u0442\u0435\u043b\u044c\u0441\u043a\u043e\u0433\u043e \u0448\u0430\u0431\u043b\u043e\u043d\u0430 \u0412\u044b \u043d\u0435 \u043f\u043e\u0442\u0435\u0440\u044f\u0435\u0442\u0435 \u0438\u0437\u043c\u0435\u043d\u0435\u043d\u0438\u044f \u0438 \u043f\u0440\u0438 \u044d\u0442\u043e\u043c \u043f\u043e\u043b\u0443\u0447\u0438\u0442\u0435 \u0438\u0441\u043f\u0440\u0430\u0432\u043b\u0435\u043d\u0438\u044f \u043e\u0448\u0438\u0431\u043e\u043a, \u043d\u043e\u0432\u044b\u0439 \u0444\u0443\u043d\u043a\u0446\u0438\u043e\u043d\u0430\u043b, \u043a\u043e\u0442\u043e\u0440\u044b\u0439 \u043c\u043e\u0436\u043d\u043e \u0441\u043f\u043e\u043a\u043e\u0439\u043d\u043e \u043f\u0440\u043e\u0430\u043d\u0430\u043b\u0438\u0437\u0438\u0440\u043e\u0432\u0430\u0442\u044c \u0438 \u043f\u0435\u0440\u0435\u043d\u0435\u0441\u0442\u0438 \u0432 \u0441\u0432\u043e\u0439 \u0434\u043e\u0447\u0435\u0440\u043d\u0438\u0439 \u0448\u0430\u0431\u043b\u043e\u043d.<\/p>\n<p>\u042d\u0442\u043e \u0437\u0430\u0434\u0430\u0447\u0430 \u0440\u0430\u0437\u0434\u0435\u043b\u0435\u043d\u0438\u044f \u043e\u0431\u0449\u0435\u0433\u043e \u0438 \u0447\u0430\u0441\u0442\u043d\u043e\u0433\u043e. \u041e\u0431\u044b\u0447\u043d\u043e \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u0447\u0438\u043a\u0438 \u0434\u043b\u044f \u0441\u0435\u0431\u044f \u0441\u043e\u0437\u0434\u0430\u044e\u0442 \u043d\u0435\u043a\u0438\u0439 \u0448\u0430\u0431\u043b\u043e\u043d-\u0437\u0430\u0433\u043e\u0442\u043e\u0432\u043a\u0443, \u043a\u043e\u0442\u043e\u0440\u044b\u0439 \u0437\u0430\u0442\u0435\u043c \u043f\u043e\u0434\u0434\u0435\u0440\u0436\u0438\u0432\u0430\u044e\u0442: \u043e\u0431\u043d\u043e\u0432\u043b\u044f\u044e\u0442 \u0432\u0435\u0440\u0441\u0438\u0438 Bootstrap, UIkit \u0438\u043b\u0438 \u0434\u0440\u0443\u0433\u0438\u0445 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u043d\u043d\u044b\u0445 \u0430\u0441\u0441\u0435\u0442\u043e\u0432. \u0412 \u0447\u0430\u0441\u0442\u043d\u043e\u043c \u0441\u043b\u0443\u0447\u0430\u0435 \u043a\u043e\u043d\u043a\u0440\u0435\u0442\u043d\u043e\u0433\u043e \u0441\u0430\u0439\u0442\u0430 \u0432\u0441\u0435\u0433\u0434\u0430 \u0435\u0441\u0442\u044c \u0438\u0437\u043c\u0435\u043d\u0435\u043d\u0438\u044f, \u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u043d\u0443\u0436\u043d\u044b \u0442\u043e\u043b\u044c\u043a\u043e \u0434\u043b\u044f \u043a\u043e\u043d\u043a\u0440\u0435\u0442\u043d\u043e\u0433\u043e \u0441\u0430\u0439\u0442\u0430. \u0422\u0430\u043a\u0438\u0435 \u0438\u0437\u043c\u0435\u043d\u0435\u043d\u0438\u044f \u043b\u0443\u0447\u0448\u0435 \u0432\u0441\u0435\u0433\u043e \u043f\u043e\u043c\u0435\u0441\u0442\u0438\u0442\u044c \u0432 \u0434\u043e\u0447\u0435\u0440\u043d\u0438\u0439 \u0448\u0430\u0431\u043b\u043e\u043d.<\/p>\n<div class=\"tm-iframe_temp\" data-src=\"https:\/\/embedd.srv.habr.com\/iframe\/66091cf9aeb5569d7b5cae0c\" data-style=\"\" id=\"66091cf9aeb5569d7b5cae0c\" width=\"\"><\/div>\n<p><a class=\"anchor\" name=\"joomla-template-with-template-parameters\" id=\"joomla-template-with-template-parameters\"><\/a><\/p>\n<h2>\u0428\u0430\u0431\u043b\u043e\u043d\u044b \u0441 \u043e\u043f\u0446\u0438\u044f\u043c\u0438 (\u0434\u043e\u0431\u0430\u0432\u0438\u0442\u044c \u043d\u0430\u0441\u0442\u0440\u043e\u0439\u043a\u0438 \u0434\u043b\u044f \u0441\u0432\u043e\u0435\u0433\u043e \u0448\u0430\u0431\u043b\u043e\u043d\u0430 Joomla)<\/h2>\n<p>\u0412 Joomla \u043f\u043e\u0434 \u043a\u0430\u043f\u043e\u0442\u043e\u043c \u043e\u0447\u0435\u043d\u044c \u0443\u0434\u043e\u0431\u043d\u044b\u0439 \u043a\u043e\u043d\u0441\u0442\u0440\u0443\u043a\u0442\u043e\u0440 \u0444\u043e\u0440\u043c. \u0415\u0441\u0442\u044c \u043c\u043d\u043e\u0433\u043e \u0441\u0442\u0430\u043d\u0434\u0430\u0440\u0442\u043d\u044b\u0445 \u0442\u0438\u043f\u043e\u0432 \u043f\u043e\u043b\u0435\u0439 Joomla (<a href=\"https:\/\/docs.joomla.org\/Standard_form_field_types\" rel=\"noopener noreferrer nofollow\">\u043e\u0444\u0438\u0446\u0438\u0430\u043b\u044c\u043d\u0430\u044f \u0434\u043e\u043a\u0443\u043c\u0435\u043d\u0442\u0430\u0446\u0438\u044f<\/a>), \u0430 \u0435\u0441\u043b\u0438 \u0438\u0445 \u043d\u0435 \u0445\u0432\u0430\u0442\u0430\u0435\u0442 &#8212; \u0432\u0441\u0435\u0433\u0434\u0430 \u043c\u043e\u0436\u043d\u043e \u0441\u043e\u0437\u0434\u0430\u0442\u044c \u0441\u0432\u043e\u0439 \u0442\u0438\u043f \u043f\u043e\u043b\u044f \u0438 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c \u0435\u0433\u043e. \u041a\u0440\u043e\u043c\u0435 \u043f\u043e\u043b\u0435\u0439 \u0442\u0438\u043f\u0430 \u0442\u0435\u043a\u0441\u0442. \u0447\u0438\u0441\u043b\u043e, \u0441\u043f\u0438\u0441\u043e\u043a, textarea \u0435\u0441\u0442\u044c \u0443\u0434\u043e\u0431\u043d\u043e\u0435 \u043f\u043e\u043b\u0435 \u0442\u0438\u043f\u0430 subform (<a href=\"https:\/\/docs.joomla.org\/Subform_form_field_type\" rel=\"noopener noreferrer nofollow\">\u0434\u043e\u043a\u0443\u043c\u0435\u043d\u0442\u0430\u0446\u0438\u044f<\/a>). \u042d\u0442\u043e \u043f\u043e\u043b\u0435, \u0441\u043e\u0434\u0435\u0440\u0436\u0430\u0449\u0435\u0435 \u0432 \u0441\u0435\u0431\u0435 \u043f\u043e\u0432\u0442\u043e\u0440\u044f\u0435\u043c\u0443\u044e \u0444\u043e\u0440\u043c\u0443 \u0438\u0437 \u043d\u0435\u0441\u043a\u043e\u043b\u044c\u043a\u0438\u0445 \u043f\u0440\u043e\u0441\u0442\u044b\u0445 \u043f\u043e\u043b\u0435\u0439. \u0422\u0430\u043a\u0438\u043c \u043e\u0431\u0440\u0430\u0437\u043e\u043c \u043c\u043e\u0436\u043d\u043e \u0432 \u0430\u0434\u043c\u0438\u043d\u043a\u0435 \u0431\u044b\u0441\u0442\u0440\u043e &#171;\u043d\u0430\u043a\u043b\u0438\u043a\u0430\u0442\u044c&#187; \u0441\u043f\u0438\u0441\u043e\u043a \u043f\u043e\u0432\u0442\u043e\u0440\u044f\u0435\u043c\u044b\u0445 \u0441\u0443\u0449\u043d\u043e\u0441\u0442\u0435\u0439 \u0441 \u0440\u0430\u0437\u043d\u044b\u043c\u0438 \u043f\u0430\u0440\u0430\u043c\u0435\u0442\u0440\u0430\u043c\u0438.<\/p>\n<h3>\u041a\u0430\u043a\u0438\u0435 \u043e\u043f\u0446\u0438\u0438 \u0441\u043b\u0435\u0434\u0443\u0435\u0442 \u0432\u044b\u043d\u043e\u0441\u0438\u0442\u044c \u0432 \u043d\u0430\u0441\u0442\u0440\u043e\u0439\u043a\u0438 \u0448\u0430\u0431\u043b\u043e\u043d\u0430?<\/h3>\n<p>\u0415\u0441\u043b\u0438 \u043a\u0440\u0430\u0442\u043a\u043e, \u0442\u043e \u0442\u0435, \u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u0438\u043c\u0435\u044e\u0442 \u043e\u0442\u043d\u043e\u0448\u0435\u043d\u0438\u0435 \u043a\u043e \u0432\u0441\u0435\u043c\u0443 \u0448\u0430\u0431\u043b\u043e\u043d\u0443. \u042d\u0442\u043e \u0441\u0432\u043e\u0435\u0433\u043e \u0440\u043e\u0434\u0430 \u0433\u043b\u043e\u0431\u0430\u043b\u044c\u043d\u044b\u0435 \u043d\u0430\u0441\u0442\u0440\u043e\u0439\u043a\u0438 \u0432\u043d\u0435\u0448\u043d\u0435\u0433\u043e \u0432\u0438\u0434\u0430 \u0412\u0430\u0448\u0435\u0433\u043e \u0441\u0430\u0439\u0442\u0430. \u042d\u0442\u043e \u043c\u043e\u0433\u0443\u0442 \u0431\u044b\u0442\u044c \u043d\u0430\u0441\u0442\u0440\u043e\u0439\u043a\u0438 \u043b\u043e\u0433\u043e\u0442\u0438\u043f\u0430, \u0448\u0440\u0438\u0444\u0442\u043e\u0432, \u0446\u0432\u0435\u0442\u043e\u0432\u044b\u0445 \u0441\u0445\u0435\u043c, \u0444\u0430\u0432\u0438\u043a\u043e\u043d\u043e\u043a, \u043a\u043e\u0434\u044b \u0432\u0435\u0440\u0438\u0444\u0438\u043a\u0430\u0446\u0438\u0438 \u043f\u043e\u0438\u0441\u043a\u043e\u0432\u0438\u043a\u043e\u0432, \u0441\u043e\u0446.\u0441\u0435\u0442\u0435\u0439, \u0441\u0435\u0440\u0432\u0438\u0441\u043e\u0432, \u0432\u043e\u0437\u043c\u043e\u0436\u043d\u043e\u0441\u0442\u044c \u0432\u0441\u0442\u0430\u0432\u043a\u0438 \u043a\u0430\u0441\u0442\u043e\u043c\u043d\u043e\u0433\u043e \u043a\u043e\u0434\u0430 \u0438\u0437 \u0430\u0434\u043c\u0438\u043d\u043a\u0438 (\u043f\u043e\u0441\u043b\u0435 \u043e\u0442\u043a\u0440\u044b\u0432\u0430\u044e\u0449\u0435\u0433\u043e <code>&lt;body><\/code>, \u043f\u0435\u0440\u0435\u0434 \u0437\u0430\u043a\u0440\u044b\u0432\u0430\u044e\u0449\u0438\u043c <code>&lt;\/body><\/code> \u0438 \u0442.\u0434.).<\/p>\n<p>\u041d\u0430\u043f\u0440\u0438\u043c\u0435\u0440, \u043d\u0430 \u0432\u0441\u0451\u043c \u0441\u0430\u0439\u0442\u0435 \u043d\u0443\u0436\u0435\u043d \u043b\u043e\u0433\u043e\u0442\u0438\u043f. <\/p>\n<ul>\n<li>\n<p>\u0415\u0433\u043e \u043c\u043e\u0433\u0443\u0442 \u0437\u0430\u0445\u0430\u0440\u0434\u043a\u043e\u0434\u0438\u0442\u044c \u043f\u0440\u044f\u043c\u043e \u0432 index.php \u0448\u0430\u0431\u043b\u043e\u043d\u0430<\/p>\n<\/li>\n<li>\n<p>\u0415\u0433\u043e \u043c\u043e\u0433\u0443\u0442 \u0432\u0441\u0442\u0430\u0432\u0438\u0442\u044c \u0432 \u043c\u043e\u0434\u0443\u043b\u044c \u0442\u0438\u043f\u0430 HTML-\u043a\u043e\u0434<\/p>\n<\/li>\n<li>\n<p>\u041c\u043e\u0436\u043d\u043e \u0441\u0434\u0435\u043b\u0430\u0442\u044c \u043f\u0430\u0440\u0430\u043c\u0435\u0442\u0440 \u0448\u0430\u0431\u043b\u043e\u043d\u0430 \u0438 \u0443\u043a\u0430\u0437\u044b\u0432\u0430\u0442\u044c \u043a\u0430\u0440\u0442\u0438\u043d\u043a\u0443 \u0438\u043c\u0435\u043d\u043d\u043e \u0432 \u043d\u0451\u043c.<\/p>\n<\/li>\n<\/ul>\n<h3>\u0421\u043e\u0437\u0434\u0430\u043d\u0438\u0435 \u0438\u043d\u0442\u0435\u0440\u0444\u0435\u0439\u0441\u0430 \u043d\u0430\u0441\u0442\u0440\u043e\u0435\u043a \u0448\u0430\u0431\u043b\u043e\u043d\u0430 Joomla \u0432 XML-\u043c\u0430\u043d\u0438\u0444\u0435\u0441\u0442\u0435<\/h3>\n<p>\u0412 XML-\u043c\u0430\u043d\u0438\u0444\u0435\u0441\u0442\u0435 \u0448\u0430\u0431\u043b\u043e\u043d\u0430 \u0435\u0441\u0442\u044c \u0441\u0435\u043a\u0446\u0438\u044f <code>&lt;config><\/code>. \u0412 \u043d\u0435\u0439 \u043e\u043f\u0438\u0441\u044b\u0432\u0430\u044e\u0442\u0441\u044f \u043f\u043e\u043b\u044f \u0434\u043b\u044f \u0441\u043e\u0437\u0434\u0430\u043d\u0438\u044f \u0438\u043d\u0442\u0435\u0440\u0444\u0435\u0439\u0441\u0430 \u0432 \u0430\u0434\u043c\u0438\u043d\u043a\u0435 Joomla.<\/p>\n<pre><code class=\"xml\">&lt;?xml version=\"1.0\" encoding=\"utf-8\"?> &lt;extension type=\"template\" client=\"site\" method=\"upgrade\"> &lt;!-- \u0442\u0443\u0442 \u043c\u044b \u043f\u0440\u043e\u043f\u0443\u0441\u043a\u0430\u0435\u043c \u0432\u0441\u0451 \u0442\u043e, \u0447\u0442\u043e \u043f\u0438\u0441\u0430\u043b\u0438 \u0440\u0430\u043d\u044c\u0448\u0435 \u0438 \u043f\u0435\u0440\u0435\u0445\u043e\u0434\u0438\u043c \u0441\u0440\u0430\u0437\u0443 \u043a \u043d\u0443\u0436\u043d\u043e\u0439 \u0441\u0435\u043a\u0446\u0438\u0438 config -->     &lt;config>         &lt;fields name=\"params\">           &lt;fieldset name=\"basic\">                 &lt;field                         name=\"logo_file\"                         type=\"media\"                         types=\"images\"                         label=\"TPL_WEBTOLK_BRAND_IMG\"                         showon=\"brand:img_file\"                 \/>             &lt;\/fieldset> &lt;\/fields> &lt;\/config> &lt;\/extension><\/code><\/pre>\n<p>\u041f\u043e\u0447\u0435\u043c\u0443 \u0442\u0430\u043a\u0430\u044f \u0441\u0442\u0440\u0443\u043a\u0442\u0443\u0440\u0430 \u0432 XML? \u0417\u0430\u0447\u0435\u043c <code>&lt;config><\/code>, \u0437\u0430\u0442\u0435\u043c <code>&lt;fields><\/code>, \u0435\u0449\u0451 \u0438 <code>&lt;fieldset><\/code> \u043f\u043e\u0442\u043e\u043c? <\/p>\n<p>\u042d\u043b\u0435\u043c\u0435\u043d\u0442 <code>&lt;config><\/code> &#8212; \u0433\u043e\u0432\u043e\u0440\u0438\u0442, \u0447\u0442\u043e \u044d\u0442\u043e \u043d\u0430\u0441\u0442\u0440\u043e\u0439\u043a\u0438 \u0448\u0430\u0431\u043b\u043e\u043d\u0430.<\/p>\n<p>\u042d\u043b\u0435\u043c\u0435\u043d\u0442 <code>&lt;fields><\/code> \u0432\u043b\u0438\u044f\u0435\u0442 \u043d\u0430 \u0440\u0435\u043d\u0434\u0435\u0440 HTML-\u0444\u043e\u0440\u043c\u044b \u0432 \u0430\u0434\u043c\u0438\u043d\u043a\u0435. \u0418\u0445 \u043c\u043e\u0436\u0435\u0442 \u0431\u044b\u0442\u044c \u043d\u0435\u0441\u043a\u043e\u043b\u044c\u043a\u043e \u0432\u043b\u043e\u0436\u0435\u043d\u043d\u044b\u0445 \u0434\u0440\u0443\u0433 \u0432 \u0434\u0440\u0443\u0433\u0430. \u0412 \u043f\u0440\u0438\u043c\u0435\u0440\u0435 \u043c\u044b \u0432\u0438\u0434\u0438\u043c <code>&lt;fields name=\"params\"><\/code>. \u042d\u0442\u043e \u043e\u0437\u043d\u0430\u0447\u0430\u0435\u0442, \u0447\u0442\u043e \u0432\u0441\u0435 \u0438\u043c\u0435\u043d\u0430 \u043f\u043e\u043b\u0435\u0439 \u0432 \u043d\u0430\u0441\u0442\u0440\u043e\u0439\u043a\u0430\u0445 \u0448\u0430\u0431\u043b\u043e\u043d\u0430 \u043f\u043e\u043b\u0443\u0447\u0430\u0442 \u043f\u0440\u0435\u0444\u0438\u043a\u0441 <code>jform[params]<\/code>. \u0410 \u0432 \u0431\u0430\u0437\u0435 \u0434\u0430\u043d\u043d\u044b\u0445 \u0435\u0441\u0442\u044c \u043a\u043e\u043b\u043e\u043d\u043a\u0430 \u0441 \u0438\u043c\u0435\u043d\u0435\u043c <code>params<\/code>, \u043a\u0443\u0434\u0430 \u0441\u043e\u0445\u0440\u0430\u043d\u044f\u0435\u0442\u0441\u044f json \u0441 \u043f\u0430\u0440\u0430\u043c\u0435\u0442\u0440\u0430\u043c\u0438 \u0448\u0430\u0431\u043b\u043e\u043d\u0430. \u0427\u0443\u0434\u0435\u0441\u043d\u044b\u043c \u043e\u0431\u0440\u0430\u0437\u043e\u043c \u0432\u0441\u0451 \u0441\u043e\u0441\u0442\u044b\u043a\u0443\u0435\u0442\u0441\u044f \ud83d\ude42 \u0422\u0430\u043a, \u0435\u0441\u043b\u0438 \u0438\u043c\u044f \u043f\u043e\u043b\u044f \u0434\u043b\u044f \u043b\u043e\u0433\u043e\u0442\u0438\u043f\u0430 &#8212; <code>logo_file<\/code>, \u0442\u043e \u0432 HTML-\u043a\u043e\u0434\u0435 \u0430\u0434\u043c\u0438\u043d\u043a\u0438 \u0438\u043c\u044f \u043f\u043e\u043b\u044f \u0431\u0443\u0434\u0435\u0442 <code>jform[params][logo_file]<\/code>, \u0430 \u0432 index.php \u0412\u0430\u0448\u0435\u0433\u043e \u0448\u0430\u0431\u043b\u043e\u043d\u0430 \u0431\u0443\u0434\u0435\u0442\u0435 \u043f\u043e\u043b\u0443\u0447\u0430\u0442\u044c \u0434\u0430\u043d\u043d\u044b\u0435 \u044d\u0442\u043e\u0433\u043e \u043f\u043e\u043b\u044f \u0441\u043b\u0435\u0434\u0443\u044e\u0449\u0438\u043c \u043e\u0431\u0440\u0430\u0437\u043e\u043c:<\/p>\n<pre><code class=\"php\">&lt;?php \/\/ \u042d\u0442\u043e \u0444\u0430\u0439\u043b index.php \u0412\u0430\u0448\u0435\u0433\u043e \u0448\u0430\u0431\u043b\u043e\u043d\u0430 \/\/ \u0417\u0434\u0435\u0441\u044c \u0431\u0443\u0434\u0435\u0442 \u043d\u0430\u0445\u043e\u0434\u0438\u0442\u044c\u0441\u044f \u043f\u0443\u0442\u044c \u043a \u043a\u0430\u0440\u0442\u0438\u043d\u043a\u0435 \u0432\u0438\u0434\u0430 images\/my_picture.webp echo $this->params->get('logo_file');<\/code><\/pre>\n<p>\u0415\u0441\u043b\u0438 \u0412\u0430\u043c \u043d\u0443\u0436\u043d\u0430 \u0431\u043e\u043b\u0435\u0435 \u0441\u043b\u043e\u0436\u043d\u0430\u044f \u0432\u043b\u043e\u0436\u0435\u043d\u043d\u043e\u0441\u0442\u044c \u0438\u043c\u0451\u043d \u0432 \u0441\u0442\u0440\u0443\u043a\u0442\u0443\u0440\u0435 \u0434\u0430\u043d\u043d\u044b\u0445 &#8212; \u0432\u043d\u0435\u0434\u0440\u044f\u0435\u043c \u0432 XML-\u0444\u043e\u0440\u043c\u044b \u0435\u0449\u0451 \u043e\u0434\u0438\u043d <code>&lt;fields name=\"level2\"><\/code>. \u0418 \u0432\u0441\u0435 \u043f\u043e\u043b\u044f \u0432\u043d\u0443\u0442\u0440\u0438 <code>&lt;fields name=\"level2\"><\/code> \u043f\u043e\u043b\u0443\u0447\u0430\u0442 \u0435\u0449\u0451 \u043e\u0434\u0438\u043d \u0443\u0440\u043e\u0432\u0435\u043d\u044c \u0432\u043b\u043e\u0436\u0435\u043d\u043d\u043e\u0441\u0442\u0438 \u043f\u043e \u0441\u0442\u0440\u0443\u043a\u0442\u0443\u0440\u0435 \u0434\u0430\u043d\u043d\u044b\u0445.<\/p>\n<pre><code class=\"xml\">&lt;fields name=\"canvases\">   &lt;fields name=\"front\">       &lt;fieldset name=\"canvas_front\">           &lt;field type=\"media\"                  name=\"canvas_image_front\"                  label=\"COM_WTPRODUCTBUILDER_PRODUCT_IMAGE_FRONT\"                  types=\"images\"                  preview=\"true\"                  parentclass=\"col-12 col-md-6 col-lg-4\"\/>       &lt;\/fieldset>   &lt;\/fields> &lt;\/fields><\/code><\/pre>\n<p>\u042d\u0442\u043e \u043f\u0440\u0438\u043c\u0435\u0440 \u043d\u0435 \u0438\u0437 \u0448\u0430\u0431\u043b\u043e\u043d\u0430, \u043d\u043e \u0441\u0443\u0442\u044c \u043e\u043d \u043f\u0435\u0440\u0435\u0434\u0430\u0451\u0442. \u0414\u0430\u043d\u043d\u044b\u0435 \u043f\u043e\u043b\u044f <code>canvas_image_front<\/code> \u0431\u0443\u0434\u0443\u0442 \u0434\u043e\u0441\u0442\u0443\u043f\u043d\u044b \u0432 \u0432\u0438\u0434\u0435:<\/p>\n<pre><code class=\"php\">&lt;?php  $canvases = $this->params->get('canvases');<\/code><\/pre>\n<p>\u0410 <code>$canvases<\/code> \u0443\u0436\u0435 \u0431\u0443\u0434\u0435\u0442 \u043c\u043d\u043e\u0433\u043e\u043c\u0435\u0440\u043d\u044b\u043c \u043c\u0430\u0441\u0441\u0438\u0432\u043e\u043c \u0441 \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u043e\u043c <code>front<\/code>, \u0432 \u043a\u043e\u0442\u043e\u0440\u043e\u043c \u043d\u0430\u0445\u043e\u0434\u0438\u0442\u0441\u044f \u044d\u043b\u0435\u043c\u0435\u043d\u0442 <code>canvas_image_front<\/code><\/p>\n<figure class=\"full-width\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/habrastorage.org\/r\/w1560\/getpro\/habr\/upload_files\/ddc\/e54\/7b9\/ddce547b9f74753f9ec716332ecebe7b.png\" width=\"866\" height=\"495\" data-src=\"https:\/\/habrastorage.org\/getpro\/habr\/upload_files\/ddc\/e54\/7b9\/ddce547b9f74753f9ec716332ecebe7b.png\"\/><\/figure>\n<p>\u042d\u043b\u0435\u043c\u0435\u043d\u0442 <code>&lt;fieldset><\/code> \u0444\u043e\u0440\u043c\u0438\u0440\u0443\u0435\u0442 \u0442\u0430\u0431\u044b \u0432 \u043f\u0430\u043d\u0435\u043b\u0438 \u0430\u0434\u043c\u0438\u043d\u0438\u0441\u0442\u0440\u0430\u0442\u043e\u0440\u0430. \u0410\u0442\u0440\u0438\u0431\u0443\u0442 name \u0434\u043e\u043b\u0436\u0435\u043d \u0431\u044b\u0442\u044c \u0443\u043d\u0438\u043a\u0430\u043b\u044c\u043d\u044b\u043c. \u0410\u0442\u0440\u0438\u0431\u0443\u0442 <code>label<\/code> &#8212; \u044d\u0442\u043e \u043d\u0430\u0437\u0432\u0430\u043d\u0438\u0435 \u0442\u0430\u0431\u0430. \u0410\u0442\u0440\u0438\u0431\u0443\u0442 <code>description<\/code> &#8212; \u043e\u0442\u043e\u0431\u0440\u0430\u0436\u0430\u0435\u043c\u043e\u0435 \u043e\u043f\u0438\u0441\u0430\u043d\u0438\u0435 \u0434\u043b\u044f \u0432\u043a\u043b\u0430\u0434\u043a\u0438.<\/p>\n<figure class=\"full-width\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/habrastorage.org\/r\/w1560\/getpro\/habr\/upload_files\/a03\/daf\/19a\/a03daf19a0c0306581f1166459881af5.png\" width=\"837\" height=\"583\" data-src=\"https:\/\/habrastorage.org\/getpro\/habr\/upload_files\/a03\/daf\/19a\/a03daf19a0c0306581f1166459881af5.png\"\/><\/figure>\n<p>\u041a\u0430\u043a \u0412\u044b \u0443\u0441\u043f\u0435\u043b\u0438 \u0437\u0430\u043c\u0435\u0442\u0438\u0442\u044c \u0432 \u043f\u0440\u0438\u043c\u0435\u0440\u0430\u0445 XML \u043f\u043e\u043b\u0435\u0439 \u0435\u0441\u0442\u044c \u043b\u044e\u0431\u043e\u043f\u044b\u0442\u043d\u044b\u0435 \u0430\u0442\u0440\u0438\u0431\u0443\u0442\u044b &#8212; <code>showon<\/code> \u0438 <code>parentClass<\/code> (<code>class<\/code>, \u043a\u0441\u0442\u0430\u0442\u0438, \u0442\u043e\u0436\u0435 \u043c\u043e\u0436\u043d\u043e \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c).<\/p>\n<p>\u0410\u0442\u0440\u0438\u0431\u0443\u0442 <code>showon<\/code> \u043f\u043e\u0437\u0432\u043e\u043b\u044f\u0435\u0442 \u0441\u043a\u0440\u044b\u0432\u0430\u0442\u044c \u0438\u043b\u0438 \u043f\u043e\u043a\u0430\u0437\u044b\u0432\u0430\u0442\u044c \u043f\u043e\u043b\u0435 \u0432 \u0430\u0434\u043c\u0438\u043d\u043a\u0435 \u0432 \u0437\u0430\u0432\u0438\u0441\u0438\u043c\u043e\u0441\u0442\u0438 \u043e\u0442 \u0437\u043d\u0430\u0447\u0435\u043d\u0438\u044f \u0434\u0440\u0443\u0433\u043e\u0433\u043e \u043f\u043e\u043b\u044f (<a href=\"https:\/\/docs.joomla.org\/Form_field#Showon\" rel=\"noopener noreferrer nofollow\">\u043e\u0444\u0438\u0446\u0438\u0430\u043b\u044c\u043d\u0430\u044f \u0434\u043e\u043a\u0443\u043c\u0435\u043d\u0442\u0430\u0446\u0438\u044f<\/a>). \u0423\u0434\u043e\u0431\u043d\u0430\u044f \u0432\u0435\u0449\u044c, \u043a\u043e\u0433\u0434\u0430 \u043f\u0430\u0440\u0430\u043c\u0435\u0442\u0440\u043e\u0432 \u043c\u043d\u043e\u0433\u043e \u0438 \u043d\u0435 \u0445\u043e\u0447\u0435\u0442\u0441\u044f \u0440\u0430\u0431\u043e\u0442\u0430\u0442\u044c \u0441\u043e \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0435\u0439 \u0430\u0434\u043c\u0438\u043d\u043a\u0438 \u0441\u043e\u0432\u0440\u0435\u043c\u0435\u043d\u043d\u043e\u0439 CMS \u043a\u0430\u043a \u0441 \u043c\u043d\u043e\u0433\u043e\u0441\u0435\u043a\u0446\u0438\u043e\u043d\u043d\u044b\u043c \u043e\u0434\u043d\u043e\u0444\u0430\u0439\u043b\u043e\u0432\u044b\u043c \u043a\u043e\u043d\u0444\u0438\u0433\u043e\u043c FIDONet-\u0441\u043e\u0444\u0442\u0430.<\/p>\n<p>\u0410\u0442\u0440\u0438\u0431\u0443\u0442 <code>parentClass<\/code> \u043f\u043e\u0437\u0432\u043e\u043b\u044f\u0435\u0442 \u0437\u0430\u0434\u0430\u0442\u044c css-\u043a\u043b\u0430\u0441\u0441 \u0440\u043e\u0434\u0438\u0442\u0435\u043b\u044c\u0441\u043a\u043e\u043c\u0443 \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u0443 \u043f\u043e\u043b\u044f &#8212; \u044d\u0442\u043e div-\u043e\u0431\u0451\u0440\u0442\u043a\u0430, \u0432 \u043a\u043e\u0442\u043e\u0440\u043e\u0439 \u043d\u0430\u0445\u043e\u0434\u0438\u0442\u0441\u044f \u0441\u0430\u043c\u043e \u043f\u043e\u043b\u0435 \u0438 \u0435\u0433\u043e <code>label<\/code> &#8212; \u043d\u0430\u0437\u0432\u0430\u043d\u0438\u0435. \u0417\u0430\u0434\u0430\u0442\u044c \u043c\u043e\u0436\u043d\u043e \u043b\u044e\u0431\u043e\u0439 \u043a\u043b\u0430\u0441\u0441 \u0438\u0437 \u0448\u0430\u0431\u043b\u043e\u043d\u0430 \u0430\u0434\u043c\u0438\u043d\u043a\u0438 Joomla (\u0430 \u044d\u0442\u043e Bootstrap 5 + \u043a\u0430\u0441\u0442\u043e\u043c\u043d\u044b\u0435 \u0441\u0442\u0438\u043b\u0438).<\/p>\n<p>\u041d\u0430\u043f\u0440\u0438\u043c\u0435\u0440, <code>parentClass=\"stack\"<\/code> \u043f\u043e\u043c\u0435\u0441\u0442\u0438\u0442 \u043d\u0430\u0437\u0432\u0430\u043d\u0438\u0435 \u043f\u043e\u043b\u0435 \u043d\u0430\u0434 \u043f\u043e\u043b\u0435\u043c. \u0422\u0430\u043a \u044d\u043a\u043e\u043d\u043e\u043c\u0438\u0442\u0441\u044f \u043c\u0435\u0441\u0442\u043e \u043d\u0430 \u044d\u043a\u0440\u0430\u043d\u0435. \u0410\u0434\u043c\u0438\u043d\u043a\u0430 Joomla \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u0435\u0442 css grid \u043d\u0430 6 \u043a\u043e\u043b\u043e\u043d\u043e\u043a. \u041c\u043e\u0436\u043d\u043e \u0443\u0434\u043e\u0431\u043d\u043e \u0433\u0440\u0443\u043f\u043f\u0438\u0440\u043e\u0432\u0430\u0442\u044c \u043f\u043e\u043b\u044f \u0440\u044f\u0434\u043e\u043c: <code>parentclass=\"stack span-3\"<\/code> &#8212; \u0438\u0437\u043c\u0435\u043d\u0438\u0442 \u0440\u0430\u0437\u043c\u0435\u0440 \u043f\u043e\u043b\u044f, \u0430 <code>parentclass=\"stack span-3-inline\"<\/code> \u043f\u043e\u0437\u0432\u043e\u043b\u0438\u0442 \u043f\u043e\u043c\u0435\u0441\u0442\u0438\u0442\u044c \u043f\u043e\u043b\u0435 \u0440\u044f\u0434\u043e\u043c \u0441 \u0434\u0440\u0443\u0433\u0438\u043c \u043f\u043e\u043b\u0435\u043c. \u041f\u043e\u0434\u0440\u043e\u0431\u043d\u0435\u0435 \u0441\u043c\u043e\u0442\u0440\u0438\u0442\u0435 css \u0430\u0434\u043c\u0438\u043d\u043a\u0438 \u0448\u0430\u0431\u043b\u043e\u043d\u0430 Joomla &#8212; <code>media\/templates\/administrator\/atum\/css\/template.css<\/code>. <\/p>\n<p>\u0411\u043e\u043b\u044c\u0448\u0430\u044f \u0447\u0430\u0441\u0442\u044c \u043d\u0430\u0441\u0442\u0440\u043e\u0435\u043a \u0448\u0430\u0431\u043b\u043e\u043d\u0430 &#8212; \u044d\u0442\u043e \u0440\u0430\u0434\u0438\u043e\u043a\u043d\u043e\u043f\u043a\u0438 (\u0432\u044b\u043a\u043b\u044e\u0447\u0430\u0442\u0435\u043b\u0438), \u0441\u043f\u0438\u0441\u043a\u0438 (\u0441\u043f\u0438\u0441\u043a\u0438 \u0444\u0430\u0439\u043b\u043e\u0432, \u0448\u0440\u0438\u0444\u0442\u043e\u0432, CSS, \u043f\u0440\u043e\u0441\u0442\u044b\u0435 \u0442\u0435\u043a\u0441\u0442\u043e\u0432\u044b\u0435 \u043f\u043e\u043b\u044f \u0438\u043b\u0438 textarea. <\/p>\n<p>\u041f\u0440\u0438\u043c\u0435\u0440, \u043a\u0430\u043a \u0434\u043e\u0431\u0430\u0432\u0438\u0442\u044c \u043a\u043e\u0434\u044b \u0432\u0435\u0440\u0438\u0444\u0438\u043a\u0430\u0446\u0438\u0438 \u043f\u043e\u0438\u0441\u043a\u043e\u0432\u0438\u043a\u043e\u0432, \u0441\u043e\u0446.\u0441\u0435\u0442\u0435\u0439 \u0438 \u0441\u0435\u0440\u0432\u0438\u0441\u043e\u0432 \u0432 \u0441\u0432\u043e\u0439 \u0448\u0430\u0431\u043b\u043e\u043d.<\/p>\n<p>\u0412 XML-\u043c\u0430\u043d\u0438\u0444\u0435\u0441\u0442\u0435 \u043d\u0443\u0436\u043d\u043e \u0434\u043e\u0431\u0430\u0432\u0438\u0442\u044c \u043f\u043e\u043b\u0435 \u0442\u0438\u043f\u0430 subform<\/p>\n<pre><code class=\"xml\">&lt;!-- \u0412 label \u0434\u043e\u043b\u0436\u043d\u0430 \u0431\u044b\u0442\u044c \u044f\u0437\u044b\u043a\u043e\u0432\u0430\u044f \u043a\u043e\u043d\u0441\u0442\u0430\u043d\u0442\u0430, \u043d\u043e \u043f\u0438\u0448\u0443 \u0441\u0440\u0430\u0437\u0443 \u043f\u043e-\u0440\u0443\u0441\u0441\u043a\u0438,  \u0447\u0442\u043e\u0431 \u0431\u044b\u043b\u043e \u043f\u043e\u043d\u044f\u0442\u043d\u0435\u0435 --> &lt;field name=\"verification_codes\"        label=\"\u041a\u043e\u0434\u044b \u0432\u0435\u0440\u0438\u0444\u0438\u043a\u0430\u0446\u0438\u0438\"        type=\"subform\"        layout=\"joomla.form.field.subform.repeatable-table\"        formsource=\"templates\/webtolk\/subform\/search_consoles_meta.xml\"        multiple=\"true\"        buttons=\"add,remove\" \/><\/code><\/pre>\n<p>\u041f\u043e\u043b\u0435 \u044d\u0442\u043e\u0433\u043e \u0442\u0438\u043f\u0430 \u0437\u0430\u0433\u0440\u0443\u0436\u0430\u0435\u0442 \u0438\u0437 \u0444\u0430\u0439\u043b\u0430 \u043f\u043e\u0432\u0442\u043e\u0440\u044f\u0435\u043c\u0443\u044e \u0444\u043e\u0440\u043c\u0443 \u0441 \u0441\u043e\u0431\u0441\u0442\u0432\u0435\u043d\u043d\u043e \u043e\u043f\u0446\u0438\u044f\u043c\u0438. \u0412 index.php \u0432 <code>$this->params->get('verification_codes')<\/code> \u043f\u043e\u0442\u043e\u043c \u043f\u043e\u043b\u0443\u0447\u0438\u043c \u043c\u0430\u0441\u0441\u0438\u0432 \u0441\u043e \u0437\u043d\u0430\u0447\u0435\u043d\u0438\u044f\u043c\u0438 \u0434\u043b\u044f \u0440\u0435\u043d\u0434\u0435\u0440\u0430.<\/p>\n<pre><code class=\"xml\">&lt;?xml version=\"1.0\" encoding=\"UTF-8\"?> &lt;form> &lt;fieldset name=\"search_engine_types\"> &lt;field name=\"search_engine\" type=\"list\" label=\"\u0421\u0435\u0440\u0432\u0438\u0441 \u0434\u043b\u044f \u0432\u0435\u0440\u0438\u0444\u0438\u043a\u0430\u0446\u0438\u0438\"> &lt;option value=\"yandex-verification\">Yandex&lt;\/option> &lt;option value=\"google-site-verification\">Google&lt;\/option> &lt;option value=\"mailru-domain\">Mail.ru&lt;\/option> &lt;option value=\"msvalidate.01\">Bing&lt;\/option> &lt;option value=\"baidu-site-verification\">Baidu&lt;\/option> &lt;option value=\"cmsmagazine\">CMS Magazine&lt;\/option> &lt;option value=\"p:domain_verify\">Pinterest&lt;\/option> &lt;\/field> &lt;field name=\"search_engine_verification_code\" type=\"text\" label=\"\u041a\u043e\u0434 \u0432\u0435\u0440\u0438\u0444\u0438\u043a\u0430\u0446\u0438\u0438\"\/> &lt;\/fieldset> &lt;\/form><\/code><\/pre>\n<p>\u0412 \u043d\u0430\u0441\u0442\u0440\u043e\u0439\u043a\u0430\u0445 \u0448\u0430\u0431\u043b\u043e\u043d\u0430 \u0443 \u043d\u0430\u0441 \u043f\u043e\u044f\u0432\u0438\u0442\u0441\u044f \u0441\u0430\u0431\u0444\u043e\u0440\u043c\u0430 \u0434\u043b\u044f \u043d\u0430\u0441\u0442\u0440\u043e\u0435\u043a \u0441 \u0432\u044b\u043f\u0430\u0434\u0430\u044e\u0449\u0438\u043c \u0441\u043f\u0438\u0441\u043a\u043e\u043c \u043f\u043e\u0438\u0441\u043a\u043e\u0432\u0438\u043a\u043e\u0432 \u0438 \u0441\u0435\u0440\u0432\u0438\u0441\u043e\u0432 \u0438 \u0442\u0435\u043a\u0441\u0442\u043e\u0432\u044b\u043c \u043f\u043e\u043b\u0435\u043c \u0434\u043b\u044f \u043a\u043e\u0434\u0430 \u0432\u0435\u0440\u0438\u0444\u0438\u043a\u0430\u0446\u0438\u0438.<\/p>\n<figure class=\"full-width\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/habrastorage.org\/r\/w1560\/getpro\/habr\/upload_files\/8ae\/629\/95f\/8ae62995f5c0380d1c6ac1ecad8ab2d9.png\" width=\"1344\" height=\"761\" data-src=\"https:\/\/habrastorage.org\/getpro\/habr\/upload_files\/8ae\/629\/95f\/8ae62995f5c0380d1c6ac1ecad8ab2d9.png\"\/><\/figure>\n<p>\u0414\u0430\u043b\u0435\u0435, \u0432 index.php \u0448\u0430\u0431\u043b\u043e\u043d\u0430 \u043e\u0431\u0440\u0430\u0431\u0430\u0442\u044b\u0432\u0430\u0435\u043c \u043f\u043e\u043b\u0443\u0447\u0435\u043d\u043d\u044b\u0435 \u0438\u0437 \u043d\u0430\u0441\u0442\u0440\u043e\u0435\u043a \u0434\u0430\u043d\u043d\u044b\u0435 \u0438 \u0434\u043e\u0431\u0430\u0432\u043b\u044f\u0435\u043c \u0432 <code>&lt;head><\/code> \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u044b.<\/p>\n<pre><code class=\"php\">&lt;?php \/\/ \u044d\u0442\u043e \u0444\u0440\u0430\u0433\u043c\u0435\u043d\u0442 \u0444\u0430\u0439\u043b\u0430 index.php \u0412\u0430\u0448\u0435\u0433\u043e \u0448\u0430\u0431\u043b\u043e\u043d\u0430 \/**  * Search engines webmaster's consoles verifictation codes  *\/  \/\/ \u041f\u0440\u043e\u0432\u0435\u0440\u044f\u0435\u043c, \u0430 \u0435\u0441\u0442\u044c \u043b\u0438 \u0432\u043e\u043e\u0431\u0449\u0435 \u044d\u0442\u0438 \u043a\u043e\u0434\u044b? if ($this->params->get('verification_codes') &amp;&amp; !empty($this->params->get('verification_codes'))) {     \/\/ \u041f\u0440\u043e\u0445\u043e\u0434\u0438\u043c \u0438\u0445 \u0432\u0441\u0435 foreach ($this->params->get('verification_codes') as $search_engine) {         \/\/ \u041f\u0440\u043e\u0432\u0435\u0440\u044f\u0435\u043c, \u0430 \u043d\u0435 \u043d\u0435 \u0437\u0430\u0431\u044b\u043b\u0438 \u043b\u0438 \u0443\u043a\u0430\u0437\u0430\u0442\u044c \u0441\u043e\u0431\u0441\u0442\u0432\u0435\u043d\u043d\u043e \u043a\u043e\u0434 \u0432\u0435\u0440\u0438\u0444\u0438\u043a\u0430\u0446\u0438\u0438? if (!empty($search_engine->search_engine_verification_code)) {           \/\/ \u0412\u0440\u043e\u0434\u0435 \u0432\u0441\u0451 \u043d\u0430 \u043c\u0435\u0441\u0442\u0435. \u0414\u043e\u0431\u0430\u0432\u043b\u044f\u0435\u043c \u043c\u0435\u0442\u0430-\u0442\u0435\u0433 $this->addCustomTag('&lt;meta name=\"'.$search_engine->search_engine.'\" content=\"'.$search_engine->search_engine_verification_code.'\"\/>'); } } }<\/code><\/pre>\n<p>\u0423 \u043a\u0430\u0436\u0434\u043e\u0433\u043e Joomla-\u0441\u043f\u0435\u0446\u0438\u0430\u043b\u0438\u0441\u0442\u0430 \u043e\u0431\u044b\u0447\u043d\u043e \u043a\u0440\u0438\u0441\u0442\u0430\u043b\u043b\u0438\u0437\u0443\u0435\u0442\u0441\u044f \u0441\u0432\u043e\u0439 \u043d\u0430\u0431\u043e\u0440 \u043e\u043f\u0446\u0438\u0439 \u0434\u043b\u044f \u0448\u0430\u0431\u043b\u043e\u043d\u0430, \u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u043f\u043e\u0441\u0442\u0435\u043f\u0435\u043d\u043d\u043e \u0434\u043e\u0431\u0430\u0432\u043b\u044f\u044e\u0442\u0441\u044f \u0432 \u0440\u0430\u0437\u043d\u044b\u0445 \u043f\u0440\u043e\u0435\u043a\u0442\u0430\u0445. \u041f\u0440\u0438 \u043f\u0440\u043e\u0435\u043a\u0442\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u0438 \u0448\u0430\u0431\u043b\u043e\u043d\u0430 &#8212; \u043f\u043e\u0432\u0442\u043e\u0440\u044e \u044d\u0442\u0443 \u043c\u044b\u0441\u043b\u044c &#8212; \u0432\u0430\u0436\u043d\u043e \u0440\u0430\u0437\u0443\u043c\u043d\u043e \u0440\u0430\u0441\u043f\u0440\u0435\u0434\u0435\u043b\u0438\u0442\u044c \u0440\u0435\u0441\u0443\u0440\u0441\u044b \u043c\u0435\u0436\u0434\u0443 \u043e\u0431\u0449\u0438\u043c \u0438 \u0447\u0430\u0441\u0442\u043d\u044b\u043c. \u041d\u0430\u0434\u0435\u044e\u0441\u044c, \u0434\u0430\u043d\u043d\u0430\u044f \u0441\u0442\u0430\u0442\u044c\u044f \u043f\u043e\u043c\u043e\u0436\u0435\u0442 \u0432 \u044d\u0442\u043e\u043c.<\/p>\n<h2>\u0428\u0430\u0431\u043b\u043e\u043d\u044b \u0438 \u0441\u0442\u0438\u043b\u0438 \u0448\u0430\u0431\u043b\u043e\u043d\u0430 Joomla<\/h2>\n<p>\u041d\u0435\u0440\u0435\u0434\u043a\u043e \u0434\u043b\u044f \u0440\u0430\u0437\u043d\u044b\u0445 \u0441\u0442\u0440\u0430\u043d\u0438\u0446 \u0441\u0430\u0439\u0442\u0430 \u0431\u044b\u0432\u0430\u044e\u0442 \u043d\u0435\u043e\u0431\u0445\u043e\u0434\u0438\u043c\u044b \u0432\u0430\u0440\u0438\u0430\u0446\u0438\u0438 \u0432\u043d\u0435\u0448\u043d\u0435\u0433\u043e \u0432\u0438\u0434\u0430. \u0412 Joomla \u0441 \u0434\u0430\u0432\u043d\u0438\u0445 \u043f\u043e\u0440 \u0441\u0443\u0449\u0435\u0441\u0442\u0432\u0443\u0435\u0442 \u0444\u0443\u043d\u043a\u0446\u0438\u043e\u043d\u0430\u043b\u00a0<strong>\u0441\u0442\u0438\u043b\u0435\u0439 \u0448\u0430\u0431\u043b\u043e\u043d\u0430<\/strong>. <\/p>\n<h3>\u0421\u0442\u0438\u043b\u0438 \u0448\u0430\u0431\u043b\u043e\u043d\u0430 \u0432 Joomla<\/h3>\n<p>\u0412 \u0440\u0430\u0437\u0440\u0430\u0431\u0430\u0442\u044b\u0432\u0430\u0435\u043c\u043e\u043c \u043d\u0430\u043c\u0438 \u0448\u0430\u0431\u043b\u043e\u043d\u0435 \u0442\u0435\u043f\u0435\u0440\u044c \u0435\u0441\u0442\u044c \u0441\u0432\u043e\u0438 \u043d\u0430\u0441\u0442\u0440\u043e\u0439\u043a\u0438: \u0446\u0432\u0435\u0442\u043e\u0432\u044b\u0435 \u0441\u0445\u0435\u043c\u044b, \u0438\u0437\u043e\u0431\u0440\u0430\u0436\u0435\u043d\u0438\u0435 \u043b\u043e\u0433\u043e\u0442\u0438\u043f\u0430, \u0444\u0430\u0432\u0438\u043a\u043e\u043d\u043a\u0438, \u0444\u0438\u043a\u0441\u0438\u0440\u043e\u0432\u0430\u043d\u043d\u044b\u0439 \u0438\u043b\u0438 &#171;\u0440\u0435\u0437\u0438\u043d\u043e\u0432\u044b\u0439&#187; \u043a\u043e\u043d\u0442\u0435\u0439\u043d\u0435\u0440 \u0434\u043b\u044f \u0441\u0430\u0439\u0442\u0430 \u0438 \u0442.\u0434. \u0420\u0430\u0437\u043d\u044b\u0435 \u043a\u043e\u043c\u0431\u0438\u043d\u0430\u0446\u0438\u0438 \u044d\u0442\u0438\u0445 \u043d\u0430\u0441\u0442\u0440\u043e\u0435\u043a \u043c\u043e\u0436\u043d\u043e \u0441\u043e\u0445\u0440\u0430\u043d\u044f\u0442\u044c \u0432 \u043a\u0430\u0447\u0435\u0441\u0442\u0432\u0435 \u0441\u0432\u043e\u0435\u043e\u0431\u0440\u0430\u0437\u043d\u044b\u0445 \u043f\u0440\u0435\u0441\u0435\u0442\u043e\u0432 &#8212; &#171;\u0441\u0442\u0438\u043b\u0435\u0439&#187; &#8212; \u0438 \u043f\u0440\u0438\u043c\u0435\u043d\u044f\u0442\u044c \u044d\u0442\u0438 \u0441\u0442\u0438\u043b\u0438 \u043a \u043e\u043f\u0440\u0435\u0434\u0435\u043b\u0435\u043d\u043d\u044b\u043c \u043f\u0443\u043d\u043a\u0442\u0430\u043c \u043c\u0435\u043d\u044e. \u041f\u0443\u043d\u043a\u0442\u0430\u043c \u043c\u0435\u043d\u044e, \u0432 \u0441\u0432\u043e\u044e \u043e\u0447\u0435\u0440\u0435\u0434\u044c, \u043c\u043e\u0436\u043d\u043e \u043d\u0430\u0437\u043d\u0430\u0447\u0438\u0442\u044c \u043e\u0442\u043e\u0431\u0440\u0430\u0436\u0435\u043d\u0438\u0435 \u043e\u043f\u0440\u0435\u0434\u0435\u043b\u0435\u043d\u043d\u044b\u043c \u0433\u0440\u0443\u043f\u043f\u0430\u043c \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u0435\u0439, \u044f\u0437\u044b\u043a\u0430\u043c \u0441\u0430\u0439\u0442\u0430 \u0438 \u0442.\u0434. <\/p>\n<p>\u042d\u0442\u043e\u0442 \u0444\u0443\u043d\u043a\u0446\u0438\u043e\u043d\u0430\u043b \u043f\u043e\u044f\u0432\u0438\u043b\u0441\u044f \u0435\u0449\u0451 \u043b\u0438\u043d\u0435\u0439\u043a\u0435 2.5, \u0435\u0441\u043b\u0438 \u043d\u0435 \u0440\u0430\u043d\u044c\u0448\u0435. \u041d\u0435\u0431\u043e\u043b\u044c\u0448\u043e\u0435 \u0432\u0438\u0434\u0435\u043e \u0434\u0435\u043c\u043e\u043d\u0441\u0442\u0440\u0438\u0440\u0443\u0435\u0442 \u044d\u0442\u043e\u0442 \u0444\u0443\u043d\u043a\u0446\u0438\u043e\u043d\u0430\u043b \u043d\u0430 \u043f\u0440\u0438\u043c\u0435\u0440\u0435 Joomla 3.9. (\u0432\u0438\u0434\u0435\u043e \u0434\u0435\u043c\u043e \u0432\u0437\u044f\u0442\u043e \u0438\u0437 \u0431\u043e\u043b\u0435\u0435 \u0440\u0430\u043d\u043d\u0435\u0439 \u0441\u0442\u0430\u0442\u044c\u0438).<\/p>\n<div class=\"tm-iframe_temp\" data-src=\"https:\/\/embedd.srv.habr.com\/iframe\/66091cfcaeb5569d7b5cae10\" data-style=\"\" id=\"66091cfcaeb5569d7b5cae10\" width=\"\"><\/div>\n<p>\u041c\u044b \u043c\u043e\u0436\u0435\u043c \u043f\u0440\u043e\u0434\u0443\u0431\u043b\u0438\u0440\u043e\u0432\u0430\u0442\u044c \u0441\u0442\u0438\u043b\u044c \u0448\u0430\u0431\u043b\u043e\u043d\u0430, \u0438\u0437\u043c\u0435\u043d\u0438\u0442\u044c \u0435\u0433\u043e \u043d\u0430\u0441\u0442\u0440\u043e\u0439\u043a\u0438 \u0438 \u043f\u0440\u0438\u0432\u044f\u0437\u0430\u0442\u044c \u043a \u043d\u0435\u043a\u043e\u0442\u043e\u0440\u044b\u043c \u0440\u0430\u0437\u0434\u0435\u043b\u0430\u043c \u0441\u0430\u0439\u0442\u0430. <\/p>\n<figure class=\"full-width\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/habrastorage.org\/r\/w1560\/getpro\/habr\/upload_files\/01a\/66a\/ada\/01a66aadabe7cbdcc75154e74ad3d619.png\" width=\"1146\" height=\"499\" data-src=\"https:\/\/habrastorage.org\/getpro\/habr\/upload_files\/01a\/66a\/ada\/01a66aadabe7cbdcc75154e74ad3d619.png\"\/><\/figure>\n<p>\u041d\u043e \u0432 \u0442\u0430\u043a\u043e\u043c \u0441\u043b\u0443\u0447\u0430\u0435 \u043d\u0443\u0436\u043d\u043e \u0438\u043c\u0435\u0442\u044c \u0432 \u0432\u0438\u0434\u0443, \u0447\u0442\u043e \u0448\u0430\u0431\u043b\u043e\u043d \u0434\u043e\u043b\u0436\u0435\u043d \u0441\u043e\u0434\u0435\u0440\u0436\u0430\u0442\u044c \u043f\u0430\u0440\u0430\u043c\u0435\u0442\u0440\u044b, \u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u043d\u0443\u0436\u043d\u043e \u0438\u0437\u043c\u0435\u043d\u044f\u0442\u044c \u043e\u0442 \u0440\u0430\u0437\u0434\u0435\u043b\u0430 \u043a \u0440\u0430\u0437\u0434\u0435\u043b\u0443 \u0441\u0430\u0439\u0442\u0430. \u0412 \u0442\u043e \u0432\u0440\u0435\u043c\u044f \u043a\u0430\u043a \u043a\u043e\u0434\u044b \u0432\u0435\u0440\u0438\u0444\u0438\u043a\u0430\u0446\u0438\u0438 \u043f\u043e\u0438\u0441\u043a\u043e\u0432\u044b\u0445 \u0441\u0438\u0441\u0442\u0435\u043c, js-\u043a\u043e\u0434\u044b \u0430\u043d\u0430\u043b\u0438\u0442\u0438\u043a\u0438 \u0432\u0441\u0442\u0430\u0432\u0438\u0442\u044c \u0434\u0440\u0443\u0433\u0438\u043c\u0438 \u0441\u043f\u043e\u0441\u043e\u0431\u0430\u043c\u0438, \u043f\u043e\u0441\u043a\u043e\u043b\u044c\u043a\u0443 \u043e\u043d\u0438 \u043e\u0431\u0449\u0438\u0435 \u0434\u043b\u044f \u0432\u0441\u0435\u0433\u043e \u0441\u0430\u0439\u0442\u0430.<\/p>\n<div class=\"tm-iframe_temp\" data-src=\"https:\/\/embedd.srv.habr.com\/iframe\/6512ef5772e08276d7a62bb9\" data-style=\"\" id=\"6512ef5772e08276d7a62bb9\" width=\"\"><\/div>\n<p>\u0421\u0443\u0449\u043d\u043e\u0441\u0442\u0438 \u0448\u0430\u0431\u043b\u043e\u043d\u043e\u0432 \u0438 \u0441\u0442\u0438\u043b\u0435\u0439 \u0432 Joomla \u043f\u043e\u0437\u0432\u043e\u043b\u044f\u044e\u0442 \u0445\u043e\u0442\u044c \u0434\u043b\u044f \u043a\u0430\u0436\u0434\u043e\u0433\u043e \u043f\u0443\u043d\u043a\u0442\u0430 \u043c\u0435\u043d\u044e \u043d\u0430\u0437\u043d\u0430\u0447\u0438\u0442\u044c \u043f\u043e\u043b\u043d\u043e\u0441\u0442\u044c\u044e \u0443\u043d\u0438\u043a\u0430\u043b\u044c\u043d\u044b\u0439 \u0434\u0438\u0437\u0430\u0439\u043d. \u0421\u0434\u0435\u043b\u0430\u0442\u044c \u044d\u0442\u043e \u043c\u043e\u0436\u043d\u043e \u043a\u0430\u043a \u0430\u0431\u0441\u043e\u043b\u044e\u0442\u043d\u043e \u0440\u0430\u0437\u043d\u044b\u043c\u0438 \u0448\u0430\u0431\u043b\u043e\u043d\u0430\u043c\u0438 (5 \u043f\u0443\u043d\u043a\u0442\u043e\u0432 \u043c\u0435\u043d\u044e = 5 \u0440\u0430\u0437\u043d\u044b\u0445 \u0448\u0430\u0431\u043b\u043e\u043d\u043e\u0432 ?), \u0442\u0430\u043a \u0438 \u0440\u0430\u0437\u043d\u044b\u043c\u0438 \u0441\u0442\u0438\u043b\u044f\u043c\u0438 \u043e\u0434\u043d\u043e\u0433\u043e \u0448\u0430\u0431\u043b\u043e\u043d\u0430 \u0438\u043b\u0438 \u0434\u043e\u0447\u0435\u0440\u043d\u0438\u043c\u0438 \u0448\u0430\u0431\u043b\u043e\u043d\u0430\u043c\u0438. \u0425\u043e\u0442\u044f \u043d\u0430 \u043f\u0440\u0430\u043a\u0442\u0438\u043a\u0435 \u043e\u0431\u044b\u0447\u043d\u043e \u044d\u0442\u043e \u043d\u0435 \u0442\u0440\u0435\u0431\u0443\u0435\u0442\u0441\u044f.<\/p>\n<h3>\u041f\u0435\u0440\u0435\u043e\u043f\u0440\u0435\u0434\u0435\u043b\u0435\u043d\u0438\u044f \u0432 \u0448\u0430\u0431\u043b\u043e\u043d\u0435 Joomla<\/h3>\n<p>\u0410\u0440\u0445\u0438\u0442\u0435\u043a\u0442\u0443\u0440\u0430 Joomla \u0432 \u0446\u0435\u043b\u043e\u043c \u0441\u043e\u043e\u0442\u0432\u0435\u0442\u0441\u0442\u0432\u0443\u0435\u0442 \u043f\u0430\u0442\u0442\u0435\u0440\u043d\u0443 MVC &#8212; Model-View-Controller. \u0422\u0430\u043a\u0438\u043c \u043e\u0431\u0440\u0430\u0437\u043e\u043c \u043b\u043e\u0433\u0438\u043a\u0430 \u0438 \u043e\u0431\u0440\u0430\u0431\u043e\u0442\u043a\u0430 \u0434\u0430\u043d\u043d\u044b\u0445 \u043e\u0442\u0434\u0435\u043b\u044f\u0435\u0442\u0441\u044f \u043e\u0442 \u0432\u044b\u0432\u043e\u0434\u0430 \u0434\u0430\u043d\u043d\u044b\u0445, \u0447\u0442\u043e \u043e\u0431\u043b\u0435\u0433\u0447\u0430\u0435\u0442 \u0440\u0430\u0431\u043e\u0442\u0443 \u043f\u043e \u0438\u0437\u043c\u0435\u043d\u0435\u043d\u0438\u044e \u043e\u0442\u0434\u0435\u043b\u044c\u043d\u044b\u0445 \u0447\u0430\u0441\u0442\u0435\u0439 \u0434\u0432\u0438\u0436\u043a\u0430. \u041d\u043e, \u0432 Joomla \u0441\u0434\u0435\u043b\u0430\u043d\u0430 \u0441\u043f\u0435\u0446\u0438\u0444\u0438\u0447\u0435\u0441\u043a\u0430\u044f \u0440\u0435\u0430\u043b\u0438\u0437\u0430\u0446\u0438\u044f \u044d\u0442\u043e\u0433\u043e \u043f\u0430\u0442\u0442\u0435\u0440\u043d\u0430, \u0447\u0442\u043e \u0434\u0435\u043b\u0430\u0435\u0442 \u0435\u0451 \u0447\u0435\u043c-\u0442\u043e \u043e\u0441\u043e\u0431\u0435\u043d\u043d\u044b\u043c. \u0412 \u0447\u0430\u0441\u0442\u043d\u043e\u0441\u0442\u0438 \u0432\u043d\u0435\u0434\u0440\u0451\u043d \u0434\u043e\u043f\u043e\u043b\u043d\u0438\u0442\u0435\u043b\u044c\u043d\u044b\u0439 \u0441\u043b\u043e\u0439 &#8212; Templates &#8212; \u043a\u043e\u0442\u043e\u0440\u044b\u0439 \u043f\u043e\u0437\u0432\u043e\u043b\u044f\u0435\u0442 \u0434\u0435\u043b\u0430\u0442\u044c \u043f\u0435\u0440\u0435\u043e\u043f\u0440\u0435\u0434\u0435\u043b\u0435\u043d\u0438\u044f. \u041f\u043e\u0434\u0440\u043e\u0431\u043d\u0435\u0435 \u043c\u043e\u0436\u043d\u043e \u043f\u0440\u043e\u0447\u0435\u0441\u0442\u044c \u0432 \u043a\u043d\u0438\u0433\u0435 \u0433\u0440\u0435\u0447\u0435\u0441\u043a\u043e\u0433\u043e \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u0447\u0438\u043a\u0430 \u041d\u0438\u043a\u043e\u043b\u0430\u0441\u0430 \u0414\u0438\u043e\u043d\u0438\u0441\u043e\u043f\u0443\u043b\u043e\u0441\u0430 <a href=\"https:\/\/www.dionysopoulos.me\/book\/com.html#com-mvc\" rel=\"noopener noreferrer nofollow\">Joomla Extensions Development<\/a>. <\/p>\n<p>\u041f\u0435\u0440\u0435\u043e\u043f\u0440\u0435\u0434\u0435\u043b\u0435\u043d\u0438\u044f \u043f\u043e\u043c\u0435\u0449\u0430\u044e\u0442\u0441\u044f \u0432 \u043f\u0430\u043f\u043a\u0435 <code>html<\/code> \u0448\u0430\u0431\u043b\u043e\u043d\u0430. \u041f\u0440\u0438 \u0440\u0435\u043d\u0434\u0435\u0440\u0435 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u044b Joomla \u0441\u043c\u043e\u0442\u0440\u0438\u0442 \u0432 \u043f\u0430\u043f\u043a\u0443 <code>html<\/code> \u0442\u0435\u043a\u0443\u0449\u0435\u0433\u043e \u0448\u0430\u0431\u043b\u043e\u043d\u0430 \u0438, \u0435\u0441\u043b\u0438 \u0432\u0438\u0434\u0438\u0442 \u043f\u0435\u0440\u0435\u043e\u043f\u0440\u0435\u0434\u0435\u043b\u0435\u043d\u0438\u0435, \u0442\u043e \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u0435\u0442 \u0435\u0433\u043e. \u041f\u043e\u0434\u0440\u043e\u0431\u043d\u0435\u0435 \u043e \u043f\u0435\u0440\u0435\u043e\u043f\u0440\u0435\u0434\u0435\u043b\u0435\u043d\u0438\u044f\u0445 \u0442\u0438\u043f\u043e\u0432 \u0440\u0430\u0441\u0448\u0438\u0440\u0435\u043d\u0438\u0439 Joomla \u0431\u0443\u0434\u0435\u0442 \u0441\u043a\u0430\u0437\u0430\u043d\u043e \u0432 \u043f\u043e\u0441\u0432\u044f\u0449\u0451\u043d\u043d\u044b\u0445 \u0438\u043c \u0440\u0430\u0437\u0434\u0435\u043b\u0430\u0445.<\/p>\n<p><a class=\"anchor\" name=\"modules-design-joomla-site\" id=\"modules-design-joomla-site\"><\/a><\/p>\n<h2>\u0421\u0443\u0449\u043d\u043e\u0441\u0442\u044c \u043c\u043e\u0434\u0443\u043b\u044f. \u0414\u0438\u0437\u0430\u0439\u043d \u0434\u043b\u044f \u043c\u043e\u0434\u0443\u043b\u0435\u0439 \u043d\u0430 Joomla-\u0441\u0430\u0439\u0442\u0435<\/h2>\n<p>\u0423 \u043a\u0430\u0436\u0434\u043e\u0433\u043e \u043c\u043e\u0434\u0443\u043b\u044f \u0435\u0441\u0442\u044c \u043c\u0430\u043a\u0435\u0442\u044b \u0432\u044b\u0432\u043e\u0434\u0430, \u0432 \u043a\u043e\u0442\u043e\u0440\u044b\u0445 \u0441\u043e\u0434\u0435\u0440\u0436\u0438\u0442\u0441\u044f \u0435\u0433\u043e HTML-\u0432\u0451\u0440\u0441\u0442\u043a\u0430. \u041b\u0435\u0436\u0430\u0442 \u044d\u0442\u0438 \u043c\u0430\u043a\u0435\u0442\u044b \u0432 <code>modules\/&lt;\u0438\u043c\u044f_\u043c\u043e\u0434\u0443\u043b\u044f>\/tmpl<\/code>. \u041c\u0430\u043a\u0435\u0442\u044b \u043c\u043e\u0434\u0443\u043b\u0435\u0439 \u043f\u0430\u043d\u0435\u043b\u0438 \u0430\u0434\u043c\u0438\u043d\u0438\u0441\u0442\u0440\u0430\u0442\u043e\u0440\u0430 \u043d\u0430\u0445\u043e\u0434\u044f\u0442\u0441\u044f \u0432  <code>administrator\/modules\/&lt;\u0438\u043c\u044f_\u043c\u043e\u0434\u0443\u043b\u044f>\/tmpl<\/code>. \u041e\u0431\u044b\u0447\u043d\u043e \u043c\u0430\u043a\u0435\u0442 \u0432\u044b\u0432\u043e\u0434\u0430 \u043f\u043e-\u0443\u043c\u043e\u043b\u0447\u0430\u043d\u0438\u044e \u043d\u0430\u0437\u044b\u0432\u0430\u0435\u0442\u0441\u044f <code>default.php<\/code>. <\/p>\n<figure class=\"full-width\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/habrastorage.org\/r\/w1560\/getpro\/habr\/upload_files\/9a6\/2b9\/0f4\/9a62b90f429260ce798dba2580cfafcf.png\" width=\"1380\" height=\"908\" data-src=\"https:\/\/habrastorage.org\/getpro\/habr\/upload_files\/9a6\/2b9\/0f4\/9a62b90f429260ce798dba2580cfafcf.png\"\/><\/figure>\n<p>\u0412 \u043d\u0430\u0441\u0442\u0440\u043e\u0439\u043a\u0430\u0445 \u043a\u0430\u0436\u0434\u043e\u0433\u043e \u043c\u043e\u0434\u0443\u043b\u044f \u0435\u0441\u0442\u044c \u043e\u043f\u0446\u0438\u044f &#171;\u043c\u0430\u043a\u0435\u0442&#187;, \u0433\u0434\u0435 \u043c\u043e\u0436\u043d\u043e \u0432\u044b\u0431\u0440\u0430\u0442\u044c \u0434\u0440\u0443\u0433\u043e\u0439 \u043c\u0430\u043a\u0435\u0442 \u0434\u043b\u044f \u043c\u043e\u0434\u0443\u043b\u044f (\u0435\u0441\u043b\u0438 \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u0447\u0438\u043a \u0440\u0430\u0441\u0448\u0438\u0440\u0435\u043d\u0438\u044f \u043f\u0440\u0435\u0434\u043e\u0441\u0442\u0430\u0432\u043b\u044f\u0435\u0442 \u0430\u043b\u044c\u0442\u0435\u0440\u043d\u0430\u0442\u0438\u0432\u043d\u044b\u0435 \u043c\u0430\u043a\u0435\u0442\u044b). \u042d\u0442\u0430 \u043e\u043f\u0446\u0438\u044f \u043d\u0430\u0445\u043e\u0434\u0438\u0442\u0441\u044f \u0432 \u0442\u0430\u0431\u0435 &#171;\u0434\u043e\u043f\u043e\u043b\u043d\u0438\u0442\u0435\u043b\u044c\u043d\u044b\u0435 \u043f\u0430\u0440\u0430\u043c\u0435\u0442\u0440\u044b&#187;. <\/p>\n<p>\u041e\u0447\u0435\u043d\u044c \u0447\u0430\u0441\u0442\u043e (\u043f\u0440\u0430\u043a\u0442\u0438\u0447\u0435\u0441\u043a\u0438 \u0432\u0441\u0435\u0433\u0434\u0430) \u0432\u043e\u0437\u043d\u0438\u043a\u0430\u0435\u0442 \u043d\u0435\u043e\u0431\u0445\u043e\u0434\u0438\u043c\u043e\u0441\u0442\u044c \u0438\u0437\u043c\u0435\u043d\u0438\u0442\u044c \u0432\u0451\u0440\u0441\u0442\u043a\u0443 \u0441\u0442\u0430\u043d\u0434\u0430\u0440\u0442\u043d\u043e\u0433\u043e \u0438\u043b\u0438 \u0441\u0442\u043e\u0440\u043e\u043d\u043d\u0435\u0433\u043e \u043c\u043e\u0434\u0443\u043b\u044f \u0438 \u0441\u0430\u043c\u044b\u0439 \u0432\u0435\u0440\u043d\u044b\u0439 \u043f\u0443\u0442\u044c &#8212; <strong>\u043f\u0435\u0440\u0435\u043e\u043f\u0440\u0435\u0434\u0435\u043b\u0438\u0442\u044c \u043c\u0430\u043a\u0435\u0442 \u0432\u044b\u0432\u043e\u0434\u0430 \u043c\u043e\u0434\u0443\u043b\u044f<\/strong>. \u0421\u0434\u0435\u043b\u0430\u0442\u044c \u044d\u0442\u043e \u043c\u043e\u0436\u043d\u043e \u0434\u0432\u0443\u043c\u044f \u0441\u043f\u043e\u0441\u043e\u0431\u0430\u043c\u0438:<\/p>\n<ul>\n<li>\n<p>\u043f\u0435\u0440\u0435\u043e\u043f\u0440\u0435\u0434\u0435\u043b\u0438\u0442\u044c \u043c\u0430\u043a\u0435\u0442 \u0432 \u043f\u0430\u043f\u043a\u0435 <code>tmpl<\/code> \u043c\u043e\u0434\u0443\u043b\u044f<\/p>\n<\/li>\n<li>\n<p>\u043f\u0435\u0440\u0435\u043e\u043f\u0440\u0435\u0434\u0435\u043b\u0438\u0442\u044c \u043c\u0430\u043a\u0435\u0442 \u0432 \u043f\u0430\u043f\u043a\u0435 <code>html<\/code> \u0448\u0430\u0431\u043b\u043e\u043d\u0430<\/p>\n<\/li>\n<\/ul>\n<p>\u041e\u0431\u0430 \u0441\u043f\u043e\u0441\u043e\u0431\u0430 \u0430\u0431\u0441\u043e\u043b\u044e\u0442\u043d\u043e \u0440\u0430\u0432\u043d\u043e\u0437\u043d\u0430\u0447\u043d\u044b \u0438 \u044f\u0432\u043b\u044f\u044e\u0442\u0441\u044f \u043f\u0440\u0430\u0432\u0438\u043b\u044c\u043d\u044b\u043c\u0438 \u0432 \u0440\u0430\u0432\u043d\u043e\u0439 \u0441\u0442\u0435\u043f\u0435\u043d\u0438. \u0420\u0430\u0437\u043d\u0438\u0446\u0430 \u0442\u043e\u043b\u044c\u043a\u043e \u0432 \u0443\u0434\u043e\u0431\u0441\u0442\u0432\u0435 \u043f\u0435\u0440\u0435\u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u043d\u0438\u044f \u043a\u043e\u0434\u0430 \u043c\u0435\u0436\u0434\u0443 \u043f\u0440\u043e\u0435\u043a\u0442\u0430\u043c\u0438. \u042f \u043e\u0431\u044b\u0447\u043d\u043e \u0442\u0435 \u043c\u0430\u043a\u0435\u0442\u044b \u043c\u043e\u0434\u0443\u043b\u0435\u0439, \u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u044e\u0442\u0441\u044f \u0442\u043e\u043b\u044c\u043a\u043e \u0432 \u043e\u0434\u043d\u043e\u043c \u043f\u0440\u043e\u0435\u043a\u0442\u0435 \u043f\u043e\u043c\u0435\u0449\u0430\u044e \u0432 \u043f\u0430\u043f\u043a\u0443 <code>tmpl<\/code> \u043c\u043e\u0434\u0443\u043b\u044f. \u0422\u0435, \u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u043c\u043e\u0436\u043d\u043e \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c \u043d\u0430 \u0440\u0430\u0437\u043d\u044b\u0445 \u043f\u0440\u043e\u0435\u043a\u0442\u0430\u0445 \u0432 \u0440\u0430\u043c\u043a\u0430\u0445 \u0434\u0430\u043d\u043d\u043e\u0433\u043e \u0448\u0430\u0431\u043b\u043e\u043d\u0430 &#8212; \u0432 \u043f\u0430\u043f\u043a\u0443 <code>html<\/code> \u0448\u0430\u0431\u043b\u043e\u043d\u0430. \u041f\u043e\u0441\u0442\u0435\u043f\u0435\u043d\u043d\u043e \u0432 \u043f\u0430\u043f\u043a\u0435 <code>html<\/code> \u0431\u0443\u0434\u0443\u0442 \u043a\u043e\u043f\u0438\u0442\u044c\u0441\u044f \u0441\u043e\u0437\u0434\u0430\u043d\u043d\u044b\u0435 \u043f\u0435\u0440\u0435\u043e\u043f\u0440\u0435\u0434\u0435\u043b\u0435\u043d\u0438\u044f \u0438 \u0444\u0443\u043d\u043a\u0446\u0438\u043e\u043d\u0430\u043b\u044c\u043d\u043e\u0441\u0442\u044c \u0448\u0430\u0431\u043b\u043e\u043d\u0430 \u0431\u0443\u0434\u0435\u0442 \u0432\u043e\u0437\u0440\u0430\u0441\u0442\u0430\u0442\u044c.<\/p>\n<p><a class=\"anchor\" name=\"joomla-modules-layouts-overrides\" id=\"joomla-modules-layouts-overrides\"><\/a><\/p>\n<h3>\u041c\u0430\u043a\u0435\u0442 \u043c\u043e\u0434\u0443\u043b\u044f Joomla. \u041f\u0435\u0440\u0435\u043e\u043f\u0440\u0435\u0434\u0435\u043b\u0435\u043d\u0438\u044f<\/h3>\n<ol>\n<li>\n<p>\u0418\u0434\u0451\u043c \u0432 \u043f\u0430\u043f\u043a\u0443 \u0441 \u043c\u043e\u0434\u0443\u043b\u0435\u043c <code>modules\/&lt;\u0438\u043c\u044f_\u043c\u043e\u0434\u0443\u043b\u044f>\/tmpl<\/code><\/p>\n<ol>\n<li>\n<p>\u041a\u043e\u043f\u0438\u0440\u0443\u0435\u043c \u0438 \u043f\u0435\u0440\u0435\u0438\u043c\u0435\u043d\u043e\u0432\u044b\u0432\u0430\u0435\u043c \u0444\u0430\u0439\u043b <code>default.php<\/code> \u0432 \u0442\u043e\u0439 \u0436\u0435 \u043f\u0430\u043f\u043a\u0435. \u041f\u0440\u0438 \u043f\u0435\u0440\u0435\u0438\u043c\u0435\u043d\u043e\u0432\u0430\u043d\u0438\u0438 \u043b\u0443\u0447\u0448\u0435 \u043d\u0435 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c \u0441\u0438\u043c\u0432\u043e\u043b \u043f\u043e\u0434\u0447\u0435\u0440\u043a\u0438\u0432\u0430\u043d\u0438\u044f <code>_<\/code>. \u041e\u043d \u0437\u0430\u0440\u0435\u0437\u0435\u0440\u0432\u0438\u0440\u043e\u0432\u0430\u043d \u0438 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u0435\u0442\u0441\u044f \u043f\u0440\u0438 \u043f\u043e\u0434\u043a\u043b\u044e\u0447\u0435\u043d\u0438\u0438 <code>subLayouts<\/code>, \u0435\u0441\u043b\u0438 \u043e\u043d\u0438 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u044e\u0442\u0441\u044f.<\/p>\n<\/li>\n<li>\n<p>\u041b\u0418\u0411\u041e \u043a\u043e\u043f\u0438\u0440\u0443\u0435\u043c \u0444\u0430\u0439\u043b \u043c\u0430\u043a\u0435\u0442\u0430 \u0432 <code>templates\/&lt;\u0432\u0430\u0448_\u0448\u0430\u0431\u043b\u043e\u043d>\/html\/&lt;\u0438\u043c\u044f_\u043c\u043e\u0434\u0443\u043b\u044f><\/code>. \u0412 \u044d\u0442\u043e\u043c \u0441\u043b\u0443\u0447\u0430\u0435 \u0444\u0430\u0439\u043b \u043c\u043e\u0436\u043d\u043e \u041d\u0415 \u043f\u0435\u0440\u0435\u0438\u043c\u0435\u043d\u043e\u0432\u044b\u0432\u0430\u0442\u044c \u0438 \u0442\u043e\u0433\u0434\u0430 \u043e\u043d \u0431\u0443\u0434\u0435\u0442 \u0437\u0430\u043c\u0435\u043d\u044f\u0442\u044c \u0441\u043e\u0431\u043e\u0439 <code>default.php<\/code> \u0438\u0437 \u043f\u0430\u043f\u043a\u0438 <code>tmpl<\/code> \u043c\u043e\u0434\u0443\u043b\u044f. \u041b\u0438\u0431\u043e \u0432\u0441\u0451-\u0442\u0430\u043a\u0438 \u043f\u0435\u0440\u0435\u0438\u043c\u0435\u043d\u043e\u0432\u0430\u0442\u044c, \u0438 \u0442\u043e\u0433\u0434\u0430 \u043e\u043d \u0431\u0443\u0434\u0435\u0442 \u0432\u0438\u0434\u0435\u043d \u043e\u0442\u0434\u0435\u043b\u044c\u043d\u044b\u043c \u043c\u0430\u043a\u0435\u0442\u043e\u043c.<\/p>\n<\/li>\n<\/ol>\n<\/li>\n<li>\n<p>\u041f\u043e\u0441\u043b\u0435 \u044d\u0442\u043e\u0433\u043e \u0441\u043e\u0437\u0434\u0430\u043d\u043d\u044b\u0439 \u043c\u0430\u043a\u0435\u0442 \u043f\u043e\u044f\u0432\u0438\u0442\u0441\u044f \u0432 \u0432\u044b\u043f\u0430\u0434\u0430\u044e\u0449\u0435\u043c \u0441\u043f\u0438\u0441\u043a\u0435 \u043f\u043e\u043b\u044f &#171;\u043c\u0430\u043a\u0435\u0442&#187; \u0432 \u043d\u0430\u0441\u0442\u0440\u043e\u0439\u043a\u0430\u0445 \u043c\u043e\u0434\u0443\u043b\u044f. \u0412\u044b\u0431\u0438\u0440\u0430\u0435\u043c \u0435\u0433\u043e \u0438 \u0441\u043e\u0445\u0440\u0430\u043d\u044f\u0435\u043c \u043c\u043e\u0434\u0443\u043b\u044c.<\/p>\n<\/li>\n<li>\n<p>\u0422\u0432\u043e\u0440\u0438\u043c \u0432 \u0441\u0432\u043e\u0451\u043c \u0444\u0430\u0439\u043b\u0435 \u043c\u0430\u043a\u0435\u0442\u0430 \u0432\u0441\u0451, \u0447\u0442\u043e \u0434\u0443\u0448\u0435 \u0443\u0433\u043e\u0434\u043d\u043e.<\/p>\n<\/li>\n<\/ol>\n<figure class=\"full-width\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/habrastorage.org\/r\/w1560\/getpro\/habr\/upload_files\/3c8\/cd2\/d02\/3c8cd2d0251f6794bacacc987ad31bc3.png\" alt=\"\u041f\u0440\u0438\u043c\u0435\u0440 \u043c\u0430\u043a\u0435\u0442\u0430 \u043c\u043e\u0434\u0443\u043b\u044f, \u0440\u0430\u0441\u043f\u043e\u043b\u043e\u0436\u0435\u043d\u043d\u043e\u0433\u043e \u0432 \u043f\u0430\u043f\u043a\u0435 html \u0448\u0430\u0431\u043b\u043e\u043d\u0430\" title=\"\u041f\u0440\u0438\u043c\u0435\u0440 \u043c\u0430\u043a\u0435\u0442\u0430 \u043c\u043e\u0434\u0443\u043b\u044f, \u0440\u0430\u0441\u043f\u043e\u043b\u043e\u0436\u0435\u043d\u043d\u043e\u0433\u043e \u0432 \u043f\u0430\u043f\u043a\u0435 html \u0448\u0430\u0431\u043b\u043e\u043d\u0430\" width=\"1079\" height=\"876\" data-src=\"https:\/\/habrastorage.org\/getpro\/habr\/upload_files\/3c8\/cd2\/d02\/3c8cd2d0251f6794bacacc987ad31bc3.png\"\/><\/p>\n<div><figcaption>\u041f\u0440\u0438\u043c\u0435\u0440 \u043c\u0430\u043a\u0435\u0442\u0430 \u043c\u043e\u0434\u0443\u043b\u044f, \u0440\u0430\u0441\u043f\u043e\u043b\u043e\u0436\u0435\u043d\u043d\u043e\u0433\u043e \u0432 \u043f\u0430\u043f\u043a\u0435 html \u0448\u0430\u0431\u043b\u043e\u043d\u0430<\/figcaption><\/div>\n<\/figure>\n<p>\u041f\u0440\u0438 \u0441\u043e\u0437\u0434\u0430\u043d\u0438\u0438 \u043c\u0430\u043a\u0435\u0442\u0430 \u043c\u043e\u0434\u0443\u043b\u044f Joomla \u043f\u043e\u0440\u043e\u0439 \u043d\u0443\u0436\u043d\u044b \u043d\u0435\u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u043a\u043b\u0430\u0441\u0441\u044b (\u043d\u0430\u043f\u0440\u0438\u043c\u0435\u0440 \u043e\u0431\u044a\u0435\u043a\u0442 \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u044f, Input \u0438 \u0442.\u0434.). \u0412 Joomla 4 \u043e\u043d\u0438 \u0443\u0436\u0435 \u043f\u0440\u0438\u0441\u0443\u0442\u0441\u0442\u0432\u0443\u044e\u0442 \u0432 \u043c\u0430\u043a\u0435\u0442\u0435 \u043c\u043e\u0434\u0443\u043b\u044f. \u041f\u043e\u0434\u0440\u043e\u0431\u043d\u0435\u0435 \u0432 \u0441\u0442\u0430\u0442\u044c\u0435 <a href=\"https:\/\/habr.com\/ru\/articles\/684534\/\" rel=\"noopener noreferrer nofollow\">\u0421\u043e\u0437\u0434\u0430\u043d\u0438\u0435 \u043c\u043e\u0434\u0443\u043b\u0435\u0439 \u0441 \u0443\u0447\u0451\u0442\u043e\u043c \u043d\u043e\u0432\u043e\u0439 \u0441\u0442\u0440\u0443\u043a\u0442\u0443\u0440\u044b Joomla 4<\/a>. <\/p>\n<ul>\n<li>\n<p><code>$module<\/code>\u00a0&#8212; \u043e\u0431\u044a\u0435\u043a\u0442 \u043c\u043e\u0434\u0443\u043b\u044f. \u041e\u0442\u0442\u0443\u0434\u0430 \u0412\u044b \u043c\u043e\u0436\u0435\u0442\u0435 \u0432\u0437\u044f\u0442\u044c id \u043c\u043e\u0434\u0443\u043b\u044f (<code>$module->id<\/code>), \u0437\u0430\u0433\u043e\u043b\u043e\u0432\u043e\u043a \u043c\u043e\u0434\u0443\u043b\u044f, \u0435\u0433\u043e \u043f\u043e\u0437\u0438\u0446\u0438\u044e \u0438 \u0442.\u0434.<\/p>\n<\/li>\n<li>\n<p><code>$app<\/code>\u00a0&#8212; \u043e\u0431\u044a\u0435\u043a\u0442 \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u044f. \u042d\u0442\u043e \u0437\u043d\u0430\u0447\u0438\u0442, \u0447\u0442\u043e \u0412\u0430\u043c \u043d\u0435 \u043d\u0443\u0436\u043d\u043e \u0441\u0430\u043c\u043e\u0441\u0442\u043e\u044f\u0442\u0435\u043b\u044c\u043d\u043e \u0432\u044b\u0437\u044b\u0432\u0430\u0442\u044c\u00a0<code>Joomla\\CMS\\Factory::getApplication()<\/code>. \u041e\u043d \u0443\u0436\u0435 \u0435\u0441\u0442\u044c \u0434\u043b\u044f \u0412\u0430\u0448\u0435\u0433\u043e \u0443\u0434\u043e\u0431\u0441\u0442\u0432\u0430.<\/p>\n<\/li>\n<li>\n<p><code>$input<\/code>\u00a0&#8212; \u0442\u0430\u043a\u0436\u0435 \u0432 \u043c\u0430\u043a\u0435\u0442\u0435 \u043c\u043e\u0434\u0443\u043b\u044f \u0442\u0435\u043f\u0435\u0440\u044c \u0441\u0440\u0430\u0437\u0443 \u0434\u043e\u0441\u0442\u0443\u043f\u0435\u043d \u043e\u0431\u044a\u0435\u043a\u0442 <code>Input<\/code> (\u0447\u0435\u0440\u0435\u0437 \u043d\u0435\u0433\u043e \u043c\u044b \u043f\u043e\u043b\u0443\u0447\u0430\u0435\u043c GET, POST \u043f\u0430\u0440\u0430\u043c\u0435\u0442\u0440\u044b, SERVER \u0438 \u0442.\u0434.), \u043a\u043e\u0442\u043e\u0440\u044b\u0439 \u0440\u0430\u043d\u044c\u0448\u0435 \u043f\u0440\u0438\u0445\u043e\u0434\u0438\u043b\u043e\u0441\u044c \u0432\u044b\u0437\u044b\u0432\u0430\u0442\u044c \u0441\u0430\u043c\u043e\u0441\u0442\u043e\u044f\u0442\u0435\u043b\u044c\u043d\u043e.<\/p>\n<\/li>\n<li>\n<p><code>$params<\/code>\u00a0&#8212; \u043f\u0430\u0440\u0430\u043c\u0435\u0442\u0440\u044b \u043c\u043e\u0434\u0443\u043b\u044f. \u041f\u043e\u043b\u0443\u0447\u0430\u0435\u043c \u0438\u0445 \u043a\u0430\u043a \u0440\u0430\u043d\u044c\u0448\u0435:\u00a0<code>$params->get('param_name' , 'default_value_if_value_is_empty')<\/code>. \u042d\u0442\u0438 \u043f\u0430\u0440\u0430\u043c\u0435\u0442\u0440\u044b \u043c\u044b \u0441\u043e\u0431\u0438\u0440\u0430\u0435\u043c \u0441 \u043f\u043e\u043c\u043e\u0449\u044c\u044e \u0440\u0430\u0437\u043b\u0438\u0447\u043d\u044b\u0445 \u0442\u0438\u043f\u043e\u0432 \u043f\u043e\u043b\u0435\u0439 Joomla \u0432 xml-\u043c\u0430\u043d\u0438\u0444\u0435\u0441\u0442\u0435 \u043c\u043e\u0434\u0443\u043b\u044f.<\/p>\n<\/li>\n<li>\n<p><code>$template<\/code>\u00a0&#8212; \u043f\u0430\u0440\u0430\u043c\u0435\u0442\u0440\u044b \u043d\u0430\u0441\u0442\u0440\u043e\u0435\u043a \u0441\u0442\u0438\u043b\u044f \u0442\u0435\u043a\u0443\u0449\u0435\u0433\u043e \u0448\u0430\u0431\u043b\u043e\u043d\u0430. <\/p>\n<\/li>\n<\/ul>\n<h4>\u041f\u0435\u0440\u0435\u043e\u043f\u0440\u0435\u0434\u0435\u043b\u0435\u043d\u0438\u0435 \u043c\u0430\u043a\u0435\u0442\u0430 \u043c\u043e\u0434\u0443\u043b\u044f \u043c\u0435\u043d\u044e \u0432 Joomla<\/h4>\n<p>\u0412 \u043f\u043b\u0430\u043d\u0435 \u0440\u0430\u0431\u043e\u0442\u044b \u0441 \u044d\u0442\u0438\u043c \u043c\u043e\u0434\u0443\u043b\u0435\u043c \u0432 Joomla \u0431\u043e\u043b\u044c\u0448\u0438\u0445 \u0438\u0437\u043c\u0435\u043d\u0435\u043d\u0438\u0439 \u043d\u0435 \u0431\u044b\u043b\u043e, \u043f\u043e\u044d\u0442\u043e\u043c\u0443 \u043e\u043f\u044b\u0442\u043d\u044b\u043c \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u0447\u0438\u043a\u0430\u043c \u043c\u043e\u0436\u043d\u043e \u043f\u0440\u043e\u043f\u0443\u0441\u0442\u0438\u0442\u044c \u044d\u0442\u043e\u0442 \u0440\u0430\u0437\u0434\u0435\u043b. \u0415\u0434\u0438\u043d\u0441\u0442\u0432\u0435\u043d\u043d\u043e\u0435 \u0437\u0430\u043c\u0435\u0442\u043d\u0430\u044f \u0440\u0430\u0437\u043d\u0438\u0446\u0430 \u043c\u0435\u0436\u0434\u0443 Joomla 3 \u0438 Joomla 4 &#8212; \u044d\u0442\u043e \u0442\u043e, \u0447\u0442\u043e \u043f\u0430\u0440\u0430\u043c\u0435\u0442\u0440\u044b \u043f\u0443\u043d\u043a\u0442\u0430 \u043c\u0435\u043d\u044e \u0441\u0442\u0430\u043b\u0438 \u043f\u0440\u0438\u0432\u0430\u0442\u043d\u044b\u043c\u0438 \u0438 \u043f\u043e\u043b\u0443\u0447\u0438\u0442\u044c \u043a \u043d\u0438\u043c \u0434\u043e\u0441\u0442\u0443\u043f \u043f\u0440\u043e\u0441\u0442\u043e \u043f\u043e <code>$item->params<\/code> \u0443\u0436\u0435 \u043d\u0435\u043b\u044c\u0437\u044f. \u0412 Joomla 4 \u0438 Joomla 5 \u044d\u0442\u043e \u0432\u044b\u0437\u043e\u0432\u0435\u0442 \u043e\u0448\u0438\u0431\u043a\u0443, \u043f\u043e\u044d\u0442\u043e\u043c\u0443 \u043d\u0443\u0436\u043d\u043e \u043f\u043e\u043b\u0443\u0447\u0438\u0442\u044c \u043f\u0430\u0440\u0430\u043c\u0435\u0442\u0440\u044b \u043a\u0430\u0436\u0434\u043e\u0433\u043e \u043f\u0443\u043d\u043a\u0442\u0430 \u043c\u0435\u043d\u044e \u0432 \u043e\u0442\u0434\u0435\u043b\u044c\u043d\u0443\u044e \u043f\u0435\u0440\u0435\u043c\u0435\u043d\u043d\u0443\u044e:<\/p>\n<pre><code class=\"php\">&lt;?php  \/\/ \u0424\u0440\u0430\u0433\u043c\u0435\u043d\u0442 \u043f\u0435\u0440\u0435\u043e\u043f\u0440\u0435\u0434\u0435\u043b\u0451\u043d\u043d\u043e\u0433\u043e \u0444\u0430\u0439\u043b\u0430 modules\/mod_menu\/tmpl\/default.php ?> &lt;ul&lt;?php echo $id; ?> class=\"nav d-flex flex-lg-row &lt;?php echo $class_sfx; ?>\"> &lt;?php foreach ($list as $i => &amp;$item) {     \/\/ \u041f\u043e\u043b\u0443\u0447\u0435\u043d\u0438\u0435 \u043f\u0430\u0440\u0430\u043c\u0435\u0442\u0440\u043e\u0432 \u043f\u0443\u043d\u043a\u0442\u0430 \u043c\u0435\u043d\u044e.     \/\/ \u0414\u0430\u043b\u0435\u0435 \u043f\u043e \u043a\u043e\u0434\u0443 \u0432\u0441\u0435 \u043f\u0430\u0440\u0430\u043c\u0442\u0435\u0440\u044b \u0431\u0435\u0440\u0451\u043c \u0438\u0437 $itemParams     $itemParams = $item->getParams(); $class      = 'nav-item item-' . $item->id;  if ($item->id == $default_id) { $class .= ' default'; }  if ($item->id == $active_id || ($item->type === 'alias' &amp;&amp; $itemParams->get('aliasoptions') == $active_id)) { $class .= ' current'; }    ...<\/code><\/pre>\n<p>\u041e\u0434\u0438\u043d \u0438\u0437 \u0441\u0430\u043c\u044b\u0445 \u0447\u0430\u0441\u0442\u043e \u043f\u0435\u0440\u0435\u043e\u043f\u0440\u0435\u0434\u0435\u043b\u044f\u0435\u043c\u044b\u0445 \u043c\u043e\u0434\u0443\u043b\u0435\u0439 &#8212; \u043c\u0435\u043d\u044e. \u041c\u0430\u043a\u0435\u0442\u043e\u0432 \u0434\u043b\u044f \u043c\u043e\u0434\u0443\u043b\u044f \u043c\u0435\u043d\u044e \u043d\u0435\u0440\u0435\u0434\u043a\u043e \u043d\u0443\u0436\u043d\u043e \u043d\u0435\u0441\u043a\u043e\u043b\u044c\u043a\u043e. \u0418\u0434\u0451\u043c \u0432 \u043f\u0430\u043f\u043a\u0443 <code>modules\/mod_menu\/tmpl<\/code>, \u043a\u043e\u043f\u0438\u0440\u0443\u0435\u043c \u0438 \u043f\u0435\u0440\u0435\u0438\u043c\u0435\u043d\u043e\u0432\u044b\u0432\u0430\u0435\u043c 5 \u0444\u0430\u0439\u043b\u043e\u0432:<\/p>\n<ul>\n<li>\n<p><code>default.php<\/code> &#8212; \u043e\u0441\u043d\u043e\u0432\u043d\u043e\u0439 \u0444\u0430\u0439\u043b \u043c\u0430\u043a\u0435\u0442\u0430, \u0433\u0434\u0435 \u0444\u043e\u0440\u043c\u0438\u0440\u0443\u0435\u0442\u0441\u044f \u0441\u0430\u043c \u0441\u043f\u0438\u0441\u043e\u043a &lt;ul> &lt;li>. <\/p>\n<\/li>\n<li>\n<p><code>default_component.php<\/code> &#8212; \u0432\u044b\u0432\u043e\u0434 \u0441\u0441\u044b\u043b\u043a\u0438 \u043d\u0430 \u043a\u0430\u043a\u043e\u0439-\u043b\u0438\u0431\u043e \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442.<\/p>\n<\/li>\n<li>\n<p><code>default_heading.php<\/code> &#8212; \u0432\u044b\u0432\u043e\u0434 \u043f\u0443\u043d\u043a\u0442\u0430 \u043c\u0435\u043d\u044e \u0442\u0438\u043f\u0430 &#171;\u0437\u0430\u0433\u043e\u043b\u043e\u0432\u043e\u043a&#187;<\/p>\n<\/li>\n<li>\n<p><code>default_separator.php<\/code> &#8212; \u0432\u044b\u0432\u043e\u0434 \u043f\u0443\u043d\u043a\u0442\u0430 \u043c\u0435\u043d\u044e \u0442\u0438\u043f\u0430 &#171;\u0440\u0430\u0437\u0434\u0435\u043b\u0438\u0442\u0435\u043b\u044c&#187;<\/p>\n<\/li>\n<li>\n<p><code>default_url.php<\/code> &#8212; \u0432\u044b\u0432\u043e\u0434 \u043f\u0443\u043d\u043a\u0442\u0430 \u043c\u0435\u043d\u044e \u0442\u0438\u043f\u0430 &#171;\u0432\u043d\u0435\u0448\u043d\u044f\u044f \u0441\u0441\u044b\u043b\u043a\u0430&#187;<\/p>\n<\/li>\n<\/ul>\n<p>\u041c\u0435\u043d\u044f\u0435\u043c <code>default<\/code> \u0432 \u043d\u0430\u0437\u0432\u0430\u043d\u0438\u044f\u0445 \u0444\u0430\u0439\u043b\u043e\u0432 \u043d\u0430 \u0447\u0442\u043e-\u0442\u043e \u0441\u0432\u043e\u0451. \u0415\u0441\u043b\u0438 \u043f\u0435\u0440\u0435\u043e\u043f\u0440\u0435\u0434\u0435\u043b\u0435\u043d\u0438\u0435 \u043c\u043e\u0434\u0443\u043b\u044f \u0441\u043e\u0437\u0434\u0430\u0435\u0442\u0441\u044f \u043f\u043e\u0434 \u043f\u0440\u043e\u0435\u043a\u0442, \u0442\u043e \u044f \u043f\u0438\u0448\u0443 \u0438\u043c\u044f \u0434\u043e\u043c\u0435\u043d\u0430 \/ \u043f\u0440\u043e\u0435\u043a\u0442\u0430: <code>myproject_default.php<\/code>, <code>myproject_component.php<\/code> \u0438 \u0442.\u0434.<\/p>\n<figure class=\"full-width\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/habrastorage.org\/r\/w1560\/getpro\/habr\/upload_files\/bab\/1a5\/7aa\/bab1a57aa28f9e667c0f1f511ae53b8a.png\" alt=\"\u0418\u0437\u043c\u0435\u043d\u0435\u043d\u0438\u0435 \u0432\u044b\u0437\u043e\u0432\u0430 \u043f\u043e\u0434\u043c\u0430\u043a\u0435\u0442\u043e\u0432 \u043c\u043e\u0434\u0443\u043b\u044f \u043c\u0435\u043d\u044e \u0432 Joomla 4 \u0438 Joomla 5\" title=\"\u0418\u0437\u043c\u0435\u043d\u0435\u043d\u0438\u0435 \u0432\u044b\u0437\u043e\u0432\u0430 \u043f\u043e\u0434\u043c\u0430\u043a\u0435\u0442\u043e\u0432 \u043c\u043e\u0434\u0443\u043b\u044f \u043c\u0435\u043d\u044e \u0432 Joomla 4 \u0438 Joomla 5\" width=\"1018\" height=\"334\" data-src=\"https:\/\/habrastorage.org\/getpro\/habr\/upload_files\/bab\/1a5\/7aa\/bab1a57aa28f9e667c0f1f511ae53b8a.png\"\/><\/p>\n<div><figcaption>\u0418\u0437\u043c\u0435\u043d\u0435\u043d\u0438\u0435 \u0432\u044b\u0437\u043e\u0432\u0430 \u043f\u043e\u0434\u043c\u0430\u043a\u0435\u0442\u043e\u0432 \u043c\u043e\u0434\u0443\u043b\u044f \u043c\u0435\u043d\u044e \u0432 Joomla 4 \u0438 Joomla 5<\/figcaption><\/div>\n<\/figure>\n<p>\u041d\u0435 \u0437\u0430\u0431\u044b\u0432\u0430\u0435\u043c \u0438\u0437\u043c\u0435\u043d\u0438\u0442\u044c \u0438 \u0432\u044b\u0437\u043e\u0432 \u043f\u043e\u0434\u043c\u0430\u043a\u0435\u0442\u043e\u0432 \u0434\u043b\u044f \u0440\u0435\u043d\u0434\u0435\u0440\u0430 \u0441\u0430\u043c\u043e\u0439 \u0441\u0441\u044b\u043b\u043a\u0438.<\/p>\n<p>\u0414\u0430\u043b\u0435\u0435 \u0432 \u0444\u0430\u0439\u043b\u0430\u0445 \u0432\u043d\u0435\u0434\u0440\u044f\u0435\u043c \u0441\u0432\u043e\u044e \u0432\u0451\u0440\u0441\u0442\u043a\u0443. CSS-\u043a\u043b\u0430\u0441\u0441\u044b, \u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u043d\u0430\u0437\u043d\u0430\u0447\u0430\u044e\u0442\u0441\u044f \u0432\u0441\u0435\u043c \u043f\u0443\u043d\u043a\u0442\u0430\u043c \u043c\u0435\u043d\u044e \u0434\u0430\u043d\u043d\u043e\u0433\u043e \u043c\u0430\u043a\u0435\u0442\u0430 \u0445\u0430\u0440\u0434\u043a\u043e\u0434\u0438\u043c \u043f\u0440\u044f\u043c\u043e \u0432 \u043c\u0430\u043a\u0435\u0442\u0435. \u0412 \u043a\u043e\u043d\u0446\u0435 \u043a\u043e\u043d\u043a\u0430\u0442\u0435\u043d\u0438\u0440\u0443\u0435\u043c \u0441\u0442\u0438\u043b\u0438 \u0438\u0437 \u043d\u0430\u0441\u0442\u0440\u043e\u0435\u043a \u043f\u0443\u043d\u043a\u0442\u0430 \u043c\u0435\u043d\u044e. <\/p>\n<p>\u041f\u0440\u0438 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u043d\u0438\u0438 CSS-\u043a\u043b\u0430\u0441\u0441\u043e\u0432 \u043f\u043e\u043c\u043d\u0438\u043c, \u0447\u0442\u043e \u0432 CSS-\u0441\u0432\u043e\u0439\u0441\u0442\u0432\u0430\u0445 \u0442\u043e\u0436\u0435 \u0440\u0430\u0431\u043e\u0442\u0430\u044e\u0442 \u043f\u0435\u0440\u0435\u043e\u043f\u0440\u0435\u0434\u0435\u043b\u0435\u043d\u0438\u044f (\u043d\u043e \u0443\u0436\u0435 \u043d\u0435 Joomla ?). \u0415\u0441\u043b\u0438 2 \u0440\u0430\u0437\u043d\u044b\u0445 CSS-\u043a\u043b\u0430\u0441\u0441\u0430, \u043d\u0430\u0437\u043d\u0430\u0447\u0435\u043d\u043d\u044b\u0445 \u0441\u0435\u043b\u0435\u043a\u0442\u043e\u0440\u0443, \u0438\u043c\u0435\u044e\u0442 \u043e\u0434\u0438\u043d\u0430\u043a\u043e\u0432\u043e\u0435 \u0441\u0432\u043e\u0439\u0441\u0442\u0432\u043e (<code>color<\/code>, <code>background-color<\/code> \u0438 \u0442.\u0434.), \u0442\u043e \u043f\u0440\u0438\u043e\u0440\u0438\u0442\u0435\u0442 \u043f\u043e\u043b\u0443\u0447\u0438\u0442 \u0442\u043e, \u043a\u043e\u0442\u043e\u0440\u043e\u0435 \u0432 CSS-\u0444\u0430\u0439\u043b\u0435 \u0443\u043a\u0430\u0437\u0430\u043d\u043e \u043f\u043e\u0437\u0436\u0435, \u0442\u0430\u043a \u043a\u0430\u043a \u043e\u043d\u043e \u043f\u0435\u0440\u0435\u0437\u0430\u043f\u0438\u0448\u0435\u0442 \u0440\u0430\u043d\u0435\u0435 \u0443\u043a\u0430\u0437\u0430\u043d\u043d\u043e\u0435 \u0437\u043d\u0430\u0447\u0435\u043d\u0438\u0435. \u041f\u0440\u0438 \u044d\u0442\u043e\u043c \u043f\u043e\u0440\u044f\u0434\u043e\u043a \u0443\u043a\u0430\u0437\u0430\u043d\u0438\u044f \u043a\u043b\u0430\u0441\u0441\u043e\u0432 \u0432 \u0441\u0430\u043c\u043e\u043c \u0441\u0435\u043b\u0435\u043a\u0442\u043e\u0440\u0435 \u043d\u0435 \u0432\u0430\u0436\u0435\u043d. <\/p>\n<p>\u041d\u0430\u043f\u0440\u0438\u043c\u0435\u0440, \u043a\u043b\u0430\u0441\u0441 <code>.btn-danger<\/code> \u0443\u043a\u0430\u0437\u0430\u043d \u0432 3358-\u0439 \u0441\u0442\u0440\u043e\u043a\u0435, \u0430 \u043a\u043b\u0430\u0441\u0441 <code>.btn-success<\/code> &#8212; \u0432 3253-\u0439 \u0412\u0430\u0448\u0435\u0433\u043e <code>template.css<\/code>. \u041d\u0435\u0440\u0435\u0434\u043a\u043e \u043f\u0440\u0438 \u0440\u0430\u0431\u043e\u0442\u0435 \u0441 javascript, \u0447\u0442\u043e\u0431\u044b \u043d\u0435 \u043f\u0438\u0441\u0430\u0442\u044c \u043b\u0438\u0448\u043d\u0438\u0439 \u043a\u043e\u0434, \u043f\u0440\u043e\u0441\u0442\u043e \u0434\u043e\u0431\u0430\u0432\u043b\u044f\u0435\u0448\u044c CSS-\u043a\u043b\u0430\u0441\u0441 \u043a \u0441\u0435\u043b\u0435\u043a\u0442\u043e\u0440\u0443 \u0432 \u043d\u0430\u0434\u0435\u0436\u0434\u0435, \u0447\u0442\u043e \u043e\u043d \u043f\u0435\u0440\u0435\u0437\u0430\u043f\u0438\u0448\u0435\u0442 \u0443\u043a\u0430\u0437\u0430\u043d\u043d\u044b\u0435 \u0434\u043e \u043d\u0435\u0433\u043e CSS-\u043f\u0440\u0430\u0432\u0438\u043b\u0430. <\/p>\n<pre><code class=\"xml\">&lt;!-- \u041f\u0440\u043e\u0441\u0442\u043e \u043a\u0440\u0430\u0441\u043d\u0430\u044f \u043a\u043d\u043e\u043f\u043a\u0430 --> &lt;button type=\"button\" class=\"btn btn-danger\">\u041d\u0430\u0436\u0430\u0442\u044c!&lt;\/button>  &lt;!-- \u0414\u043e\u043b\u0436\u043d\u0430 \u0431\u044b\u0442\u044c \u043f\u0440\u043e\u0441\u0442\u043e \u0437\u0435\u043b\u0451\u043d\u0430\u044f \u043a\u043d\u043e\u043f\u043a\u0430, \u043d\u043e \u043e\u043d\u0430 \u043e\u0441\u0442\u0430\u043d\u0435\u0442\u0441\u044f \u043a\u0440\u0430\u0441\u043d\u043e\u0439,  \u0442\u0430\u043a \u043a\u0430\u043a .btn-danger \u0432 CSS \u043f\u0440\u0430\u0432\u0438\u043b\u0430\u0445 \u043e\u043f\u0438\u0441\u0430\u043d \u043f\u043e\u0437\u0436\u0435, \u0447\u0435\u043c btn-success --> &lt;button type=\"button\" class=\"btn btn-danger btn-success\">\u041d\u0430\u0436\u0430\u043b&lt;\/button>  &lt;!-- \u041f\u043e\u0440\u044f\u0434\u043e\u043a \u0443\u043a\u0430\u0437\u0430\u043d\u0438\u044f \u043a\u043b\u0430\u0441\u0441\u043e\u0432 \u0440\u043e\u043b\u0438 \u043d\u0435 \u0438\u0433\u0440\u0430\u0435\u0442 --> &lt;button type=\"button\" class=\"btn btn-success btn-danger\">\u041d\u0430\u0436\u0430\u043b&lt;\/button>  &lt;!-- \u041f\u043e\u044d\u0442\u043e\u043c\u0443 \u0432 \u0434\u0430\u043d\u043d\u043e\u043c \u043a\u043e\u043d\u043a\u0440\u0435\u0442\u043d\u043e\u043c \u0441\u043b\u0443\u0447\u0430\u0435 \u043d\u0443\u0436\u043d\u043e \u0443\u0434\u0430\u043b\u044f\u0442\u044c \u043a\u043b\u0430\u0441\u0441 .btn-danger \u0438 \u043f\u043e\u0442\u043e\u043c \u0443\u0436\u0435 \u0434\u043e\u0431\u0430\u0432\u043b\u044f\u0442\u044c .btn-success, \u043b\u0438\u0431\u043e \u043f\u0438\u0441\u0430\u0442\u044c \u0441\u0432\u043e\u0438 \u043a\u0430\u0441\u0442\u043e\u043c\u043d\u044b\u0435 \u043a\u043b\u0430\u0441\u0441\u044b \u0438 \u0434\u0435\u043b\u0430\u0442\u044c toggle --> &lt;button type=\"button\" class=\"btn btn-success\">\u041d\u0430\u0436\u0430\u043b&lt;\/button><\/code><\/pre>\n<p>\u041f\u0440\u0438\u043c\u0435\u0440\u043d\u043e \u0442\u0430\u043a \u0441\u0442\u0440\u043e\u0438\u0442\u0441\u044f \u0440\u0430\u0431\u043e\u0442\u0430 \u0441\u043e \u0432\u0441\u0435\u043c\u0438 \u043c\u043e\u0434\u0443\u043b\u044f\u043c\u0438 \u0432 Joomla.<\/p>\n<p><strong>\u041b\u0430\u0439\u0444\u0445\u0430\u043a<\/strong>, \u043a\u043e\u0442\u043e\u0440\u044b\u0439 \u043c\u043e\u0436\u043d\u043e \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c, <strong>\u043a\u043e\u0433\u0434\u0430 \u043d\u0435\u043e\u0431\u0445\u043e\u0434\u0438\u043c\u043e \u0432\u044b\u043f\u043e\u043b\u043d\u0438\u0442\u044c \u043f\u0440\u043e\u0438\u0437\u0432\u043e\u043b\u044c\u043d\u044b\u0439 PHP-\u043a\u043e\u0434 \u0432 Joomla<\/strong> &#8212; \u044d\u0442\u043e \u0441\u0434\u0435\u043b\u0430\u0442\u044c \u0441\u0432\u043e\u0439 \u043c\u0430\u043a\u0435\u0442 \u0434\u043b\u044f \u043c\u043e\u0434\u0443\u043b\u044f HTML-\u043a\u043e\u0434 (<code>mod_custom<\/code>). \u0423\u0434\u0430\u043b\u0438\u0442\u044c \u0432 \u043d\u0451\u043c \u0432\u0441\u0451, \u0447\u0442\u043e \u043f\u0440\u0435\u0434\u043b\u0430\u0433\u0430\u0435\u0442 Joomla \u0438 \u043f\u043e\u043c\u0435\u0441\u0442\u0438\u0442\u044c \u0441\u0432\u043e\u0439 \u043a\u043e\u0434. \u0412 \u043f\u0430\u043d\u0435\u043b\u0438 \u0430\u0434\u043c\u0438\u043d\u0438\u0441\u0442\u0440\u0430\u0442\u043e\u0440\u0430 \u0436\u0435 \u0441\u043e\u0437\u0434\u0430\u0442\u044c \u043c\u043e\u0434\u0443\u043b\u044c, \u0432\u044b\u0431\u0440\u0430\u0442\u044c \u0434\u043b\u044f \u043d\u0435\u0433\u043e \u0441\u0432\u043e\u0439 \u043c\u0430\u043a\u0435\u0442 \u0438&#8230; \u043e\u043d\u043e \u0440\u0430\u0431\u043e\u0442\u0430\u0435\u0442, \u043d\u043e \u0435\u0449\u0451 \u0434\u043e\u043f\u043e\u043b\u043d\u0435\u043d\u043e \u0444\u0443\u043d\u043a\u0446\u0438\u043e\u043d\u0430\u043b\u044c\u043d\u043e\u0441\u0442\u044c\u044e Joomla (\u043f\u0440\u0438\u0432\u044f\u0437\u043a\u0430 \u043a \u043f\u0443\u043d\u043a\u0442\u0430\u043c \u043c\u0435\u043d\u044e, \u0443\u0440\u043e\u0432\u043d\u044f\u043c \u0434\u043e\u0441\u0442\u0443\u043f\u0430 \u0438 \u044f\u0437\u044b\u043a\u0430\u043c).<\/p>\n<p><a class=\"anchor\" name=\"joomla-module-css-class\" id=\"joomla-module-css-class\"><\/a><\/p>\n<h3>\u0421\u0443\u0444\u0444\u0438\u043a\u0441 \u043a\u043b\u0430\u0441\u0441\u0430 \u043c\u043e\u0434\u0443\u043b\u044f (CSS-\u043a\u043b\u0430\u0441\u0441 \u043c\u043e\u0434\u0443\u043b\u044f)<\/h3>\n<p>\u042d\u0442\u0430 \u0444\u0443\u043d\u043a\u0446\u0438\u044f \u0432 Joomla \u0441\u0443\u0449\u0435\u0441\u0442\u0432\u0443\u0435\u0442 \u0435\u0449\u0451 \u0441 \u0432\u0435\u0440\u0441\u0438\u0439 1.5 (\u0435\u0441\u043b\u0438 \u043d\u0435 \u0440\u0430\u043d\u044c\u0448\u0435). \u041a\u0430\u0436\u0434\u043e\u043c\u0443 \u043c\u043e\u0434\u0443\u043b\u044e \u043c\u043e\u0436\u043d\u043e \u043d\u0430\u0437\u043d\u0430\u0447\u0438\u0442\u044c \u0441\u0443\u0444\u0444\u0438\u043a\u0441 \u0434\u043b\u044f CSS-\u043a\u043b\u0430\u0441\u0441\u0430, \u043a\u043e\u0442\u043e\u0440\u044b\u0439 \u043f\u043e\u0442\u043e\u043c \u043e\u043f\u0438\u0441\u0430\u0442\u044c \u0432 CSS \u0448\u0430\u0431\u043b\u043e\u043d\u0430. \u041f\u0440\u0435\u0434\u043f\u043e\u043b\u0430\u0433\u0430\u043b\u043e\u0441\u044c, \u0447\u0442\u043e \u0432\u0441\u0435 \u043c\u043e\u0434\u0443\u043b\u0438 \u0438\u043c\u0435\u044e\u0442 CSS-\u043a\u043b\u0430\u0441\u0441 <code>moduletable<\/code>, \u0430 \u0441\u0443\u0444\u0444\u0438\u043a\u0441 \u043a\u043b\u0430\u0441\u0441\u0430 \u043a\u043e\u043d\u043a\u0430\u0442\u0435\u043d\u0438\u0440\u0443\u0435\u0442 \u043a \u043d\u0435\u043c\u0443 \u0442\u043e, \u0447\u0442\u043e \u0443\u043a\u0430\u0437\u0430\u043d\u043e \u0432 \u043d\u0430\u0441\u0442\u0440\u043e\u0439\u043a\u0430\u0445 \u043c\u043e\u0434\u0443\u043b\u044f. \u0418 \u0442\u043e\u0433\u0434\u0430 \u043f\u043e\u043b\u0443\u0447\u0430\u0435\u0442\u0441\u044f \u0443\u043d\u0438\u043a\u0430\u043b\u044c\u043d\u044b\u0439 CSS-\u043a\u043b\u0430\u0441\u0441 \u0434\u043b\u044f \u043a\u0430\u0436\u0434\u043e\u0433\u043e \u043c\u043e\u0434\u0443\u043b\u044f: <code>.moduletable_red<\/code>, <code>.moduletable_green<\/code> \u0438 \u0442.\u0434. <\/p>\n<p>\u0421\u0435\u0439\u0447\u0430\u0441 \u044d\u0442\u043e\u0442 \u043f\u0430\u0440\u0430\u043c\u0435\u0442\u0440 \u043d\u0430\u0437\u044b\u0432\u0430\u0435\u0442\u0441\u044f \u043f\u0440\u043e\u0441\u0442\u043e &#171;CSS-\u043a\u043b\u0430\u0441\u0441 \u043c\u043e\u0434\u0443\u043b\u044f&#187;, \u043e\u0434\u043d\u0430\u043a\u043e \u0435\u0433\u043e \u043f\u043e\u0432\u0435\u0434\u0435\u043d\u0438\u0435 \u043f\u043e-\u043f\u0440\u0435\u0436\u043d\u0435\u043c\u0443 \u0432\u043e \u043c\u043d\u043e\u0433\u0438\u0445 \u0440\u0430\u0441\u0448\u0438\u0440\u0435\u043d\u0438\u044f\u0445 \u043a\u0430\u043a \u0443 \u0441\u0443\u0444\u0444\u0438\u043a\u0441\u0430. \u0420\u0435\u0447\u044c \u0438\u0434\u0451\u0442 \u043e \u043f\u0440\u043e\u0431\u0435\u043b\u0435 \u043c\u0435\u0436\u0434\u0443 \u043a\u043b\u0430\u0441\u0441\u043e\u043c <code>moduletable<\/code> \u0438 \u0442\u0435\u043c, \u0447\u0442\u043e \u0412\u044b \u0432\u0432\u0435\u0434\u0451\u0442\u0435 \u0432 \u044d\u0442\u043e\u043c \u043f\u043e\u043b\u0435. \u041f\u043e\u0441\u043a\u043e\u043b\u044c\u043a\u0443 \u0432 PHP-\u043a\u043e\u0434\u0435 <code>moduletable<\/code> \u0447\u0430\u0441\u0442\u043e \u043a\u043e\u043d\u043a\u0430\u0442\u0435\u043d\u0438\u0440\u0443\u0435\u0442\u0441\u044f \u0441\u0440\u0430\u0437\u0443, \u0442\u043e 2 \u043a\u043b\u0430\u0441\u0441\u0430 \u043c\u043e\u0433\u0443\u0442 \u0441\u043b\u0438\u0442\u044c\u0441\u044f \u0432 \u043e\u0434\u0438\u043d \u043d\u0435\u0441\u0443\u0449\u0435\u0441\u0442\u0432\u0443\u044e\u0449\u0438\u0439. \u041f\u043e\u044d\u0442\u043e\u043c\u0443 \u0443 \u043e\u043f\u044b\u0442\u043d\u044b\u0445 Joomla-\u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u0447\u0438\u043a\u043e\u0432 \u0435\u0441\u0442\u044c \u043f\u0440\u0438\u0432\u044b\u0447\u043a\u0430 \u043d\u0430\u0447\u0438\u043d\u0430\u0442\u044c \u0437\u043d\u0430\u0447\u0435\u043d\u0438\u0435 \u044d\u0442\u043e\u0433\u043e \u043f\u043e\u043b\u044f \u0441 \u043f\u0440\u043e\u0431\u0435\u043b\u0430.<\/p>\n<figure class=\"full-width\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/habrastorage.org\/r\/w1560\/getpro\/habr\/upload_files\/84e\/d9c\/655\/84ed9c65566979fcce4cafb470b646ef.png\" width=\"1043\" height=\"802\" data-src=\"https:\/\/habrastorage.org\/getpro\/habr\/upload_files\/84e\/d9c\/655\/84ed9c65566979fcce4cafb470b646ef.png\"\/><\/figure>\n<p>\u0412 \u0444\u0430\u0439\u043b\u0430\u0445 \u043c\u0430\u043a\u0435\u0442\u0430\u0445 \u043c\u043e\u0434\u0443\u043b\u0435\u0439 \u0440\u0435\u0430\u043b\u0438\u0437\u0430\u0446\u0438\u044f \u043f\u0440\u0438\u043c\u0435\u043d\u0435\u043d\u0438\u044f \u044d\u0442\u0438\u0445 CSS-\u043a\u043b\u0430\u0441\u0441\u043e\u0432 \u043c\u043e\u0436\u0435\u0442 \u0431\u044b\u0442\u044c \u0440\u0430\u0437\u043b\u0438\u0447\u043d\u0430. \u041a\u0442\u043e-\u0442\u043e \u043f\u0440\u0438\u0441\u0432\u0430\u0438\u0432\u0430\u0435\u0442 \u0437\u043d\u0430\u0447\u0435\u043d\u0438\u0435 \u043f\u0435\u0440\u0435\u043c\u0435\u043d\u043d\u043e\u0439 \u0438 \u0440\u0430\u0431\u043e\u0442\u0430\u0435\u0442 \u0441 \u043d\u0435\u0439, \u043a\u0442\u043e-\u0442\u043e \u0432\u044b\u0432\u043e\u0434\u0438\u0442 \u043d\u0430\u043f\u0440\u044f\u043c\u0443\u044e \u0438\u0437 \u043f\u0430\u0440\u0430\u043c\u0435\u0442\u0440\u043e\u0432. \u0412 \u043a\u043e\u0434\u0435 \u044d\u0442\u043e \u043c\u043e\u0436\u0435\u0442 \u0432\u044b\u0433\u043b\u044f\u0434\u0435\u0442\u044c \u0441\u043b\u0435\u0434\u0443\u044e\u0449\u0438\u043c \u043e\u0431\u0440\u0430\u0437\u043e\u043c:<\/p>\n<pre><code class=\"php\">&lt;?php  \/\/ @var $params \\Joomla\\Registry\\Registry - \u043e\u0431\u044a\u0435\u043a\u0442 Registry \u0441 \u043d\u0430\u0441\u0442\u0440\u043e\u0439\u043a\u0430\u043c\u0438 \u043c\u043e\u0434\u0443\u043b\u044f.  \/\/ \u0417\u043d\u0430\u0447\u0435\u043d\u0438\u044f \u043f\u043e\u043b\u0443\u0447\u0430\u0435\u043c \u0447\u0435\u0440\u0435\u0437 \u043c\u0435\u0442\u043e\u0434 get() echo $params->get('moduleclass_sfx', '\u0442\u0443\u0442 \u0437\u043d\u0430\u0447\u0435\u043d\u0438\u0435 \u043f\u043e \u0443\u043c\u043e\u043b\u0447\u0430\u043d\u0438\u044e, \u0435\u0441\u043b\u0438 \u0432 \u043d\u0430\u0441\u0442\u0440\u043e\u0439\u043a\u0430\u0445 \u043c\u043e\u0434\u0443\u043b\u044f \u043f\u0443\u0441\u0442\u043e'); <\/code><\/pre>\n<p>\u0422\u0438\u043f\u0438\u0447\u043d\u044b\u0439 \u043f\u0440\u0438\u043c\u0435\u0440 \u043a\u043e\u0434\u0430 \u043c\u0430\u043a\u0435\u0442\u0430 \u043c\u043e\u0434\u0443\u043b\u044f \u0441 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u043d\u0438\u0435\u043c CSS-\u043a\u043b\u0430\u0441\u0441\u0430 \u043c\u043e\u0434\u0443\u043b\u044f:<\/p>\n<pre><code class=\"php\">&lt;?php  \/\/ \u0424\u0430\u0439\u043b \u0438\u0437 modules\/&lt;\u0438\u043c\u044f \u043c\u043e\u0434\u0443\u043b\u044f>\/tmpl\/your-template.php \/\/ \u0412\u043e\u043e\u0431\u0449\u0435, \u044d\u0442\u043e \u0434\u043e\u043b\u0436\u043d\u043e \u0434\u0435\u043b\u0430\u0442\u044c\u0441\u044f \u0432 \u0434\u0438\u0441\u043f\u0435\u0442\u0447\u0435\u0440\u0435 \u043c\u043e\u0434\u0443\u043b\u044f Dispatcher.php, \/\/ \u041d\u043e \u043c\u043e\u0436\u043d\u043e \u043f\u0440\u0438\u0441\u0432\u043e\u0438\u0442\u044c \u0438 \u0437\u0434\u0435\u0441\u044c. $moduleclass_sfx = $params->get(''); ?>  &lt;ul class=\"nav mod_wt_quick_links my-2 py-1 flex-nowrap overflow-auto flex-lg-wrap &lt;?php echo $moduleclass_sfx; ?> \"> &lt;?php foreach ($list as $item) : ?>     &lt;li>         &lt;?php if($item->use_link == 1 &amp;&amp; !empty($item->url)):?>             &lt;a href=\"&lt;?php echo $item->url; ?>\" class=\"btn btn-sm text-nowrap\">         &lt;?php endif;?>             &lt;?php echo $item->link_text; ?>         &lt;?php if($item->use_link == 1 &amp;&amp; !empty($item->url)):?>             &lt;\/a>         &lt;?php endif;?>     &lt;\/li>     &lt;?php endforeach; ?> &lt;\/ul> <\/code><\/pre>\n<p><a class=\"anchor\" name=\"joomla-modules-chromes\" id=\"joomla-modules-chromes\"><\/a><\/p>\n<h3>Chrome \u043c\u043e\u0434\u0443\u043b\u044f (\u0441\u0442\u0438\u043b\u044c \u043c\u043e\u0434\u0443\u043b\u044f) Joomla<\/h3>\n<p>Chromes \u043c\u043e\u0434\u0443\u043b\u0435\u0439 &#8212; \u044d\u0442\u043e \u0434\u043e\u043f\u043e\u043b\u043d\u0438\u0442\u0435\u043b\u044c\u043d\u044b\u0435 \u043e\u0431\u0451\u0440\u0442\u043a\u0438 \u0434\u043b\u044f HTML-\u0432\u044b\u0432\u043e\u0434\u0430 \u043c\u043e\u0434\u0443\u043b\u0435\u0439. \u041e\u043d\u0438 \u043f\u043e\u0437\u0432\u043e\u043b\u044f\u044e\u0442 \u0431\u044b\u0441\u0442\u0440\u043e \u043f\u0435\u0440\u0435\u043a\u043b\u044e\u0447\u0430\u0442\u044c \u043a\u0430\u043a \u0432\u0438\u0437\u0443\u0430\u043b\u044c\u043d\u0443\u044e, \u0442\u0430\u043a \u0438 \u0441\u0435\u043c\u0430\u043d\u0442\u0438\u0447\u0435\u0441\u043a\u0443\u044e \u0441\u043e\u0441\u0442\u0430\u0432\u043b\u044f\u044e\u0449\u0443\u044e \u0432\u044b\u0432\u043e\u0434\u0430 \u043c\u043e\u0434\u0443\u043b\u044f. <\/p>\n<p>\u0412 \u043f\u0430\u043d\u0435\u043b\u0438 \u0430\u0434\u043c\u0438\u043d\u0438\u0441\u0442\u0440\u0430\u0442\u043e\u0440\u0430 \u043e\u043d\u0438 \u043d\u0430\u0445\u043e\u0434\u044f\u0442\u0441\u044f \u0432 \u043d\u0430\u0441\u0442\u0440\u043e\u0439\u043a\u0430\u0445 \u043a\u0430\u0436\u0434\u043e\u0433\u043e \u043c\u043e\u0434\u0443\u043b\u044f, \u0442\u0430\u0431 &#171;\u0414\u043e\u043f\u043e\u043b\u043d\u0438\u0442\u0435\u043b\u044c\u043d\u044b\u0435 \u043f\u0430\u0440\u0430\u043c\u0435\u0442\u0440\u044b&#187;, \u0432 \u0441\u0430\u043c\u043e\u043c \u043d\u0438\u0437\u0443.<\/p>\n<figure class=\"full-width\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/habrastorage.org\/r\/w1560\/getpro\/habr\/upload_files\/db2\/58f\/8f0\/db258f8f098e4ecd569fe16df7ca3ca1.png\" alt=\"Chrome \u043c\u043e\u0434\u0443\u043b\u044f (\u0441\u0442\u0438\u043b\u044c \u043c\u043e\u0434\u0443\u043b\u044f) Joomla\" title=\"Chrome \u043c\u043e\u0434\u0443\u043b\u044f (\u0441\u0442\u0438\u043b\u044c \u043c\u043e\u0434\u0443\u043b\u044f) Joomla\" width=\"1239\" height=\"921\" data-src=\"https:\/\/habrastorage.org\/getpro\/habr\/upload_files\/db2\/58f\/8f0\/db258f8f098e4ecd569fe16df7ca3ca1.png\"\/><\/p>\n<div><figcaption>Chrome \u043c\u043e\u0434\u0443\u043b\u044f (\u0441\u0442\u0438\u043b\u044c \u043c\u043e\u0434\u0443\u043b\u044f) Joomla<\/figcaption><\/div>\n<\/figure>\n<p>\u0412 Joomla 4 \u043f\u043e \u0443\u043c\u043e\u043b\u0447\u0430\u043d\u0438\u044e \u043f\u0440\u0435\u0434\u0443\u0441\u0442\u0430\u043d\u043e\u0432\u043b\u0435\u043d\u043e 4 \u0441\u0442\u0438\u043b\u044f \u043c\u043e\u0434\u0443\u043b\u044f<\/p>\n<h4>\u0421\u0442\u0438\u043b\u044c \u043c\u043e\u0434\u0443\u043b\u044f HTML5 \u0432 Joomla 4<\/h4>\n<p>\u041f\u043e\u0436\u0430\u043b\u0443\u0439, \u0441\u0430\u043c\u044b\u0439 \u043f\u043e\u043b\u0435\u0437\u043d\u044b\u0439 \u043f\u043e\u043b\u0435\u0437\u043d\u044b\u0439 \u0441\u0442\u0438\u043b\u044c \u0432\u044b\u0432\u043e\u0434\u0430 \u043c\u043e\u0434\u0443\u043b\u044f. \u041e\u043d \u043f\u043e\u0437\u0432\u043e\u043b\u044f\u0435\u0442:<\/p>\n<ul>\n<li>\n<p> \u043e\u0431\u043e\u0440\u0430\u0447\u0438\u0432\u0430\u0442\u044c \u0432\u044b\u0432\u043e\u0434 \u043c\u043e\u0434\u0443\u043b\u044f \u0432 \u0442\u0435\u0433\u0438 HTML5, \u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u0443\u043a\u0430\u0437\u044b\u0432\u0430\u044e\u0442\u0441\u044f \u0432 \u043d\u0430\u0441\u0442\u0440\u043e\u0439\u043a\u0430\u0445 \u043c\u043e\u0434\u0443\u043b\u044f (\u0432\u0441\u043f\u043e\u043c\u0438\u043d\u0430\u0435\u043c \u043f\u0440\u043e \u0432\u0430\u0436\u043d\u043e\u0441\u0442\u044c \u0441\u0435\u043c\u0430\u043d\u0442\u0438\u0447\u0435\u0441\u043a\u043e\u0439 \u0432\u0451\u0440\u0441\u0442\u043a\u0438). <\/p>\n<figure class=\"full-width\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/habrastorage.org\/r\/w1560\/getpro\/habr\/upload_files\/ddf\/ebb\/196\/ddfebb1962257b4d7b01a0a8d664e196.png\" width=\"791\" height=\"312\" data-src=\"https:\/\/habrastorage.org\/getpro\/habr\/upload_files\/ddf\/ebb\/196\/ddfebb1962257b4d7b01a0a8d664e196.png\"\/><\/figure>\n<ul>\n<li>\n<p>\u0432\u044b\u0432\u043e\u0434\u0438\u0442\u044c \u0437\u0430\u0433\u043e\u043b\u043e\u0432\u043e\u043a \u043c\u043e\u0434\u0443\u043b\u044f (\u043d\u0430\u043f\u0440\u0438\u043c\u0435\u0440, \u0442\u0435\u0433\u0438 <code>&lt;section><\/code>, <code>&lt;article><\/code> \u043f\u043e \u0441\u043f\u0435\u0446\u0438\u0444\u0438\u043a\u0430\u0446\u0438\u0438 HTML5 \u043e\u0431\u044f\u0437\u0430\u043d\u044b \u0438\u043c\u0435\u0442\u044c \u0432\u043b\u043e\u0436\u0435\u043d\u043d\u044b\u0439 \u0437\u0430\u0433\u043e\u043b\u043e\u0432\u043e\u043a). \u0417\u0430\u0433\u043e\u043b\u043e\u0432\u043e\u043a \u043c\u043e\u0434\u0443\u043b\u044f &#8212; \u044d\u0442\u043e \u0442\u043e, \u0447\u0442\u043e \u0432\u0438\u0434\u043d\u043e \u0441\u043d\u0430\u0440\u0443\u0436\u0438 \u0441\u0430\u0439\u0442\u0430, \u0430 \u043f\u0440\u0438\u043c\u0435\u0447\u0430\u043d\u0438\u0435 \u0432 \u0434\u0443\u0445\u0435 &#171;\u043a\u043e\u043d\u0442\u0430\u043a\u0442\u044b \u0438 \u0441\u043e\u0446\u0441\u0435\u0442\u0438 \u0432 \u043f\u043e\u0434\u0432\u0430\u043b\u0435&#187; \u043c\u044b \u043f\u0438\u0448\u0435\u043c \u0432 \u043f\u043e\u043b\u0435 \u043a\u043e\u043c\u043c\u0435\u043d\u0442\u0430\u0440\u0438\u044f \u043a \u043c\u043e\u0434\u0443\u043b\u044e<\/p>\n<figure class=\"\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/habrastorage.org\/r\/w1560\/getpro\/habr\/upload_files\/a25\/6ac\/945\/a256ac9451b320227a6a20f6a1a6b00f.png\" width=\"489\" height=\"302\" data-src=\"https:\/\/habrastorage.org\/getpro\/habr\/upload_files\/a25\/6ac\/945\/a256ac9451b320227a6a20f6a1a6b00f.png\"\/><\/figure>\n<\/li>\n<\/ul>\n<\/li>\n<li>\n<p>\u0418 \u0432\u043e\u043e\u0431\u0449\u0435 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c \u0432\u0441\u0435 \u043d\u0430\u0441\u0442\u0440\u043e\u0439\u043a\u0438 \u0432 \u0442\u0430\u0431\u0435 &#171;\u0414\u043e\u043f\u043e\u043b\u043d\u0438\u0442\u0435\u043b\u044c\u043d\u044b\u0435 \u043f\u0430\u0440\u0430\u043c\u0435\u0442\u0440\u044b&#187;.<\/p>\n<\/li>\n<\/ul>\n<p><strong>\u041d\u044e\u0430\u043d\u0441\u044b \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u043d\u0438\u044f:<\/strong> CSS-\u0441\u0442\u0438\u043b\u044c \u043c\u043e\u0434\u0443\u043b\u044f (\u0441\u0443\u0444\u0444\u0438\u043a\u0441 \u043a\u043b\u0430\u0441\u0441\u0430 \u043c\u043e\u0434\u0443\u043b\u044f) \u043f\u0440\u0438\u0441\u0432\u0430\u0438\u0432\u0430\u0435\u0442\u0441\u044f \u043a\u0430\u043a \u0432 \u043e\u0431\u0451\u0440\u0442\u043a\u0435 (chrome), \u0442\u0430\u043a \u0438 \u0432 \u043c\u0430\u043a\u0435\u0442\u0435. \u041f\u043e\u044d\u0442\u043e\u043c\u0443 \u0435\u0441\u043b\u0438 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u0435\u0442\u0435 \u044d\u0442\u043e\u0442 \u043f\u0430\u0440\u0430\u043c\u0435\u0442\u0440, \u0442\u043e \u0432 \u0444\u0430\u0439\u043b\u0435 \u043c\u0430\u043a\u0435\u0442\u0430 CSS-\u043a\u043b\u0430\u0441\u0441 \u043c\u043e\u0434\u0443\u043b\u044f \u043b\u0443\u0447\u0448\u0435 \u0443\u0431\u0440\u0430\u0442\u044c, \u0447\u0442\u043e\u0431\u044b \u043d\u0435 \u0431\u044b\u043b\u043e \u043d\u0435\u043e\u0436\u0438\u0434\u0430\u043d\u043d\u044b\u0445 \u0430\u0440\u0442\u0435\u0444\u0430\u043a\u0442\u043e\u0432 \u0432 \u0432\u0451\u0440\u0441\u0442\u043a\u0435.<\/p>\n<h4>\u0421\u0442\u0438\u043b\u044c \u043c\u043e\u0434\u0443\u043b\u044f none<\/h4>\n<p>\u0415\u0449\u0451 \u043e\u0434\u0438\u043d \u043e\u0447\u0435\u043d\u044c \u043d\u0443\u0436\u043d\u044b\u0439 \u0441\u0442\u0438\u043b\u044c \u0432\u044b\u0432\u043e\u0434\u0430 \u043c\u043e\u0434\u0443\u043b\u044f. \u041e\u043d \u043f\u0440\u043e\u0441\u0442\u043e \u0432\u044b\u0432\u043e\u0434\u0438\u0442 \u0442\u043e, \u0447\u0442\u043e \u0440\u0435\u043d\u0434\u0435\u0440\u0438\u0442 \u043c\u043e\u0434\u0443\u043b\u044c \u0432 \u0444\u0430\u0439\u043b\u0435 \u043c\u0430\u043a\u0435\u0442\u0430. \u042d\u0442\u043e \u043f\u043e\u0440\u043e\u0439 \u043f\u0440\u043e\u0441\u0442\u043e \u043d\u0435\u043e\u0431\u0445\u043e\u0434\u0438\u043c\u043e. \u041d\u043e, \u0437\u0430\u0433\u043e\u043b\u043e\u0432\u043a\u0438, \u0438\u0445 \u0441\u0442\u0438\u043b\u0438, CSS-\u043a\u043b\u0430\u0441\u0441\u0430 \u043c\u043e\u0434\u0443\u043b\u044f \u0442\u043e\u0433\u0434\u0430 \u0437\u0430\u0431\u0438\u0440\u0430\u0435\u043c \u043d\u0430\u043f\u0440\u044f\u043c\u0443\u044e \u0438\u0437 \u043f\u0430\u0440\u0430\u043c\u0435\u0442\u0440\u043e\u0432 \u043c\u043e\u0434\u0443\u043b\u044f \u0438 \u043e\u0431\u0440\u0430\u0431\u0430\u0442\u044b\u0432\u0430\u0435\u043c \u0441\u0430\u043c\u0438 \u0432 \u043c\u0430\u043a\u0435\u0442\u0435.<\/p>\n<h4>\u0421\u0442\u0438\u043b\u044c \u043c\u043e\u0434\u0443\u043b\u044f outline \u0432 Joomla 4<\/h4>\n<p>\u0418\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u0435\u0442\u0441\u044f \u043a\u043e\u0433\u0434\u0430 \u0412\u044b \u0437\u0430\u0445\u043e\u0442\u0435\u043b\u0438 \u043f\u043e\u0441\u043c\u043e\u0442\u0440\u0435\u0442\u044c \u0432\u0441\u0435 \u0434\u043e\u0441\u0442\u0443\u043f\u043d\u044b\u0435 \u043f\u043e\u0437\u0438\u0446\u0438\u0438 \u0434\u043b\u044f \u043c\u043e\u0434\u0443\u043b\u0435\u0439 \u0441 \u043f\u043e\u043c\u043e\u0449\u044c\u044e GET-\u043f\u0430\u0440\u0430\u043c\u0435\u0442\u0440\u0430 <code>?tp=1<\/code>. \u041d\u0430 \u0431\u043e\u0435\u0432\u044b\u0445 \u0441\u0430\u0439\u0442\u0430\u0445 \u044d\u0442\u043e\u0442 \u0441\u0442\u0438\u043b\u044c \u043d\u0435 \u043f\u0440\u0438\u043c\u0435\u043d\u044f\u0435\u0442\u0441\u044f.<\/p>\n<h4>\u0421\u0442\u0438\u043b\u044c \u043c\u043e\u0434\u0443\u043b\u044f table \u0432 Joomla 4<\/h4>\n<p>\u042d\u0442\u043e\u0442 \u0441\u0442\u0438\u043b\u044c \u0432\u044b\u0432\u043e\u0434\u0438\u0442 \u0437\u0430\u0433\u043e\u043b\u043e\u0432\u043e\u043a \u0438 \u0441\u043e\u0434\u0435\u0440\u0436\u0438\u043c\u043e\u0435 \u043c\u043e\u0434\u0443\u043b\u044f \u0432 \u0432\u0438\u0434\u0435 \u0442\u0430\u0431\u043b\u0438\u0446\u044b: \u0437\u0430\u0433\u043e\u043b\u043e\u0432\u043e\u043a \u0432 \u043e\u0434\u043d\u043e\u0439 \u044f\u0447\u0435\u0439\u043a\u0435, \u0441\u043e\u0434\u0435\u0440\u0436\u0438\u043c\u043e\u0435 &#8212; \u0432 \u0434\u0440\u0443\u0433\u043e\u0439. \u0417\u0430 \u0432\u0441\u044e \u0441\u0432\u043e\u044e \u043f\u0440\u0430\u043a\u0442\u0438\u043a\u0443 \u044f \u043d\u0438\u043a\u043e\u0433\u0434\u0430 \u044d\u0442\u0438\u043c \u0441\u0442\u0438\u043b\u0435\u043c \u043d\u0435 \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u043b\u0441\u044f \u0438 \u043c\u043d\u0435 \u043a\u0430\u0436\u0435\u0442\u0441\u044f, \u0447\u0442\u043e \u043e\u043d \u043e\u0441\u0442\u0430\u043b\u0441\u044f \u0432 Joomla \u0441\u043e \u0432\u0440\u0435\u043c\u0435\u043d \u0442\u0430\u0431\u043b\u0438\u0447\u043d\u043e\u0439 \u0432\u0451\u0440\u0441\u0442\u043a\u0438. <\/p>\n<p><a class=\"anchor\" name=\"primenenie-joomla-modules-chromes\" id=\"primenenie-joomla-modules-chromes\"><\/a><\/p>\n<h3>\u041f\u0440\u0438\u043c\u0435\u043d\u0435\u043d\u0438\u0435 \u0441\u0442\u0438\u043b\u0435\u0439 \u043c\u043e\u0434\u0443\u043b\u044f \u0432 Joomla<\/h3>\n<p>\u0412 Joomla 2.5 \u0438 3.x \u044d\u0442\u0438 \u0441\u0442\u0438\u043b\u0438 \u043d\u0430\u0445\u043e\u0434\u0438\u043b\u0438\u0441\u044c \u0432 \u0444\u0430\u0439\u043b\u0435 <code>modules.php \u0432 templates\/system\/html<\/code>. \u0412 Joomla 4 \u0441\u0442\u0438\u043b\u0438 \u0440\u0430\u0437\u0434\u0435\u043b\u0438\u043b\u0438 \u043f\u043e \u0444\u0430\u0439\u043b\u0430\u043c \u0438 \u043f\u0435\u0440\u0435\u043d\u0435\u0441\u043b\u0438 \u0432 <code>layouts\/chromes<\/code>.<\/p>\n<p>\u0412 Joomla 2.5-3.x \u0435\u0441\u043b\u0438 \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u0447\u0438\u043a \u0445\u043e\u0442\u0435\u043b \u0441\u043e\u0437\u0434\u0430\u0442\u044c \u0441\u0432\u043e\u0438 \u0441\u043e\u0431\u0441\u0442\u0432\u0435\u043d\u043d\u044b\u0435 \u0441\u0442\u0438\u043b\u0438-\u043e\u0431\u0451\u0440\u0442\u043a\u0438, \u0442\u043e \u0432 \u043f\u0430\u043f\u043a\u0435 <code>templates\/&lt;\u0438\u043c\u044f_\u0448\u0430\u0431\u043b\u043e\u043d\u0430>\/html<\/code> \u0441\u043e\u0437\u0434\u0430\u0432\u0430\u043b\u0441\u044f \u0444\u0430\u0439\u043b <code>modules.php<\/code>, \u0432 \u043a\u043e\u0442\u043e\u0440\u043e\u043c \u0441\u0442\u0438\u043b\u0438 \u0441\u043e\u0437\u0434\u0430\u0432\u0430\u043b\u0438\u0441\u044c \u0432 \u0432\u0438\u0434\u0435 \u043c\u0435\u0442\u043e\u0434\u043e\u0432 \u043a\u043b\u0430\u0441\u0441\u0430.<\/p>\n<figure class=\"full-width\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/habrastorage.org\/r\/w1560\/getpro\/habr\/upload_files\/fff\/5ca\/c99\/fff5cac9984833fc4db3e4cb7d3a4201.png\" width=\"806\" height=\"593\" data-src=\"https:\/\/habrastorage.org\/getpro\/habr\/upload_files\/fff\/5ca\/c99\/fff5cac9984833fc4db3e4cb7d3a4201.png\"\/><\/figure>\n<p>\u0421\u0435\u0439\u0447\u0430\u0441 \u0434\u043b\u044f \u0441\u043e\u0437\u0434\u0430\u043d\u0438\u044f \u0441\u0432\u043e\u0435\u0433\u043e \u0441\u0442\u0438\u043b\u044f \u0434\u043e\u0441\u0442\u0430\u0442\u043e\u0447\u043d\u043e \u043f\u043e\u043b\u043e\u0436\u0438\u0442\u044c \u0444\u0430\u0439\u043b \u0432 \u043f\u0430\u043f\u043a\u0443 \u0441 \u0448\u0430\u0431\u043b\u043e\u043d\u043e\u043c <code>templates\/&lt;\u0438\u043c\u044f_\u0448\u0430\u0431\u043b\u043e\u043d\u0430>\/html\/layouts\/chromes<\/code>. \u041e\u0444\u043e\u0440\u043c\u043b\u044f\u0442\u044c \u0444\u0430\u0439\u043b \u0432 \u0432\u0438\u0434\u0435 \u043a\u043b\u0430\u0441\u0441\u0430 \u0438\u043b\u0438 \u043c\u0435\u0442\u043e\u0434\u0430 \u043a\u043b\u0430\u0441\u0441\u0430 \u043d\u0435 \u043d\u0443\u0436\u043d\u043e. \u041e\u0431\u0440\u0430\u0437\u0435\u0446 \u043c\u043e\u0436\u043d\u043e \u043f\u043e\u0441\u043c\u043e\u0442\u0440\u0435\u0442\u044c \u0432 \u0441\u0442\u0430\u043d\u0434\u0430\u0440\u0442\u043d\u043e\u043c \u0448\u0430\u0431\u043b\u043e\u043d\u0435 Cassiopeia.<\/p>\n<p>\u041d\u0438\u0436\u0435 \u043f\u0440\u0438\u043c\u0435\u0440 \u043a\u043e\u0434\u0430 \u0441\u0442\u0438\u043b\u044f \u043c\u043e\u0434\u0443\u043b\u044f \u0438\u0437 \u0441\u0442\u0430\u043d\u0434\u0430\u0440\u0442\u043d\u043e\u0433\u043e \u0448\u0430\u0431\u043b\u043e\u043d\u0430 Cassiopeia &#8212; \u0441\u0442\u0438\u043b\u044c card.<\/p>\n<pre><code class=\"php\">&lt;?php  \/**  * @package     Joomla.Site  * @subpackage  Templates.cassiopeia  *  * @copyright   (C) 2020 Open Source Matters, Inc. &lt;https:\/\/www.joomla.org>  * @license     GNU General Public License version 2 or later; see LICENSE.txt  *\/  defined('_JEXEC') or die;  use Joomla\\Utilities\\ArrayHelper;  $module  = $displayData['module']; $params  = $displayData['params']; $attribs = $displayData['attribs'];  if ($module->content === null || $module->content === '') {     return; }  $moduleTag              = $params->get('module_tag', 'div'); $moduleAttribs          = []; $moduleAttribs['class'] = $module->position . ' card ' . htmlspecialchars($params->get('moduleclass_sfx', ''), ENT_QUOTES, 'UTF-8'); $headerTag              = htmlspecialchars($params->get('header_tag', 'h3'), ENT_QUOTES, 'UTF-8'); $headerClass            = htmlspecialchars($params->get('header_class', ''), ENT_QUOTES, 'UTF-8'); $headerAttribs          = []; $headerAttribs['class'] = $headerClass;  \/\/ Only output a header class if it is not card-title if ($headerClass !== 'card-title') :     $headerAttribs['class'] = 'card-header ' . $headerClass; endif;  \/\/ Only add aria if the moduleTag is not a div if ($moduleTag !== 'div') {     if ($module->showtitle) :         $moduleAttribs['aria-labelledby'] = 'mod-' . $module->id;         $headerAttribs['id']              = 'mod-' . $module->id;     else :         $moduleAttribs['aria-label'] = $module->title;     endif; }  $header = '&lt;' . $headerTag . ' ' . ArrayHelper::toString($headerAttribs) . '>' . $module->title . '&lt;\/' . $headerTag . '>'; ?> &lt;&lt;?php echo $moduleTag; ?> &lt;?php echo ArrayHelper::toString($moduleAttribs); ?>>     &lt;?php if ($module->showtitle &amp;&amp; $headerClass !== 'card-title') : ?>         &lt;?php echo $header; ?>     &lt;?php endif; ?>     &lt;div class=\"card-body\">         &lt;?php if ($module->showtitle &amp;&amp; $headerClass === 'card-title') : ?>             &lt;?php echo $header; ?>         &lt;?php endif; ?>         &lt;?php echo $module->content; ?>     &lt;\/div> &lt;\/&lt;?php echo $moduleTag; ?>> <\/code><\/pre>\n<p>\u0412 \u043d\u0451\u043c \u0432\u0438\u0434\u043d\u043e, \u0447\u0442\u043e \u0441\u043e\u0434\u0435\u0440\u0436\u0438\u043c\u043e\u0435 \u043c\u043e\u0434\u0443\u043b\u044f <code>echo $module->content;<\/code> \u043e\u0431\u043e\u0440\u0430\u0447\u0438\u0432\u0430\u0435\u0442\u0441\u044f \u0432 Bootstrap 5 \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442 <code>card<\/code>. \u0410 \u0442\u0430\u043a\u0436\u0435 \u0432\u0438\u0434\u043d\u043e, \u0447\u0442\u043e \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u0447\u0438\u043a\u0430\u043c\u0438 \u0437\u0430\u043b\u043e\u0436\u0435\u043d\u043e \u043b\u044e\u0431\u043e\u043f\u044b\u0442\u043d\u043e\u0435 \u043f\u043e\u0432\u0435\u0434\u0435\u043d\u0438\u0435 \u0441\u0442\u0438\u043b\u044f \u0432 \u043f\u043b\u0430\u043d\u0435 \u0440\u0435\u043d\u0434\u0435\u0440\u0430 \u0437\u0430\u0433\u043e\u043b\u043e\u0432\u043a\u0430. \u0415\u0441\u043b\u0438 \u0437\u0430\u0433\u043e\u043b\u043e\u0432\u043a\u0443 \u0432 \u043d\u0430\u0441\u0442\u0440\u043e\u0439\u043a\u0430\u0445 \u043c\u043e\u0434\u0443\u043b\u044f \u043f\u0440\u0438\u0441\u0432\u043e\u0435\u043d CSS-\u043a\u043b\u0430\u0441\u0441 <code>card-title<\/code>, \u0442\u043e \u0437\u0430\u0433\u043e\u043b\u043e\u0432\u043e\u043a \u0432\u044b\u0432\u043e\u0434\u0438\u0442\u0441\u044f \u0432\u043d\u0443\u0442\u0440\u0438 <code>&lt;div class=\"card-body\"><\/code>, \u0435\u0441\u043b\u0438 \u0436\u0435 \u043d\u0435\u0442, \u0442\u043e \u0437\u0430\u0433\u043e\u043b\u043e\u0432\u043e\u043a \u0432\u044b\u0432\u043e\u0434\u0438\u0442\u0441\u044f \u0432\u043d\u0443\u0442\u0440\u0438 \u0442\u0435\u0433\u0430 (\u044d\u0442\u043e \u043c\u043e\u0436\u0435\u0442 \u0431\u044b\u0442\u044c <code>&lt;section><\/code>, <code>&lt;div><\/code>, <code>&lt;article><\/code>, <code>&lt;address><\/code> \u0438 \u0442.\u0434.) \u0441 \u043a\u043b\u0430\u0441\u0441\u043e\u043c <code>card<\/code>, \u043d\u043e \u0437\u0430 \u043f\u0440\u0435\u0434\u0435\u043b\u0430\u043c\u0438 <code>div.card-body<\/code>.  \u041f\u0440\u0438 \u044d\u0442\u043e\u043c \u0437\u0430\u0433\u043e\u043b\u043e\u0432\u043a\u0443 \u0430\u0432\u0442\u043e\u043c\u0430\u0442\u0438\u0447\u0435\u0441\u043a\u0438 \u0434\u043e\u0431\u0430\u0432\u043b\u044f\u0435\u0442\u0441\u044f CSS-\u043a\u043b\u0430\u0441\u0441 <code>card-header<\/code>. <\/p>\n<p>\u0412\u044b \u043c\u043e\u0436\u0435\u0442\u0435 \u043f\u0440\u043e\u0434\u0443\u043c\u0430\u0442\u044c \u0441\u0432\u043e\u044e \u043b\u043e\u0433\u0438\u043a\u0443, \u0430\u0431\u0441\u043e\u043b\u044e\u0442\u043d\u043e \u043b\u044e\u0431\u0443\u044e, \u043d\u0430 \u0441\u0442\u0430\u0434\u0438\u0438 \u043f\u0440\u043e\u0435\u043a\u0442\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u044f \u0448\u0430\u0431\u043b\u043e\u043d\u0430 \u0438 \u0440\u0430\u0441\u043f\u0440\u0435\u0434\u0435\u043b\u0438\u0442\u044c \u0435\u0451 \u0447\u0430\u0441\u0442\u0438 \u043f\u043e \u0440\u0430\u0437\u043d\u044b\u043c \u0441\u0443\u0449\u043d\u043e\u0441\u0442\u044f\u043c \u043c\u043e\u0434\u0443\u043b\u044f: \u0447\u0442\u043e \u0412\u044b \u0440\u0435\u0430\u043b\u0438\u0437\u0443\u0435\u0442\u0435 \u0432 \u043c\u0430\u043a\u0435\u0442\u0430\u0445 \u043c\u043e\u0434\u0443\u043b\u044f, \u0447\u0442\u043e \u0432 chromes.<\/p>\n<p><strong>\u0413\u043b\u0430\u0432\u043d\u0430\u044f \u043e\u0441\u043e\u0431\u0435\u043d\u043d\u043e\u0441\u0442\u044c \u0441\u0442\u0438\u043b\u0435\u0439 \u043c\u043e\u0434\u0443\u043b\u0435\u0439<\/strong> \u044d\u0442\u043e \u0442\u043e, \u0447\u0442\u043e \u043c\u044b \u043c\u043e\u0436\u0435\u043c \u0443\u043a\u0430\u0437\u044b\u0432\u0430\u0442\u044c \u0438\u0445 \u043f\u0440\u0438 \u0443\u043a\u0430\u0437\u0430\u043d\u0438\u0438 \u043f\u043e\u0437\u0438\u0446\u0438\u0439 \u0432 <code>index.php<\/code> \u0448\u0430\u0431\u043b\u043e\u043d\u0430. <\/p>\n<pre><code class=\"xml\">&lt;jdoc:include type=\"modules\" name=\"menu\" style=\"html5\"\/><\/code><\/pre>\n<p>\u0422\u0430\u043a\u0438\u043c \u043e\u0431\u0440\u0430\u0437\u043e\u043c, \u0435\u0441\u043b\u0438 \u0432 \u043d\u0430\u0441\u0442\u0440\u043e\u0439\u043a\u0430\u0445 \u043c\u043e\u0434\u0443\u043b\u044f \u043d\u0435 \u0443\u043a\u0430\u0437\u0430\u043d \u0441\u0442\u0438\u043b\u044c \u0432\u044b\u0432\u043e\u0434\u0430 \u043c\u043e\u0434\u0443\u043b\u044f, \u0432\u0441\u0435\u043c \u043c\u043e\u0434\u0443\u043b\u044f\u043c \u0432 \u043f\u043e\u0437\u0438\u0446\u0438\u0438 <code>menu<\/code> \u0431\u0443\u0434\u0435\u0442 \u043d\u0430\u0437\u043d\u0430\u0447\u0435\u043d \u0441\u0442\u0438\u043b\u044c <code>html5<\/code>.<\/p>\n<hr\/>\n<p><strong>\u041a\u0430\u043a \u044d\u0442\u043e \u0438, \u0433\u043b\u0430\u0432\u043d\u043e\u0435, \u0437\u0430\u0447\u0435\u043c \u044d\u0442\u043e \u043f\u0440\u0438\u043c\u0435\u043d\u044f\u0442\u044c?<\/strong> \u041a\u0440\u043e\u043c\u0435 \u0443\u0434\u043e\u0431\u0441\u0442\u0432\u0430 \u0440\u0430\u0431\u043e\u0442\u044b \u0441 \u0441\u0435\u043c\u0430\u043d\u0442\u0438\u0447\u0435\u0441\u043a\u043e\u0439 \u0432\u0451\u0440\u0441\u0442\u043a\u043e\u0439 \u0435\u0441\u0442\u044c \u0435\u0449\u0451 \u043e\u0434\u0438\u043d <strong>\u0432\u0430\u0436\u043d\u044b\u0439 \u043c\u043e\u043c\u0435\u043d\u0442: \u044d\u0442\u043e \u0437\u0430\u0431\u043e\u0442\u0430 \u043e \u0442\u0435\u0445, \u043a\u0442\u043e \u0441 \u0441\u0430\u0439\u0442\u043e\u043c \u0431\u0443\u0434\u0435\u0442 \u0440\u0430\u0431\u043e\u0442\u0430\u0442\u044c \u043f\u043e\u0441\u043b\u0435 \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u0447\u0438\u043a\u0430<\/strong>. \u0412\u0435\u0434\u044c \u0432\u043e-\u043c\u043d\u043e\u0433\u043e\u043c \u0438\u043c\u0435\u043d\u043d\u043e \u0438\u0437 \u0438\u0445 \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u044c\u0441\u043a\u043e\u0433\u043e \u043e\u043f\u044b\u0442\u0430 \u0441\u043a\u043b\u0430\u0434\u044b\u0432\u0430\u0435\u0442\u0441\u044f \u043e\u0442\u043d\u043e\u0448\u0435\u043d\u0438\u0435 \u043a\u0430\u043a \u043a \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u0447\u0438\u043a\u0443, \u0442\u0430\u043a \u0438 \u043a Joomla \u0432 \u0446\u0435\u043b\u043e\u043c.<\/p>\n<p>\u041c\u044b \u043f\u043e\u043d\u0438\u043c\u0430\u0435\u043c, \u0447\u0442\u043e \u0434\u043b\u044f \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u0447\u0438\u043a\u0430 \u0431\u044b\u0441\u0442\u0440\u0435\u0435 \u0438 \u0443\u0434\u043e\u0431\u043d\u0435\u0435 \u043c\u043d\u043e\u0433\u0438\u0435 \u0437\u0430\u0434\u0430\u0447\u0438 \u0440\u0435\u0448\u0438\u0442\u044c \u0447\u0435\u0440\u0435\u0437 \u043a\u043e\u0434: \u043f\u043e\u043c\u0435\u043d\u044f\u0442\u044c CSS-\u043a\u043b\u0430\u0441\u0441, \u043d\u0430\u043a\u0438\u0434\u0430\u0442\u044c \u043c\u0430\u043a\u0435\u0442 \u0432\u044b\u0432\u043e\u0434\u0430 \u0438 \u0442.\u0434. \u0412 \u0442\u043e \u0432\u0440\u0435\u043c\u044f \u043a\u0430\u043a \u043d\u0430 \u0441\u0430\u0439\u0442\u0435 \u0431\u043e\u043b\u044c\u0448\u0435 \u0440\u0430\u0431\u043e\u0442\u0430\u044e\u0442 \u043a\u043e\u043d\u0442\u0435\u043d\u0442-\u043c\u0435\u043d\u0435\u0434\u0436\u0435\u0440\u044b, \u0430 \u043f\u043e\u0440\u043e\u0439 \u0438 \u0441\u0435\u043a\u0440\u0435\u0442\u0430\u0440\u0438, \u0431\u0443\u0445\u0433\u0430\u043b\u0442\u0435\u0440\u0430, \u0437\u0430\u0432\u0443\u0447\u0438 \u0438\u043b\u0438 \u043f\u0435\u0434\u0430\u0433\u043e\u0433\u0438 \u0438 \u0442.\u0434., \u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u043d\u0435 \u043f\u043e\u043d\u0438\u043c\u0430\u044e\u0442 \u043a\u043e\u0434 \u0441\u043e\u0432\u0441\u0435\u043c, \u043d\u043e \u043f\u0440\u0438 \u044d\u0442\u043e\u043c \u0437\u0430\u0434\u0430\u0447\u0438 \u043f\u0435\u0440\u0435\u0434 \u043d\u0438\u043c\u0438 \u0441\u0442\u0430\u0432\u044f\u0442. \u0418 \u043a\u0430\u043a \u0440\u0430\u0437 \u0434\u043b\u044f \u0442\u0430\u043a\u0438\u0445 \u043b\u044e\u0434\u0435\u0439 \u0432\u043e\u0437\u043c\u043e\u0436\u043d\u043e\u0441\u0442\u044c \u043f\u0435\u0440\u0435\u043a\u043b\u044e\u0447\u0430\u0442\u044c \u043c\u044b\u0448\u043a\u043e\u0439 \u0437\u0430\u0440\u0430\u043d\u0435\u0435 \u043f\u043e\u0434\u0433\u043e\u0442\u043e\u0432\u043b\u0435\u043d\u043d\u044b\u0435 \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u0447\u0438\u043a\u043e\u043c \u0441\u0442\u0438\u043b\u0438 \u0434\u043b\u044f \u043c\u043e\u0434\u0443\u043b\u0435\u0439 &#8212; \u043e\u0447\u0435\u043d\u044c \u0443\u0434\u043e\u0431\u043d\u0430\u044f \u0444\u0443\u043d\u043a\u0446\u0438\u044f. \u0418\u043c \u043d\u0435 \u043d\u0443\u0436\u043d\u043e \u0437\u0430\u043f\u043e\u043c\u0438\u043d\u0430\u0442\u044c CSS-\u043a\u043b\u0430\u0441\u0441\u044b \u0438\u043b\u0438 \u043c\u043e\u0434\u0443\u043b\u044c\u043d\u044b\u0435 \u043f\u043e\u0437\u0438\u0446\u0438\u0438, \u0430 \u0434\u043e\u0441\u0442\u0430\u0442\u043e\u0447\u043d\u043e \u0441\u043c\u0435\u043d\u0438\u0442\u044c \u043e\u0431\u0451\u0440\u0442\u043a\u0443 \u0443 \u043c\u043e\u0434\u0443\u043b\u044f \u0438 \u043e\u043d \u0431\u0443\u0434\u0435\u0442 \u0432\u044b\u0433\u043b\u044f\u0434\u0435\u0442\u044c \u043f\u043e-\u0434\u0440\u0443\u0433\u043e\u043c\u0443.<\/p>\n<hr\/>\n<p><a class=\"anchor\" name=\"sposoby-vstavki-modulei-v-joomla\" id=\"sposoby-vstavki-modulei-v-joomla\"><\/a><\/p>\n<h3>\u0421\u043f\u043e\u0441\u043e\u0431\u044b \u0432\u0441\u0442\u0430\u0432\u043a\u0438 \u043c\u043e\u0434\u0443\u043b\u0435\u0439 Joomla<\/h3>\n<p>\u0412\u044b\u0432\u043e\u0434\u0438\u043c\u0443\u044e \u043c\u043e\u0434\u0443\u043b\u044f\u043c\u0438 \u0438\u043d\u0444\u043e\u0440\u043c\u0430\u0446\u0438\u044e \u0443\u0434\u043e\u0431\u043d\u043e \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c \u0432 \u0441\u0430\u043c\u044b\u0445 \u0440\u0430\u0437\u043d\u044b\u0445 \u043c\u0435\u0441\u0442\u0430\u0445 \u0441\u0430\u0439\u0442\u0430. \u041f\u043e\u044d\u0442\u043e\u043c\u0443 \u0432 Joomla \u0441\u0443\u0449\u0435\u0441\u0442\u0432\u0443\u0435\u0442 \u0444\u0443\u043d\u043a\u0446\u0438\u043e\u043d\u0430\u043b, \u043f\u043e\u0437\u0432\u043e\u043b\u044f\u044e\u0449\u0438\u0439 \u0432\u0441\u0442\u0430\u0432\u043b\u044f\u0442\u044c \u043c\u043e\u0434\u0443\u043b\u0438 \u043f\u043e\u0447\u0442\u0438 \u043a\u0443\u0434\u0430 \u0443\u0433\u043e\u0434\u043d\u043e. \u041c\u044b \u043f\u043e\u043c\u043d\u0438\u043c \u043e \u0442\u043e\u043c, \u0447\u0442\u043e \u043c\u043e\u0434\u0443\u043b\u044c &#8212; \u044d\u0442\u043e \u0440\u0430\u0441\u0448\u0438\u0440\u0435\u043d\u0438\u0435, \u043f\u0440\u0435\u0434\u043d\u0430\u0437\u043d\u0430\u0447\u0435\u043d\u043d\u043e\u0435 \u0434\u043b\u044f \u0432\u044b\u0432\u043e\u0434\u0430 \u0438\u043d\u0444\u043e\u0440\u043c\u0430\u0446\u0438\u0438 \u043d\u0430 \u043d\u0435\u0441\u043a\u043e\u043b\u044c\u043a\u0438\u0445 \u0438\u043b\u0438 \u0432\u0441\u0435\u0445 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0430\u0445 \u0441\u0430\u0439\u0442\u0430 \u0441\u0440\u0430\u0437\u0443. \u041d\u043e, \u0435\u0441\u043b\u0438 \u0443 \u0412\u0430\u0441 \u043d\u0435\u0431\u043e\u043b\u044c\u0448\u043e\u0439 \u0441\u0430\u0439\u0442, \u0438\u043d\u043e\u0433\u0434\u0430 \u0431\u044b\u0441\u0442\u0440\u0435\u0435 \u0438 \u0443\u0434\u043e\u0431\u043d\u0435\u0435 \u043e\u043a\u0430\u0437\u044b\u0432\u0430\u0435\u0442\u0441\u044f \u0441\u043e\u0437\u0434\u0430\u0442\u044c \u043c\u043e\u0434\u0443\u043b\u044c \u0438 \u0437\u0430\u0442\u0435\u043c \u0432\u0441\u0442\u0430\u0432\u0438\u0442\u044c \u0435\u0433\u043e \u0432 \u0441\u0435\u0440\u0435\u0434\u0438\u043d\u0443 \u043c\u0430\u0442\u0435\u0440\u0438\u0430\u043b\u0430 \u0438\u043b\u0438 \u0432 \u043e\u043f\u0438\u0441\u0430\u043d\u0438\u0435 \u0442\u043e\u0432\u0430\u0440\u0430. <\/p>\n<h4>\u0421\u043f\u043e\u0441\u043e\u0431 1. \u041a\u043e\u043d\u0442\u0435\u043d\u0442 \u043f\u043b\u0430\u0433\u0438\u043d {loadposition } \u0438 {loadmoduleid }<\/h4>\n<p>\u041f\u043b\u0430\u0433\u0438\u043d\u044b \u0433\u0440\u0443\u043f\u043f\u044b \u043a\u043e\u043d\u0442\u0435\u043d\u0442 \u0447\u0430\u0449\u0435 \u0432\u0441\u0435\u0433\u043e \u043e\u0431\u0440\u0430\u0431\u0430\u0442\u044b\u0432\u0430\u044e\u0442 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0443 \u043d\u0430 \u043f\u0440\u0435\u0434\u043c\u0435\u0442 \u043d\u0430\u043b\u0438\u0447\u0438\u044f \u0448\u043e\u0440\u0442-\u043a\u043e\u0434\u043e\u0432 \u0438 \u0437\u0430\u043c\u0435\u043d\u044f\u044e\u0442 \u0438\u0445 \u043d\u0430 \u043d\u0443\u0436\u043d\u043e\u0435 \u0441\u043e\u0434\u0435\u0440\u0436\u0438\u043c\u043e\u0435. \u041e\u0431\u044b\u0447\u043d\u043e \u043f\u043b\u0430\u0433\u0438\u043d\u0430\u043c\u0438 \u044d\u0442\u043e\u0439 \u0433\u0440\u0443\u043f\u043f\u044b \u043e\u0431\u0440\u0430\u0431\u0430\u0442\u044b\u0432\u0430\u0435\u0442\u0441\u044f \u0432\u044b\u0432\u043e\u0434 \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442\u0430 (\u0442\u0435\u043a\u0441\u0442 \u043c\u0430\u0442\u0435\u0440\u0438\u0430\u043b\u0430, \u043e\u043f\u0438\u0441\u0430\u043d\u0438\u0435 \u0442\u043e\u0432\u0430\u0440\u0430 \u0438 \u0442.\u0434.) \u0438 \u043d\u0435\u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u043c\u043e\u0434\u0443\u043b\u0438 (\u043c\u043e\u0434\u0443\u043b\u044c \u0442\u0438\u043f\u0430 HTML-\u043a\u043e\u0434, \u0435\u0441\u043b\u0438 \u0432\u043a\u043b\u044e\u0447\u0435\u043d\u043e \u0432 \u043d\u0430\u0441\u0442\u0440\u043e\u0439\u043a\u0430\u0445, \u0438 \u0442.\u0434.) <\/p>\n<p>\u041c\u044b \u043f\u0440\u043e\u0441\u0442\u043e \u0443\u043a\u0430\u0437\u044b\u0432\u0430\u0435\u043c <code>{loadposition menu}<\/code> \u0438 \u0432 \u043c\u0430\u0442\u0435\u0440\u0438\u0430\u043b\u0435 \u0431\u0443\u0434\u0443\u0442 \u0432\u044b\u0432\u0435\u0434\u0435\u043d\u044b \u043c\u043e\u0434\u0443\u043b\u0438 \u0438\u0437 \u043f\u043e\u0437\u0438\u0446\u0438\u0438 <code>menu<\/code>,  \u0435\u0441\u043b\u0438 \u043d\u0430\u0441\u0442\u0440\u043e\u0439\u043a\u0438 \u043c\u043e\u0434\u0443\u043b\u0435\u0439 \u043f\u043e\u0437\u0432\u043e\u043b\u044f\u044e\u0442 \u043e\u0442\u043e\u0431\u0440\u0430\u0436\u0430\u0442\u044c\u0441\u044f \u043d\u0430 \u0434\u0430\u043d\u043d\u043e\u0439 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0435.<\/p>\n<p>\u0428\u043e\u0440\u0442-\u043a\u043e\u0434 <code>{loadmoduleid &lt;\u0447\u0438\u0441\u043b\u043e>}<\/code> \u043f\u043e\u0437\u0432\u043e\u043b\u044f\u0435\u0442 \u043e\u0442\u043e\u0431\u0440\u0430\u0437\u0438\u0442\u044c \u043e\u0434\u0438\u043d \u043c\u043e\u0434\u0443\u043b\u044c \u043f\u043e \u0435\u0433\u043e id. <\/p>\n<p>\u0418\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u044f \u044d\u0442\u0443 \u0432\u043e\u0437\u043c\u043e\u0436\u043d\u043e\u0441\u0442\u044c, \u043c\u043e\u0436\u043d\u043e, \u043d\u0430\u043f\u0440\u0438\u043c\u0435\u0440, \u0441\u043e\u0431\u0440\u0430\u0442\u044c \u0441\u0432\u043e\u0451 \u043c\u0435\u0433\u0430-\u043c\u0435\u043d\u044e \u043d\u0430 \u0440\u0430\u0441\u0448\u0438\u0440\u0435\u043d\u0438\u044f\u0445 \u044f\u0434\u0440\u0430 (\u043c\u043e\u0434\u0443\u043b\u0435 \u0442\u0438\u043f\u0430 HTML-\u043a\u043e\u0434 \u0438 \u043c\u0435\u043d\u044e) \u0438 \u043d\u0435 \u0437\u0430\u0432\u0438\u0441\u0435\u0442\u044c \u043e\u0442 \u0441\u0442\u043e\u0440\u043e\u043d\u043d\u0438\u0445 \u0440\u0430\u0441\u0448\u0438\u0440\u0435\u043d\u0438\u0439.<\/p>\n<h4>\u0421\u043f\u043e\u0441\u043e\u0431 2. \u0418\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u043d\u0438\u0435 \u0443\u043d\u0438\u043a\u0430\u043b\u044c\u043d\u044b\u0445 \u0438\u043c\u0451\u043d \u043c\u043e\u0434\u0443\u043b\u044c\u043d\u044b\u0445 \u043f\u043e\u0437\u0438\u0446\u0438\u0439 \u0442\u043e\u043b\u044c\u043a\u043e \u0434\u043b\u044f \u043e\u0434\u043d\u043e\u0439 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u044b<\/h4>\n<p>\u042d\u0442\u043e\u0442 \u0441\u043f\u043e\u0441\u043e\u0431 \u044f\u0432\u043b\u044f\u0435\u0442\u0441\u044f \u043f\u0440\u043e\u0434\u043e\u043b\u0436\u0435\u043d\u0438\u0435\u043c \u043f\u0435\u0440\u0432\u043e\u0433\u043e \u0441\u043f\u043e\u0441\u043e\u0431\u0430. <\/p>\n<p><strong>\u0417\u0430\u0434\u0430\u0447\u0430:<\/strong> \u043d\u0430\u043c \u043d\u0443\u0436\u043d\u043e \u0432\u044b\u0432\u0435\u0441\u0442\u0438 \u044d\u043a\u0437\u0435\u043c\u043f\u043b\u044f\u0440 \u043a\u043e\u043d\u043a\u0440\u0435\u0442\u043d\u043e\u0433\u043e \u043c\u043e\u0434\u0443\u043b\u044f \u0442\u043e\u043b\u044c\u043a\u043e \u043d\u0430 \u043e\u0434\u043d\u043e\u0439 \u043a\u043e\u043d\u043a\u0440\u0435\u0442\u043d\u043e\u0439 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0435 \u043d\u0430 \u0432\u0441\u0451\u043c \u0441\u0430\u0439\u0442\u0435, \u0433\u0434\u0435-\u043d\u0438\u0431\u0443\u0434\u044c \u0432 \u0441\u0435\u0440\u0435\u0434\u0438\u043d\u0435 \u0442\u0435\u043a\u0441\u0442\u0430. \u0418 \u043d\u0430 \u044d\u0442\u043e\u0442 \u043c\u0430\u0442\u0435\u0440\u0438\u0430\u043b \u0438\u043b\u0438 \u0442\u043e\u0432\u0430\u0440 \u043d\u0435\u0442 \u043f\u0443\u043d\u043a\u0442\u0430 \u043c\u0435\u043d\u044e, \u0447\u0442\u043e\u0431\u044b \u043c\u044b \u043c\u043e\u0433\u043b\u0438 \u043f\u0440\u0438\u0432\u044f\u0437\u0430\u0442\u044c \u043c\u043e\u0434\u0443\u043b\u044c \u043a \u043d\u0435\u043c\u0443. <\/p>\n<figure class=\"full-width\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/habrastorage.org\/r\/w1560\/getpro\/habr\/upload_files\/b66\/f71\/912\/b66f71912439e06e1b9f923dd11a0f43.png\" width=\"626\" height=\"424\" data-src=\"https:\/\/habrastorage.org\/getpro\/habr\/upload_files\/b66\/f71\/912\/b66f71912439e06e1b9f923dd11a0f43.png\"\/><\/figure>\n<p>\u0412 \u043d\u0430\u0441\u0442\u0440\u043e\u0439\u043a\u0430\u0445 \u043c\u043e\u0434\u0443\u043b\u044f \u043c\u044b \u043e\u0441\u0442\u0430\u0432\u043b\u044f\u0435\u043c \u043f\u0440\u0438\u0432\u044f\u0437\u043a\u0443 \u043a\u043e \u0432\u0441\u0435\u043c \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0430\u043c. \u041d\u043e \u043f\u0440\u0438\u0434\u0443\u043c\u044b\u0432\u0430\u0435\u043c \u0442\u0430\u043a\u043e\u0435 \u043d\u0430\u0437\u0432\u0430\u043d\u0438\u0435 \u043f\u043e\u0437\u0438\u0446\u0438\u0438 \u043c\u043e\u0434\u0443\u043b\u044f, \u0447\u0442\u043e\u0431\u044b \u043e\u043d\u043e \u043d\u0435 \u0432\u0441\u0442\u0440\u0435\u0447\u0430\u043b\u043e\u0441\u044c \u043d\u0430 \u0441\u0430\u0439\u0442\u0435. \u041e\u0431\u044b\u0447\u043d\u043e \u044d\u0442\u043e \u043a\u0430\u043a\u043e\u0435-\u043d\u0438\u0431\u0443\u0434\u044c \u0434\u043b\u0438\u043d\u043d\u043e\u0435 \u043d\u0430\u0437\u0432\u0430\u043d\u0438\u0435, \u043f\u043e \u043a\u043e\u0442\u043e\u0440\u043e\u043c\u0443 \u043f\u043e\u043d\u044f\u0442\u043d\u043e \u0433\u0434\u0435 \u0438\u043c\u0435\u043d\u043d\u043e \u044d\u0442\u0430 \u043f\u043e\u0437\u0438\u0446\u0438\u044f \u0432\u0441\u0442\u0440\u0435\u0447\u0430\u0435\u0442\u0441\u044f. <\/p>\n<p><strong>\u041c\u044b \u0432\u0432\u043e\u0434\u0438\u043c \u044d\u0442\u043e \u043d\u0430\u0437\u0432\u0430\u043d\u0438\u0435 \u0432 \u043f\u043e\u043b\u0435 \u0432\u044b\u0431\u043e\u0440\u0430 \u043f\u043e\u0437\u0438\u0446\u0438\u0438 \u0438 \u043d\u0430\u0436\u0438\u043c\u0430\u0435\u043c \u043a\u043b\u0430\u0432\u0438\u0448\u0443 enter. <\/strong>\u0417\u0430\u0442\u0435\u043c \u0432 \u043d\u0443\u0436\u043d\u043e\u043c \u043d\u0430\u043c \u043e\u0441\u043e\u0431\u0435\u043d\u043d\u043e\u043c \u043c\u0435\u0441\u0442\u0435 \u043c\u044b \u0432\u0441\u0442\u0430\u0432\u043b\u044f\u0435\u043c \u0437\u043d\u0430\u043a\u043e\u043c\u044b\u0439 \u043d\u0430\u043c \u0448\u043e\u0440\u0442-\u043a\u043e\u0434 <code>{loadposition unique-position-name}<\/code>. \u041f\u043e\u0441\u043a\u043e\u043b\u044c\u043a\u0443 \u044d\u0442\u0430 \u043f\u043e\u0437\u0438\u0446\u0438\u044f \u0431\u0443\u0434\u0435\u0442 \u0432\u0441\u0442\u0440\u0435\u0447\u0430\u0442\u044c\u0441\u044f \u0442\u043e\u043b\u044c\u043a\u043e \u0432 \u043d\u0443\u0436\u043d\u043e\u043c \u043d\u0430\u043c \u043c\u0430\u0442\u0435\u0440\u0438\u0430\u043b\u0435 \u0438\u043b\u0438 \u0442\u043e\u0432\u0430\u0440\u0435, \u0442\u043e \u0438 \u043c\u043e\u0434\u0443\u043b\u044c \u0431\u0443\u0434\u0435\u0442 \u0432\u044b\u0432\u043e\u0434\u0438\u0442\u044c\u0441\u044f \u043b\u0438\u0448\u044c \u0442\u0430\u043c \u0438 \u043d\u0438\u0433\u0434\u0435 \u0431\u043e\u043b\u044c\u0448\u0435.<\/p>\n<h2>3 \u0441\u043f\u043e\u0441\u043e\u0431. \u0412\u0441\u0442\u0430\u0432\u043b\u044f\u0435\u043c \u043c\u043e\u0434\u0443\u043b\u0438 \u0432 \u043a\u043e\u0434\u0435 \u0441 \u043f\u043e\u043c\u043e\u0449\u044c\u044e ModuleHelper<\/h2>\n<p>\u0420\u0430\u043d\u044c\u0448\u0435 \u043a\u043b\u0430\u0441\u0441 <code>ModuleHelper<\/code> \u043d\u0430\u0437\u044b\u0432\u0430\u043b\u0441\u044f <code>JModuleHelper<\/code>. \u0412 \u043f\u043b\u0430\u043d\u0435 \u0440\u0430\u0431\u043e\u0442\u044b \u0441 \u043d\u0438\u043c \u043e\u043d \u043d\u0435 \u0441\u0438\u043b\u044c\u043d\u043e \u0438\u0437\u043c\u0435\u043d\u0438\u043b\u0441\u044f. \u041f\u0440\u0438\u043c\u0435\u0440\u044b \u0438\u0437 \u0441\u0442\u0430\u0440\u044b\u0445 \u0441\u0442\u0430\u0442\u0435\u0439 \u043f\u0440\u0438 \u043d\u0435\u0431\u043e\u043b\u044c\u0448\u043e\u0439 \u043a\u043e\u0440\u0440\u0435\u043a\u0442\u0443\u0440\u0435 \u0431\u0443\u0434\u0443\u0442 \u0440\u0430\u0431\u043e\u0442\u0430\u0442\u044c \u0438 \u043d\u0430 Joomla 4 \u0438 Joomla 5.<\/p>\n<pre><code class=\"php\">&lt;?php  use Joomla\\CMS\\Helper\\ModuleHelper; defined('_JEXEC') or die();  \/**  * \u041c\u043e\u0434\u0443\u043b\u044c \u0441 id 136  *\/  \/\/ \u041f\u043e\u043b\u0443\u0447\u0430\u0435\u043c \u044d\u043a\u0437\u0435\u043c\u043b\u043f\u044f\u0440 \u043c\u043e\u0434\u0443\u043b\u044f \u043f\u043e Id. $module = ModuleHelper::getModuleById('136');  \/\/ \u0415\u0441\u043b\u0438 \u043c\u043e\u0434\u0443\u043b\u044c \u0432\u044b\u0432\u043e\u0434\u0438\u0442 \u0434\u0430\u043d\u043d\u044b\u0435 \u0438\u0437 \u043f\u0430\u0440\u0430\u043c\u0435\u0442\u0440\u043e\u0432 \u043c\u043e\u0434\u0443\u043b\u044f, \u043d\u0430 \u044d\u0442\u043e\u043c \u044d\u0442\u0430\u043f\u0435  \/\/ \u043c\u043e\u0436\u043d\u043e \u0438\u0445 \u043c\u043e\u0434\u0438\u0444\u0438\u0446\u0438\u0440\u043e\u0432\u0430\u0442\u044c \u0438 \u043f\u0435\u0440\u0435\u0434\u0430\u0442\u044c \u0432 \u0440\u0435\u043d\u0434\u0435\u0440 \u0443\u0436\u0435 \u0438\u0437\u043c\u0435\u043d\u0451\u043d\u043d\u044b\u0435 \u0434\u0430\u043d\u043d\u044b\u0435. \/\/ \u0421 \u0442\u043e\u0447\u043a\u0438 \u0437\u0440\u0435\u043d\u0438\u044f \u0430\u0440\u0445\u0438\u0442\u0435\u043a\u0442\u0443\u0440\u044b \u0442\u0430\u043a\u0438\u0435 \u043e\u043f\u0435\u0440\u0430\u0446\u0438\u0438 \u043d\u0435 \u0434\u043e\u043b\u0436\u043d\u044b \u0432\u044b\u043f\u043e\u043b\u043d\u044f\u0442\u044c\u0441\u044f  \/\/ \u0432 \u0448\u0430\u0431\u043b\u043e\u043d\u0435. \u041d\u043e \u0438\u043d\u043e\u0433\u0434\u0430 \u043f\u043e-\u0434\u0440\u0443\u0433\u043e\u043c\u0443 \u0434\u0435\u043b\u0430\u0442\u044c \u043d\u0435\u0446\u0435\u043b\u0435\u0441\u043e\u043e\u0431\u0440\u0430\u0437\u043d\u043e \u0438\u043b\u0438 \u0441\u043b\u0438\u0448\u043a\u043e\u043c \u0442\u0440\u0443\u0434\u043e\u0451\u043c\u043a\u043e. \/\/ \u0412\u044b\u0432\u043e\u0434\u0438\u043c \u043d\u0443\u0436\u043d\u044b\u0439 \u043c\u043e\u0434\u0443\u043b\u044c echo ModuleHelper::renderModule($module);  \/\/ \u041b\u0438\u0431\u043e \u043f\u043e\u043b\u0443\u0447\u0430\u0435\u043c \u0432\u0441\u0435 \u043c\u043e\u0434\u0443\u043b\u0438 \u0432 \u043f\u043e\u0437\u0438\u0446\u0438\u0438 $modules = ModuleHelper::getModules('position_name'); \/\/ \u0426\u0438\u043a\u043b\u043e\u043c \u043e\u0431\u0440\u0430\u0431\u0430\u0442\u044b\u0432\u0430\u0435\u043c \u0432\u0441\u0435 \u043f\u043e\u043b\u0443\u0447\u0435\u043d\u043d\u044b\u0435 \u043c\u043e\u0434\u0443\u043b\u0438 foreach ($modules as $module) {    \/\/ \u041c\u043e\u0436\u0435\u043c \u0432\u043d\u0435\u0434\u0440\u0438\u0442\u044c \u0434\u043e\u043f\u043e\u043b\u043d\u0438\u0442\u0435\u043b\u044c\u043d\u044b\u0435 \u043f\u0440\u043e\u0432\u0435\u0440\u043a\u0438    if ($module->module != 'mod_login'){      \/\/ \u0414\u0435\u043b\u0430\u0435\u043c \u0440\u0435\u043d\u0434\u0435\u0440 \u043c\u043e\u0434\u0443\u043b\u044f         echo ModuleHelper::renderModule($module, ['id' => 'section-box']);     } }<\/code><\/pre>\n<p>\u041c\u0435\u0442\u043e\u0434\u044b \u043a\u043b\u0430\u0441\u0441\u0430 <code>ModuleHelper<\/code> \u043c\u043e\u0436\u043d\u043e \u043f\u043e\u0441\u043c\u043e\u0442\u0440\u0435\u0442\u044c \u0432 \u0444\u0430\u0439\u043b\u0435 <code>libraries\/src\/Helper\/ModuleHelper.php<\/code>, \u0442\u0430\u043c \u0436\u0435 \u0432\u0438\u0434\u043d\u044b \u0432\u0445\u043e\u0434\u043d\u044b\u0435 \u043f\u0430\u0440\u0430\u043c\u0435\u0442\u0440\u044b \u043c\u0435\u0442\u043e\u0434\u043e\u0432 \u0438 \u0438\u0445 \u0442\u0438\u043f\u044b.<\/p>\n<p><a class=\"anchor\" name=\"pluginy-v-aspekte-verstki-shablonov-joomla-4\" id=\"pluginy-v-aspekte-verstki-shablonov-joomla-4\"><\/a><\/p>\n<h2>\u0421\u0443\u0449\u043d\u043e\u0441\u0442\u044c \u043f\u043b\u0430\u0433\u0438\u043d\u0430 Joomla \u0432 \u0430\u0441\u043f\u0435\u043a\u0442\u0435 \u0432\u0451\u0440\u0441\u0442\u043a\u0438 \u0448\u0430\u0431\u043b\u043e\u043d\u0430<\/h2>\n<p>\u041f\u043b\u0430\u0433\u0438\u043d\u044b \u0432 Joomla \u0432\u044b\u0437\u044b\u0432\u0430\u044e\u0442\u0441\u044f \u0432 \u0440\u0430\u0437\u043b\u0438\u0447\u043d\u044b\u0435 \u043c\u043e\u043c\u0435\u043d\u0442\u044b \u0436\u0438\u0437\u043d\u0435\u043d\u043d\u043e\u0433\u043e \u0446\u0438\u043a\u043b\u0430 \u041f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u044f Joomla \u0438 \u043c\u043e\u0433\u0443\u0442 \u0432\u044b\u043f\u043e\u043b\u043d\u044f\u0442\u044c \u0441\u0430\u043c\u0443\u044e \u0440\u0430\u0437\u043d\u0443\u044e \u0440\u0430\u0431\u043e\u0442\u0443. \u041d\u0443\u0436\u043d\u043e \u043f\u043e\u043c\u043d\u0438\u0442\u044c, \u0447\u0442\u043e \u043f\u043b\u0430\u0433\u0438\u043d\u044b \u043c\u043e\u0433\u0443\u0442 \u0431\u044b\u0442\u044c \u0432\u044b\u0437\u0432\u0430\u043d\u044b \u0438\u0437 \u043b\u044e\u0431\u043e\u0439 \u0441\u0443\u0449\u043d\u043e\u0441\u0442\u0438 Joomla: \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442\u0430, \u0434\u0440\u0443\u0433\u043e\u0433\u043e \u043f\u043b\u0430\u0433\u0438\u043d\u0430, \u043c\u043e\u0434\u0443\u043b\u044f, \u0431\u0438\u0431\u043b\u0438\u043e\u0442\u0435\u043a\u0438, \u0448\u0430\u0431\u043b\u043e\u043d\u0430 \u0438 \u0442.\u0434.<\/p>\n<figure class=\"full-width\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/habrastorage.org\/r\/w1560\/getpro\/habr\/upload_files\/d11\/140\/7e4\/d111407e44a8070119377b513b168a74.png\" alt=\"\u041f\u0440\u0438\u043c\u0435\u0440 \u0436\u0438\u0437\u043d\u0435\u043d\u043d\u043e\u0433\u043e \u0446\u0438\u043a\u043b\u0430 \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u044f Joomla 3 \u043a\u0440\u0443\u043f\u043d\u044b\u043c \u043f\u043b\u0430\u043d\u043e\u043c. \u041d\u0430 \u0441\u0445\u0435\u043c\u0435 \u0443\u043a\u0430\u0437\u0430\u043d\u0430 \u043c\u0430\u043b\u0430\u044f \u0447\u0430\u0441\u0442\u044c \u0441\u0438\u0441\u0442\u0435\u043c\u043d\u044b\u0445 \u0441\u043e\u0431\u044b\u0442\u0438\u0439.\" title=\"\u041f\u0440\u0438\u043c\u0435\u0440 \u0436\u0438\u0437\u043d\u0435\u043d\u043d\u043e\u0433\u043e \u0446\u0438\u043a\u043b\u0430 \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u044f Joomla 3 \u043a\u0440\u0443\u043f\u043d\u044b\u043c \u043f\u043b\u0430\u043d\u043e\u043c. \u041d\u0430 \u0441\u0445\u0435\u043c\u0435 \u0443\u043a\u0430\u0437\u0430\u043d\u0430 \u043c\u0430\u043b\u0430\u044f \u0447\u0430\u0441\u0442\u044c \u0441\u0438\u0441\u0442\u0435\u043c\u043d\u044b\u0445 \u0441\u043e\u0431\u044b\u0442\u0438\u0439.\" width=\"866\" height=\"840\" data-src=\"https:\/\/habrastorage.org\/getpro\/habr\/upload_files\/d11\/140\/7e4\/d111407e44a8070119377b513b168a74.png\"\/><\/p>\n<div><figcaption>\u041f\u0440\u0438\u043c\u0435\u0440 \u0436\u0438\u0437\u043d\u0435\u043d\u043d\u043e\u0433\u043e \u0446\u0438\u043a\u043b\u0430 \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u044f Joomla 3 \u043a\u0440\u0443\u043f\u043d\u044b\u043c \u043f\u043b\u0430\u043d\u043e\u043c. \u041d\u0430 \u0441\u0445\u0435\u043c\u0435 \u0443\u043a\u0430\u0437\u0430\u043d\u0430 \u043c\u0430\u043b\u0430\u044f \u0447\u0430\u0441\u0442\u044c \u0441\u0438\u0441\u0442\u0435\u043c\u043d\u044b\u0445 \u0441\u043e\u0431\u044b\u0442\u0438\u0439.<\/figcaption><\/div>\n<\/figure>\n<p>\u041d\u0430 \u043f\u0440\u0438\u0432\u0435\u0434\u0451\u043d\u043d\u043e\u0439 \u0441\u0445\u0435\u043c\u0435 (\u043f\u0440\u0430\u0432\u0434\u0430, \u0434\u043b\u044f Joomla 3), \u0432\u0437\u044f\u0442\u043e\u0439 \u0438\u0437 \u0441\u0442\u0430\u0442\u044c\u0438 <a href=\"https:\/\/jpath.ru\/docs\/basics\/joomla-internals\/obshchaya-informatsiya-o-printsipe-dejstviya-joomla\" rel=\"noopener noreferrer nofollow\">\u041e\u0431\u0449\u0430\u044f \u0438\u043d\u0444\u043e\u0440\u043c\u0430\u0446\u0438\u044f \u043e \u043f\u0440\u0438\u043d\u0446\u0438\u043f\u0435 \u0434\u0435\u0439\u0441\u0442\u0432\u0438\u044f Joomla  \u043f\u0440\u043e\u0435\u043a\u0442\u0430 JPath.ru<\/a> (\u0431\u043b\u0430\u0433\u043e\u0434\u0430\u0440\u044f \u044d\u0442\u043e\u043c\u0443 \u043f\u0440\u043e\u0435\u043a\u0442\u0443 \u043c\u044b \u0438\u043c\u0435\u0435\u043c Joomla \u043d\u0430 \u0440\u0443\u0441\u0441\u043a\u043e\u043c \u044f\u0437\u044b\u043a\u0435) \u043f\u043e\u043a\u0430\u0437\u0430\u043d\u044b \u043b\u0438\u0448\u044c \u043d\u0435\u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u0441\u0438\u0441\u0442\u0435\u043c\u043d\u044b\u0435 \u0441\u043e\u0431\u044b\u0442\u0438\u044f. \u041e\u0434\u043d\u0430\u043a\u043e, \u0438\u0445 \u0433\u043e\u0440\u0430\u0437\u0434\u043e \u0431\u043e\u043b\u044c\u0448\u0435. \u0422\u0430\u043a\u0436\u0435 \u0443 \u043a\u0430\u0436\u0434\u043e\u0433\u043e \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442\u0430 \u0435\u0441\u0442\u044c \u0441\u0432\u043e\u0438 \u0442\u0440\u0438\u0433\u0433\u0435\u0440\u044b (\u0441\u043e\u0431\u044b\u0442\u0438\u044f) \u0434\u043b\u044f \u043f\u043b\u0430\u0433\u0438\u043d\u043e\u0432, \u0441\u043f\u0435\u0446\u0438\u0444\u0438\u0447\u043d\u044b\u0435 \u0442\u043e\u043b\u044c\u043a\u043e \u0434\u043b\u044f \u044d\u0442\u043e\u0433\u043e \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442\u0430.<\/p>\n<p>\u041d\u0435\u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u043f\u043b\u0430\u0433\u0438\u043d\u044b \u043c\u043e\u0433\u0443\u0442 \u0434\u043e\u0431\u0430\u0432\u043b\u044f\u0442\u044c \u043a \u043c\u0430\u0442\u0435\u0440\u0438\u0430\u043b\u0430\u043c \u0432 \u0431\u043b\u043e\u0433\u0435 \u043a\u043d\u043e\u043f\u043a\u0438 &#171;\u043f\u043e\u0434\u0435\u043b\u0438\u0442\u044c\u0441\u044f \u0432 \u0441\u043e\u0446.\u0441\u0435\u0442\u044f\u0445&#187;, \u0434\u0440\u0443\u0433\u0438\u0435 &#8212; \u0440\u0430\u0437\u043c\u0435\u0442\u043a\u0443 OpenGraph, \u043c\u0438\u043a\u0440\u043e\u0440\u0430\u0437\u043c\u0435\u0442\u043a\u0443 Schema.org (\u0435\u0441\u043b\u0438 \u0412\u044b \u043d\u0435 \u0432\u043d\u0435\u0434\u0440\u044f\u0435\u0442\u0435 \u0435\u0451 \u043f\u0440\u044f\u043c\u043e \u0432 \u0432\u0451\u0440\u0441\u0442\u043a\u0443), \u043a\u043d\u043e\u043f\u043a\u0438 \u043b\u0430\u0439\u043a\u043e\u0432 \u0432\u043c\u0435\u0441\u0442\u043e \u0440\u0435\u0439\u0442\u0438\u043d\u0433\u0430 \u0441\u0442\u0430\u0442\u044c\u0438, \u0432\u0440\u0435\u043c\u044f \u043f\u0440\u043e\u0447\u0442\u0435\u043d\u0438\u044f \u0441\u0442\u0430\u0442\u044c\u0438 \u0438 \u0442.\u0434. \u0418\u043b\u0438 \u0436\u0435 \u0441 \u043f\u043e\u043c\u043e\u0449\u044c\u044e \u043f\u043b\u0430\u0433\u0438\u043d\u043e\u0432 \u043c\u043e\u0436\u043d\u043e \u0432\u0441\u0442\u0430\u0432\u043b\u044f\u0442\u044c \u0434\u0430\u043d\u043d\u044b\u0435 \u0438\u0437 \u0434\u0440\u0443\u0433\u0438\u0445 \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442\u043e\u0432: \u043d\u0430\u043f\u0440\u0438\u043c\u0435\u0440 \u0432 \u0431\u043b\u043e\u0433 \u0432\u0441\u0442\u0430\u0432\u0438\u0442\u044c \u0441\u0441\u044b\u043b\u043a\u0443 \u043d\u0430 \u0442\u043e\u0432\u0430\u0440, \u043d\u043e \u043d\u0435 \u0442\u0435\u043a\u0441\u0442\u043e\u043c, \u0430 \u0448\u043e\u0440\u0442-\u043a\u043e\u0434\u043e\u043c. \u0418 \u0442\u043e\u0433\u0434\u0430 \u043f\u043b\u0430\u0433\u0438\u043d \u0432\u0441\u0442\u0430\u0432\u0438\u0442 \u043d\u0435 \u0442\u043e\u043b\u044c\u043a\u043e \u0441\u0441\u044b\u043b\u043a\u0443 \u043d\u0430 \u0442\u043e\u0432\u0430\u0440, \u043d\u043e \u0438 \u043f\u043e\u043a\u0430\u0436\u0435\u0442 \u0446\u0435\u043d\u0443, \u043a\u0430\u0440\u0442\u0438\u043d\u043a\u0443 \u0442\u043e\u0432\u0430\u0440\u0430, \u043a\u043d\u043e\u043f\u043a\u0443 &#171;\u043a\u0443\u043f\u0438\u0442\u044c&#187; \u0438 \u0442.\u0434. <\/p>\n<p>\u041a\u0430\u043a \u043f\u0440\u0430\u0432\u0438\u043b\u043e \u044d\u0442\u043e \u043f\u043b\u0430\u0433\u0438\u043d\u044b \u0433\u0440\u0443\u043f\u043f\u044b <code>content<\/code>, \u0442\u0430\u043a \u043a\u0430\u043a \u043e\u043d\u0438 \u043e\u0431\u0440\u0430\u0431\u0430\u0442\u044b\u0432\u0430\u044e\u0442 \u043e\u0441\u043d\u043e\u0432\u043d\u043e\u0435 \u0441\u043e\u0434\u0435\u0440\u0436\u0438\u043c\u043e\u0435 \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442\u0430 \u043d\u0430 \u043d\u0430\u043b\u0438\u0447\u0438\u0435 \u0448\u043e\u0440\u0442-\u043a\u043e\u0434\u043e\u0432. \u041d\u043e \u043a\u043e\u043d\u0442\u0435\u043d\u0442-\u043f\u043b\u0430\u0433\u0438\u043d\u044b \u043c\u043e\u0433\u0443\u0442 \u0440\u0430\u0431\u043e\u0442\u0430\u0442\u044c \u0438 \u043f\u043e-\u0434\u0440\u0443\u0433\u043e\u043c\u0443: \u043c\u043d\u043e\u0433\u0438\u0435 \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442\u044b \u0432 \u043e\u0431\u044a\u0435\u043a\u0442\u0430\u0445 \u0441\u0432\u043e\u0438\u0445 \u0441\u0443\u0449\u043d\u043e\u0441\u0442\u0435\u0439 (\u043c\u0430\u0442\u0435\u0440\u0438\u0430\u043b\u044b, \u043a\u043e\u043d\u0442\u0430\u043a\u0442\u044b, \u0442\u043e\u0432\u0430\u0440\u044b, \u043a\u0430\u0442\u0435\u0433\u043e\u0440\u0438\u0438 \u0438 \u0442.\u0434.) \u043f\u0440\u0435\u0434\u0443\u0441\u043c\u0430\u0442\u0440\u0438\u0432\u0430\u044e\u0442 &#171;\u043c\u0435\u0441\u0442\u0430&#187; \u0434\u043b\u044f \u0432\u044b\u0432\u043e\u0434\u0430 \u0440\u0430\u0431\u043e\u0442\u044b \u043f\u043b\u0430\u0433\u0438\u043d\u043e\u0432. <\/p>\n<p>\u041d\u0438\u0436\u0435 \u043f\u0440\u0438\u043c\u0435\u0440 \u0438\u0437 \u043c\u0430\u043a\u0435\u0442\u0430 \u0432\u044b\u0432\u043e\u0434\u0430 \u043c\u0430\u0442\u0435\u0440\u0438\u0430\u043b\u0430 Joomla (com_content). \u0421\u0440\u0435\u0434\u0438 \u0441\u043e\u0431\u044b\u0442\u0438\u0439 \u0434\u043b\u044f  \u043a\u043e\u043d\u0442\u0435\u043d\u0442-\u043f\u043b\u0430\u0433\u0438\u043d\u043e\u0432 \u0435\u0441\u0442\u044c \u0441\u043e\u0431\u044b\u0442\u0438\u0435 <code>onContentAfterTitle<\/code>. \u041d\u0430 \u044d\u0442\u043e\u043c \u0441\u043e\u0431\u044b\u0442\u0438\u0438 \u0432\u043e <code>View<\/code> \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442\u0430 \u043f\u0440\u043e\u0438\u0441\u0445\u043e\u0434\u0438\u0442 \u0432\u044b\u0437\u043e\u0432 \u0432\u0441\u0435\u0445 \u043f\u043b\u0430\u0433\u0438\u043d\u043e\u0432 \u044d\u0442\u043e\u0439 \u0433\u0440\u0443\u043f\u043f\u044b \u0438 \u043f\u0440\u0438\u0441\u0432\u0430\u0438\u0432\u0430\u043d\u0438\u0435 \u0440\u0435\u0437\u0443\u043b\u044c\u0442\u0430\u0442\u0430 \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u0443 \u043e\u0431\u044a\u0435\u043a\u0442\u0430 \u0441\u0443\u0449\u043d\u043e\u0441\u0442\u0438:<\/p>\n<pre><code class=\"php\">&lt;?php  \/\/ \u0444\u0440\u0430\u0433\u043c\u0435\u043d\u0442 \u0444\u0430\u0439\u043b\u0430 components\/com_content\/src\/View\/Article\/HtmlView.php  $item->event                    = new \\stdClass(); $results                        = Factory::getApplication()->triggerEvent('onContentAfterTitle', ['com_content.article', &amp;$item, &amp;$item->params, $offset]); $item->event->afterDisplayTitle = trim(implode(\"\\n\", $results));<\/code><\/pre>\n<p>\u0414\u0430\u043b\u0435\u0435 \u0441\u043e\u0431\u0441\u0442\u0432\u0435\u043d\u043d\u043e \u0432\u044b\u0432\u043e\u0434 \u0432 \u0448\u0430\u0431\u043b\u043e\u043d\u0435 \u043f\u0440\u043e\u0438\u0441\u0445\u043e\u0434\u0438\u0442 \u0441\u043b\u0435\u0434\u0443\u044e\u0449\u0438\u043c \u043e\u0431\u0440\u0430\u0437\u043e\u043c.<\/p>\n<figure class=\"full-width\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/habrastorage.org\/r\/w1560\/getpro\/habr\/upload_files\/3b0\/e37\/92e\/3b0e3792e2aa415fc47ffc43ba33337e.png\" alt=\"\u0424\u0440\u0430\u0433\u043c\u0435\u043d\u0442 \u043c\u0430\u043a\u0435\u0442\u0430 \u0432\u044b\u0432\u043e\u0434\u0430 \u043c\u0430\u0442\u0435\u0440\u0438\u0430\u043b\u0430 Joomla 4.\" title=\"\u0424\u0440\u0430\u0433\u043c\u0435\u043d\u0442 \u043c\u0430\u043a\u0435\u0442\u0430 \u0432\u044b\u0432\u043e\u0434\u0430 \u043c\u0430\u0442\u0435\u0440\u0438\u0430\u043b\u0430 Joomla 4.\" width=\"1058\" height=\"414\" data-src=\"https:\/\/habrastorage.org\/getpro\/habr\/upload_files\/3b0\/e37\/92e\/3b0e3792e2aa415fc47ffc43ba33337e.png\"\/><\/p>\n<div><figcaption>\u0424\u0440\u0430\u0433\u043c\u0435\u043d\u0442 \u043c\u0430\u043a\u0435\u0442\u0430 \u0432\u044b\u0432\u043e\u0434\u0430 \u043c\u0430\u0442\u0435\u0440\u0438\u0430\u043b\u0430 Joomla 4.<\/figcaption><\/div>\n<\/figure>\n<p>\u0412\u044b\u0448\u0435 \u043f\u043e \u0442\u0435\u043a\u0441\u0442\u0443 \u0431\u044b\u043b \u0441\u043a\u0440\u0438\u043d\u0448\u043e\u0442 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u044b \u043f\u0440\u043e\u0441\u043c\u043e\u0442\u0440\u0430 \u0441\u0442\u0430\u0442\u044c\u0438 \u0425\u0430\u0431\u0440\u0430. \u0411\u043b\u043e\u043a \u0438\u043d\u0444\u043e\u0440\u043c\u0430\u0446\u0438\u0438 \u043e\u0431 \u0430\u0432\u0442\u043e\u0440\u0435 \u0432 Joomla \u0441\u043a\u043e\u0440\u0435\u0435 \u0432\u0441\u0435\u0433\u043e \u0432\u044b\u0432\u043e\u0434\u0438\u043b\u0441\u044f \u0431\u044b \u043f\u043b\u0430\u0433\u0438\u043d\u043e\u043c \u0438 \u0434\u043e\u0431\u0430\u0432\u043b\u044f\u043b\u0441\u044f \u0431\u044b \u043d\u0430 \u0441\u043e\u0431\u044b\u0442\u0438\u0435 <code>onContentAfterDisplay<\/code>. \u0412 \u0448\u0430\u0431\u043b\u043e\u043d\u0435 \u0431\u044b\u043b \u0431\u044b \u0432\u044b\u0432\u043e\u0434 <code>echo $item->event->afterDisplayContent<\/code>. \u041d\u0435\u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u0441\u0442\u0443\u0434\u0438\u0438 &#171;\u0432\u0448\u0438\u0432\u0430\u044e\u0442&#187; \u044d\u0442\u043e\u0442 \u0444\u0443\u043d\u043a\u0446\u0438\u043e\u043d\u0430\u043b \u043f\u0440\u044f\u043c\u043e \u0432 \u0448\u0430\u0431\u043b\u043e\u043d\u044b.<\/p>\n<p>\u0420\u0435\u043a\u043b\u0430\u043c\u043d\u044b\u0439 \u0431\u043b\u043e\u043a \u0438 \u0431\u043b\u043e\u043a \u043a\u043e\u043c\u043c\u0435\u043d\u0442\u0430\u0440\u0438\u0435\u0432, \u0441\u043a\u043e\u0440\u0435\u0435 \u0432\u0441\u0435\u0433\u043e, \u0432\u044b\u0432\u043e\u0434\u0438\u043b\u0438\u0441\u044c \u0431\u044b \u0442\u043e\u0436\u0435 \u043f\u043b\u0430\u0433\u0438\u043d\u0430\u043c\u0438 \u043d\u0430 \u0442\u043e \u0436\u0435 \u0441\u043e\u0431\u044b\u0442\u0438\u0435. \u041f\u043e\u0447\u0435\u043c\u0443 \u044d\u0442\u043e \u0441\u043a\u043e\u0440\u0435\u0435 \u0432\u0441\u0435\u0433\u043e \u043d\u0435 \u043c\u043e\u0434\u0443\u043b\u0438? \u041f\u043e\u0442\u043e\u043c\u0443 \u0447\u0442\u043e \u0435\u0449\u0451 \u043d\u0438\u0436\u0435 \u043c\u044b \u0432\u0438\u0434\u0438\u043c \u0441\u0442\u0430\u0442\u0443\u0441 \u043f\u0443\u0431\u043b\u0438\u043a\u0430\u0446\u0438\u0438, \u043a\u043e\u0442\u043e\u0440\u044b\u0439 \u0432 \u0440\u0430\u043c\u043a\u0430\u0445 Joomla \u0447\u0430\u0449\u0435 \u0432\u0441\u0435\u0433\u043e \u044f\u0432\u043b\u044f\u0435\u0442\u0441\u044f \u043f\u0440\u0438\u0437\u043d\u0430\u043a\u043e\u043c \u0432\u044b\u0432\u043e\u0434\u0430 \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442\u0430. \u041a\u0430\u043a\u043e\u0433\u043e-\u0442\u043e \u043e\u0442\u0434\u0435\u043b\u044c\u043d\u043e\u0433\u043e \u0440\u0430\u0441\u0448\u0438\u0440\u0435\u043d\u0438\u044f \u0434\u043b\u044f \u043f\u043e\u043a\u0430\u0437\u0430 \u0441\u0442\u0430\u0442\u0443\u0441\u0430, \u043d\u0430\u043f\u0440\u0438\u043c\u0435\u0440, \u043c\u0430\u0442\u0435\u0440\u0438\u0430\u043b\u0430 (\u043e\u043f\u0443\u0431\u043b\u0438\u043a\u043e\u0432\u0430\u043d \/ \u043d\u0435 \u043e\u043f\u0443\u0431\u043b\u0438\u043a\u043e\u0432\u0430\u043d) \u043d\u0435\u0442. \u0410 \u0437\u043d\u0430\u0447\u0438\u0442, \u0432\u044b\u0432\u043e\u0434 \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442\u0430 \u0438\u0434\u0451\u0442 \u0440\u043e\u0432\u043d\u043e \u0434\u043e \u044d\u0442\u043e\u0433\u043e \u043c\u0435\u0441\u0442\u0430 \u043d\u0430 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0435.<\/p>\n<figure class=\"full-width\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/habrastorage.org\/r\/w1560\/getpro\/habr\/upload_files\/bdd\/d98\/3a4\/bddd983a408134c70daf4f181b10d094.png\" alt=\"\u0424\u0440\u0430\u0433\u043c\u0435\u043d\u0442 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0430 \u043f\u0440\u043e\u0441\u043c\u043e\u0442\u0440\u0430 \u0441\u0442\u0430\u0442\u044c\u0438 \u043d\u0430 \u0425\u0430\u0431\u0440\u0435\" title=\"\u0424\u0440\u0430\u0433\u043c\u0435\u043d\u0442 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0430 \u043f\u0440\u043e\u0441\u043c\u043e\u0442\u0440\u0430 \u0441\u0442\u0430\u0442\u044c\u0438 \u043d\u0430 \u0425\u0430\u0431\u0440\u0435\" width=\"1049\" height=\"525\" data-src=\"https:\/\/habrastorage.org\/getpro\/habr\/upload_files\/bdd\/d98\/3a4\/bddd983a408134c70daf4f181b10d094.png\"\/><\/p>\n<div><figcaption>\u0424\u0440\u0430\u0433\u043c\u0435\u043d\u0442 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0430 \u043f\u0440\u043e\u0441\u043c\u043e\u0442\u0440\u0430 \u0441\u0442\u0430\u0442\u044c\u0438 \u043d\u0430 \u0425\u0430\u0431\u0440\u0435<\/figcaption><\/div>\n<\/figure>\n<p>\u0418\u043b\u0438, \u0434\u043e\u043f\u0443\u0441\u0442\u0438\u043c, \u0412\u044b \u0445\u043e\u0442\u0438\u0442\u0435 \u0434\u043e\u0431\u0430\u0432\u0438\u0442\u044c \u0434\u043e\u043f\u043e\u043b\u043d\u0438\u0442\u0435\u043b\u044c\u043d\u044b\u0435 \u043a\u043d\u043e\u043f\u043a\u0438 \u0438\u043b\u0438 \u043b\u044e\u0431\u0443\u044e \u0434\u0440\u0443\u0433\u0443\u044e \u0438\u043d\u0444\u043e\u0440\u043c\u0430\u0446\u0438\u044e \u0440\u044f\u0434\u043e\u043c \u0441 \u043a\u043d\u043e\u043f\u043a\u043e\u0439 &#171;\u043a\u0443\u043f\u0438\u0442\u044c&#187; \u0432 \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442\u0435 \u0438\u043d\u0442\u0435\u0440\u043d\u0435\u0442-\u043c\u0430\u0433\u0430\u0437\u0438\u043d\u0430 JoomShopping. \u0412 \u0442\u0430\u043a\u043e\u043c \u0441\u043b\u0443\u0447\u0430\u0435 \u0433\u0440\u0430\u043c\u043e\u0442\u043d\u0435\u0435 \u0432\u0441\u0435\u0433\u043e \u0441\u0434\u0435\u043b\u0430\u0442\u044c \u043f\u0440\u043e\u0441\u0442\u043e\u0439 \u043f\u043b\u0430\u0433\u0438\u043d \u043d\u0430 \u0441\u043e\u0431\u044b\u0442\u0438\u0435 <code>onBeforeDisplayProduct<\/code> \u0438\u043b\u0438 <code>onBeforeDisplayProductView<\/code>. \u0412 \u0444\u0430\u0439\u043b\u0435 <code>components\/com_jshopping\/Controller\/ProductController.php<\/code> \u0432 \u043c\u0435\u0442\u043e\u0434\u0435 <code>display()<\/code> \u043f\u0440\u043e\u0438\u0441\u0445\u043e\u0434\u0438\u0442 \u0432\u044b\u0437\u043e\u0432 \u043e\u0431\u043e\u0438\u0445 \u044d\u0442\u0438\u0445 \u0442\u0440\u0438\u0433\u0433\u0435\u0440\u043e\u0432 \u0432 \u0440\u0430\u0437\u043d\u043e\u0435 \u0432\u0440\u0435\u043c\u044f. \u0421\u043e\u043e\u0442\u0432\u0435\u0442\u0441\u0442\u0432\u0435\u043d\u043d\u043e, \u0432 \u043f\u043b\u0430\u0433\u0438\u043d\u0435 \u0412\u0430\u043c \u0431\u0443\u0434\u0443\u0442 \u0434\u043e\u0441\u0442\u0443\u043f\u043d\u044b \u0440\u0430\u0437\u043d\u044b\u0435 \u043f\u0430\u0440\u0430\u043c\u0435\u0442\u0440\u044b \u0438 \u0434\u0430\u043d\u043d\u044b\u0435 \u0434\u043b\u044f \u0440\u0430\u0431\u043e\u0442\u044b \u043f\u043b\u0430\u0433\u0438\u043d\u0430. <\/p>\n<figure class=\"full-width\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/habrastorage.org\/r\/w1560\/getpro\/habr\/upload_files\/86b\/a74\/d12\/86ba74d1285e814138f7ed9a1aa23283.png\" alt=\"\u041f\u043e\u0437\u0438\u0446\u0438\u0438 \u0442\u043e\u0432\u0430\u0440\u0430 \u0432 \u0448\u0430\u0431\u043b\u043e\u043d\u0435 JoomShopping \u0434\u043b\u044f \u0434\u043e\u0431\u0430\u0432\u043b\u0435\u043d\u0438\u044f \u0434\u0430\u043d\u043d\u044b\u0445 \u0441 \u043f\u043e\u043c\u043e\u0449\u044c\u044e \u043f\u043b\u0430\u0433\u0438\u043d\u0430\" title=\"\u041f\u043e\u0437\u0438\u0446\u0438\u0438 \u0442\u043e\u0432\u0430\u0440\u0430 \u0432 \u0448\u0430\u0431\u043b\u043e\u043d\u0435 JoomShopping \u0434\u043b\u044f \u0434\u043e\u0431\u0430\u0432\u043b\u0435\u043d\u0438\u044f \u0434\u0430\u043d\u043d\u044b\u0445 \u0441 \u043f\u043e\u043c\u043e\u0449\u044c\u044e \u043f\u043b\u0430\u0433\u0438\u043d\u0430\" width=\"713\" height=\"557\" data-src=\"https:\/\/habrastorage.org\/getpro\/habr\/upload_files\/86b\/a74\/d12\/86ba74d1285e814138f7ed9a1aa23283.png\"\/><\/p>\n<div><figcaption>\u041f\u043e\u0437\u0438\u0446\u0438\u0438 \u0442\u043e\u0432\u0430\u0440\u0430 \u0432 \u0448\u0430\u0431\u043b\u043e\u043d\u0435 JoomShopping \u0434\u043b\u044f \u0434\u043e\u0431\u0430\u0432\u043b\u0435\u043d\u0438\u044f \u0434\u0430\u043d\u043d\u044b\u0445 \u0441 \u043f\u043e\u043c\u043e\u0449\u044c\u044e \u043f\u043b\u0430\u0433\u0438\u043d\u0430<\/figcaption><\/div>\n<\/figure>\n<p>\u0412 \u0448\u0430\u0431\u043b\u043e\u043d\u0435 JoomShopping \u0436\u0435 \u0412\u044b \u0431\u0443\u0434\u0435\u0442\u0435 \u0432\u044b\u0432\u043e\u0434\u0438\u0442\u044c \u044d\u0442\u0438 \u043f\u043e\u0437\u0438\u0446\u0438\u0438 \u043a\u0430\u043a echo <code>$this->_tmp_product_html_buttons<\/code>. \u041d\u0435\u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u043f\u043e\u0437\u0438\u0446\u0438\u0438 \u043d\u0430\u0445\u043e\u0434\u044f\u0442\u0441\u044f \u0432 <code>$this->product<\/code>. \u041a\u0430\u043a \u043f\u0440\u0430\u0432\u0438\u043b\u043e \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u0447\u0438\u043a\u0438 \u0443\u0436\u0435 \u043e\u0440\u0438\u0435\u043d\u0442\u0438\u0440\u0443\u044e\u0442\u0441\u044f \u043d\u0430 \u043c\u0435\u0441\u0442\u0435 \u0432 \u044d\u0442\u0438\u0445 \u043f\u043e\u0437\u0438\u0446\u0438\u044f\u0445.<\/p>\n<p><a class=\"anchor\" name=\"makety-vyvoda-pluginov-joomla-pereopredelenie\" id=\"makety-vyvoda-pluginov-joomla-pereopredelenie\"><\/a><\/p>\n<h3>\u041c\u0430\u043a\u0435\u0442\u044b \u0432\u044b\u0432\u043e\u0434\u0430 \u043f\u043b\u0430\u0433\u0438\u043d\u043e\u0432 Joomla. \u041f\u0435\u0440\u0435\u043e\u043f\u0440\u0435\u0434\u0435\u043b\u0435\u043d\u0438\u0435<\/h3>\n<p>\u041a \u0441\u043e\u0436\u0430\u043b\u0435\u043d\u0438\u044e, \u0434\u0430\u043b\u0435\u043a\u043e \u043d\u0435 \u0432\u0441\u0435 \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u0447\u0438\u043a\u0438 \u0434\u0435\u043b\u0430\u044e\u0442 \u043f\u043e\u0434\u043a\u043b\u044e\u0447\u0430\u0435\u043c\u044b\u0435 \u043c\u0430\u043a\u0435\u0442\u044b \u0432 \u043f\u043b\u0430\u0433\u0438\u043d\u0430\u0445. \u041d\u043e, \u0435\u0441\u043b\u0438 \u043e\u043d\u0438 \u0435\u0441\u0442\u044c, \u0442\u043e \u043e\u043d\u0438 \u043d\u0430\u0445\u043e\u0434\u044f\u0442\u0441\u044f \u0432 <code>plugins\/&lt;plugin_group>\/&lt;plugin_name>\/tmpl<\/code>. \u0421\u043e\u043e\u0442\u0432\u0435\u0442\u0441\u0442\u0432\u0435\u043d\u043d\u043e, \u0432 \u043d\u0430\u0441\u0442\u0440\u043e\u0439\u043a\u0430\u0445 \u043f\u043b\u0430\u0433\u0438\u043d\u0430 \u0434\u043e\u043b\u0436\u0435\u043d \u0431\u044b\u0442\u044c \u0432\u044b\u043f\u0430\u0434\u0430\u044e\u0449\u0438\u0439 \u0441\u043f\u0438\u0441\u043e\u043a \u043c\u0430\u043a\u0435\u0442\u043e\u0432, \u043f\u043e \u0430\u043d\u0430\u043b\u043e\u0433\u0438\u0438 \u0441 \u043c\u043e\u0434\u0443\u043b\u0435\u043c, \u0435\u0441\u043b\u0438 \u043f\u0440\u0435\u0434\u043f\u043e\u043b\u0430\u0433\u0430\u0435\u0442\u0441\u044f \u0432\u043e\u0437\u043c\u043e\u0436\u043d\u043e\u0441\u0442\u044c \u0432\u044b\u0431\u043e\u0440\u0430 \u043c\u0430\u043a\u0435\u0442\u0430 \u0432\u0440\u0443\u0447\u043d\u0443\u044e. \u041b\u0438\u0431\u043e \u0432\u043d\u0435\u0441\u0442\u0438 \u0438\u0437\u043c\u0435\u043d\u0435\u043d\u0438\u044f \u043c\u043e\u0436\u043d\u043e \u0441 \u043f\u043e\u043c\u043e\u0449\u044c\u044e \u043f\u0435\u0440\u0435\u043e\u043f\u0440\u0435\u0434\u0435\u043b\u0435\u043d\u0438\u044f \u043c\u0430\u043a\u0435\u0442\u0430 \u0432\u044b\u0432\u043e\u0434\u0430 \u043f\u043b\u0430\u0433\u0438\u043d\u0430.<\/p>\n<figure class=\"full-width\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/habrastorage.org\/r\/w1560\/getpro\/habr\/upload_files\/8f5\/a75\/015\/8f5a75015a749ed7733cc9311e9975cd.png\" width=\"1346\" height=\"761\" data-src=\"https:\/\/habrastorage.org\/getpro\/habr\/upload_files\/8f5\/a75\/015\/8f5a75015a749ed7733cc9311e9975cd.png\"\/><\/figure>\n<p>\u0412 \u043c\u0430\u043a\u0435\u0442\u044b \u043f\u043b\u0430\u0433\u0438\u043d\u043e\u0432 \u043f\u0440\u0438\u0445\u043e\u0434\u044f\u0442 \u0442\u043e\u043b\u044c\u043a\u043e \u0442\u0435 \u0434\u0430\u043d\u043d\u044b\u0435, \u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u0432 \u043d\u0438\u0445 \u043f\u0435\u0440\u0435\u0434\u0430\u044e\u0442 \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u0447\u0438\u043a\u0438. \u0422\u0430\u043a, \u043a\u0430\u043a \u0432 \u043c\u043e\u0434\u0443\u043b\u044f\u0445 \u043f\u0435\u0440\u0435\u0434\u0430\u044e\u0442\u0441\u044f \u0434\u043e\u043f\u043e\u043b\u043d\u0438\u0442\u0435\u043b\u044c\u043d\u043e <code>$app<\/code>,  \u043e\u0431\u044a\u0435\u043a\u0442 <code>Input<\/code> &#8212; \u0432 \u043f\u043b\u0430\u0433\u0438\u043d\u0430\u0445 \u0442\u0430\u043a\u043e\u0433\u043e \u043d\u0435\u0442. \u0415\u0441\u043b\u0438 \u044d\u0442\u0438 \u0434\u0430\u043d\u043d\u044b\u0435 \u043d\u0435\u043e\u0431\u0445\u043e\u0434\u0438\u043c\u044b &#8212; \u043f\u043e\u043b\u0443\u0447\u0430\u0435\u043c \u0438\u0445 \u0441\u0430\u043c\u0438 \u0438\u0437 DI-\u043a\u043e\u043d\u0442\u0435\u0439\u043d\u0435\u0440\u0430 \u0438\u043b\u0438 \u043e\u0431\u044a\u0435\u043a\u0442\u0430 \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u044f.<\/p>\n<p>\u041c\u0430\u043a\u0435\u0442\u044b \u043f\u043b\u0430\u0433\u0438\u043d\u043e\u0432 \u043c\u043e\u0436\u043d\u043e \u0442\u043e\u0447\u043d\u043e \u0442\u0430\u043a\u0436\u0435 \u043f\u0435\u0440\u0435\u043e\u043f\u0440\u0435\u0434\u0435\u043b\u044f\u0442\u044c \u0432 \u043f\u0430\u043f\u043a\u0435 <code>html<\/code> \u0448\u0430\u0431\u043b\u043e\u043d\u0430. \u0414\u043b\u044f \u044d\u0442\u043e\u0433\u043e \u0441\u043e\u0437\u0434\u0430\u0439\u0442\u0435 \u0432 \u043f\u0430\u043f\u043a\u0435 <code>templates\/&lt;template_name>\/html<\/code> \u043f\u0430\u043f\u043a\u0443 \u0432\u0438\u0434\u0430 <strong>&#171;plg_&lt;plugin_group>_&lt;plugin_name>&#187;<\/strong> &#8212; \u043d\u0430\u043f\u0440\u0438\u043c\u0435\u0440, <code>plg_content_vote<\/code> (\u0448\u0442\u0430\u0442\u043d\u044b\u0439 \u043f\u043b\u0430\u0433\u0438\u043d \u0440\u0435\u0439\u0442\u0438\u043d\u0433\u0430 \u043c\u0430\u0442\u0435\u0440\u0438\u0430\u043b\u043e\u0432 Joomla). \u0418 \u0441\u043a\u043e\u043f\u0438\u0440\u0443\u0439\u0442\u0435 \u0432 \u043d\u0435\u0451 \u0444\u0430\u0439\u043b\u044b \u0438\u0437 \u043f\u0430\u043f\u043a\u0438 <code>tmpl<\/code> \u043f\u043b\u0430\u0433\u0438\u043d\u0430. \u041d\u0430\u043f\u0440\u0438\u043c\u0435\u0440, \u0438\u0437 <code>plugins\/content\/vote\/tmpl<\/code> \u0432 <code>templates\/&lt;template_name>\/html\/plg_content_vote<\/code> . \u0415\u0441\u043b\u0438 \u0438\u043c\u0435\u043d\u0430 \u0444\u0430\u0439\u043b\u043e\u0432 \u043e\u0441\u0442\u0430\u043d\u0443\u0442\u0441\u044f \u0442\u0435 \u0436\u0435, \u0442\u043e Joomla \u0437\u0430\u043c\u0435\u043d\u0438\u0442 \u0441\u0442\u0430\u043d\u0434\u0430\u0440\u0442\u043d\u044b\u0439 HTML-\u0432\u044b\u0432\u043e\u0434 \u0412\u0430\u0448\u0438\u043c. <\/p>\n<p>\u0422\u0430\u043a\u0436\u0435 \u043f\u043b\u0430\u0433\u0438\u043d\u044b \u043c\u043e\u0433\u0443\u0442 \u043e\u0431\u0440\u0430\u0431\u0430\u0442\u044b\u0432\u0430\u0442\u044c \u0433\u043e\u0442\u043e\u0432\u044b\u0439 HTML-\u043a\u043e\u0434 \u043f\u0435\u0440\u0435\u0434 \u043e\u0442\u0434\u0430\u0447\u0435\u0439 \u0435\u0433\u043e \u0432 \u0431\u0440\u0430\u0443\u0437\u0435\u0440 \u043d\u0430 \u0441\u0438\u0441\u0442\u0435\u043c\u043d\u043e\u0435 \u0441\u043e\u0431\u044b\u0442\u0438\u0435 <code>onAfterRender()<\/code>. \u0422\u0443\u0442 \u043c\u043e\u0433\u0443\u0442 \u0440\u0430\u0431\u043e\u0442\u0430\u0442\u044c \u043b\u0438\u0431\u043e \u0441 \u043f\u043e\u043c\u043e\u0449\u044c\u044e \u0440\u0435\u0433\u0443\u043b\u044f\u0440\u043d\u044b\u0445 \u0432\u044b\u0440\u0430\u0436\u0435\u043d\u0438\u0439, \u043b\u0438\u0431\u043e \u0441 \u043f\u043e\u043c\u043e\u0449\u044c\u044e <code>DOMDocument<\/code>. \u042d\u0442\u043e \u0441\u0432\u043e\u0435\u043e\u0431\u0440\u0430\u0437\u043d\u044b\u0439 \u0441\u043a\u0430\u043b\u044c\u043f\u0435\u043b\u044c \u0432 \u0440\u0443\u043a\u0430\u0445 \u0445\u0438\u0440\u0443\u0440\u0433\u0430 \u0438 \u0438\u0437\u043d\u0430\u0447\u0430\u043b\u044c\u043d\u043e \u043f\u043b\u0430\u043d\u0438\u0440\u043e\u0432\u0430\u0442\u044c \u0435\u0433\u043e \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c \u043f\u0440\u0438 \u0441\u043e\u0437\u0434\u0430\u043d\u0438\u0438 \u0448\u0430\u0431\u043b\u043e\u043d\u0430 \u043d\u0435 \u043d\u0443\u0436\u043d\u043e. \u041d\u043e \u0437\u043d\u0430\u0442\u044c, \u0447\u0442\u043e \u043e\u043d\u043e \u0441\u0443\u0449\u0435\u0441\u0442\u0432\u0443\u0435\u0442 &#8212; \u043f\u043e\u043b\u0435\u0437\u043d\u043e. <\/p>\n<p><a class=\"anchor\" name=\"makety-vyvoda-komponentov-joomla\" id=\"makety-vyvoda-komponentov-joomla\"><\/a><\/p>\n<h2>\u0421\u0443\u0449\u043d\u043e\u0441\u0442\u044c \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442\u0430 Joomla \u0432 \u0440\u0430\u043a\u0443\u0440\u0441\u0435 \u0441\u043e\u0437\u0434\u0430\u043d\u0438\u044f \u0448\u0430\u0431\u043b\u043e\u043d\u0430 \u0441\u0430\u0439\u0442\u0430<\/h2>\n<p>\u041a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442 \u044d\u0442\u043e \u0432\u0441\u0435\u0433\u0434\u0430 \u0441\u0430\u043c\u0430\u044f \u0432\u0430\u0436\u043d\u0430\u044f \u0447\u0430\u0441\u0442\u044c \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u044b \u0441\u0430\u0439\u0442\u0430 \u043d\u0430 Joomla, \u0440\u0430\u0434\u0438 \u044d\u0442\u043e\u0439 \u0438\u043d\u0444\u043e\u0440\u043c\u0430\u0446\u0438\u0438 \u043f\u043e\u0441\u0435\u0442\u0438\u0442\u0435\u043b\u044c \u043f\u0440\u0438\u0445\u043e\u0434\u0438\u0442 \u043d\u0430 \u0441\u0430\u0439\u0442. \u041b\u044e\u0431\u043e\u0439 \u043f\u0443\u043d\u043a\u0442 \u043c\u0435\u043d\u044e (\u0437\u0430 \u043d\u0435\u0431\u043e\u043b\u044c\u0448\u0438\u043c \u0438\u0441\u043a\u043b\u044e\u0447\u0435\u043d\u0438\u0435\u043c) &#8212; \u044d\u0442\u043e \u0432\u0441\u0435\u0433\u0434\u0430 \u0441\u0441\u044b\u043b\u043a\u0430 \u043d\u0430 \u043a\u0430\u043a\u043e\u0439-\u043b\u0438\u0431\u043e \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442. <\/p>\n<h3>\u041c\u0430\u043a\u0435\u0442\u044b \u0432\u044b\u0432\u043e\u0434\u0430 \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442\u0430 Joomla (\u0448\u0430\u0431\u043b\u043e\u043d\u044b \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442\u0430) &#8212; \u043a\u0430\u043d\u043e\u043d\u0438\u0447\u0435\u0441\u043a\u0438\u0439 \u0438 \u043d\u0435 \u043a\u0430\u043d\u043e\u043d\u0438\u0447\u0435\u0441\u043a\u0438\u0439 \u0441\u043f\u043e\u0441\u043e\u0431 \u0440\u0435\u0430\u043b\u0438\u0437\u0430\u0446\u0438\u0438<\/h3>\n<p>\u0414\u043b\u044f Joomla \u0441\u0443\u0449\u0435\u0441\u0442\u0432\u0443\u0435\u0442 \u043e\u0433\u0440\u043e\u043c\u043d\u043e\u0435 \u043a\u043e\u043b\u0438\u0447\u0435\u0441\u0442\u0432\u043e \u0440\u0430\u0441\u0448\u0438\u0440\u0435\u043d\u0438\u0439. \u0417\u0430 Joomla \u0437\u0430\u043a\u0440\u0435\u043f\u0438\u043b\u0430\u0441\u044c \u0441\u043b\u0430\u0432\u0430 CMS \u043d\u0435 \u0441\u0430\u043c\u043e\u0439 \u043f\u0440\u043e\u0441\u0442\u043e\u0439 \u0434\u043b\u044f \u043f\u043e\u043d\u0438\u043c\u0430\u043d\u0438\u044f \u0438 \u0432 \u0447\u0451\u043c-\u0442\u043e \u044d\u0442\u043e \u0431\u043e\u043b\u044c\u0448\u0435 \u043f\u043b\u044e\u0441, \u0447\u0435\u043c \u043c\u0438\u043d\u0443\u0441, \u043f\u043e\u0442\u043e\u043c\u0443 \u0447\u0442\u043e \u043b\u044e\u0431\u043e\u0439 \u0447\u0435\u043b\u043e\u0432\u0435\u043a \u0434\u043e\u043b\u0436\u0435\u043d \u043f\u043e\u043d\u0438\u043c\u0430\u0442\u044c \u0427\u0422\u041e \u043e\u043d \u0434\u0435\u043b\u0430\u0435\u0442, \u041a\u0410\u041a \u0438 \u0417\u0410\u0427\u0415\u041c. \u0414\u043b\u044f \u0440\u0430\u0431\u043e\u0442\u044b \u0441 Joomla \u043e\u0431\u044b\u0447\u043d\u043e \u0442\u0440\u0435\u0431\u0443\u0435\u0442\u0441\u044f \u0431\u043e\u043b\u0435\u0435 \u0432\u044b\u0441\u043e\u043a\u0438\u0439 \u043f\u043e\u0440\u043e\u0433 \u0432\u0445\u043e\u0436\u0434\u0435\u043d\u0438\u044f, \u0447\u0435\u043c \u0434\u043b\u044f \u043c\u043d\u043e\u0433\u0438\u0445 \u0434\u0440\u0443\u0433\u0438\u0445 \u0441\u043f\u043e\u0441\u043e\u0431\u043e\u0432 \u0441\u043e\u0437\u0434\u0430\u043d\u0438\u044f \u0441\u0430\u0439\u0442\u043e\u0432.<\/p>\n<p>\u0412 Joomla \u0441\u0443\u0449\u0435\u0441\u0442\u0432\u0443\u0435\u0442 \u043a\u0430\u043d\u043e\u043d\u0438\u0447\u0435\u0441\u043a\u0438\u0439 \u0441\u043f\u043e\u0441\u043e\u0431 \u0440\u0430\u0437\u043c\u0435\u0449\u0435\u043d\u0438\u044f \u0444\u0430\u0439\u043b\u043e\u0432 \u0448\u0430\u0431\u043b\u043e\u043d\u0430 \u0432\u044b\u0432\u043e\u0434\u0430 \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442\u0430 \u0438 \u043d\u0435 \u043a\u0430\u043d\u043e\u043d\u0438\u0447\u0435\u0441\u043a\u0438\u0439. \u041a \u043d\u0435 \u043a\u0430\u043d\u043e\u043d\u0438\u0447\u0435\u0441\u043a\u0438\u043c \u043e\u0442\u043d\u043e\u0441\u0438\u0442\u0441\u044f \u043b\u044e\u0431\u043e\u0439 \u0434\u0440\u0443\u0433\u043e\u0439, \u043e\u0442\u043b\u0438\u0447\u0430\u044e\u0449\u0438\u0439\u0441\u044f \u043e\u0442 \u043a\u0430\u043d\u043e\u043d\u0438\u0447\u0435\u0441\u043a\u043e\u0433\u043e.<\/p>\n<p><a class=\"anchor\" name=\"makety-vyvoda-komponentov-joomla-kanonicheskii-sposob\" id=\"makety-vyvoda-komponentov-joomla-kanonicheskii-sposob\"><\/a><\/p>\n<h2>\u041a\u0430\u043d\u043e\u043d\u0438\u0447\u0435\u0441\u043a\u0438\u0439 \u0441\u043f\u043e\u0441\u043e\u0431<\/h2>\n<p>\u041a\u0430\u043d\u043e\u043d\u0438\u0447\u0435\u0441\u043a\u0438\u0439 \u0441\u043f\u043e\u0441\u043e\u0431 \u043c\u043e\u0436\u043d\u043e \u0443\u0432\u0438\u0434\u0435\u0442\u044c \u0432 \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442\u0430\u0445 \u044f\u0434\u0440\u0430 Joomla: <code>com_content<\/code>, <code>com_contact<\/code>, <code>com_users<\/code> \u0438 \u0442.\u0434. <\/p>\n<figure class=\"full-width\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/habrastorage.org\/r\/w1560\/getpro\/habr\/upload_files\/d07\/f7c\/862\/d07f7c862367be59715676f41999ddbd.png\" width=\"714\" height=\"564\" data-src=\"https:\/\/habrastorage.org\/getpro\/habr\/upload_files\/d07\/f7c\/862\/d07f7c862367be59715676f41999ddbd.png\"\/><\/figure>\n<p>\u041a\u0430\u043a \u0412\u044b \u0443\u0441\u043f\u0435\u043b\u0438 \u0437\u0430\u043c\u0435\u0442\u0438\u0442\u044c &#8212; \u0432\u0441\u0435 \u0444\u0430\u0439\u043b\u044b \u043c\u0430\u043a\u0435\u0442\u043e\u0432 \u0432\u044b\u0432\u043e\u0434\u0430 \u043d\u0430\u0445\u043e\u0434\u044f\u0442\u0441\u044f \u0432 \u043f\u0430\u043f\u043a\u0430\u0445 <code>tmpl<\/code>. \u041c\u044b \u043f\u0435\u0440\u0435\u0445\u043e\u0434\u0438\u043c \u0432 <code>components\/&lt;component_name>\/tmpl<\/code> \u0438 \u0443\u0432\u0438\u0434\u0438\u043c \u043f\u0430\u043f\u043a\u0438 \u0441 \u043d\u0430\u0437\u0432\u0430\u043d\u0438\u044f\u043c\u0438, \u043f\u043e\u0432\u0442\u043e\u0440\u044f\u044e\u0449\u0438\u043c\u0438 <code>View<\/code> \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442\u0430 &#8212; \u043a\u0430\u0442\u0435\u0433\u043e\u0440\u0438\u0418, \u043a\u0430\u0442\u0435\u0433\u043e\u0440\u0438\u042f, \u043c\u0430\u0442\u0435\u0440\u0438\u0430\u043b \u0438 \u0442.\u0434.<\/p>\n<figure class=\"full-width\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/habrastorage.org\/r\/w1560\/getpro\/habr\/upload_files\/b96\/c1e\/2fc\/b96c1e2fc2a8b853b65a5a0bde2ffbf8.png\" width=\"618\" height=\"404\" data-src=\"https:\/\/habrastorage.org\/getpro\/habr\/upload_files\/b96\/c1e\/2fc\/b96c1e2fc2a8b853b65a5a0bde2ffbf8.png\"\/><\/figure>\n<p>\u0412 \u043a\u0430\u0436\u0434\u043e\u0439 \u043f\u0430\u043f\u043a\u0435 \u043d\u0430\u0445\u043e\u0434\u044f\u0442\u0441\u044f \u0444\u0430\u0439\u043b\u044b \u043c\u0430\u043a\u0435\u0442\u043e\u0432 \u0432\u044b\u0432\u043e\u0434\u0430. \u041a\u0430\u043a \u043f\u0440\u0430\u0432\u0438\u043b\u043e \u044d\u0442\u043e \u043a\u043e\u043c\u043f\u043b\u0435\u043a\u0442 \u0438\u0437 xml-\u0444\u0430\u0439\u043b\u0430 \u0438 php-\u0444\u0430\u0439\u043b\u0430 \u0441 \u043e\u0434\u0438\u043d\u0430\u043a\u043e\u0432\u044b\u043c \u043d\u0430\u0437\u0432\u0430\u043d\u0438\u0435\u043c. \u0418\u043c\u0435\u043d\u043d\u043e \u0432 php \u0444\u0430\u0439\u043b\u0430\u0445 \u043d\u0430\u0445\u043e\u0434\u0438\u0442\u0441\u044f \u0432\u0451\u0440\u0441\u0442\u043a\u0430 \u0442\u043e\u0433\u043e \u0438\u043b\u0438 \u0438\u043d\u043e\u0433\u043e \u043c\u0430\u043a\u0435\u0442\u0430 \u0432\u044b\u0432\u043e\u0434\u0430 \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442\u0430. \u0422\u0435\u043c\u0430 \u043f\u0435\u0440\u0435\u043e\u043f\u0440\u0435\u0434\u0435\u043b\u0435\u043d\u0438\u0439 \u043c\u0430\u043a\u0435\u0442\u043e\u0432 Joomla \u043f\u043e\u0434\u0440\u043e\u0431\u043d\u043e \u0440\u0430\u0437\u043e\u0431\u0440\u0430\u043d\u0430 \u0432 \u0441\u0442\u0430\u0442\u044c\u0435 <a href=\"https:\/\/web-tolk.ru\/blog\/retsept-prigotovleniya-sajta-kataloga-na-joomla\" rel=\"noopener noreferrer nofollow\">\u0420\u0435\u0446\u0435\u043f\u0442 \u043f\u0440\u0438\u0433\u043e\u0442\u043e\u0432\u043b\u0435\u043d\u0438\u044f \u0441\u043e\u0432\u0440\u0435\u043c\u0435\u043d\u043d\u043e\u0433\u043e \u0441\u0430\u0439\u0442\u0430-\u043a\u0430\u0442\u0430\u043b\u043e\u0433\u0430 \u043d\u0430 \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u044c\u0441\u043a\u0438\u0445 \u043f\u043e\u043b\u044f\u0445 Joomla<\/a>.<\/p>\n<p>\u0427\u0442\u043e\u0431\u044b \u0441\u0434\u0435\u043b\u0430\u0442\u044c \u043f\u0435\u0440\u0435\u043e\u043f\u0440\u0435\u0434\u0435\u043b\u0435\u043d\u0438\u0435 \u043c\u0430\u043a\u0435\u0442\u0430 \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442\u0430 \u043d\u0443\u0436\u043d\u043e \u0432 \u043f\u0430\u043f\u043a\u0435 <code>templates\/&lt;template_name>\/html<\/code> \u0441\u043e\u0437\u0434\u0430\u0442\u044c \u043f\u0430\u043f\u043a\u0443 \u0441 \u043d\u0430\u0437\u0432\u0430\u043d\u0438\u0435\u043c \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442\u0430. \u041d\u0430\u043f\u0440\u0438\u043c\u0435\u0440, <code>templates\/&lt;template_name>\/html\/com_content<\/code>. \u0412 \u043d\u0435\u0451 \u0412\u044b \u043a\u043e\u043f\u0438\u0440\u0443\u0435\u0442\u0435 \u043f\u0430\u043f\u043a\u0438 \u0441 \u043c\u0430\u043a\u0435\u0442\u0430\u043c\u0438 \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442\u0430. \u0418\u0437 <code>compontents\/com_content\/tmpl<\/code> \u0432 <code>templates\/&lt;template_name>\/html\/com_content<\/code> as. \u041f\u0440\u0435\u0434\u043f\u043e\u043b\u043e\u0436\u0438\u043c, \u0435\u0441\u043b\u0438 \u043d\u0443\u0436\u043d\u043e \u0441\u0434\u0435\u043b\u0430\u0442\u044c \u043f\u0435\u0440\u0435\u043e\u043f\u0440\u0435\u0434\u0435\u043b\u0435\u043d\u0438\u0435 \u0442\u043e\u043b\u044c\u043a\u043e \u043c\u0430\u043a\u0435\u0442\u0430 \u0431\u043b\u043e\u0433\u0430, \u0442\u043e \u043a\u043e\u043f\u0438\u0440\u0443\u0435\u043c \u0442\u043e\u043b\u044c\u043a\u043e <code>compontents\/com_content\/tmpl\/category\/blog.php<\/code>  (\u0438 \u043f\u043e\u0434\u043c\u0430\u043a\u0435\u0442\u044b <code>blog_item<\/code> \u0438 \u0442.\u0434.) \u0438 <code>compontents\/com_content\/tmpl\/category\/blog.xml<\/code> \u0432 \u043f\u0430\u043f\u043a\u0443  <code>templates\/&lt;template_name>\/html\/com_content\/category<\/code>.  \u0418 \u0434\u0430\u043b\u0435\u0435  \u0432 php \u0444\u0430\u0439\u043b\u0430\u0445 \u043c\u0435\u043d\u044f\u0435\u043c \u0432\u0451\u0440\u0441\u0442\u043a\u0443 \u043f\u043e \u0441\u0432\u043e\u0435\u043c\u0443 \u0443\u0441\u043c\u043e\u0442\u0440\u0435\u043d\u0438\u044e.<\/p>\n<p>\u041a\u0440\u043e\u043c\u0435 \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442\u043e\u0432 \u044f\u0434\u0440\u0430 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u044e\u0442 \u043a\u0430\u043d\u043e\u043d\u0438\u0447\u0435\u0441\u043a\u0438\u0439 \u0441\u043f\u043e\u0441\u043e\u0431 \u0440\u0430\u0431\u043e\u0442\u044b \u0441 \u043c\u0430\u043a\u0435\u0442\u0430\u043c\u0438 \u0432\u044b\u0432\u043e\u0434\u0430 (\u0438\u0437 \u0442\u0435\u0445, \u0447\u0442\u043e \u043c\u043d\u0435 \u0434\u043e\u0432\u0435\u043b\u043e\u0441\u044c \u0432\u0438\u0434\u0435\u0442\u044c): \u0438\u043d\u0442\u0435\u0440\u043d\u0435\u0442-\u043c\u0430\u0433\u0430\u0437\u0438\u043d Phoca Cart, \u0438\u043d\u0442\u0435\u0440\u043d\u0435\u0442-\u043c\u0430\u0433\u0430\u0437\u0438\u043d Radical Mart, \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442 \u043a\u043e\u043c\u043c\u0435\u043d\u0442\u0430\u0440\u0438\u0435\u0432 \u0434\u043b\u044f \u043c\u0430\u0442\u0435\u0440\u0438\u0430\u043b\u043e\u0432 Joomla 4 Akeeba Engage, DJ-Catalog2 \u0438 \u0434\u0440\u0443\u0433\u0438\u0435.<\/p>\n<h4>\u0413\u0434\u0435 \u043d\u0430\u0445\u043e\u0434\u0438\u043b\u0438\u0441\u044c \u043c\u0430\u043a\u0435\u0442\u044b \u0432\u044b\u0432\u043e\u0434\u0430 \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442\u0430 \u0432 Joomla 3?<\/h4>\n<p>\u0412 Joomla 3 \u043c\u0430\u043a\u0435\u0442\u044b \u0432\u044b\u0432\u043e\u0434\u0430 \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442\u0430 \u043d\u0430\u0445\u043e\u0434\u0438\u043b\u0438 \u0432 \u043f\u0430\u043f\u043a\u0435 <code>components\/&lt;component_name>\/views\/&lt;view_name>\/tmpl<\/code>. \u041d\u0430\u043f\u0440\u0438\u043c\u0435\u0440, \u0434\u043b\u044f \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442\u0430 \u043c\u0430\u0442\u0435\u0440\u0438\u0430\u043b\u043e\u0432 \u0432\u0438\u0434 \u0441\u043f\u0438\u0441\u043a\u0430 \u043a\u0430\u0442\u0435\u0433\u043e\u0440\u0438\u0439 \u043d\u0430\u0445\u043e\u0434\u0438\u043b\u0441\u044f \u0432 <code>components\/com_content\/views\/categories\/tmpl<\/code>. \u041d\u0435\u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442\u044b \u0435\u0449\u0451 \u043d\u0435 \u043f\u043e\u043b\u043d\u043e\u0441\u0442\u044c\u044e \u0430\u0434\u0430\u043f\u0442\u0438\u0440\u043e\u0432\u0430\u043d\u044b \u0434\u043b\u044f Joomla 4 \/ Joomla 5. \u0420\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u0447\u0438\u043a\u0438 \u0442\u043e\u043b\u044c\u043a\u043e &#171;\u0437\u0430\u0432\u0435\u043b\u0438&#187; \u0438\u0445, \u043d\u043e \u043d\u043e\u0432\u0443\u044e \u0430\u0440\u0445\u0438\u0442\u0435\u043a\u0442\u0443\u0440\u0443 \u043d\u0435 \u0432\u043d\u0435\u0434\u0440\u0438\u043b\u0438. \u0414\u043b\u044f \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442\u043e\u0432 \u0441 \u0431\u043e\u043b\u044c\u0448\u043e\u0439 \u0438\u0441\u0442\u043e\u0440\u0438\u0435\u0439 \u0438 \u0431\u043e\u043b\u044c\u0448\u043e\u0439 \u0430\u0443\u0434\u0438\u0442\u043e\u0440\u0438\u0435\u0439 \u044d\u0442\u043e \u0442\u0440\u0435\u0431\u0443\u0435\u0442 \u043c\u043d\u043e\u0433\u043e \u0440\u0435\u0441\u0443\u0440\u0441\u043e\u0432. \u041f\u043e\u0440\u043e\u0439 \u043e\u0431\u043d\u043e\u0432\u043b\u0435\u043d\u0438\u0435 \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442\u043e\u0432 \u0437\u0430\u043d\u0438\u043c\u0430\u0435\u0442 \u043e\u0442 \u043f\u043e\u043b\u0443\u0433\u043e\u0434\u0430 \u0434\u043e \u0433\u043e\u0434\u0430. \u041f\u043e\u044d\u0442\u043e\u043c\u0443 \u0441\u0442\u0430\u0440\u0430\u044f \u0430\u0440\u0445\u0438\u0442\u0435\u043a\u0442\u0443\u0440\u0430 Joomla 3 \u0435\u0449\u0451 \u043c\u043e\u0436\u0435\u0442 \u0432\u0441\u0442\u0440\u0435\u0447\u0430\u0442\u044c\u0441\u044f.<\/p>\n<p><a class=\"anchor\" name=\"makety-vyvoda-komponentov-joomla-nekanonicheskii-sposob\" id=\"makety-vyvoda-komponentov-joomla-nekanonicheskii-sposob\"><\/a><\/p>\n<h3>\u041d\u0435\u043a\u0430\u043d\u043e\u043d\u0438\u0447\u0435\u0441\u043a\u0438\u0439 \u043f\u043e\u0434\u0445\u043e\u0434<\/h3>\n<p>\u0417\u0434\u0435\u0441\u044c \u043c\u043e\u0436\u0435\u0442 \u0431\u044b\u0442\u044c \u043f\u0440\u043e\u0441\u0442\u043e \u043c\u043e\u0440\u0435 \u0441\u0430\u043c\u044b\u0445 \u0440\u0430\u0437\u043b\u0438\u0447\u043d\u044b\u0445 \u0432\u0430\u0440\u0438\u0430\u043d\u0442\u043e\u0432. \u041d\u0430\u0447\u0438\u043d\u0430\u044f \u043e\u0442 \u0442\u043e\u0433\u043e, \u0447\u0442\u043e \u043c\u043e\u0436\u0435\u0442 \u043f\u0440\u043e\u0441\u0442\u043e \u043e\u0442\u043b\u0438\u0447\u0430\u0442\u044c\u0441\u044f \u043d\u0430\u0437\u0432\u0430\u043d\u0438\u0435 \u043f\u0430\u043f\u043a\u0438 \u0441 \u0440\u0430\u0441\u043f\u043e\u043b\u043e\u0436\u0435\u043d\u0438\u0435\u043c \u043c\u0430\u043a\u0435\u0442\u043e\u0432 \u0432\u044b\u0432\u043e\u0434\u0430 \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442\u0430 \u0438 \u043a\u043e\u043d\u0447\u0430\u044f \u0442\u0435\u043c, \u0447\u0442\u043e \u0432 \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442\u0435 \u0441\u043e\u0431\u0441\u0442\u0432\u0435\u043d\u043d\u0430\u044f \u0441\u0438\u0441\u0442\u0435\u043c\u0430 \u0448\u0430\u0431\u043b\u043e\u043d\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u044f, \u043a\u043e\u0442\u043e\u0440\u0430\u044f \u043c\u043e\u0436\u0435\u0442 \u043f\u043e\u0434\u0434\u0435\u0440\u0436\u0438\u0432\u0430\u0442\u044c (\u0430 \u043c\u043e\u0436\u0435\u0442 \u0438 \u043d\u0435\u0442) \u043f\u0435\u0440\u0435\u043e\u043f\u0440\u0435\u0434\u0435\u043b\u0435\u043d\u0438\u044f \u043c\u0430\u043a\u0435\u0442\u043e\u0432 Joomla.<\/p>\n<p>\u041f\u0440\u0438\u0432\u0435\u0434\u0443 \u043f\u0440\u0438\u043c\u0435\u0440\u044b.<\/p>\n<h4>\u041c\u0430\u043a\u0435\u0442\u044b \u0432\u044b\u0432\u043e\u0434\u0430 (\u0448\u0430\u0431\u043b\u043e\u043d) Virteumart<\/h4>\n<p>\u041f\u043e\u043f\u0443\u043b\u044f\u0440\u043d\u044b\u0439 \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442 \u0438\u043d\u0442\u0435\u0440\u043d\u0435\u0442-\u043c\u0430\u0433\u0430\u0437\u0438\u043d\u0430 Virtuemart, \u0438\u043c\u0435\u0435\u0442 \u043e\u0433\u0440\u043e\u043c\u043d\u0443\u044e \u0438\u0441\u0442\u043e\u0440\u0438\u044e \u0438 \u0432\u0435\u0434\u0435\u0442 \u0441\u0432\u043e\u0451 \u043d\u0430\u0447\u0430\u043b\u043e \u0435\u0449\u0451 \u0441 \u0434\u043e-Joomla \u044d\u043f\u043e\u0445\u0438. \u0421\u043e\u043e\u0442\u0432\u0435\u0442\u0441\u0442\u0432\u0435\u043d\u043d\u043e, \u0432 \u043d\u0451\u043c \u0434\u043e\u0432\u043e\u043b\u044c\u043d\u043e \u043c\u043d\u043e\u0433\u043e legacy-\u043a\u043e\u0434\u0430, \u043a\u043e\u0442\u043e\u0440\u044b\u0439 \u0441\u043e\u0445\u0440\u0430\u043d\u044f\u0435\u0442\u0441\u044f \u0434\u043b\u044f \u0442\u043e\u0433\u043e, \u0447\u0442\u043e\u0431\u044b \u043d\u0435 \u043d\u0430\u0440\u0443\u0448\u0430\u0442\u044c \u043e\u0431\u0440\u0430\u0442\u043d\u0443\u044e \u0441\u043e\u0432\u043c\u0435\u0441\u0442\u0438\u043c\u043e\u0441\u0442\u044c. \u0412 \u043d\u0451\u043c \u043c\u0430\u043a\u0435\u0442\u044b \u0432\u044b\u0432\u043e\u0434\u0430 \u0445\u0440\u0430\u043d\u044f\u0442\u0441\u044f \u0432 <code>components\/com_virtuemart\/sublayouts<\/code>. \u041e\u0434\u043d\u0430\u043a\u043e, Virtuemart \u043f\u043e\u0434\u0434\u0435\u0440\u0436\u0438\u0432\u0430\u0435\u0442 \u043f\u0435\u0440\u0435\u043e\u043f\u0440\u0435\u0434\u0435\u043b\u0435\u043d\u0438\u044f \u043c\u0430\u043a\u0435\u0442\u043e\u0432 Joomla \u0438 \u043f\u043e\u043b\u043d\u043e\u0441\u0442\u044c\u044e \u0441\u0432\u043e\u0439 \u043c\u0430\u043a\u0435\u0442 \u0412\u044b \u043c\u043e\u0436\u0435\u0442\u0435 \u0441\u043e\u0437\u0434\u0430\u0442\u044c \u0441 \u043f\u043e\u043c\u043e\u0449\u044c\u044e \u043f\u0435\u0440\u0435\u043e\u043f\u0440\u0435\u0434\u0435\u043b\u0435\u043d\u0438\u0439. <a href=\"https:\/\/wedal.ru\/rasshireniya-joomla\/nastrojka-shablona-virtuemart-3.html\" rel=\"noopener noreferrer nofollow\">\u0425\u043e\u0440\u043e\u0448\u0430\u044f \u0441\u0435\u0440\u0438\u044f \u0441\u0442\u0430\u0442\u0435\u0439 \u043f\u043e \u0441\u043e\u0437\u0434\u0430\u043d\u0438\u044e \u0448\u0430\u0431\u043b\u043e\u043d\u043e\u0432 \u0434\u043b\u044f Virtuemart \u043d\u0430 \u0441\u0430\u0439\u0442\u0435 \u0412\u0438\u0442\u0430\u043b\u0438\u044f Wedal<\/a>.<\/p>\n<figure class=\"full-width\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/habrastorage.org\/r\/w1560\/getpro\/habr\/upload_files\/502\/9f3\/826\/5029f3826f37e3f5a5d0665c1bfc5452.png\" width=\"1207\" height=\"974\" data-src=\"https:\/\/habrastorage.org\/getpro\/habr\/upload_files\/502\/9f3\/826\/5029f3826f37e3f5a5d0665c1bfc5452.png\"\/><\/figure>\n<h4>\u041c\u0430\u043a\u0435\u0442\u044b \u0432\u044b\u0432\u043e\u0434\u0430 (\u0448\u0430\u0431\u043b\u043e\u043d) JoomShopping<\/h4>\n<p>\u0415\u0449\u0451 \u043e\u0434\u0438\u043d \u043f\u043e\u043f\u0443\u043b\u044f\u0440\u043d\u044b\u0439 \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442 \u0438\u043d\u0442\u0435\u0440\u043d\u0435\u0442-\u043c\u0430\u0433\u0430\u0437\u0438\u043d\u0430 &#8212; JoomShopping. \u041e\u043d \u0442\u0430\u043a\u0436\u0435 \u0441\u0443\u0449\u0435\u0441\u0442\u0432\u0443\u0435\u0442 \u0434\u043e\u0432\u043e\u043b\u044c\u043d\u043e \u0434\u0430\u0432\u043d\u043e \u0438 \u0432 \u043d\u0451\u043c \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u0435\u0442\u0441\u044f \u043d\u0435 \u043a\u0430\u043d\u043e\u043d\u0438\u0447\u0435\u0441\u043a\u0438\u0439 \u043f\u043e\u0434\u0445\u043e\u0434 \u043a \u0440\u0430\u0431\u043e\u0442\u0435 \u0441 \u0448\u0430\u0431\u043b\u043e\u043d\u0430\u043c\u0438. \u041f\u0430\u043f\u043a\u0430 tmpl \u0432 \u043d\u0451\u043c \u043f\u0440\u0438\u0441\u0443\u0442\u0441\u0442\u0432\u0443\u0435\u0442, \u043d\u043e \u0432 \u043d\u0435\u0439 \u0441\u0430\u043c\u0438\u0445 \u043c\u0430\u043a\u0435\u0442\u043e\u0432 \u043d\u0435\u0442. \u041e\u043d\u0438 \u043d\u0430\u0445\u043e\u0434\u044f\u0442\u0441\u044f \u0432 <code>components\/com_jshopping\/templates\/default<\/code>. <\/p>\n<p>JoomShopping \u043f\u043e\u0434\u0434\u0435\u0440\u0436\u0438\u0432\u0430\u0435\u0442 \u043f\u0435\u0440\u0435\u043e\u043f\u0440\u0435\u0434\u0435\u043b\u0435\u043d\u0438\u044f \u043c\u0430\u043a\u0435\u0442\u043e\u0432 Joomla, \u043e\u0434\u043d\u0430\u043a\u043e \u043c\u043e\u0436\u043d\u043e \u043f\u0440\u043e\u0441\u0442\u043e \u0441\u043a\u043e\u043f\u0438\u0440\u043e\u0432\u0430\u0442\u044c \u043f\u0430\u043f\u043a\u0443 <code>default<\/code>, \u043f\u0435\u0440\u0435\u0438\u043c\u0435\u043d\u043e\u0432\u0430\u0442\u044c \u0435\u0451 \u0438 \u043f\u043e\u043c\u0435\u0441\u0442\u0438\u0442\u044c \u0440\u044f\u0434\u043e\u043c. \u0422\u043e\u0433\u0434\u0430 \u0432 \u043d\u0430\u0441\u0442\u0440\u043e\u0439\u043a\u0430\u0445 \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442\u0430 (<strong>\u041a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442\u044b &#8212; JoomShopping &#8212; \u041d\u0430\u0441\u0442\u0440\u043e\u0439\u043a\u0430 &#8212; \u041e\u0441\u043d\u043e\u0432\u043d\u043e\u0435 &#8212; \u0428\u0430\u0431\u043b\u043e\u043d<\/strong>)  \u0432\u044b\u043f\u0430\u0434\u0430\u044e\u0449\u0438\u0439 \u0441\u043f\u0438\u0441\u043e\u043a \u0434\u043e\u043f\u043e\u043b\u043d\u0438\u0442\u0441\u044f \u0412\u0430\u0448\u0438\u043c \u0448\u0430\u0431\u043b\u043e\u043d\u043e\u043c \u0438 \u0412\u044b \u0441\u043c\u043e\u0436\u0435\u0442\u0435 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c \u0435\u0433\u043e. \u0412 \u043f\u0430\u043f\u043a\u0435 <code>components\/com_jshopping\/css<\/code> \u0441\u043a\u043e\u043f\u0438\u0440\u0443\u0439\u0442\u0435 \u0438 \u043f\u0435\u0440\u0435\u0438\u043c\u0435\u043d\u0443\u0439\u0442\u0435 <code>default.css<\/code>.<\/p>\n<figure class=\"full-width\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/habrastorage.org\/r\/w1560\/getpro\/habr\/upload_files\/bcc\/9a1\/8fa\/bcc9a18fa949d8c979ea122f5d30854c.png\" alt=\"\u041f\u0443\u0442\u044c \u043a \u043d\u0430\u0441\u0442\u0440\u043e\u0439\u043a\u0435 \u0432\u044b\u0431\u043e\u0440\u0430 \u0448\u0430\u0431\u043b\u043e\u043d\u0430 JoomShopping 5\" title=\"\u041f\u0443\u0442\u044c \u043a \u043d\u0430\u0441\u0442\u0440\u043e\u0439\u043a\u0435 \u0432\u044b\u0431\u043e\u0440\u0430 \u0448\u0430\u0431\u043b\u043e\u043d\u0430 JoomShopping 5\" width=\"1149\" height=\"923\" data-src=\"https:\/\/habrastorage.org\/getpro\/habr\/upload_files\/bcc\/9a1\/8fa\/bcc9a18fa949d8c979ea122f5d30854c.png\"\/><\/p>\n<div><figcaption>\u041f\u0443\u0442\u044c \u043a \u043d\u0430\u0441\u0442\u0440\u043e\u0439\u043a\u0435 \u0432\u044b\u0431\u043e\u0440\u0430 \u0448\u0430\u0431\u043b\u043e\u043d\u0430 JoomShopping 5<\/figcaption><\/div>\n<\/figure>\n<p>\u0412 \u0448\u0430\u0431\u043b\u043e\u043d\u0435 \u043a\u0430\u0436\u0434\u0430\u044f \u043f\u0430\u043f\u043a\u0430 \u0441\u043e\u0434\u0435\u0440\u0436\u0438\u0442 \u0444\u0430\u0439\u043b\u044b \u0434\u043b\u044f \u043e\u043f\u0440\u0435\u0434\u0435\u043b\u0435\u043d\u043d\u043e\u0433\u043e \u0432\u0438\u0434\u0430 \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442\u0430: \u043a\u0430\u0442\u0435\u0433\u043e\u0440\u0438\u044f \u0442\u043e\u0432\u0430\u0440\u043e\u0432, \u0442\u043e\u0432\u0430\u0440, \u0441\u043f\u0438\u0441\u043e\u043a \u043f\u0440\u043e\u0438\u0437\u0432\u043e\u0434\u0438\u0442\u0435\u043b\u0435\u0439, \u043b\u0438\u0447\u043d\u044b\u0439 \u043a\u0430\u0431\u0438\u043d\u0435\u0442, \u0448\u0430\u0433\u0438 \u0437\u0430\u043a\u0430\u0437\u0430 \u0438 \u0442.\u0434.<\/p>\n<figure class=\"\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/habrastorage.org\/r\/w1560\/getpro\/habr\/upload_files\/6fc\/2e8\/8d1\/6fc2e88d182e83fa68450ec9e50ed15f.png\" width=\"417\" height=\"606\" data-src=\"https:\/\/habrastorage.org\/getpro\/habr\/upload_files\/6fc\/2e8\/8d1\/6fc2e88d182e83fa68450ec9e50ed15f.png\"\/><\/figure>\n<p>\u0420\u0430\u0437\u0443\u043c\u043d\u044b\u043c \u0441\u043e\u0432\u0435\u0442\u043e\u043c \u0437\u0434\u0435\u0441\u044c \u0431\u0443\u0434\u0435\u0442 \u0432\u043d\u0438\u043c\u0430\u0442\u0435\u043b\u044c\u043d\u043e \u043e\u0442\u043d\u043e\u0441\u0438\u0442\u0441\u044f \u043a \u0432\u0451\u0440\u0441\u0442\u043a\u0435 \u0448\u0430\u0431\u043b\u043e\u043d\u0430 \u0432 \u043f\u043b\u0430\u043d\u0435 \u0438\u0437\u043c\u0435\u043d\u0435\u043d\u0438\u044f \/ \u0443\u0434\u0430\u043b\u0435\u043d\u0438\u044f \u0441\u0442\u0430\u043d\u0434\u0430\u0440\u0442\u043d\u044b\u0445 CSS-\u043a\u043b\u0430\u0441\u0441\u043e\u0432. \u0412 \u043d\u0435\u043a\u043e\u0442\u043e\u0440\u044b\u0445 \u0441\u043b\u0443\u0447\u0430\u044f\u0445 javascript-\u043b\u043e\u0433\u0438\u043a\u0430 \u043f\u0440\u0438\u0432\u044f\u0437\u0430\u043d\u0430 \u0438\u043c\u0435\u043d\u043d\u043e \u043a \u043a\u043b\u0430\u0441\u0441\u0430\u043c, \u0430 \u043d\u0435 \u043a id \u0438\u043b\u0438 data-\u0430\u0442\u0440\u0438\u0431\u0443\u0442\u0430\u043c. \u0415\u0449\u0451 \u043e\u0434\u043d\u0438\u043c \u043d\u0435\u0443\u0434\u043e\u0431\u043d\u044b\u043c \u043d\u044e\u0430\u043d\u0441\u043e\u043c \u044f\u0432\u043b\u044f\u0435\u0442\u0441\u044f \u0442\u043e, \u0447\u0442\u043e \u0432 \u043d\u0435\u043a\u043e\u0442\u043e\u0440\u044b\u0445 \u0441\u043b\u0443\u0447\u0430\u044f\u0445 JoomShopping \u043e\u0442\u0434\u0430\u0451\u0442 \u043f\u043e ajax \u0443\u0436\u0435 \u0433\u043e\u0442\u043e\u0432\u044b\u0439 HTML, \u0430 \u043d\u0435 \u0434\u0430\u043d\u043d\u044b\u0435 \u0432 \u0447\u0438\u0441\u0442\u043e\u043c \u0432\u0438\u0434\u0435 \u0438 \u043f\u0440\u0438\u0445\u043e\u0434\u0438\u0442\u0441\u044f \u0438\u0437\u043e\u0449\u0440\u044f\u0442\u044c\u0441\u044f \u0434\u043b\u044f \u0442\u043e\u0433\u043e, \u0447\u0442\u043e\u0431 \u0438\u0445 \u0438\u0437\u043c\u0435\u043d\u0438\u0442\u044c.<\/p>\n<p><a class=\"anchor\" name=\"joomla-layouts\" id=\"joomla-layouts\"><\/a><\/p>\n<h2>\u0421\u0443\u0449\u043d\u043e\u0441\u0442\u044c \u043b\u0435\u0439\u0430\u0443\u0442\u043e\u0432 (Joomla Layouts). \u041f\u0435\u0440\u0435\u043e\u043f\u0440\u0435\u0434\u0435\u043b\u0435\u043d\u0438\u0435<\/h2>\n<p>\u041b\u0435\u0439\u0430\u0443\u0442\u044b &#8212; \u044d\u0442\u043e \u0444\u0440\u0430\u0433\u043c\u0435\u043d\u0442\u044b \u0438\u043d\u0442\u0435\u0440\u0444\u0435\u0439\u0441\u0430 \u0448\u0430\u0431\u043b\u043e\u043d\u0430 Joomla, \u043f\u0440\u0438\u0447\u0435\u043c \u043d\u0435 \u0442\u043e\u043b\u044c\u043a\u043e \u043d\u0430\u0440\u0443\u0436\u043d\u043e\u0439 \u0447\u0430\u0441\u0442\u0438 \u0441\u0430\u0439\u0442\u0430, \u043d\u043e \u0438 \u043f\u0430\u043d\u0435\u043b\u0438 \u0430\u0434\u043c\u0438\u043d\u0438\u0441\u0442\u0440\u0430\u0442\u043e\u0440\u0430. \u0412 \u043d\u0438\u0445 \u043f\u0440\u043e\u0433\u0440\u0430\u043c\u043c\u043d\u044b\u043c \u0441\u043f\u043e\u0441\u043e\u0431\u043e\u043c \u043f\u0435\u0440\u0435\u0434\u0430\u044e\u0442\u0441\u044f \u0434\u0430\u043d\u043d\u044b\u0435 \u0432 \u0432\u0438\u0434\u0435 \u043c\u0430\u0441\u0441\u0438\u0432\u0430 $displayData. \u0412\u043d\u0443\u0442\u0440\u0438 \u0436\u0435 \u043b\u0435\u0439\u0430\u0443\u0442\u0430 \u0434\u0430\u043d\u043d\u044b\u0435 \u0434\u043e\u0441\u0442\u0443\u043f\u043d\u044b \u0443\u0436\u0435 \u0432 \u0432\u0438\u0434\u0435 \u0435\u0433\u043e \u0441\u043e\u0441\u0442\u0430\u0432\u043b\u044f\u044e\u0449\u0438\u0445. <\/p>\n<p><strong>\u041f\u0440\u0438 \u0441\u043e\u0437\u0434\u0430\u043d\u0438\u0438 \u0440\u0430\u0441\u0448\u0438\u0440\u0435\u043d\u0438\u044f \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u0447\u0438\u043a\u0438 \u0447\u0430\u0449\u0435 \u0432\u0441\u0435\u0433\u043e \u0440\u0443\u043a\u043e\u0432\u043e\u0434\u0441\u0442\u0432\u0443\u044e\u0442\u0441\u044f \u0441\u043b\u0435\u0434\u0443\u044e\u0449\u0435\u0439 \u043b\u043e\u0433\u0438\u043a\u043e\u0439: \u0435\u0441\u043b\u0438 \u0434\u0430\u043d\u043d\u044b\u0439 \u044d\u043b\u0435\u043c\u0435\u043d\u0442 \u0438\u043d\u0442\u0435\u0440\u0444\u0435\u0439\u0441\u0430 \u043d\u0443\u0436\u0435\u043d \u0442\u043e\u043b\u044c\u043a\u043e \u0432 \u043e\u0434\u043d\u043e\u043c \u043c\u0435\u0441\u0442\u0435 \u0441\u0430\u0439\u0442\u0430 &#8212; \u044d\u0442\u043e \u043c\u0430\u043a\u0435\u0442. \u0415\u0441\u043b\u0438 \u044d\u043b\u0435\u043c\u0435\u043d\u0442 \u0438\u043d\u0442\u0435\u0440\u0444\u0435\u0439\u0441\u0430 \u043c\u043e\u0436\u043d\u043e \u043f\u0435\u0440\u0435\u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c \u0432 \u0440\u0430\u0437\u043d\u044b\u0445 \u0447\u0430\u0441\u0442\u044f\u0445 \u0441\u0430\u0439\u0442\u0430 (\u0440\u0430\u0441\u0448\u0438\u0440\u0435\u043d\u0438\u044f) &#8212; \u044d\u0442\u043e layout. <\/strong><\/p>\n<p>\u0422\u0430\u043a\u0438\u043c \u043e\u0431\u0440\u0430\u0437\u043e\u043c \u0432 layouts \u043e\u043a\u0430\u0437\u044b\u0432\u0430\u044e\u0442\u0441\u044f \u0442\u0430\u043a\u0438\u0435 \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u044b \u043a\u0430\u043a \u043a\u043d\u043e\u043f\u043a\u0430, \u043f\u0430\u0433\u0438\u043d\u0430\u0446\u0438\u044f, \u0437\u0430\u0433\u043e\u043b\u043e\u0432\u043e\u043a \u043c\u0430\u0442\u0435\u0440\u0438\u0430\u043b\u0430 (\u0438 \u043d\u0435 \u0442\u043e\u043b\u044c\u043a\u043e \u043c\u0430\u0442\u0435\u0440\u0438\u0430\u043b\u0430, \u043d\u043e \u0438 \u043a\u043e\u043d\u0442\u0430\u043a\u0442\u0430, \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u044f \u0438 \u0442.\u0434.), \u043a\u0430\u0440\u0442\u0438\u043d\u043a\u0430 \u0432 \u0442\u0435\u0433\u0435 <code>figure<\/code> \u0441 <code>figcaption<\/code>, \u043f\u043e\u043b\u0435 (\u043f\u0430\u043d\u0435\u043b\u0438 \u0430\u0434\u043c\u0438\u043d\u0438\u0441\u0442\u0440\u0430\u0442\u043e\u0440\u0430), \u0431\u043e\u043a\u043e\u0432\u043e\u0435 \u043c\u0435\u043d\u044e (\u043f\u0430\u043d\u0435\u043b\u0438 \u0430\u0434\u043c\u0438\u043d\u0438\u0441\u0442\u0440\u0430\u0442\u043e\u0440\u0430) \u0438 \u0442\u0430\u043a \u0434\u0430\u043b\u0435\u0435. \u042d\u0442\u043e \u043d\u0435\u043a\u0438\u0435 \u043f\u0440\u0438\u043c\u0438\u0442\u0438\u0432\u044b, \u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u0447\u0430\u0449\u0435 \u0432\u0441\u0435\u0433\u043e \u043d\u0435 \u043e\u0431\u043b\u0430\u0434\u0430\u044e\u0442 \u0441\u043b\u043e\u0436\u043d\u043e\u0439 \u043b\u043e\u0433\u0438\u043a\u043e\u0439. \u0422\u0430\u043a, layout \u043f\u0430\u0433\u0438\u043d\u0430\u0446\u0438\u0438 \u043c\u043e\u0436\u0435\u0442 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c\u0441\u044f \u0432 \u043b\u044e\u0431\u043e\u043c \u0441\u043f\u0438\u0441\u043a\u0435 \u0441\u0443\u0449\u043d\u043e\u0441\u0442\u0435\u0439 Joomla \u043a\u0430\u043a \u0432\u043d\u0443\u0442\u0440\u0438, \u0442\u0430\u043a \u0438 \u0441\u043d\u0430\u0440\u0443\u0436\u0438 \u0441\u0430\u0439\u0442\u0430 &#8212; \u0432 <strong>\u0440\u0430\u0437\u043d\u044b\u0445<\/strong> \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442\u0430\u0445. \u0422\u0443\u043b\u0431\u0430\u0440 \u0441 \u043a\u043d\u043e\u043f\u043a\u0430\u043c\u0438 &#171;\u0441\u043e\u0437\u0434\u0430\u0442\u044c&#187;, &#171;\u0441\u043e\u0445\u0440\u0430\u043d\u0438\u0442\u044c&#187;, &#171;\u0441\u043e\u0445\u0440\u0430\u043d\u0438\u0442\u044c \u0438 \u0437\u0430\u043a\u0440\u044b\u0442\u044c&#187;, &#171;\u0443\u0434\u0430\u043b\u0438\u0442\u044c&#187; \u0438 \u0434\u0440\u0443\u0433\u0438\u0435 &#8212; \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u044e\u0442\u0441\u044f \u0432 <strong>\u0440\u0430\u0437\u043d\u044b\u0445<\/strong> \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442\u0430\u0445. \u041d\u043e \u0432\u044b\u0433\u043b\u044f\u0434\u044f\u0442 \u043e\u043d\u0438 \u0432\u0435\u0437\u0434\u0435 \u043e\u0434\u0438\u043d\u0430\u043a\u043e\u0432\u043e \u043f\u043e\u0442\u043e\u043c\u0443, \u0447\u0442\u043e \u043e\u043d\u0438 \u044d\u0442\u0438 \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u044b \u0440\u0435\u0430\u043b\u0438\u0437\u043e\u0432\u0430\u043d\u044b \u0432 \u0432\u0438\u0434\u0435 <strong>layouts<\/strong>.<\/p>\n<p>\u041b\u0435\u0439\u0430\u0443\u0442\u044b \u043c\u043e\u0433\u0443\u0442 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c \u0432 \u043f\u0440\u0438\u043d\u0446\u0438\u043f\u0435 \u043b\u044e\u0431\u044b\u0435 \u0440\u0430\u0441\u0448\u0438\u0440\u0435\u043d\u0438\u044f Joomla, \u043d\u043e \u0447\u0430\u0449\u0435 \u0432\u0441\u0435\u0433\u043e \u044d\u0442\u043e \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442\u044b, \u043f\u043b\u0430\u0433\u0438\u043d\u044b \u0438 \u043c\u043e\u0434\u0443\u043b\u0438. \u0412 \u043a\u043e\u0434\u0435 \u0440\u0430\u0441\u0448\u0438\u0440\u0435\u043d\u0438\u044f \u043c\u043e\u0436\u043d\u043e \u0443\u0432\u0438\u0434\u0435\u0442\u044c, \u0447\u0442\u043e \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u0435\u0442\u0441\u044f \u043b\u0435\u0439\u0430\u0443\u0442, \u0435\u0441\u043b\u0438 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u0435\u0442\u0441\u044f \u043e\u0434\u0438\u043d \u0438\u0437 \u044d\u0442\u0438\u0445 \u0441\u043f\u043e\u0441\u043e\u0431\u043e\u0432:<\/p>\n<pre><code class=\"php\">&lt;?php  return (new FileLayout(             'regularlabs.form.field.downloadkey',             JPATH_SITE . '\/libraries\/regularlabs\/layouts'         ))->render(             [                 'id'        => $this->id,                 'extension' => strtolower($this->get('extension', 'all')),                 'use_modal' => $this->get('use-modal', true),             ]         );  \/\/ \/\/ \u0418\u041b\u0418 \u0442\u0430\u043a\u043e\u0439 \u0432\u0430\u0440\u0438\u0430\u043d\u0442 \/\/  \/\/ Instantiate a new FileLayout instance and render the layout $layout = new FileLayout('joomla.quickicons.icon');  return $layout->render($button);  \/\/ \u0418\u041b\u0418 \u0442\u0430\u043a\u043e\u0439 \u0432\u0430\u0440\u0438\u0430\u043d\u0442  echo LayoutHelper::render('joomla.icon.iconclass', $displayData);<\/code><\/pre>\n<p>\u0412 \u0432\u0438\u0434\u0435 \u0441\u0442\u0440\u043e\u043a\u0438 \u0441 \u0442\u043e\u0447\u043a\u0430\u043c\u0438 \u0432\u0438\u0434\u0430 <code>joomla.icon.iconclass<\/code> \u0443\u043a\u0430\u0437\u0430\u043d \u043f\u0443\u0442\u044c \u0432 \u043f\u0430\u043f\u043a\u0435 <code>layouts<\/code>. \u0422\u0430\u043a, <code>joomla.icon.iconclass<\/code> \u0433\u043e\u0432\u043e\u0440\u0438\u0442 Joomla \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c \u0444\u0430\u0439\u043b <code>layouts\/joomla\/icon\/iconclass.php<\/code>.<\/p>\n<figure class=\"\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/habrastorage.org\/r\/w1560\/getpro\/habr\/upload_files\/226\/7e2\/a3f\/2267e2a3f278cbf9eea3f47481dfd8d3.png\" alt=\"\u041f\u0440\u0438\u043c\u0435\u0440 \u0444\u0430\u0439\u043b\u0430 \u043b\u0435\u0439\u0430\u0443\u0442\u0430 \u0432 Joomla 4\" title=\"\u041f\u0440\u0438\u043c\u0435\u0440 \u0444\u0430\u0439\u043b\u0430 \u043b\u0435\u0439\u0430\u0443\u0442\u0430 \u0432 Joomla 4\" width=\"404\" height=\"258\" data-src=\"https:\/\/habrastorage.org\/getpro\/habr\/upload_files\/226\/7e2\/a3f\/2267e2a3f278cbf9eea3f47481dfd8d3.png\"\/><\/p>\n<div><figcaption>\u041f\u0440\u0438\u043c\u0435\u0440 \u0444\u0430\u0439\u043b\u0430 \u043b\u0435\u0439\u0430\u0443\u0442\u0430 \u0432 Joomla 4<\/figcaption><\/div>\n<\/figure>\n<p>\u0410 \u0434\u043b\u044f \u0441\u0442\u0430\u043d\u0434\u0430\u0440\u0442\u043d\u043e\u0439 \u043f\u0430\u0433\u0438\u043d\u0430\u0446\u0438\u0438 \u0431\u0443\u0434\u0435\u0442 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c\u0441\u044f \u043b\u0435\u0439\u0430\u0443\u0442 \u0438\u0437 \u0444\u0430\u0439\u043b\u0430 <code>layouts\/joomla\/pagination\/link.php<\/code>:<\/p>\n<pre><code class=\"php\">&lt;?php   echo LayoutHelper::render('joomla.pagination.link', $pages['start']);  ?><\/code><\/pre>\n<figure class=\"\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/habrastorage.org\/r\/w1560\/getpro\/habr\/upload_files\/f39\/013\/d25\/f39013d25b8f5013bf9d5b6ba745343d.png\" alt=\"\u041b\u0435\u0439\u0430\u0443\u0442\u044b \u043f\u0430\u0433\u0438\u043d\u0430\u0446\u0438\u0438 \u0432 Joomla 4\" title=\"\u041b\u0435\u0439\u0430\u0443\u0442\u044b \u043f\u0430\u0433\u0438\u043d\u0430\u0446\u0438\u0438 \u0432 Joomla 4\" width=\"456\" height=\"429\" data-src=\"https:\/\/habrastorage.org\/getpro\/habr\/upload_files\/f39\/013\/d25\/f39013d25b8f5013bf9d5b6ba745343d.png\"\/><\/p>\n<div><figcaption>\u041b\u0435\u0439\u0430\u0443\u0442\u044b \u043f\u0430\u0433\u0438\u043d\u0430\u0446\u0438\u0438 \u0432 Joomla 4<\/figcaption><\/div>\n<\/figure>\n<p>\u041b\u0435\u0439\u0430\u0443\u0442\u044b \u043c\u043e\u0436\u043d\u043e \u043f\u0435\u0440\u0435\u043e\u043f\u0440\u0435\u0434\u0435\u043b\u0438\u0442\u044c \u0438 \u0432\u0441\u044f Joomla \u0431\u0443\u0434\u0435\u0442 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c \u0412\u0430\u0448\u0443 \u0432\u0451\u0440\u0441\u0442\u043a\u0443 (\u0435\u0441\u043b\u0438 \u0412\u0430\u0448 \u0448\u0430\u0431\u043b\u043e\u043d \u043d\u0430\u0437\u043d\u0430\u0447\u0435\u043d \u0434\u043b\u044f \u0434\u0430\u043d\u043d\u043e\u0439 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u044b). \u0414\u043b\u044f \u044d\u0442\u043e\u0433\u043e \u043b\u0435\u0439\u0430\u0443\u0442\u044b \u043d\u0443\u0436\u043d\u043e \u0441\u043a\u043e\u043f\u0438\u0440\u043e\u0432\u0430\u0442\u044c \u0432 \u043f\u0430\u043f\u043a\u0443 <code>html<\/code> \u0448\u0430\u0431\u043b\u043e\u043d\u0430: <code>templates\/&lt;template_name>\/html\/layouts<\/code>. \u0418 \u0434\u0430\u043b\u0435\u0435 \u0441\u043e\u0431\u043b\u044e\u0441\u0442\u0438 \u043f\u0443\u0442\u044c \u043f\u0430\u043f\u043a\u0438 <code>layouts<\/code> \u0432 \u0412\u0430\u0448\u0435\u043c \u0448\u0430\u0431\u043b\u043e\u043d\u0435. <\/p>\n<p>\u0422\u0430\u043a, \u0434\u043b\u044f \u043f\u0435\u0440\u0435\u043e\u043f\u0440\u0435\u0434\u0435\u043b\u0435\u043d\u0438\u044f \u043f\u0430\u0433\u0438\u043d\u0430\u0446\u0438\u0438 \u043d\u0443\u0436\u043d\u043e \u0441\u043a\u043e\u043f\u0438\u0440\u043e\u0432\u0430\u0442\u044c \u0444\u0430\u0439\u043b\u044b \u0438\u0437 <code>layouts\/joomla\/pagination<\/code> \u0432  <code>templates\/&lt;template_name>\/html\/layouts\/joomla\/pagination<\/code> \u0438 \u0432\u043d\u0435\u0434\u0440\u0438\u0442\u044c \u0432 \u043d\u0438\u0445 \u0441\u0432\u043e\u044e \u0432\u0451\u0440\u0441\u0442\u043a\u0443. \u0415\u0441\u043b\u0438 \u0412\u0430\u043c \u043d\u0443\u0436\u043d\u043e \u043f\u0435\u0440\u0435\u043e\u043f\u0440\u0435\u0434\u0435\u043b\u0438\u0442\u044c \u043b\u0435\u0439\u0430\u0443\u0442 \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442\u0430, \u0442\u043e \u0432 \u043f\u0430\u043f\u043a\u0443 <code>templates\/&lt;template_name>\/html\/layouts<\/code>  \u043a\u043e\u043f\u0438\u0440\u0443\u0435\u043c \u043b\u0435\u0439\u0430\u0443\u0442\u044b \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442\u0430 \u0438 \u0438\u0437\u043c\u0435\u043d\u044f\u0435\u043c \u0438\u0445.  <\/p>\n<p><strong>\u041f\u0440\u0438 \u043e\u0431\u043d\u043e\u0432\u043b\u0435\u043d\u0438\u0438 Joomla \u0438\/\u0438\u043b\u0438 \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442\u043e\u0432 \u0412\u0430\u0448\u0438 \u0438\u0437\u043c\u0435\u043d\u0435\u043d\u0438\u044f \u043d\u0435 \u0437\u0430\u0442\u0440\u0443\u0442\u0441\u044f.<\/strong> \u041d\u043e \u0441\u043b\u0435\u0434\u0438\u0442\u044c \u0437\u0430 \u0430\u043a\u0442\u0443\u0430\u043b\u044c\u043d\u043e\u0441\u0442\u044c\u044e \u043a\u043e\u0434\u0430 \u0432 \u0412\u0430\u0448\u0438\u0445 \u043f\u0435\u0440\u0435\u043e\u043f\u0440\u0435\u0434\u0435\u043b\u0435\u043d\u0438\u044f\u0445 \u0412\u0430\u043c \u043d\u0443\u0436\u043d\u043e \u0431\u0443\u0434\u0435\u0442 \u0441\u0430\u043c\u043e\u0441\u0442\u043e\u044f\u0442\u0435\u043b\u044c\u043d\u043e. Joomla \u0441\u043c\u043e\u0436\u0435\u0442 \u043f\u043e\u0434\u0441\u043a\u0430\u0437\u0430\u0442\u044c \u0412\u0430\u043c \u043e\u0431 \u0438\u0437\u043c\u0435\u043d\u0435\u043d\u0438\u044f\u0445 \u0438 \u043f\u043e\u043c\u043e\u0447\u044c \u0441\u0440\u0430\u0432\u043d\u0438\u0442\u044c \u0444\u0430\u0439\u043b\u044b.<\/p>\n<figure class=\"full-width\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/habrastorage.org\/r\/w1560\/getpro\/habr\/upload_files\/9fa\/508\/d27\/9fa508d274e1ec54200c2f291614ff17.png\" alt=\"\u0423\u0432\u0435\u0434\u043e\u043c\u043b\u0435\u043d\u0438\u0435 \u0432 \u043f\u0430\u043d\u0435\u043b\u0438 \u0430\u0434\u043c\u0438\u043d\u0438\u0441\u0442\u0440\u0430\u0442\u043e\u0440\u0430 Joomla 4 \u043e\u0431 \u043e\u0431\u043d\u043e\u0432\u043b\u0435\u043d\u0438\u044f\u0445 \u043f\u0435\u0440\u0435\u043e\u043f\u0440\u0435\u0434\u0435\u043b\u0435\u043d\u0438\u0439.\" title=\"\u0423\u0432\u0435\u0434\u043e\u043c\u043b\u0435\u043d\u0438\u0435 \u0432 \u043f\u0430\u043d\u0435\u043b\u0438 \u0430\u0434\u043c\u0438\u043d\u0438\u0441\u0442\u0440\u0430\u0442\u043e\u0440\u0430 Joomla 4 \u043e\u0431 \u043e\u0431\u043d\u043e\u0432\u043b\u0435\u043d\u0438\u044f\u0445 \u043f\u0435\u0440\u0435\u043e\u043f\u0440\u0435\u0434\u0435\u043b\u0435\u043d\u0438\u0439.\" width=\"787\" height=\"321\" data-src=\"https:\/\/habrastorage.org\/getpro\/habr\/upload_files\/9fa\/508\/d27\/9fa508d274e1ec54200c2f291614ff17.png\"\/><\/p>\n<div><figcaption>\u0423\u0432\u0435\u0434\u043e\u043c\u043b\u0435\u043d\u0438\u0435 \u0432 \u043f\u0430\u043d\u0435\u043b\u0438 \u0430\u0434\u043c\u0438\u043d\u0438\u0441\u0442\u0440\u0430\u0442\u043e\u0440\u0430 Joomla 4 \u043e\u0431 \u043e\u0431\u043d\u043e\u0432\u043b\u0435\u043d\u0438\u044f\u0445 \u043f\u0435\u0440\u0435\u043e\u043f\u0440\u0435\u0434\u0435\u043b\u0435\u043d\u0438\u0439.<\/figcaption><\/div>\n<\/figure>\n<p>\u041f\u043e \u0441\u0443\u0442\u0438, \u0412\u044b \u043c\u043e\u0436\u0435\u0442\u0435 \u043f\u0435\u0440\u0435\u043e\u043f\u0440\u0435\u0434\u0435\u043b\u0438\u0442\u044c \u0432 \u0441\u0432\u043e\u0439 \u0448\u0430\u0431\u043b\u043e\u043d \u043f\u043e\u0447\u0442\u0438 \u0432\u0441\u044e Joomla \u0438 \u0443 \u0412\u0430\u0441 \u0431\u0443\u0434\u0435\u0442 \u0443\u043d\u0438\u043a\u0430\u043b\u044c\u043d\u044b\u0439 \u0438 \u043d\u0435\u043f\u043e\u0432\u0442\u043e\u0440\u0438\u043c\u044b\u0439 \u0441\u0430\u0439\u0442 \u0431\u0435\u0437 \u043f\u043e\u0442\u0435\u0440\u0438 \u0444\u0443\u043d\u043a\u0446\u0438\u043e\u043d\u0430\u043b\u044c\u043d\u043e\u0441\u0442\u0438 \u043f\u0440\u0438 \u043e\u0431\u043d\u043e\u0432\u043b\u0435\u043d\u0438\u0438.<\/p>\n<p><a class=\"anchor\" name=\"joomla-site-speed\" id=\"joomla-site-speed\"><\/a><\/p>\n<h2>\u0421\u043a\u043e\u0440\u043e\u0441\u0442\u044c \u0437\u0430\u0433\u0440\u0443\u0437\u043a\u0438 \u0441\u0430\u0439\u0442\u0430 \u0438 100 \u0437\u0435\u043b\u0451\u043d\u044b\u0445 \u043f\u043e\u043f\u0443\u0433\u0430\u0435\u0432<\/h2>\n<p>\u0420\u0430\u0431\u043e\u0442\u0430 \u043d\u0430\u0434 \u0441\u043a\u043e\u0440\u043e\u0441\u0442\u044c\u044e \u0437\u0430\u0433\u0440\u0443\u0437\u043a\u0438 \u0441\u0430\u0439\u0442\u0430 \u0432\u0430\u0436\u043d\u0430, \u0445\u043e\u0442\u044c \u0438 \u043d\u0435 \u044f\u0432\u043b\u044f\u0435\u0442\u0441\u044f \u0441\u0430\u043c\u043e\u0446\u0435\u043b\u044c\u044e. \u041d\u0430\u0432\u0435\u0440\u043d\u044f\u043a\u0430, \u043a\u043e\u0433\u0434\u0430 \u0412\u044b \u0438\u0437\u0443\u0447\u0430\u043b\u0438 \u0441\u0442\u0430\u043d\u0434\u0430\u0440\u0442\u043d\u044b\u0439 \u0448\u0430\u0431\u043b\u043e\u043d Cassoipeia \u0412\u044b \u043e\u0431\u0440\u0430\u0442\u0438\u043b\u0438 \u0432\u043d\u0438\u043c\u0430\u043d\u0438\u0435 \u043d\u0430 \u043c\u0438\u043d\u0438\u0444\u0438\u0446\u0438\u0440\u043e\u0432\u0430\u043d\u043d\u044b\u0435 \u0438 \u0441\u0436\u0430\u0442\u044b\u0435 js \u0438 css \u0444\u0430\u0439\u043b\u044b.<\/p>\n<figure class=\"\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/habrastorage.org\/r\/w1560\/getpro\/habr\/upload_files\/f5e\/559\/979\/f5e55997944b000ab679e5f1783a01c1.png\" alt=\"\u041c\u0438\u043d\u0438\u0444\u0438\u0446\u0438\u0440\u043e\u0432\u0430\u043d\u043d\u044b\u0435 \u0440\u0435\u0441\u0443\u0440\u0441\u044b \u0432 Joomla 4\" title=\"\u041c\u0438\u043d\u0438\u0444\u0438\u0446\u0438\u0440\u043e\u0432\u0430\u043d\u043d\u044b\u0435 \u0440\u0435\u0441\u0443\u0440\u0441\u044b \u0432 Joomla 4\" width=\"334\" height=\"562\" data-src=\"https:\/\/habrastorage.org\/getpro\/habr\/upload_files\/f5e\/559\/979\/f5e55997944b000ab679e5f1783a01c1.png\"\/><\/p>\n<div><figcaption>\u041c\u0438\u043d\u0438\u0444\u0438\u0446\u0438\u0440\u043e\u0432\u0430\u043d\u043d\u044b\u0435 \u0440\u0435\u0441\u0443\u0440\u0441\u044b \u0432 Joomla 4<\/figcaption><\/div>\n<\/figure>\n<p>\u041f\u0440\u0435\u0436\u0434\u0435 \u0432\u0441\u0435\u0433\u043e \u0445\u043e\u0447\u0443 \u0441\u0440\u0430\u0437\u0443 \u0430\u0434\u0440\u0435\u0441\u043e\u0432\u0430\u0442\u044c \u0447\u0438\u0442\u0430\u0442\u0435\u043b\u044f \u043a \u0441\u0435\u0440\u0438\u0438 \u0441\u0442\u0430\u0442\u0435\u0439 \u0432 Joomla Community Magazine &#8212; Joomla Performance Tuning. \u0412 \u0447\u0430\u0441\u0442\u043d\u043e\u0441\u0442\u0438 \u043a \u0441\u0442\u0430\u0442\u044c\u0435 <a href=\"https:\/\/magazine.joomla.org\/all-issues\/december-2021\/joomla-performance-tuning-ii-basic-settings\" rel=\"noopener noreferrer nofollow\">Joomla Performance Tuning II: Basic Settings<\/a>. <\/p>\n<p>\u0412 \u043d\u0435\u0439 \u0440\u0430\u0441\u0441\u043a\u0430\u0437\u044b\u0432\u0430\u0435\u0442\u0441\u044f \u043a\u0430\u043a\u0438\u0435 \u0440\u0435\u0436\u0438\u043c\u044b \u043a\u044d\u0448\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u044f \u0432 Joomla 4 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c, \u043e \u0441\u0436\u0430\u0442\u0438\u0438 HTML \u043d\u0430 \u043b\u0435\u0442\u0443 \u0438 \u0442.\u0434. \u041d\u0430\u0441\u0442\u043e\u044f\u0442\u0435\u043b\u044c\u043d\u043e\u0439 \u0440\u0435\u043a\u043e\u043c\u0435\u043d\u0434\u0430\u0446\u0438\u0435\u0439 \u0434\u0430\u043d\u043d\u043e\u0439 \u0441\u0442\u0430\u0442\u044c\u0438 \u044f\u0432\u043b\u044f\u0435\u0442\u0441\u044f <strong>\u041d\u0415 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c \u0441\u0436\u0430\u0442\u0438\u0435 CSS \u0438 JS \u043d\u0430 \u043b\u0435\u0442\u0443<\/strong>, \u0447\u0442\u043e \u043f\u0440\u0435\u0434\u043b\u0430\u0433\u0430\u044e\u0442 \u0434\u0435\u043b\u0430\u0442\u044c \u043c\u043d\u043e\u0433\u0438\u0435 \u0448\u0430\u0431\u043b\u043e\u043d\u044b \u0438\/\u0438\u043b\u0438 \u043f\u043b\u0430\u0433\u0438\u043d\u044b. \u041f\u0440\u0430\u0432\u0438\u043b\u044c\u043d\u043e \u043d\u0430\u0441\u0442\u0440\u043e\u0435\u043d\u043d\u044b\u0439 \u0441\u0435\u0440\u0432\u0435\u0440 \u0441\u0434\u0435\u043b\u0430\u0435\u0442 \u044d\u0442\u043e \u0433\u043e\u0440\u0430\u0437\u0434\u043e \u0431\u044b\u0441\u0442\u0440\u0435\u0435 (\u0447\u0438\u0442\u0430\u0435\u043c \u0441\u0442\u0430\u0442\u044c\u044e \u043f\u043e \u0441\u0441\u044b\u043b\u043a\u0435&#8230;). <\/p>\n<p>\u0410 \u0442\u0430\u043a\u0436\u0435 <strong>Joomla 4 \u043f\u043e\u0437\u0432\u043e\u043b\u044f\u0435\u0442 \u0412\u0430\u043c \u0441\u0440\u0430\u0437\u0443 \u043f\u043e\u0441\u0442\u0430\u0432\u043b\u044f\u0442\u044c \u0432 \u0448\u0430\u0431\u043b\u043e\u043d\u0435 \u0437\u0430\u0440\u0430\u043d\u0435\u0435 \u0441\u0436\u0430\u0442\u044b\u0435 \u0432\u0435\u0431 \u0430\u0441\u0441\u0435\u0442\u044b<\/strong> (js \u0438 css), \u0447\u0442\u043e \u0441\u044d\u043a\u043e\u043d\u043e\u043c\u0438\u0442 \u0438 \u0440\u0435\u0441\u0443\u0440\u0441\u044b \u0441\u0435\u0440\u0432\u0435\u0440\u0430. \u042d\u0442\u043e \u0440\u0430\u0431\u043e\u0442\u0430\u0435\u0442 \u0441\u043b\u0435\u0434\u0443\u044e\u0449\u0438\u043c \u043e\u0431\u0440\u0430\u0437\u043e\u043c. <\/p>\n<p>\u041f\u0440\u0435\u0434\u0441\u0442\u0430\u0432\u0438\u043c, \u0447\u0442\u043e \u0443 \u0412\u0430\u0441 \u0435\u0441\u0442\u044c js-\u0444\u0430\u0439\u043b <code>media\/com_example\/js\/something.min.js<\/code>. \u0421\u043e\u0436\u043c\u0438\u0442\u0435 \u044d\u0442\u043e\u0442 \u0444\u0430\u0439\u043b \u0441 \u043f\u043e\u043c\u043e\u0449\u044c\u044e GZip \u0432 <code>media\/com_example\/js\/something.min.js.gz<\/code>.  \u041a\u043e\u0433\u0434\u0430 \u0431\u0440\u0430\u0437\u0443\u0435\u0440 \u0437\u0430\u043f\u0440\u043e\u0441\u0438\u0442 \u0444\u0430\u0439\u043b <code>media\/com_example\/js\/something.min.js<\/code> ,  \u0432\u0435\u0431-\u0441\u0435\u0440\u0432\u0435\u0440 \u043f\u0440\u043e\u0432\u0435\u0440\u0438\u0442 HTTP-\u0437\u0430\u0433\u043e\u043b\u043e\u0432\u043e\u043a <code>Accepts<\/code>\u00a0 &#8212; \u043f\u043e\u0434\u0434\u0435\u0440\u0436\u0438\u0432\u0430\u044e\u0442\u0441\u044f \u043b\u0438 \u0434\u043b\u044f \u0434\u0430\u043d\u043d\u043e\u0433\u043e \u0437\u0430\u043f\u0440\u043e\u0441\u0430 \u0441\u0436\u0430\u0442\u044b\u0435 GZip-\u0440\u0435\u0441\u0443\u0440\u0441\u044b. \u0415\u0441\u043b\u0438 \u043f\u043e\u0434\u0434\u0435\u0440\u0436\u0438\u0432\u0430\u044e\u0442\u0441\u044f, \u0442\u043e \u0441\u0435\u0440\u0432\u0435\u0440 \u043e\u0442\u0434\u0430\u0441\u0442 \u0441\u0440\u0430\u0437\u0443 \u0441\u0436\u0430\u0442\u044b\u0439 \u0444\u0430\u0439\u043b <code>media\/com_example\/js\/something.min.js.gz<\/code>  \u0432\u043c\u0435\u0441\u0442\u043e \u043e\u0431\u044b\u0447\u043d\u043e\u0433\u043e \u043d\u0435\u0441\u0436\u0430\u0442\u043e\u0433\u043e \u00a0<code>media\/com_example\/js\/something.min.js<\/code> . <\/p>\n<p>\u0414\u043b\u044f \u044d\u0442\u043e\u0433\u043e \u043d\u0435 \u0437\u0430\u0431\u0443\u0434\u044c\u0442\u0435 \u043f\u0435\u0440\u0435\u0438\u043c\u0435\u043d\u043e\u0432\u0430\u0442\u044c \u0444\u0430\u0439\u043b htaccess.txt \u0432 .htaccess. \u0415\u0441\u043b\u0438 \u0436\u0435 \u0412\u044b \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u0435\u0442\u0435 \u0432 \u0440\u0430\u0431\u043e\u0442\u0435 \u0441\u0432\u043e\u0439 \u0441\u043e\u0431\u0441\u0442\u0432\u0435\u043d\u043d\u044b\u0439 htaccess-\u0444\u0430\u0439\u043b, \u0442\u043e \u0434\u043e\u0431\u0430\u0432\u044c\u0442\u0435 \u0432 \u043d\u0435\u0433\u043e \u0441\u043b\u0435\u0434\u0443\u044e\u0449\u0438\u0439 \u043a\u043e\u0434<\/p>\n<pre><code class=\"bash\">## These directives are only enabled if the Apache mod_headers module is enabled. ## This section will check if a .gz file exists and if so will stream it ##     directly or fallback to gzip any asset on the fly ## If your site starts to look strange after enabling this, and you see ##     ERR_CONTENT_DECODING_FAILED in your browser console network tab, ##     then your server is already gzipping css and js files and you don't need this ##     block enabled in your .htaccess &lt;IfModule mod_headers.c>         # Serve gzip compressed CSS files if they exist         # and the client accepts gzip.         RewriteCond \"%{HTTP:Accept-encoding}\" \"gzip\"         RewriteCond \"%{REQUEST_FILENAME}\\.gz\" -s         RewriteRule \"^(.*)\\.css\" \"$1\\.css\\.gz\" [QSA]          # Serve gzip compressed JS files if they exist         # and the client accepts gzip.         RewriteCond \"%{HTTP:Accept-encoding}\" \"gzip\"         RewriteCond \"%{REQUEST_FILENAME}\\.gz\" -s         RewriteRule \"^(.*)\\.js\" \"$1\\.js\\.gz\" [QSA]          # Serve correct content types, and prevent mod_deflate double gzip.         RewriteRule \"\\.css\\.gz$\" \"-\" [T=text\/css,E=no-gzip:1]         RewriteRule \"\\.js\\.gz$\" \"-\" [T=text\/javascript,E=no-gzip:1]          &lt;FilesMatch \"(\\.js\\.gz|\\.css\\.gz)$\">                 # Serve correct encoding type.                 Header append Content-Encoding gzip                  # Force proxies to cache gzipped &amp;                 # non-gzipped css\/js files separately.                 Header append Vary Accept-Encoding &lt;\/FilesMatch> &lt;\/IfModule><\/code><\/pre>\n<p>\u0412 \u0446\u0435\u043b\u043e\u043c \u0441\u043e\u0432\u0435\u0442\u0443\u044e \u043e\u0437\u043d\u0430\u043a\u043e\u043c\u0438\u0442\u044c\u0441\u044f \u0441\u043e \u0441\u0442\u0430\u0442\u044c\u044f\u043c\u0438 \u0438\u0437 \u044d\u0442\u043e\u0439 \u0441\u0435\u0440\u0438\u0438, \u043e\u043d\u0438 \u0412\u0430\u043c \u043f\u043e\u043c\u043e\u0433\u0443\u0442.<\/p>\n<p><a class=\"anchor\" name=\"common-recomendations\" id=\"common-recomendations\"><\/a><\/p>\n<h2>\u041e\u0431\u0449\u0438\u0435 \u0440\u0435\u043a\u043e\u043c\u0435\u043d\u0434\u0430\u0446\u0438\u0438<\/h2>\n<p>\u0425\u043e\u0442\u044f \u044d\u0442\u043e \u0441\u043a\u043e\u0440\u0435\u0435 \u043d\u0435 \u0440\u0435\u043a\u043e\u043c\u0435\u043d\u0434\u0430\u0446\u0438\u0438, \u0430 \u043c\u043e\u044f \u043b\u0438\u0447\u043d\u0430\u044f \u043f\u0440\u0430\u043a\u0442\u0438\u043a\u0430, \u043a\u043e\u0442\u043e\u0440\u0430\u044f \u043d\u0435 \u043f\u0440\u0435\u0442\u0435\u043d\u0434\u0443\u0435\u0442 \u043d\u0430 \u0430\u0431\u0441\u043e\u043b\u044e\u0442. \u041a\u0430\u043a \u044f \u043f\u0438\u0441\u0430\u043b \u0432 \u043d\u0430\u0447\u0430\u043b\u0435 \u0441\u0442\u0430\u0442\u044c\u0438 &#8212; \u0432 Joomla \u0441\u0443\u0449\u0435\u0441\u0442\u0432\u0443\u0435\u0442 \u043d\u0435\u0441\u043a\u043e\u043b\u044c\u043a\u043e \u043f\u0443\u0442\u0435\u0439 \u0440\u0435\u0448\u0435\u043d\u0438\u044f \u043e\u0434\u043d\u043e\u0439 \u0438 \u0442\u043e\u0439 \u0436\u0435 \u0437\u0430\u0434\u0430\u0447\u0438 \u0438 \u043d\u0435\u043b\u044c\u0437\u044f \u043a\u0430\u043a\u043e\u0439-\u0442\u043e \u0438\u0437 \u043d\u0438\u0445 \u043e\u0434\u043d\u043e\u0437\u043d\u0430\u0447\u043d\u043e \u043d\u0430\u0437\u0432\u0430\u0442\u044c \u043f\u0440\u0430\u0432\u0438\u043b\u044c\u043d\u044b\u043c. <\/p>\n<p><strong>\u0412 \u043c\u043e\u0435\u0439 \u043f\u0440\u0430\u043a\u0442\u0438\u043a\u0435 \u0441\u043b\u043e\u0436\u0438\u043b\u043e\u0441\u044c \u0442\u0430\u043a, \u0447\u0442\u043e \u0444\u0430\u0439\u043b <\/strong><code>index.php<\/code><strong> \u0448\u0430\u0431\u043b\u043e\u043d\u0430 &#8212; \u044d\u0442\u043e \u0441\u0435\u0442\u043a\u0430 \u0438 \u043b\u043e\u0433\u0438\u043a\u0430 \u0432\u044b\u0432\u043e\u0434\u0430 \u043f\u043e\u0437\u0438\u0446\u0438\u0439.<\/strong> \u0412 \u0431\u043e\u043b\u044c\u0448\u0438\u043d\u0441\u0442\u0432\u0435 \u0441\u043b\u0443\u0447\u0430\u0435\u0432 \u043a\u0430\u0436\u0434\u0430\u044f \u043f\u043e\u0437\u0438\u0446\u0438\u044f \u0434\u043b\u044f \u043c\u043e\u0434\u0443\u043b\u0435\u0439 \u043e\u0431\u0451\u0440\u043d\u0443\u0442\u0430 \u0432 \u0443\u0441\u043b\u043e\u0432\u0438\u044f \u0432\u044b\u0432\u043e\u0434\u0430 \u043d\u0430 php \u0438 \u043f\u0440\u043e\u0441\u0442\u043e\u0439 Bootstrap-\u043a\u043e\u043d\u0442\u0435\u0439\u043d\u0435\u0440<\/p>\n<pre><code class=\"php\">&lt;?php  \/\/ \u0444\u0440\u0430\u0433\u043c\u0435\u043d\u0442 \u0444\u0430\u0439\u043b\u0430 index.php \u0448\u0430\u0431\u043b\u043e\u043d\u0430.  \/\/ \u0422\u0443\u0442 \u0441\u043e\u043a\u0440\u0430\u0442\u0438\u043b\u0438 250 \u0441\u0442\u0440\u043e\u043a \u043f\u043e\u043b\u0443\u0447\u0435\u043d\u0438\u044f \u043f\u0430\u0440\u0430\u043c\u0435\u0442\u0440\u043e\u0432 \u0438 \u043f\u0435\u0440\u0435\u043c\u0435\u043d\u043d\u044b\u0445 \u0434\u043b\u044f \u043f\u043e\u0441\u0442\u0440\u043e\u0435\u043d\u0438\u044f \u0443\u0441\u043b\u043e\u0432\u0438\u0439 ?> &lt;!DOCTYPE html> &lt;html lang=\"&lt;?php echo $this->language; ?>\" dir=\"&lt;?php echo $this->direction; ?>\"> &lt;head> &lt;jdoc:include type=\"metas\"\/> &lt;jdoc:include type=\"styles\"\/> &lt;jdoc:include type=\"scripts\"\/> &lt;\/head>  &lt;body class=\"&lt;?php echo($pageclass ? ' ' . $pageclass : ''); echo $hasClass; ?>\">  &lt;?php \/\/  add custom code form template settings if(!empty($this->params->get('custom_code_after_body'))){ echo $this->params->get('custom_code_after_body'); } ?>  &lt;?php if ($this->countModules('topbar', true)) : ?> &lt;div class=\"container topbar\"> &lt;jdoc:include type=\"modules\" name=\"topbar\" style=\"none\"\/> &lt;\/div> &lt;?php endif; ?>  &lt;div class=\"bg-white sticky-top shadow-sm\"> &lt;header class=\"container\"> &lt;div class=\"row py-3\"> &lt;?php if ($this->params->get('brand', 1)) : ?> &lt;div class=\"col-6 col-lg-1 order-lg-1\"> &lt;a class=\"brand-logo\" href=\"&lt;?php echo $this->baseurl; ?>\/\"> &lt;?php echo $logo; ?> &lt;\/a> &lt;\/div> &lt;?php endif; ?> &lt;?php if ($this->countModules('menu', true)) : ?> &lt;jdoc:include type=\"modules\" name=\"menu\"\/> &lt;?php endif; ?> &lt;\/div> &lt;\/header> &lt;\/div>                    &lt;?php if ($this->countModules('video-bg-header', true)) : ?> &lt;jdoc:include type=\"modules\" name=\"video-bg-header\" style=\"none\"\/> &lt;?php endif; ?>   &lt;?php if ($this->countModules('banner', true)) : ?> &lt;div class=\"container\"> &lt;jdoc:include type=\"modules\" name=\"banner\" style=\"none\"\/> &lt;\/div> &lt;?php endif; ?>  &lt;!-- \u0438 \u0442\u0430\u043a \u0434\u0430\u043b\u0435\u0435 --><\/code><\/pre>\n<p><strong>\u0412\u0441\u0451 \u043e\u0441\u0442\u0430\u043b\u044c\u043d\u043e\u0435 \u044f \u043f\u043e\u043c\u0435\u0449\u0430\u044e \u0432 \u043c\u0430\u043a\u0435\u0442\u044b \u043c\u043e\u0434\u0443\u043b\u0435\u0439 \u0438\u043b\u0438 \u0432 \u043c\u043e\u0434\u0443\u043b\u0438 \u0442\u0438\u043f\u0430 HTML-\u043a\u043e\u0434, \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u044e CSS-\u043a\u043b\u0430\u0441\u0441\u044b \u043c\u043e\u0434\u0443\u043b\u044f (\u0441\u0443\u0444\u0444\u0438\u043a\u0441\u044b \u043a\u043b\u0430\u0441\u0441\u0430 \u043c\u043e\u0434\u0443\u043b\u044f). \u0417\u0430 \u0440\u0435\u0434\u043a\u0438\u043c \u0438\u0441\u043a\u043b\u044e\u0447\u0435\u043d\u0438\u0435\u043c \u043c\u043e\u0434\u0430\u043b\u044c\u043d\u044b\u0445 \u043e\u043a\u043e\u043d \u0438\u043b\u0438 offcanvas.<\/strong> <\/p>\n<p>\u0412\u0451\u0440\u0441\u0442\u043a\u0430 \u0448\u0430\u0431\u043b\u043e\u043d\u0430 \u043d\u0430 Joomla \u0434\u043e\u0432\u043e\u043b\u044c\u043d\u043e \u0442\u0435\u0441\u043d\u043e \u043f\u0435\u0440\u0435\u043f\u043b\u0435\u0442\u0430\u0435\u0442\u0441\u044f \u0441 \u0440\u0430\u0431\u043e\u0442\u043e\u0439 \u0432 \u0430\u0434\u043c\u0438\u043d\u043a\u0435 \u0438 \u0434\u043b\u044f \u0434\u043e\u0441\u0442\u0438\u0436\u0435\u043d\u0438\u044f \u043a\u0430\u0447\u0435\u0441\u0442\u0432\u0435\u043d\u043d\u043e\u0433\u043e \u0440\u0435\u0437\u0443\u043b\u044c\u0442\u0430\u0442\u0430 \u043d\u0443\u0436\u043d\u043e \u0432\u0435\u0440\u043d\u043e \u0440\u0430\u0441\u043f\u0440\u0435\u0434\u0435\u043b\u0438\u0442\u044c \u0440\u0435\u0441\u0443\u0440\u0441\u044b \u043e\u0442 \u0447\u0430\u0441\u0442\u043d\u043e\u0433\u043e \u043a \u043e\u0431\u0449\u0435\u043c\u0443. \u0422\u0430\u043a\u0436\u0435 \u0438\u043d\u043e\u0433\u0434\u0430 \u0442\u0440\u0435\u0431\u0443\u0435\u0442\u0441\u044f \u0432\u043a\u043b\u044e\u0447\u0438\u0442\u044c \u0438\u043d\u0442\u0443\u0438\u0446\u0438\u044e \u0438 \u043f\u0440\u0435\u0434\u043f\u043e\u043b\u043e\u0436\u0438\u0442\u044c \u043f\u0443\u0442\u0438 \u0440\u0430\u0437\u0432\u0438\u0442\u0438\u0435 \u043f\u0440\u043e\u0435\u043a\u0442\u0430 \u0438 \u043f\u043e \u0432\u043e\u0437\u043c\u043e\u0436\u043d\u043e\u0441\u0442\u0438 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c \u0442\u0435 \u0441\u043f\u043e\u0441\u043e\u0431\u044b \u0438 \u043f\u043e\u0434\u0445\u043e\u0434\u044b, \u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u043f\u043e\u0437\u0432\u043e\u043b\u044f\u0442 \u043b\u0435\u0433\u0447\u0435 \u0440\u0430\u0431\u043e\u0442\u0430\u0442\u044c \u0441 \u043d\u0438\u043c \u0432 \u0431\u0443\u0434\u0443\u0449\u0435\u043c. <\/p>\n<p><a class=\"anchor\" name=\"zakluchenie\" id=\"zakluchenie\"><\/a><\/p>\n<h2>\u0417\u0430\u043a\u043b\u044e\u0447\u0435\u043d\u0438\u0435<\/h2>\n<h3>\u041a\u0430\u0441\u0442\u043e\u043c\u0438\u0437\u0430\u0446\u0438\u044f \u043f\u0430\u043d\u0435\u043b\u0438 \u0430\u0434\u043c\u0438\u043d\u0438\u0441\u0442\u0440\u0430\u0442\u043e\u0440\u0430 Joomla<\/h3>\n<p>\u0412 \u044d\u0442\u043e\u0439 \u0441\u0442\u0430\u0442\u044c\u0435 \u044f \u043e\u043f\u0438\u0441\u044b\u0432\u0430\u043b \u0432\u043e\u0437\u043c\u043e\u0436\u043d\u043e\u0441\u0442\u0438, \u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u0434\u0430\u0451\u0442 Joomla \u0434\u043b\u044f \u0441\u043e\u0437\u0434\u0430\u043d\u0438\u044f \u0448\u0430\u0431\u043b\u043e\u043d\u0430 \u0441\u0430\u0439\u0442\u0430. \u041e\u0431\u044b\u0447\u043d\u043e \u0432\u0441\u0435 \u043f\u043e\u043d\u0438\u043c\u0430\u044e\u0442 \u043f\u043e\u0434 \u044d\u0442\u0438\u043c \u0448\u0430\u0431\u043b\u043e\u043d \u0444\u0440\u043e\u043d\u0442\u0435\u043d\u0434\u0430 &#8212; \u0434\u0438\u0437\u0430\u0439\u043d \u043f\u0443\u0431\u043b\u0438\u0447\u043d\u043e\u0439 \u0447\u0430\u0441\u0442\u0438. \u041e\u0434\u043d\u0430\u043a\u043e \u0442\u0435 \u0436\u0435 \u043c\u0435\u0442\u043e\u0434\u044b \u0438 \u043f\u043e\u0434\u0445\u043e\u0434\u044b \u043c\u043e\u0436\u043d\u043e \u043f\u0440\u0438\u043c\u0435\u043d\u044f\u0442\u044c \u0438 \u0434\u043b\u044f \u043f\u0430\u043d\u0435\u043b\u0438 \u0430\u0434\u043c\u0438\u043d\u0438\u0441\u0442\u0440\u0430\u0442\u043e\u0440\u0430. \u0423 \u0448\u0430\u0431\u043b\u043e\u043d\u043e\u0432 \u043f\u0430\u043d\u0435\u043b\u0438 \u0430\u0434\u043c\u0438\u043d\u0438\u0441\u0442\u0440\u0430\u0442\u043e\u0440\u0430 \u0435\u0441\u0442\u044c \u0441\u0432\u043e\u0438 \u043f\u0430\u0440\u0430\u043c\u0435\u0442\u0440\u044b (\u0438\u0434\u0451\u043c \u0421\u0438\u0441\u0442\u0435\u043c\u0430 &#8212; \u0431\u043b\u043e\u043a \u0428\u0430\u0431\u043b\u043e\u043d\u044b &#8212; \u0421\u0442\u0438\u043b\u0438):<\/p>\n<figure class=\"full-width\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/habrastorage.org\/r\/w1560\/getpro\/habr\/upload_files\/6ae\/462\/4a1\/6ae4624a10a16296661362b8983de24e.png\" width=\"779\" height=\"555\" data-src=\"https:\/\/habrastorage.org\/getpro\/habr\/upload_files\/6ae\/462\/4a1\/6ae4624a10a16296661362b8983de24e.png\"\/><\/figure>\n<p>\u0412 Joomla 4 \u0438 Joomla 5 \u0448\u0430\u0431\u043b\u043e\u043d \u043f\u0430\u043d\u0435\u043b\u0438 \u0443\u043f\u0440\u0430\u0432\u043b\u0435\u043d\u0438\u044f \u043f\u043e \u0443\u043c\u043e\u043b\u0447\u0430\u043d\u0438\u044e \u043d\u0430\u0437\u044b\u0432\u0430\u0435\u0442\u0441\u044f Atum. \u0412 \u043d\u0451\u043c \u043c\u043e\u0436\u043d\u043e \u043f\u043e\u0438\u0433\u0440\u0430\u0442\u044c \u0441 \u0446\u0432\u0435\u0442\u0430\u043c\u0438 \u043f\u0430\u043d\u0435\u043b\u0438 \u0430\u0434\u043c\u0438\u043d\u0441\u0442\u0440\u0430\u0442\u043e\u0440\u0430, \u0443\u043a\u0430\u0437\u0430\u0442\u044c \u0441\u0432\u043e\u0438 \u043b\u043e\u0433\u043e\u0442\u0438\u043f\u044b \u0438 \u0442\u0435\u043c \u0441\u0430\u043c\u044b\u043c \u0431\u0440\u0435\u043d\u0434\u0438\u0440\u043e\u0432\u0430\u0442\u044c \u0430\u0434\u043c\u0438\u043d\u043a\u0443 \u0441\u0430\u0439\u0442\u0430 \u0434\u043b\u044f \u043a\u043b\u0438\u0435\u043d\u0442\u0430.<\/p>\n<figure class=\"full-width\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/habrastorage.org\/r\/w1560\/getpro\/habr\/upload_files\/500\/bb8\/099\/500bb80991c251a43029781e862718bf.png\" width=\"1899\" height=\"1079\" data-src=\"https:\/\/habrastorage.org\/getpro\/habr\/upload_files\/500\/bb8\/099\/500bb80991c251a43029781e862718bf.png\"\/><\/figure>\n<p>\u0421\u0443\u0449\u0435\u0441\u0442\u0432\u0443\u044e\u0442 \u043c\u043e\u0434\u0443\u043b\u0438 \u043f\u0430\u043d\u0435\u043b\u0438 \u0443\u043f\u0440\u0430\u0432\u043b\u0435\u043d\u0438\u044f. \u0423 \u043d\u0438\u0445 \u043c\u043d\u043e\u0433\u043e \u0441\u0432\u043e\u0438\u0445 \u0438\u043d\u0442\u0435\u0440\u0435\u0441\u043d\u044b\u0445 \u043f\u0430\u0440\u0430\u043c\u0435\u0442\u0440\u043e\u0432. \u0412\u044b \u043c\u043e\u0436\u0435\u0442\u0435 \u0434\u0430\u0436\u0435 \u0441\u0442\u0430\u043d\u0434\u0430\u0440\u0442\u043d\u044b\u043c\u0438 \u0441\u0440\u0435\u0434\u0441\u0442\u0432\u0430\u043c\u0438 \u043e\u0444\u043e\u0440\u043c\u0438\u0442\u044c \u0430\u0434\u043c\u0438\u043d\u043a\u0443 \u043f\u043e\u0434 \u0441\u0435\u0431\u044f. \u0422\u0430\u043a\u0436\u0435 \u0441\u0443\u0449\u0435\u0441\u0442\u0432\u0443\u044e\u0442 \u0438 \u0430\u043b\u044c\u0442\u0435\u0440\u043d\u0430\u0442\u0438\u0432\u043d\u044b\u0435 \u0448\u0430\u0431\u043b\u043e\u043d\u044b \u0430\u0434\u043c\u0438\u043d\u043e\u043a \u0434\u043b\u044f Joomla 4 \u0438 5.<\/p>\n<figure class=\"full-width\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/habrastorage.org\/r\/w1560\/getpro\/habr\/upload_files\/98d\/a56\/fd9\/98da56fd9403bb2b74e90b7e0e9de6d1.png\" width=\"1120\" height=\"861\" data-src=\"https:\/\/habrastorage.org\/getpro\/habr\/upload_files\/98d\/a56\/fd9\/98da56fd9403bb2b74e90b7e0e9de6d1.png\"\/><\/figure>\n<p>\u041f\u043e\u0437\u0432\u043e\u043b\u044e \u0441\u0435\u0431\u0435 \u043d\u0435 \u043e\u0441\u0442\u0430\u043d\u0430\u0432\u043b\u0438\u0432\u0430\u0442\u044c\u0441\u044f \u043d\u0430 \u044d\u0442\u043e\u043c \u043f\u043e\u0434\u0440\u043e\u0431\u043d\u043e, \u043f\u043e\u0441\u043a\u043e\u043b\u044c\u043a\u0443 \u0434\u0430\u043d\u043d\u0430\u044f \u0442\u0435\u043c\u0430 \u0443\u0436\u0435 \u0431\u0443\u0434\u0435\u0442 \u0437\u0430\u0442\u0440\u0430\u0433\u0438\u0432\u0430\u0442\u044c \u0431\u043e\u043b\u044c\u0448\u0435 \u0447\u0430\u0441\u0442\u043d\u044b\u0435 \u0441\u043b\u0443\u0447\u0430\u0438, \u0447\u0435\u043c \u043e\u0431\u0449\u0438\u0435.<\/p>\n<h3>\u0421\u043e\u0431\u0441\u0442\u0432\u0435\u043d\u043d\u043e \u0437\u0430\u043a\u043b\u044e\u0447\u0435\u043d\u0438\u0435<\/h3>\n<p>\u0414\u0430\u043d\u043d\u0430\u044f \u0441\u0442\u0430\u0442\u044c\u044f \u0441\u043e\u0437\u0434\u0430\u0432\u0430\u043b\u0430\u0441\u044c \u0432 \u0442\u0435\u0447\u0435\u043d\u0438\u0435 \u043f\u0440\u0438\u043c\u0435\u0440\u043d\u043e 3 \u043d\u0435\u0434\u0435\u043b\u044c \u0431\u043e\u043b\u044c\u0448\u0435\u0439 \u0447\u0430\u0441\u0442\u044c\u044e \u043d\u0430 \u0434\u0435\u0442\u0441\u043a\u0438\u0445 \u043f\u043b\u043e\u0449\u0430\u0434\u043a\u0430\u0445 \u0438 \u0432 \u043c\u0430\u0448\u0438\u043d\u0435, \u0437\u0430 \u0447\u0442\u043e \u0438\u043c \u0431\u043e\u043b\u044c\u0448\u043e\u0435 \u0441\u043f\u0430\u0441\u0438\u0431\u043e ))<\/p>\n<figure class=\"full-width\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/habrastorage.org\/r\/w780q1\/getpro\/habr\/upload_files\/a08\/f08\/a2a\/a08f08a2a327b6d14ec854a2a5eb8b53.jpg\" width=\"720\" height=\"1280\" data-src=\"https:\/\/habrastorage.org\/getpro\/habr\/upload_files\/a08\/f08\/a2a\/a08f08a2a327b6d14ec854a2a5eb8b53.jpg\" data-blurred=\"true\"\/><\/figure>\n<figure class=\"full-width\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/habrastorage.org\/r\/w780q1\/getpro\/habr\/upload_files\/2ef\/8f8\/fec\/2ef8f8fec3440e548187980b3d78f8a3.jpg\" width=\"1920\" height=\"4160\" data-src=\"https:\/\/habrastorage.org\/getpro\/habr\/upload_files\/2ef\/8f8\/fec\/2ef8f8fec3440e548187980b3d78f8a3.jpg\" data-blurred=\"true\"\/><\/figure>\n<figure class=\"full-width\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/habrastorage.org\/r\/w780q1\/getpro\/habr\/upload_files\/227\/a20\/721\/227a20721e5fd83b717192f6f928f8c2.jpg\" width=\"1920\" height=\"4160\" data-src=\"https:\/\/habrastorage.org\/getpro\/habr\/upload_files\/227\/a20\/721\/227a20721e5fd83b717192f6f928f8c2.jpg\" data-blurred=\"true\"\/><\/figure>\n<p>\u0422\u0430\u043a\u0436\u0435 \u044f \u043f\u0440\u0438\u0437\u043d\u0430\u0442\u0435\u043b\u0435\u043d \u0443\u0447\u0430\u0441\u0442\u043d\u0438\u043a\u0430\u043c Joomla-\u0441\u043e\u043e\u0431\u0449\u0435\u0441\u0442\u0432\u0430 \u0437\u0430 \u043d\u0435\u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u0441\u043e\u0432\u0435\u0442\u044b \u043f\u043e \u0445\u043e\u0434\u0443 \u0441\u043e\u0437\u0434\u0430\u043d\u0438\u044f \u0441\u0442\u0430\u0442\u044c\u0438.<\/p>\n<p>\u042f \u0431\u0443\u0434\u0443 \u043f\u0440\u0438\u0437\u043d\u0430\u0442\u0435\u043b\u0435\u043d \u0437\u0430 \u0446\u0435\u043d\u043d\u044b\u0435 \u0440\u0435\u043a\u043e\u043c\u0435\u043d\u0434\u0430\u0446\u0438\u0438 \u0438 \u0434\u043e\u043f\u043e\u043b\u043d\u0435\u043d\u0438\u044f, \u043a\u043e\u0442\u043e\u0440\u044b\u043c\u0438 \u043c\u043e\u0436\u043d\u043e \u0443\u043b\u0443\u0447\u0448\u0438\u0442\u044c \u0441\u0442\u0430\u0442\u044c\u044e. \u0422\u0430\u043a\u0436\u0435 \u0437\u043e\u0440\u043a\u0438\u0439 \u0447\u0438\u0442\u0430\u0442\u0435\u043b\u044c \u043c\u043e\u0436\u0435\u0442 \u043e\u0431\u043d\u0430\u0440\u0443\u0436\u0438\u0442\u044c \u043e\u043f\u0435\u0447\u0430\u0442\u043a\u0438 \u0438 \u043a\u043e\u0441\u043d\u043e\u044f\u0437\u044b\u0447\u0438\u0435. \u0411\u0443\u0434\u0443 \u0440\u0430\u0434 \u0438\u0441\u043f\u0440\u0430\u0432\u0438\u0442\u044c \u0438 \u0438\u0445.<\/p>\n<h2>\u041f\u043e\u043b\u0435\u0437\u043d\u044b\u0435 \u0440\u0435\u0441\u0443\u0440\u0441\u044b<\/h2>\n<p>\u042d\u0442\u0430 \u0436\u0435 \u0441\u0442\u0430\u0442\u044c\u044f \u043d\u0430 \u0441\u0430\u0439\u0442\u0435 \u0430\u0432\u0442\u043e\u0440\u0430: <a href=\"https:\/\/web-tolk.ru\/blog\/sozdanie-shablonov-sajta-v-joomla-4\" rel=\"noopener noreferrer nofollow\">\u0447\u0438\u0442\u0430\u0442\u044c<\/a>.<\/p>\n<h3>\u0420\u0435\u0441\u0443\u0440\u0441\u044b Joomla \u0441\u043e\u043e\u0431\u0449\u0435\u0441\u0442\u0432\u0430<\/h3>\n<ul>\n<li>\n<p><a href=\"https:\/\/joomlaforum.ru\/\" rel=\"noopener noreferrer nofollow\"><u>\u0444\u043e\u0440\u0443\u043c \u0440\u0443\u0441\u0441\u043a\u043e\u0439 \u043f\u043e\u0434\u0434\u0435\u0440\u0436\u043a\u0438 Joomla<\/u><\/a>.<\/p>\n<\/li>\n<li>\n<p><a href=\"https:\/\/joomlaportal.ru\/\" rel=\"noopener noreferrer nofollow\"><u>\u0438\u043d\u0442\u0435\u0440\u043d\u0435\u0442-\u043f\u043e\u0440\u0442\u0430\u043b Joomla-\u0441\u043e\u043e\u0431\u0449\u0435\u0441\u0442\u0432\u0430<\/u><\/a>.<\/p>\n<\/li>\n<li>\n<p><a href=\"https:\/\/vc.ru\/s\/1146097-joomla\" rel=\"noopener noreferrer nofollow\">https:\/\/vc.ru\/s\/1146097-joomla<\/a>\u00a0&#8212; \u0421\u043e\u043e\u0431\u0449\u0435\u0441\u0442\u0432\u043e Joomla \u043d\u0430 VC.<\/p>\n<\/li>\n<\/ul>\n<h3>Joomla \u0432 Telegram<\/h3>\n<ul>\n<li>\n<p><a href=\"https:\/\/t.me\/joomlaru\" rel=\"noopener noreferrer nofollow\"><u>\u0427\u0430\u0442 \u0441\u043e\u043e\u0431\u0449\u0435\u0441\u0442\u0432\u0430 \u00abJoomla! \u043f\u043e-\u0440\u0443\u0441\u0441\u043a\u0438\u00bb<\/u><\/a>.<\/p>\n<\/li>\n<li>\n<p><a href=\"https:\/\/t.me\/projoomla\" rel=\"noopener noreferrer nofollow\"><u>Joomla \u0434\u043b\u044f \u043f\u0440\u043e\u0444\u0435\u0441\u0441\u0438\u043e\u043d\u0430\u043b\u043e\u0432, \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u0447\u0438\u043a\u0438 Joomla<\/u><\/a>.<\/p>\n<\/li>\n<li>\n<p><a href=\"https:\/\/t.me\/joomlafeed\" rel=\"noopener noreferrer nofollow\"><u>\u041d\u043e\u0432\u043e\u0441\u0442\u0438 \u043e Joomla! \u0438 \u0432\u0435\u0431-\u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u043a\u0435 \u043f\u043e-\u0440\u0443\u0441\u0441\u043a\u0438<\/u><\/a>.<\/p>\n<\/li>\n<li>\n<p><a href=\"https:\/\/t.me\/joomla_jobs\" rel=\"noopener noreferrer nofollow\"><u>\u0412\u0430\u043a\u0430\u043d\u0441\u0438\u0438 \u0438 \u043f\u0440\u0435\u0434\u043b\u043e\u0436\u0435\u043d\u0438\u044f \u0440\u0430\u0431\u043e\u0442\u044b \u043f\u043e Joomla<\/u><\/a>: \u0444\u0443\u043b\u043b\u0442\u0430\u0439\u043c, \u0447\u0430\u0441\u0442\u0438\u0447\u043d\u0430\u044f \u0437\u0430\u043d\u044f\u0442\u043e\u0441\u0442\u044c \u0438 \u0440\u0430\u0437\u043e\u0432\u044b\u0435 \u043f\u043e\u0434\u0440\u0430\u0431\u043e\u0442\u043a\u0438. \u0420\u0430\u0437\u043c\u0435\u0449\u0435\u043d\u0438\u0435 \u0432\u0430\u043a\u0430\u043d\u0441\u0438\u0439\u00a0<a href=\"https:\/\/jpath.ru\/jobs\/add\" rel=\"noopener noreferrer nofollow\"><u>\u0437\u0434\u0435\u0441\u044c<\/u><\/a>.<\/p>\n<\/li>\n<li>\n<p><a href=\"https:\/\/t.me\/joomlatalks\" rel=\"noopener noreferrer nofollow\">\u0410\u043d\u0433\u043b\u043e\u044f\u0437\u044b\u0447\u043d\u044b\u0439 \u0447\u0430\u0442 \u0441\u043e\u043e\u0431\u0449\u0435\u0441\u0442\u0432\u0430<\/a>.<\/p>\n<\/li>\n<li>\n<p><a href=\"https:\/\/t.me\/joomlahub\" rel=\"noopener noreferrer nofollow\">\u041d\u043e\u0432\u043e\u0441\u0442\u0438 Joomla! \u043f\u043e-\u0430\u043d\u0433\u043b\u0438\u0439\u0441\u043a\u0438<\/a>.<\/p>\n<\/li>\n<\/ul>\n<p>\u0412 \u0445\u0435\u0434\u0435\u0440\u0435 \u0441\u0442\u0430\u0442\u044c\u0438 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u043d \u0444\u0440\u0430\u0433\u043c\u0435\u043d\u0442 \u0438\u0437\u043e\u0431\u0440\u0430\u0436\u0435\u043d\u0438\u044f \u043e\u0442 marymarkevich \u043d\u0430 Freepik.<\/p>\n<\/p>\n<\/div>\n<\/div>\n<\/div>\n<p><!----><!----><\/div>\n<p><!----><!----><br \/> \u0441\u0441\u044b\u043b\u043a\u0430 \u043d\u0430 \u043e\u0440\u0438\u0433\u0438\u043d\u0430\u043b \u0441\u0442\u0430\u0442\u044c\u0438 <a href=\"https:\/\/habr.com\/ru\/articles\/760850\/\"> https:\/\/habr.com\/ru\/articles\/760850\/<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<div><!--[--><!--]--><\/div>\n<div id=\"post-content-body\">\n<div>\n<div class=\"article-formatted-body article-formatted-body article-formatted-body_version-2\">\n<div xmlns=\"http:\/\/www.w3.org\/1999\/xhtml\">\n<p>\u0420\u0430\u043d\u0435\u0435 \u043d\u0430 \u0425\u0430\u0431\u0440\u0435 \u0431\u044b\u043b\u0438 \u043e\u043f\u0443\u0431\u043b\u0438\u043a\u043e\u0432\u0430\u043d\u044b \u0441\u0442\u0430\u0442\u044c\u0438 <a href=\"https:\/\/habr.com\/ru\/articles\/684534\/\" rel=\"noopener noreferrer nofollow\">\u0421\u043e\u0437\u0434\u0430\u043d\u0438\u0435 \u043c\u043e\u0434\u0443\u043b\u0435\u0439 \u0441 \u0443\u0447\u0451\u0442\u043e\u043c \u043d\u043e\u0432\u043e\u0439 \u0441\u0442\u0440\u0443\u043a\u0442\u0443\u0440\u044b Joomla 4<\/a>, <a href=\"https:\/\/habr.com\/ru\/articles\/736412\/\" rel=\"noopener noreferrer nofollow\">\u0421\u043e\u0437\u0434\u0430\u043d\u0438\u0435 \u043f\u043b\u0430\u0433\u0438\u043d\u043e\u0432 \u0441 \u0443\u0447\u0451\u0442\u043e\u043c \u043d\u043e\u0432\u043e\u0439 \u0441\u0442\u0440\u0443\u043a\u0442\u0443\u0440\u044b Joomla 4<\/a>, \u0433\u0434\u0435 \u043e\u0441\u0432\u0435\u0449\u0430\u043b\u0438\u0441\u044c \u043d\u044e\u0430\u043d\u0441\u044b \u043f\u043e \u0430\u043f\u0433\u0440\u0435\u0439\u0434\u0443 \u0440\u0430\u0441\u0448\u0438\u0440\u0435\u043d\u0438\u0439 \u0434\u043e \u0430\u0440\u0445\u0438\u0442\u0435\u043a\u0442\u0443\u0440\u044b Joomla 4 \/ Joomla 5. \u0410 \u0442\u0430\u043a\u0436\u0435 \u0441\u0442\u0430\u0442\u044c\u044f <a href=\"https:\/\/habr.com\/ru\/articles\/742422\/\" rel=\"noopener noreferrer nofollow\">\u0421\u043e\u0437\u0434\u0430\u043d\u0438\u0435 \u043f\u043b\u0430\u0433\u0438\u043d\u0430 \u043a\u043d\u043e\u043f\u043a\u0438 \u0440\u0435\u0434\u0430\u043a\u0442\u043e\u0440\u0430 \u0432 Joomla 4<\/a>, \u0432 \u043a\u043e\u0442\u043e\u0440\u043e\u0439 \u0432 \u0442\u043e\u043c \u0447\u0438\u0441\u043b\u0435 \u0437\u0430\u0442\u0440\u0430\u0433\u0438\u0432\u0430\u044e\u0442\u0441\u044f \u0432\u043e\u043f\u0440\u043e\u0441\u044b \u0440\u0430\u0441\u043f\u0440\u0435\u0434\u0435\u043b\u0435\u043d\u0438\u044f \u0444\u0443\u043d\u043a\u0446\u0438\u043e\u043d\u0430\u043b\u0430 \u043c\u0435\u0436\u0434\u0443 \u0444\u0440\u043e\u043d\u0442\u043e\u043c \u0438 \u0431\u044d\u043a\u043e\u043c, \u043f\u0440\u0438\u0432\u043e\u0434\u0438\u0442\u0441\u044f \u043f\u0440\u0430\u043a\u0442\u0438\u0447\u0435\u0441\u043a\u0438\u0439 \u043f\u0440\u0438\u043c\u0435\u0440 \u0440\u0430\u0431\u043e\u0442\u044b \u0441 ajax \u043d\u0430\u0442\u0438\u0432\u043d\u044b\u043c\u0438 \u0434\u043b\u044f Joomla \u0441\u0440\u0435\u0434\u0441\u0442\u0432\u0430\u043c\u0438. \u041e\u0434\u043d\u0430\u043a\u043e, \u0440\u0430\u0441\u0448\u0438\u0440\u0435\u043d\u0438\u0435 \u0442\u0438\u043f\u0430 <code>template<\/code>, \u043f\u043e\u0436\u0430\u043b\u0443\u0439, \u0441\u043e\u0437\u0434\u0430\u0451\u0442\u0441\u044f \u0434\u043b\u044f \u0441\u0430\u0439\u0442\u043e\u0432 \u043d\u0430 Joomla \u0447\u0430\u0449\u0435, \u0447\u0435\u043c \u0434\u0440\u0443\u0433\u0438\u0435 \u0442\u0438\u043f\u044b \u0440\u0430\u0441\u0448\u0438\u0440\u0435\u043d\u0438\u0439. <\/p>\n<h2>\u041e\u0433\u043b\u0430\u0432\u043b\u0435\u043d\u0438\u0435 \u0441\u0442\u0430\u0442\u044c\u0438<\/h2>\n<ul>\n<li>\n<p>\u0412\u0441\u0442\u0443\u043f\u043b\u0435\u043d\u0438\u0435<\/p>\n<\/li>\n<li>\n<p><a href=\"#literatura\" rel=\"noopener noreferrer nofollow\">\u041e\u0431\u0437\u043e\u0440 \u043b\u0438\u0442\u0435\u0440\u0430\u0442\u0443\u0440\u044b<\/a><\/p>\n<\/li>\n<li>\n<p><a href=\"#opredelenie-logicheskoi-struktury-stranic-joomla\" rel=\"noopener noreferrer nofollow\">\u041e\u043f\u0440\u0435\u0434\u0435\u043b\u0435\u043d\u0438\u0435 \u043b\u043e\u0433\u0438\u0447\u0435\u0441\u043a\u043e\u0439 \u0441\u0442\u0440\u0443\u043a\u0442\u0443\u0440\u044b \u0441\u0442\u0440\u0430\u043d\u0438\u0446<\/a><\/p>\n<ul>\n<li>\n<p><a href=\"#opredelenie-logicheskoi-struktury-stranic-joomla-marketing\" rel=\"noopener noreferrer nofollow\">\u041c\u0430\u0440\u043a\u0435\u0442\u0438\u043d\u0433<\/a><\/p>\n<\/li>\n<li>\n<p><a href=\"#opredelenie-logicheskoi-struktury-stranic-joomla-ui-ux\" rel=\"noopener noreferrer nofollow\">UI\/UX \u0438 \u0434\u0438\u0437\u0430\u0439\u043d<\/a><\/p>\n<\/li>\n<li>\n<p><a href=\"#opredelenie-logicheskoi-struktury-stranic-joomla-verstka\" rel=\"noopener noreferrer nofollow\">\u0412\u0451\u0440\u0441\u0442\u043a\u0430<\/a><\/p>\n<\/li>\n<li>\n<p><a href=\"#opredelenie-logicheskoi-struktury-stranic-joomla-rabota-s-backend\" rel=\"noopener noreferrer nofollow\">\u0412\u0437\u0430\u0438\u043c\u043e\u0434\u0435\u0439\u0441\u0442\u0432\u0438\u0435 \u0441 backend<\/a><\/p>\n<\/li>\n<\/ul>\n<\/li>\n<li>\n<p><a href=\"#chooze-joomla-extension-type\" rel=\"noopener noreferrer nofollow\">\u041e\u043f\u0440\u0435\u0434\u0435\u043b\u0435\u043d\u0438\u0435 \u0442\u0438\u043f\u0430 \u0440\u0430\u0441\u0448\u0438\u0440\u0435\u043d\u0438\u044f Joomla \u0434\u043b\u044f \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u043e\u0432 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u044b<\/a><\/p>\n<ul>\n<li>\n<p><a href=\"#kakie-tipy-rashirenii-joomla-est\" rel=\"noopener noreferrer nofollow\">\u041a\u0430\u043a\u0438\u0435 \u0442\u0438\u043f\u044b \u0440\u0430\u0441\u0448\u0438\u0440\u0435\u043d\u0438\u0439 Joomla \u0441\u0443\u0449\u0435\u0441\u0442\u0432\u0443\u044e\u0442?<\/a><\/p>\n<\/li>\n<li>\n<p><a href=\"#opredelenie-tipov-rashirenii-joomla-dlya-shablona\" rel=\"noopener noreferrer nofollow\">\u0421\u043e\u0431\u0441\u0442\u0432\u0435\u043d\u043d\u043e \u043e\u043f\u0440\u0435\u0434\u0435\u043b\u0435\u043d\u0438\u0435 \u0442\u0438\u043f\u043e\u0432 \u0440\u0430\u0441\u0448\u0438\u0440\u0435\u043d\u0438\u0439 Joomla \u043f\u0440\u0438 \u0441\u043e\u0437\u0434\u0430\u043d\u0438\u0438 \u0448\u0430\u0431\u043b\u043e\u043d\u0430<\/a>. <\/p>\n<\/li>\n<li>\n<p><a href=\"#eslib-habr-byl-sdelan-na-joomla\" rel=\"noopener noreferrer nofollow\">\u0415\u0441\u043b\u0438 \u0431\u044b \u0425\u0430\u0431\u0440 \u0431\u044b\u043b \u0441\u0434\u0435\u043b\u0430\u043d \u043d\u0430 Joomla.<\/a><\/p>\n<\/li>\n<\/ul>\n<\/li>\n<li>\n<p><a href=\"#joomla-4-and-5-templates-vs-joomla-3\" rel=\"noopener noreferrer nofollow\">\u0421\u0443\u0449\u043d\u043e\u0441\u0442\u044c \u0448\u0430\u0431\u043b\u043e\u043d\u0430. \u041e\u0442\u043b\u0438\u0447\u0438\u044f \u0448\u0430\u0431\u043b\u043e\u043d\u043e\u0432 Joomla 4 \u0438 Joomla 5 \u043e\u0442 \u0448\u0430\u0431\u043b\u043e\u043d\u043e\u0432 Joomla 3<\/a><\/p>\n<\/li>\n<li>\n<p><a href=\"#joomla-template-file-structure\" rel=\"noopener noreferrer nofollow\">\u0424\u0430\u0439\u043b\u043e\u0432\u0430\u044f \u0441\u0442\u0440\u0443\u043a\u0442\u0443\u0440\u0430 \u0448\u0430\u0431\u043b\u043e\u043d\u0430 Joomla 4 \u0438 Joomla 5<\/a><\/p>\n<ul>\n<li>\n<p><a href=\"#file-templateDetails-xml\" rel=\"noopener noreferrer nofollow\">\u0424\u0430\u0439\u043b templateDetails.xml<\/a><\/p>\n<\/li>\n<li>\n<p><a href=\"#file-index-php-joomla\" rel=\"noopener noreferrer nofollow\">\u0424\u0430\u0439\u043b index.php<\/a><\/p>\n<ul>\n<li>\n<p><a href=\"#usloviya-dlya-vyvoda-posicii-vnutri-shablona-joomla\" rel=\"noopener noreferrer nofollow\">\u0423\u0441\u043b\u043e\u0432\u0438\u044f \u0434\u043b\u044f \u0432\u044b\u0432\u043e\u0434\u0430 \u043f\u043e\u0437\u0438\u0446\u0438\u0439 \u0432\u043d\u0443\u0442\u0440\u0438 \u0448\u0430\u0431\u043b\u043e\u043d\u0430<\/a><\/p>\n<\/li>\n<\/ul>\n<\/li>\n<li>\n<p><a href=\"#file-component-php-joomla\" rel=\"noopener noreferrer nofollow\">\u0424\u0430\u0439\u043b component.php<\/a><\/p>\n<\/li>\n<li>\n<p><a href=\"#file-error-php-joomla\" rel=\"noopener noreferrer nofollow\">\u0424\u0430\u0439\u043b error.php<\/a><\/p>\n<\/li>\n<li>\n<p><a href=\"#file-fatal-php-joomla\" rel=\"noopener noreferrer nofollow\">\u0424\u0430\u0439\u043b fatal.php<\/a><\/p>\n<\/li>\n<li>\n<p><a href=\"#file-offline-php-joomla\" rel=\"noopener noreferrer nofollow\">\u0424\u0430\u0439\u043b offline.php<\/a><\/p>\n<\/li>\n<li>\n<p><a href=\"#file-joomla-asset-json-joomla-template\" rel=\"noopener noreferrer nofollow\">\u0424\u0430\u0439\u043b joomla.asset.json<\/a><\/p>\n<\/li>\n<\/ul>\n<\/li>\n<li>\n<p><a href=\"#joomla-child-template\" rel=\"noopener noreferrer nofollow\">\u0414\u043e\u0447\u0435\u0440\u043d\u0438\u0435 \u0448\u0430\u0431\u043b\u043e\u043d\u044b (\u0434\u043e\u0447\u0435\u0440\u043d\u0438\u0435 \u0442\u0435\u043c\u044b) \u0432 Joomla<\/a><\/p>\n<\/li>\n<li>\n<p><a href=\"#joomla-template-with-template-parameters\" rel=\"noopener noreferrer nofollow\">\u0428\u0430\u0431\u043b\u043e\u043d\u044b \u0441 \u043e\u043f\u0446\u0438\u044f\u043c\u0438 (\u0434\u043e\u0431\u0430\u0432\u0438\u0442\u044c \u043d\u0430\u0441\u0442\u0440\u043e\u0439\u043a\u0438 \u0434\u043b\u044f \u0441\u0432\u043e\u0435\u0433\u043e \u0448\u0430\u0431\u043b\u043e\u043d\u0430)<\/a><\/p>\n<\/li>\n<li>\n<p><a href=\"#modules-design-joomla-site\" rel=\"noopener noreferrer nofollow\">\u0421\u0443\u0449\u043d\u043e\u0441\u0442\u044c \u043c\u043e\u0434\u0443\u043b\u044f. \u0414\u0438\u0437\u0430\u0439\u043d \u0434\u043b\u044f \u043c\u043e\u0434\u0443\u043b\u0435\u0439 \u043d\u0430 Joomla-\u0441\u0430\u0439\u0442\u0435.<\/a><\/p>\n<ul>\n<li>\n<p><a href=\"#joomla-modules-layouts-overrides\" rel=\"noopener noreferrer nofollow\">\u041c\u0430\u043a\u0435\u0442 \u043c\u043e\u0434\u0443\u043b\u044f Joomla. \u041f\u0435\u0440\u0435\u043e\u043f\u0440\u0435\u0434\u0435\u043b\u0435\u043d\u0438\u044f.<\/a><\/p>\n<\/li>\n<li>\n<p><a href=\"#joomla-module-css-class\" rel=\"noopener noreferrer nofollow\">\u0421\u0443\u0444\u0444\u0438\u043a\u0441 \u043a\u043b\u0430\u0441\u0441\u0430 \u043c\u043e\u0434\u0443\u043b\u044f (CSS-\u043a\u043b\u0430\u0441\u0441 \u043c\u043e\u0434\u0443\u043b\u044f)<\/a><\/p>\n<\/li>\n<li>\n<p><a href=\"#joomla-modules-chromes\" rel=\"noopener noreferrer nofollow\">Chrome \u043c\u043e\u0434\u0443\u043b\u044f (\u0441\u0442\u0438\u043b\u044c \u043c\u043e\u0434\u0443\u043b\u044f) Joomla<\/a><\/p>\n<\/li>\n<li>\n<p><a href=\"#primenenie-joomla-modules-chromes\" rel=\"noopener noreferrer nofollow\">\u041f\u0440\u0438\u043c\u0435\u043d\u0435\u043d\u0438\u0435 \u0441\u0442\u0438\u043b\u0435\u0439 \u043c\u043e\u0434\u0443\u043b\u044f \u0432 Joomla<\/a><\/p>\n<\/li>\n<li>\n<p><a href=\"#sposoby-vstavki-modulei-v-joomla\" rel=\"noopener noreferrer nofollow\">\u0421\u043f\u043e\u0441\u043e\u0431\u044b \u0432\u0441\u0442\u0430\u0432\u043a\u0438 \u043c\u043e\u0434\u0443\u043b\u0435\u0439<\/a><\/p>\n<\/li>\n<\/ul>\n<\/li>\n<li>\n<p><a href=\"#pluginy-v-aspekte-verstki-shablonov-joomla-4\" rel=\"noopener noreferrer nofollow\">\u0421\u0443\u0449\u043d\u043e\u0441\u0442\u044c \u043f\u043b\u0430\u0433\u0438\u043d\u0430 Joomla \u0432 \u0430\u0441\u043f\u0435\u043a\u0442\u0435 \u0432\u0451\u0440\u0441\u0442\u043a\u0438 \u0448\u0430\u0431\u043b\u043e\u043d\u0430<\/a><\/p>\n<ul>\n<li>\n<p><a href=\"#makety-vyvoda-pluginov-joomla-pereopredelenie\" rel=\"noopener noreferrer nofollow\">\u041c\u0430\u043a\u0435\u0442\u044b \u0432\u044b\u0432\u043e\u0434\u0430 \u043f\u043b\u0430\u0433\u0438\u043d\u043e\u0432 Joomla, \u041f\u0435\u0440\u0435\u043e\u043f\u0440\u0435\u0434\u0435\u043b\u0435\u043d\u0438\u0435.<\/a><\/p>\n<\/li>\n<\/ul>\n<\/li>\n<li>\n<p><a href=\"#makety-vyvoda-komponentov-joomla\" rel=\"noopener noreferrer nofollow\">\u0421\u0443\u0449\u043d\u043e\u0441\u0442\u044c \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442\u0430 Joomla \u0432 \u0440\u0430\u043a\u0443\u0440\u0441\u0435 \u0441\u043e\u0437\u0434\u0430\u043d\u0438\u044f \u0448\u0430\u0431\u043b\u043e\u043d\u0430 \u0441\u0430\u0439\u0442\u0430<\/a><\/p>\n<ul>\n<li>\n<p><a href=\"#makety-vyvoda-komponentov-joomla-kanonicheskii-sposob\" rel=\"noopener noreferrer nofollow\">\u041a\u0430\u043d\u043e\u043d\u0438\u0447\u0435\u0441\u043a\u0438\u0439 \u0441\u043f\u043e\u0441\u043e\u0431 \u0440\u0430\u0437\u043c\u0435\u0449\u0435\u043d\u0438\u044f \u043c\u0430\u043a\u0435\u0442\u043e\u0432 \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442\u0430<\/a><\/p>\n<\/li>\n<li>\n<p><a href=\"https:\/\/makety-vyvoda-komponentov-joomla-nekanonicheskii-sposob\" rel=\"noopener noreferrer nofollow\">\u041d\u0435\u043a\u0430\u043d\u043e\u043d\u0438\u0447\u0435\u0441\u043a\u0438\u0439 \u0441\u043f\u043e\u0441\u043e\u0431 \u0440\u0430\u0437\u043c\u0435\u0449\u0435\u043d\u0438\u044f \u043c\u0430\u043a\u0435\u0442\u043e\u0432 \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442\u0430<\/a><\/p>\n<ul>\n<li>\n<p>Virtuemart, JoomShopping<\/p>\n<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<\/li>\n<li>\n<p><a href=\"#joomla-layouts\" rel=\"noopener noreferrer nofollow\">\u0421\u0443\u0449\u043d\u043e\u0441\u0442\u044c \u043b\u0435\u0439\u0430\u0443\u0442\u043e\u0432 (Joomla Layouts). \u041f\u0435\u0440\u0435\u043e\u043f\u0440\u0435\u0434\u0435\u043b\u0435\u043d\u0438\u0435.<\/a><\/p>\n<\/li>\n<li>\n<p><a href=\"#joomla-site-speed\" rel=\"noopener noreferrer nofollow\">\u0421\u043a\u043e\u0440\u043e\u0441\u0442\u044c \u0437\u0430\u0433\u0440\u0443\u0437\u043a\u0438 \u0441\u0430\u0439\u0442\u0430 Joomla \u0438 100 \u0437\u0435\u043b\u0451\u043d\u044b\u0445 \u043f\u043e\u043f\u0443\u0433\u0430\u0435\u0432<\/a><\/p>\n<\/li>\n<li>\n<p><a href=\"#common-recomendations\" rel=\"noopener noreferrer nofollow\">\u041e\u0431\u0449\u0438\u0435 \u0440\u0435\u043a\u043e\u043c\u0435\u043d\u0434\u0430\u0446\u0438\u0438<\/a><\/p>\n<\/li>\n<li>\n<p><a href=\"#zakluchenie\" rel=\"noopener noreferrer nofollow\">\u0417\u0430\u043a\u043b\u044e\u0447\u0435\u043d\u0438\u0435<\/a><\/p>\n<\/li>\n<\/ul>\n<h2>\u0412\u0441\u0442\u0443\u043f\u043b\u0435\u043d\u0438\u0435<\/h2>\n<p>\u041d\u0443\u0436\u043d\u043e \u043f\u0440\u0438\u0437\u043d\u0430\u0442\u044c, \u0447\u0442\u043e Joomla \u043f\u0440\u0435\u0434\u043e\u0441\u0442\u0430\u0432\u043b\u044f\u0435\u0442 \u0434\u043e\u0432\u043e\u043b\u044c\u043d\u043e \u0431\u043e\u043b\u044c\u0448\u043e\u0439 \u0444\u0443\u043d\u043a\u0446\u0438\u043e\u043d\u0430\u043b \u0438\u0437 \u043a\u043e\u0440\u043e\u0431\u043a\u0438, \u043f\u0443\u0442\u0435\u0439 \u0440\u0435\u0448\u0435\u043d\u0438\u044f \u043e\u0434\u043d\u043e\u0439 \u0438 \u0442\u043e\u0439 \u0436\u0435 \u0437\u0430\u0434\u0430\u0447\u0438 \u043c\u043e\u0436\u0435\u0442 \u0431\u044b\u0442\u044c \u043d\u0435\u0441\u043a\u043e\u043b\u044c\u043a\u043e \u0438 \u0431\u044b\u0432\u0430\u0435\u0442 \u0441\u043b\u043e\u0436\u043d\u043e \u043d\u0430\u0437\u0432\u0430\u0442\u044c \u043a\u0430\u043a\u043e\u0439-\u043b\u0438\u0431\u043e \u0438\u0437 \u043d\u0438\u0445 \u043e\u0434\u043d\u043e\u0437\u043d\u0430\u0447\u043d\u043e \u043f\u0440\u0430\u0432\u0438\u043b\u044c\u043d\u044b\u043c. \u0420\u0430\u0437\u043d\u044b\u0435 \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u0447\u0438\u043a\u0438 \u044f\u0432\u043b\u044f\u044e\u0442\u0441\u044f \u043f\u0440\u0438\u0432\u0435\u0440\u0436\u0435\u043d\u0446\u0430\u043c\u0438 \u0440\u0430\u0437\u043d\u044b\u0445 \u043f\u043e\u0434\u0445\u043e\u0434\u043e\u0432, \u0447\u0442\u043e \u043f\u043e\u0440\u043e\u0439 \u0432\u044b\u0437\u044b\u0432\u0430\u0435\u0442 \u0436\u0430\u0440\u043a\u0438\u0435 \u0441\u043f\u043e\u0440\u044b \u043c\u0435\u0436\u0434\u0443 \u043d\u0438\u043c\u0438. <\/p>\n<p>\u0421 Joomla \u0440\u0430\u0431\u043e\u0442\u0430\u044e\u0442 \u043a\u0430\u043a \u043d\u0430\u0447\u0438\u043d\u0430\u044e\u0449\u0438\u0435 \u0432\u0435\u0431-\u043c\u0430\u0441\u0442\u0435\u0440\u0430, \u0442\u0430\u043a \u0438 \u043f\u0440\u043e\u0444\u0435\u0441\u0441\u0438\u043e\u043d\u0430\u043b\u044c\u043d\u044b\u0435 \u043a\u043e\u043c\u0430\u043d\u0434\u044b. \u0412 \u0440\u0443\u043a\u0430\u0445 \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u0447\u0438\u043a\u0430 \u0448\u0430\u0431\u043b\u043e\u043d\u0430 \u0434\u043b\u044f Joomla \u043c\u043e\u0436\u0435\u0442 \u043e\u043a\u0430\u0437\u0430\u0442\u044c\u0441\u044f \u043a\u0430\u043a \u0442\u043e\u043b\u044c\u043a\u043e FTP, Notepad++ \u0438 \u0448\u0430\u0431\u043b\u043e\u043d-\u0431\u0438\u043b\u0434\u0435\u0440, \u0442\u0430\u043a \u0438 \u0438 \u043f\u0440\u043e\u0444\u0435\u0441\u0441\u0438\u043e\u043d\u0430\u043b\u044c\u043d\u044b\u0435 \u0441\u0440\u0435\u0434\u044b \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u043a\u0438 (PHP Storm \/ VS Code). \u0421\u0443\u0449\u0435\u0441\u0442\u0432\u0443\u044e\u0442 \u043a\u043e\u043c\u0430\u043d\u0434\u044b, \u0433\u0434\u0435 Joomla \u043e\u0431\u0438\u0442\u0430\u0435\u0442 \u0432 \u0443\u0441\u043b\u043e\u0432\u0438\u044f\u0445 CI\/DI, Git, \u0442\u0435\u0441\u0442\u043e\u0432\u044b\u0445 \u0441\u0442\u0435\u043d\u0434\u043e\u0432 \u0438 \u043f\u0440\u043e\u0447\u0438\u043c. \u0410 \u0431\u044b\u0432\u0430\u044e\u0442 \u0438 \u0443\u0441\u043b\u043e\u0432\u0438\u044f, \u043a\u043e\u0433\u0434\u0430 \u0438\u0437\u043c\u0435\u043d\u0435\u043d\u0438\u044f \u0432\u043d\u043e\u0441\u044f\u0442\u0441\u044f \u043f\u0440\u044f\u043c\u043e \u043d\u0430 \u043f\u0440\u043e\u0434 (production, \u0431\u043e\u0435\u0432\u043e\u0439 \u0441\u0430\u0439\u0442) \u0438 \u043e\u043d \u043f\u0430\u0434\u0430\u0435\u0442 \u043f\u0440\u044f\u043c\u043e \u043d\u0430 \u0433\u043b\u0430\u0437\u0430\u0445 \u0443 \u043f\u043e\u0441\u0435\u0442\u0438\u0442\u0435\u043b\u0435\u0439. \u041f\u043e\u0434\u043d\u0438\u043c\u0430\u0435\u0442\u0441\u044f \u0438 \u0441\u043d\u043e\u0432\u0430 \u043f\u0430\u0434\u0430\u0435\u0442, \u0438 \u0441\u043d\u043e\u0432\u0430 \u043f\u043e\u0434\u043d\u0438\u043c\u0430\u0435\u0442\u0441\u044f&#8230; \u0421\u043e\u043e\u0442\u0432\u0435\u0442\u0441\u0442\u0432\u0435\u043d\u043d\u043e \u043a\u043e\u043d\u0435\u0447\u043d\u044b\u0439 \u0440\u0435\u0437\u0443\u043b\u044c\u0442\u0430\u0442 \u0440\u0430\u0431\u043e\u0442\u044b \u0432\u0435\u0431\u043c\u0430\u0441\u0442\u0435\u0440\u0430, \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u0447\u0438\u043a\u0430 \u043c\u043e\u0436\u0435\u0442 \u0431\u044b\u0442\u044c \u0441\u043e\u0432\u0435\u0440\u0448\u0435\u043d\u043d\u043e \u0440\u0430\u0437\u043d\u044b\u0439 \u0438 \u043c\u044b \u043f\u043e\u043d\u0438\u043c\u0430\u0435\u043c, \u0447\u0442\u043e \u043d\u0435 \u0438\u043d\u0441\u0442\u0440\u0443\u043c\u0435\u043d\u0442 \u043a\u0440\u0430\u0441\u0438\u0442 \u0447\u0435\u043b\u043e\u0432\u0435\u043a\u0430, \u0430 \u0443\u043c\u0435\u043b\u044b\u0435 \u0440\u0443\u043a\u0438 &#8212; \u0438\u043d\u0441\u0442\u0440\u0443\u043c\u0435\u043d\u0442.<\/p>\n<p>\u041e\u043f\u0440\u0435\u0434\u0435\u043b\u0435\u043d\u043d\u0443\u044e \u043d\u0438\u0448\u0443 \u0437\u0430\u043d\u0438\u043c\u0430\u044e\u0442 \u0448\u0430\u0431\u043b\u043e\u043d\u044b-\u0431\u0438\u043b\u0434\u0435\u0440\u044b, \u0430-\u043b\u044f Helix Ultimate (+ SP Page Builder) \u043e\u0442 JoomShaper, YooTheme PRO, Astroid (Templazza), T4 (JoomlaArt), Gantry \u0438 \u0434\u0440\u0443\u0433\u0438\u0435. \u0420\u0430\u0431\u043e\u0442\u0430 \u0441 \u043d\u0438\u043c\u0438 \u043d\u0435\u0441\u043a\u043e\u043b\u044c\u043a\u043e \u043e\u0442\u043b\u0438\u0447\u0430\u0435\u0442\u0441\u044f \u043e\u0442 \u043a\u043b\u0430\u0441\u0441\u0438\u0447\u0435\u0441\u043a\u0438\u0445 \u0448\u0430\u0431\u043b\u043e\u043d\u043e\u0432, \u0442\u0430\u043a \u043a\u0430\u043a \u043f\u0440\u0435\u0434\u043f\u043e\u043b\u0430\u0433\u0430\u0435\u0442 \u0441\u043e\u0437\u0434\u0430\u043d\u0438\u0435 \u0441\u0432\u043e\u0438\u0445 \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u043e\u0432 \u0434\u043b\u044f \u0431\u0438\u043b\u0434\u0435\u0440\u043e\u0432 \u0438 \u0432 \u0446\u0435\u043b\u043e\u043c \u0441\u043e\u0434\u0435\u0440\u0436\u0438\u0442 \u043d\u0435\u043c\u0430\u043b\u0443\u044e \u0434\u043e\u043b\u044e \u0440\u0430\u0431\u043e\u0442\u044b \u0441 \u0438\u043d\u0442\u0435\u0440\u0444\u0435\u0439\u0441\u043e\u043c. \u042d\u0442\u043e\u0442 \u043f\u043e\u0434\u0445\u043e\u0434 \u0438\u043c\u0435\u0435\u0442 \u0441\u0432\u043e\u044e \u0430\u0443\u0434\u0438\u0442\u043e\u0440\u0438\u044e \u0438 \u043f\u0440\u0430\u0432\u043e \u043d\u0430 \u0436\u0438\u0437\u043d\u044c. \u041e\u0434\u043d\u0430\u043a\u043e, \u043f\u0440\u0438\u043e\u0431\u0440\u0435\u0442\u0430\u044f \u0432 \u0441\u043a\u043e\u0440\u043e\u0441\u0442\u0438 \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u043a\u0438 \u0448\u0430\u0431\u043b\u043e\u043d\u0430 \u043d\u0435\u0440\u0435\u0434\u043a\u043e \u043f\u0440\u0438\u0445\u043e\u0434\u0438\u0442\u0441\u044f \u0436\u0435\u0440\u0442\u0432\u043e\u0432\u0430\u0442\u044c \u043a\u0430\u0447\u0435\u0441\u0442\u0432\u043e\u043c HTML-\u043a\u043e\u0434\u0430. \u0412 \u043d\u0451\u043c \u043c\u043e\u0433\u0443\u0442 \u043f\u043e\u044f\u0432\u043b\u044f\u0442\u044c\u0441\u044f \u043b\u0438\u0448\u043d\u0438\u0435 div-\u043e\u0431\u0451\u0440\u0442\u043a\u0438 \u0438 \u043c\u0443\u0441\u043e\u0440\u043d\u044b\u0439 \u043a\u043e\u0434, \u043a\u043e\u0442\u043e\u0440\u044b\u0445 \u043c\u043e\u0436\u043d\u043e \u0431\u044b\u043b\u043e \u0431\u044b \u0438\u0437\u0431\u0435\u0436\u0430\u0442\u044c. \u0412 \u0434\u0430\u043d\u043d\u043e\u0439 \u0441\u0442\u0430\u0442\u044c\u0435 \u0448\u0430\u0431\u043b\u043e\u043d\u044b-\u0431\u0438\u043b\u0434\u0435\u0440\u044b \u0435\u0441\u043b\u0438 \u0438 \u0431\u0443\u0434\u0443\u0442 \u0437\u0430\u0442\u0440\u0430\u0433\u0438\u0432\u0430\u0442\u044c\u0441\u044f, \u0442\u043e \u043a\u043e\u0441\u0432\u0435\u043d\u043d\u043e.<\/p>\n<p>\u041f\u0440\u043e\u0446\u0435\u0441\u0441 \u0441\u043e\u0437\u0434\u0430\u043d\u0438\u044f \u0448\u0430\u0431\u043b\u043e\u043d\u0430 \u0441\u043e\u0441\u0442\u043e\u0438\u0442 \u0438\u0437 \u0434\u0438\u0437\u0430\u0439\u043d\u0430, \u0432\u0435\u0440\u0441\u0442\u043a\u0438 \u0438 &#171;\u043d\u0430\u0442\u044f\u0436\u043a\u0438&#187; \u043d\u0430 CMS. \u0414\u0438\u0437\u0430\u0439\u043d\u043e\u043c \u043e\u0431\u044b\u0447\u043d\u043e \u0437\u0430\u043d\u0438\u043c\u0430\u0435\u0442\u0441\u044f \u0434\u0438\u0437\u0430\u0439\u043d\u0435\u0440, \u0432\u0451\u0440\u0441\u0442\u043a\u043e\u0439 \u043c\u043e\u0436\u0435\u0442 \u0437\u0430\u043d\u0438\u043c\u0430\u0442\u044c\u0441\u044f \u043e\u0442\u0434\u0435\u043b\u044c\u043d\u044b\u0439 \u0432\u0435\u0440\u0441\u0442\u0430\u043b\u044c\u0449\u0438\u043a (\u043f\u043e\u0440\u043e\u0439 \u0437\u0430 \u0448\u0442\u0430\u0442\u043e\u043c). \u041f\u0440\u0438 \u044d\u0442\u043e\u043c \u043e\u0441\u043e\u0431\u0435\u043d\u043d\u043e\u0441\u0442\u0438 CMS \u043c\u043e\u0433\u0443\u0442 \u043d\u0435 \u0443\u0447\u0438\u0442\u044b\u0432\u0430\u0442\u044c\u0441\u044f \u0438 \u0442\u043e\u043c\u0443, \u043a\u0442\u043e \u0431\u0443\u0434\u0435\u0442 \u043d\u0430\u0442\u044f\u0433\u0438\u0432\u0430\u0442\u044c \u0448\u0430\u0431\u043b\u043e\u043d \u043d\u0430 Joomla, \u043f\u0440\u0438\u0434\u0451\u0442\u0441\u044f \u0447\u0442\u043e-\u0442\u043e \u043f\u0435\u0440\u0435\u0434\u0435\u043b\u044b\u0432\u0430\u0442\u044c \u043a\u0430\u043a \u043c\u0438\u043d\u0438\u043c\u0443\u043c \u0432 \u0432\u0451\u0440\u0441\u0442\u043a\u0435. \u0414\u0430\u043d\u043d\u044b\u0439 \u0442\u0435\u043a\u0441\u0442 \u043c\u043e\u0436\u0435\u0442 \u043f\u043e\u043c\u043e\u0447\u044c \u043a\u0430\u043a \u0434\u0438\u0437\u0430\u0439\u043d\u0435\u0440\u0430\u043c, \u0442\u0430\u043a \u0438 \u043e\u0441\u0442\u0430\u043b\u044c\u043d\u044b\u043c \u0443\u0447\u0430\u0441\u0442\u043d\u0438\u043a\u0430\u043c \u043f\u0440\u043e\u0446\u0435\u0441\u0441\u0430 \u0438\u0437\u0431\u0435\u0436\u0430\u0442\u044c \u043f\u043e\u0434\u043e\u0431\u043d\u044b\u0445 \u0441\u0438\u0442\u0443\u0430\u0446\u0438\u0439. <\/p>\n<p>\u0412 \u0434\u0430\u043d\u043d\u043e\u0439 \u0441\u0442\u0430\u0442\u044c\u0435 \u044f \u043f\u043e\u0441\u0442\u0430\u0440\u0430\u044e\u0441\u044c \u0441\u043c\u0435\u0441\u0442\u0438\u0442\u044c \u0430\u043a\u0446\u0435\u043d\u0442 \u0441 \u0432\u0435\u043a\u0442\u043e\u0440\u0430 &#171;\u043a\u0430\u043a \u0441\u043e\u0437\u0434\u0430\u0442\u044c \u0448\u0430\u0431\u043b\u043e\u043d \u0434\u043b\u044f Joomla 4 \u0438 \u0441\u0442\u0430\u0440\u0448\u0435&#187; \u043d\u0430 &#171;\u043a\u0430\u043a\u0438\u0435 \u0432\u043e\u0437\u043c\u043e\u0436\u043d\u043e\u0441\u0442\u0438 \u0434\u0430\u0451\u0442 Joomla 4 \u043f\u0440\u0438 \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u043a\u0435 \u0448\u0430\u0431\u043b\u043e\u043d\u0430 \u0438 \u0434\u043b\u044f \u0443\u043d\u0438\u043a\u0430\u043b\u0438\u0437\u0430\u0446\u0438\u0438 \u0441\u0442\u0440\u0430\u043d\u0438\u0446&#187;. \u0418\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c \u0438\u043b\u0438 \u043d\u0435\u0442 \u0438 \u043a\u0430\u043a \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c \u043e\u043f\u0440\u0435\u0434\u0435\u043b\u0451\u043d\u043d\u044b\u0435 \u0432\u043e\u0437\u043c\u043e\u0436\u043d\u043e\u0441\u0442\u0438 Joomla \u0434\u043b\u044f \u0441\u043e\u0437\u0434\u0430\u043d\u0438\u044f \u0448\u0430\u0431\u043b\u043e\u043d\u0430 \u0441\u0430\u0439\u0442\u0430 &#8212; \u0440\u0435\u0448\u0430\u0442\u044c \u0443\u0436\u0435 \u0412\u0430\u043c. <\/p>\n<p>\u0414\u0430\u043d\u043d\u0430\u044f \u0441\u0442\u0430\u0442\u044c\u044f \u043c\u043e\u0436\u0435\u0442 \u043f\u0440\u0438\u0433\u043e\u0434\u0438\u0442\u044c\u0441\u044f \u043d\u0435 \u0442\u043e\u043b\u044c\u043a\u043e \u0442\u0435\u043c, \u043a\u0442\u043e \u0431\u0443\u0434\u0435\u0442 \u0441\u043e\u0437\u0434\u0430\u0432\u0430\u0442\u044c \u0448\u0430\u0431\u043b\u043e\u043d \u0441 \u043d\u0443\u043b\u044f, \u043d\u043e \u0438 \u0442\u0435\u043c, \u043a\u0442\u043e \u0440\u0430\u0431\u043e\u0442\u0430\u0435\u0442 \u0441 \u0433\u043e\u0442\u043e\u0432\u044b\u043c \u0448\u0430\u0431\u043b\u043e\u043d\u043e\u043c \u0438 \u043d\u0443\u0436\u0434\u0430\u0435\u0442\u0441\u044f \u0432 \u0435\u0433\u043e \u0438\u0437\u043c\u0435\u043d\u0435\u043d\u0438\u0438. \u0414\u0430\u043b\u0435\u043a\u043e \u043d\u0435 \u0443 \u0432\u0441\u0435\u0445 \u043a\u043b\u0438\u0435\u043d\u0442\u043e\u0432 \u0435\u0441\u0442\u044c \u0431\u044e\u0434\u0436\u0435\u0442\u044b \u043d\u0430 \u0445\u043e\u0440\u043e\u0448\u0435\u0433\u043e \u0434\u0438\u0437\u0430\u0439\u043d\u0435\u0440\u0430 \u0438 \u043e\u0442\u0434\u0435\u043b\u044c\u043d\u043e\u0433\u043e \u0432\u0435\u0440\u0441\u0442\u0430\u043b\u044c\u0449\u0438\u043a\u0430, \u043f\u043e\u044d\u0442\u043e\u043c\u0443 \u0441\u043b\u0443\u0447\u0430\u0435\u0432, \u043a\u043e\u0433\u0434\u0430 \u043d\u0443\u0436\u043d\u043e &#171;\u0441\u043a\u0430\u0447\u0430\u0442\u044c, \u0443\u0441\u0442\u0430\u043d\u043e\u0432\u0438\u0442\u044c \u0438 \u0438\u0437\u043c\u0435\u043d\u0438\u0442\u044c \u043f\u043e\u0434 \u0441\u0435\u0431\u044f&#187; \u0434\u043e\u0432\u043e\u043b\u044c\u043d\u043e \u043c\u043d\u043e\u0433\u043e. \u041d\u0430 \u0437\u0430\u043c\u0435\u0442\u043a\u0443 &#8212; <a href=\"https:\/\/templatejoomla.com\/\" rel=\"noopener noreferrer nofollow\">\u043a\u0430\u0442\u0430\u043b\u043e\u0433 \u0448\u0430\u0431\u043b\u043e\u043d\u043e\u0432 Joomla<\/a>. <\/p>\n<p>\u0412 \u0442\u0435\u043a\u0441\u0442\u0435 \u0441\u0442\u0430\u0442\u044c\u0438 \u0431\u0443\u0434\u0443\u0442 \u043a\u0440\u0430\u0442\u043a\u043e \u043e\u043f\u0438\u0441\u044b\u0432\u0430\u0442\u044c\u0441\u044f \u0438 \u0431\u0430\u0437\u043e\u0432\u044b\u0435 \u043f\u043e\u043d\u044f\u0442\u0438\u044f Joomla. \u041e\u043d\u0438 \u0431\u0443\u0434\u0443\u0442 \u043d\u0435 \u0438\u043d\u0442\u0435\u0440\u0435\u0441\u043d\u044b \u043e\u043f\u044b\u0442\u043d\u044b\u043c \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u0447\u0438\u043a\u0430\u043c, \u043d\u043e \u043f\u043e\u043b\u0435\u0437\u043d\u044b \u0442\u0435\u043c, \u043a\u0442\u043e \u0432\u043f\u0435\u0440\u0432\u044b\u0435 \u0441\u0442\u0430\u043b\u043a\u0438\u0432\u0430\u0435\u0442\u0441\u044f \u0441 \u043f\u043e\u0434\u043e\u0431\u043d\u043e\u0439 \u0437\u0430\u0434\u0430\u0447\u0435\u0439. <\/p>\n<p><a class=\"anchor\" name=\"literatura\" id=\"literatura\"><\/a><\/p>\n<h2>\u041e\u0431\u0437\u043e\u0440 \u043b\u0438\u0442\u0435\u0440\u0430\u0442\u0443\u0440\u044b<\/h2>\n<p>\u0418\u0437 \u0441\u0442\u0430\u0442\u0435\u0439-\u043c\u0430\u043d\u0443\u0430\u043b\u043e\u0432 \u043d\u0430 \u0425\u0430\u0431\u0440\u0435 \u043c\u043e\u0436\u043d\u043e \u0432\u044b\u0434\u0435\u043b\u0438\u0442\u044c \u0441\u0435\u0440\u0438\u044e \u0441\u0442\u0430\u0442\u0435\u0439 <a href=\"https:\/\/habr.com\/ru\/articles\/41213\/\" rel=\"noopener noreferrer nofollow\">\u0421\u043e\u0437\u0434\u0430\u0451\u043c \u0448\u0430\u0431\u043b\u043e\u043d Joomla \u043f\u043e \u0441\u0442\u0430\u043d\u0434\u0430\u0440\u0442\u0430\u043c (\u0447\u0430\u0441\u0442\u044c 1)<\/a> 2008 \u0433\u043e\u0434\u0430 &#8212; \u0435\u0449\u0451 \u0434\u043b\u044f Joomla 1.5. \u0421\u0442\u0430\u0442\u044c\u044e <a href=\"https:\/\/habr.com\/ru\/articles\/256635\/\" rel=\"noopener noreferrer nofollow\">\u041a\u0430\u043a \u0441\u0432\u0435\u0440\u0441\u0442\u0430\u0442\u044c \u0448\u0430\u0431\u043b\u043e\u043d \u0434\u043b\u044f Joomla<\/a> 2015 \u0433\u043e\u0434\u0430, \u0433\u0434\u0435 \u043d\u0430 \u0441\u043a\u0440\u0438\u043d\u0448\u043e\u0442\u0430\u0445 \u0432\u0438\u0434\u043d\u0430 Joomla 3.4.1. \u0410 \u0442\u0430\u043a\u0436\u0435 \u0441\u0442\u0430\u0442\u044c\u044f <a href=\"https:\/\/habr.com\/ru\/articles\/246061\/\" rel=\"noopener noreferrer nofollow\">\u0414\u0438\u0437\u0430\u0439\u043d \u0448\u0430\u0431\u043b\u043e\u043d\u0430 Joomla \u0434\u043b\u044f front-end \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u0447\u0438\u043a\u0430 \u0441\u043e\u0432\u0435\u0440\u0448\u0435\u043d\u043d\u043e \u043d\u0435\u0437\u043d\u0430\u043a\u043e\u043c\u043e\u0433\u043e \u0441 CMS<\/a> 2014 \u0433\u043e\u0434\u0430, \u043a\u043e\u0442\u043e\u0440\u0430\u044f \u043f\u043e\u043a\u0430\u0437\u0430\u043b\u0430\u0441\u044c \u043c\u043d\u0435 \u0441\u0430\u043c\u043e\u0439 \u043b\u0430\u043a\u043e\u043d\u0438\u0447\u043d\u043e\u0439 \u0438 \u0434\u0435\u043b\u044c\u043d\u043e\u0439 \u0438\u0437 \u0432\u0441\u0435\u0445 \u043f\u0440\u0435\u0434\u0441\u0442\u0430\u0432\u043b\u0435\u043d\u043d\u044b\u0445 \u043d\u0430 \u0425\u0430\u0431\u0440\u0435.<\/p>\n<p>\u041a \u0441\u043e\u0436\u0430\u043b\u0435\u043d\u0438\u044e, <a href=\"https:\/\/docs.joomla.org\/Creating_a_basic_Joomla!_template\/ru\" rel=\"noopener noreferrer nofollow\">\u043e\u0444\u0438\u0446\u0438\u0430\u043b\u044c\u043d\u0430\u044f \u0434\u043e\u043a\u0443\u043c\u0435\u043d\u0442\u0430\u0446\u0438\u044f Joomla \u043f\u043e \u0441\u043e\u0437\u0434\u0430\u043d\u0438\u044e \u0448\u0430\u0431\u043b\u043e\u043d\u0430<\/a> \u043d\u0430 \u043c\u043e\u043c\u0435\u043d\u0442 \u043d\u0430\u043f\u0438\u0441\u0430\u043d\u0438\u044f \u0441\u0442\u0430\u0442\u044c\u0438 \u043f\u0440\u0438\u0432\u043e\u0434\u0438\u0442 \u043f\u0440\u0438\u043c\u0435\u0440\u044b \u0434\u043b\u044f Joomla 1.5-2.5 \u0438 \u0431\u043e\u043b\u044c\u0448\u0430\u044f \u0435\u0451 \u0447\u0430\u0441\u0442\u044c \u043d\u0430 \u0434\u0430\u043d\u043d\u044b\u0439 \u043c\u043e\u043c\u0435\u043d\u0442 \u044f\u0432\u043b\u044f\u0435\u0442\u0441\u044f \u0443\u0436\u0435 \u0443\u0441\u0442\u0430\u0440\u0435\u0432\u0448\u0435\u0439. <\/p>\n<p><a href=\"https:\/\/manual.joomla.org\" rel=\"noopener noreferrer nofollow\">\u041d\u043e\u0432\u044b\u0439 \u043f\u043e\u0440\u0442\u0430\u043b \u0434\u043e\u043a\u0443\u043c\u0435\u043d\u0442\u0430\u0446\u0438\u0438 Joomla<\/a> \u043f\u043e\u043a\u0430 \u0435\u0449\u0451 \u043d\u0430 \u0441\u0442\u0430\u0434\u0438\u0438 \u043d\u0430\u043f\u043e\u043b\u043d\u0435\u043d\u0438\u044f. \u041d\u0430 \u043c\u043e\u043c\u0435\u043d\u0442 \u043d\u0430\u043f\u0438\u0441\u0430\u043d\u0438\u044f \u044d\u0442\u043e\u0439 \u0441\u0442\u0430\u0442\u044c\u0438 \u043e \u0448\u0430\u0431\u043b\u043e\u043d\u0430\u0445 \u0442\u0430\u043c \u0437\u0430\u043f\u043e\u043b\u043d\u0435\u043d\u0430 \u043b\u0438\u0448\u044c \u043d\u0435\u043a\u043e\u0442\u043e\u0440\u0430\u044f \u0438\u043d\u0444\u043e\u0440\u043c\u0430\u0446\u0438\u044f.<\/p>\n<p>\u041f\u043e\u0434\u0430\u0432\u043b\u044f\u044e\u0449\u0443\u044e \u0447\u0430\u0441\u0442\u044c \u0441\u0438\u043b \u0430\u043a\u0442\u0438\u0432\u043d\u0430\u044f \u0447\u0430\u0441\u0442\u044c \u0441\u043e\u043e\u0431\u0449\u0435\u0441\u0442\u0432\u0430 \u0431\u0440\u043e\u0441\u0430\u0435\u0442 \u043d\u0430 \u0440\u0430\u0431\u043e\u0442\u0443 \u0441 \u043a\u043e\u0434\u043e\u043c \u044f\u0434\u0440\u0430, \u043f\u043e\u044d\u0442\u043e\u043c\u0443 \u0430\u043a\u0442\u0443\u0430\u043b\u044c\u043d\u0430\u044f \u0434\u043e\u043a\u0443\u043c\u0435\u043d\u0442\u0430\u0446\u0438\u044f &#8212; \u044d\u0442\u043e \u0431\u043e\u043b\u044c\u043d\u0430\u044f \u043c\u043e\u0437\u043e\u043b\u044c. \u041f\u043e\u0441\u0442\u0430\u0440\u0430\u0435\u043c\u0441\u044f \u043e\u0442 \u043d\u0435\u0451 \u0438\u0437\u0431\u0430\u0432\u0438\u0442\u044c\u0441\u044f \u0432 \u044d\u0442\u043e\u0439 \u0441\u0442\u0430\u0442\u044c\u0435.<\/p>\n<p>\u0418\u0437 \u0441\u043e\u0432\u0440\u0435\u043c\u0435\u043d\u043d\u044b\u0445 \u043d\u0435\u0434\u0430\u0432\u043d\u0438\u0445 \u0442\u0435\u043a\u0441\u0442\u043e\u0432, \u043f\u043e\u0441\u0432\u044f\u0449\u0451\u043d\u043d\u044b\u0445 \u0443\u0436\u0435 Joomla 4 \u043c\u043e\u0436\u043d\u043e \u043e\u0442\u043c\u0435\u0442\u0438\u0442\u044c \u0441\u0442\u0430\u0442\u044c\u044e <a href=\"https:\/\/kevinsguides.com\/guides\/webdev\/joomla\/joomla-templates\/dev-joom-tmpl\" rel=\"noopener noreferrer nofollow\">Developing a Joomla Template&#187; \u041a\u0435\u0432\u0438\u043d\u0430 \u041e\u043b\u0441\u043e\u043d\u0430 (Kevin Olson)<\/a>. \u041d\u0443\u0436\u043d\u043e \u043e\u0442\u0434\u0430\u0442\u044c \u0430\u0432\u0442\u043e\u0440\u0443 \u0434\u043e\u043b\u0436\u043d\u043e\u0435, \u043f\u0435\u0440\u0438\u043e\u0434\u0438\u0447\u0435\u0441\u043a\u0438 \u043e\u043d \u043e\u0431\u043d\u043e\u0432\u043b\u044f\u0435\u0442 \u0441\u043e\u0434\u0435\u0440\u0436\u0438\u043c\u043e\u0435 \u0441\u0442\u0430\u0442\u044c\u0438. \u041d\u0430 \u0442\u043e\u043c \u0436\u0435 \u0441\u0430\u0439\u0442\u0435 \u0432 \u043a\u0430\u0442\u0435\u0433\u043e\u0440\u0438\u0438 \u0441\u0442\u0430\u0442\u0435\u0439 <a href=\"https:\/\/kevinsguides.com\/guides\/webdev\/joomla\/joomla-templates\" rel=\"noopener noreferrer nofollow\">Joomla Templates<\/a> \u0435\u0441\u0442\u044c \u0435\u0449\u0451 \u043d\u0435\u0441\u043a\u043e\u043b\u044c\u043a\u043e \u043f\u043e\u043b\u0435\u0437\u043d\u044b\u0445 \u0442\u0435\u043a\u0441\u0442\u043e\u0432 \u043e \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u043a\u0435 \u0448\u0430\u0431\u043b\u043e\u043d\u043e\u0432 Joomla.<\/p>\n<p>Upd: 21.12.2023 &#8212; <a href=\"https:\/\/blog.astrid-guenther.de\/en\/joomla\/template\/40joomla-template-erste-schritte\/\" rel=\"noopener noreferrer nofollow\">\u0421\u0435\u0440\u0438\u044f \u0441\u0442\u0430\u0442\u0435\u0439 (\u0430\u043d\u0433\u043b.\u044f\u0437\u044b\u043a) \u043e \u0441\u043e\u0437\u0434\u0430\u043d\u0438\u0438 \u0448\u0430\u0431\u043b\u043e\u043d\u0430 \u0434\u043b\u044f Joomla 4 \/ Joomla 5 \u0432 \u0431\u043b\u043e\u0433\u0435 \u0410\u0441\u0442\u0440\u0438\u0434 \u0413\u044e\u043d\u0442\u0435\u0440 (Astrid Guenther)<\/a><\/p>\n<p>\u0422\u0430\u043a\u0436\u0435 \u0432 \u0438\u043d\u0442\u0435\u0440\u043d\u0435\u0442\u0435 \u0441\u0443\u0449\u0435\u0441\u0442\u0432\u0443\u0435\u0442 \u0434\u043e\u0432\u043e\u043b\u044c\u043d\u043e \u043c\u043d\u043e\u0433\u043e \u0441\u0442\u0430\u0442\u0435\u0439 \u0438 \u0432\u0438\u0434\u0435\u043e, \u043f\u043e\u0441\u0432\u044f\u0449\u0451\u043d\u043d\u044b\u0445 \u0441\u043e\u0437\u0434\u0430\u043d\u0438\u044e \u0448\u0430\u0431\u043b\u043e\u043d\u0430 \u0434\u043b\u044f \u043f\u0440\u0435\u0434\u044b\u0434\u0443\u0449\u0438\u0445 \u0432\u0435\u0440\u0441\u0438\u0439 Joomla. \u041c\u043d\u043e\u0433\u0438\u0435 \u043f\u0440\u0438\u043d\u0446\u0438\u043f\u044b, \u043e\u043f\u0438\u0441\u0430\u043d\u043d\u044b\u0435 \u0432 \u043d\u0438\u0445, \u043e\u0441\u0442\u0430\u043b\u0438\u0441\u044c \u0438 \u0434\u0435\u0439\u0441\u0442\u0432\u0443\u0435\u0442. \u041d\u043e \u0437\u043d\u0430\u043d\u0438\u0435 \u0434\u0435\u0442\u0430\u043b\u0435\u0439 \u0438 \u043d\u044e\u0430\u043d\u0441\u043e\u0432 \u043a\u0430\u043a \u0441\u0442\u0430\u0440\u044b\u0445, \u0442\u0430\u043a \u0438 \u043d\u043e\u0432\u044b\u0445 \u043d\u0435 \u043c\u0435\u043d\u0435\u0435 \u0432\u0430\u0436\u043d\u043e.<\/p>\n<p><a class=\"anchor\" name=\"opredelenie-logicheskoi-struktury-stranic-joomla\" id=\"opredelenie-logicheskoi-struktury-stranic-joomla\"><\/a><\/p>\n<h2>\u041e\u043f\u0440\u0435\u0434\u0435\u043b\u0435\u043d\u0438\u0435 \u043b\u043e\u0433\u0438\u0447\u0435\u0441\u043a\u043e\u0439 \u0441\u0442\u0440\u0443\u043a\u0442\u0443\u0440\u044b \u0441\u0442\u0440\u0430\u043d\u0438\u0446<\/h2>\n<p>\u0414\u043b\u044f \u043a\u0430\u0436\u0434\u043e\u0439 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u044b \u0441\u0430\u0439\u0442\u0430 \u0432\u0430\u0436\u043d\u0430 \u0432\u0435\u0440\u043d\u043e \u0441\u043a\u043e\u043d\u0441\u0442\u0440\u0443\u0438\u0440\u043e\u0432\u0430\u043d\u043d\u0430\u044f \u0432 \u043d\u0435\u0441\u043a\u043e\u043b\u044c\u043a\u0438\u0445 \u043f\u043b\u043e\u0441\u043a\u043e\u0441\u0442\u044f\u0445 \u043b\u043e\u0433\u0438\u043a\u0430: \u043c\u0430\u0440\u043a\u0435\u0442\u0438\u043d\u0433, UI\/UX, \u0434\u0438\u0437\u0430\u0439\u043d, \u0432\u0435\u0440\u0441\u0442\u043a\u0430, \u0432\u0437\u0430\u0438\u043c\u043e\u0434\u0435\u0439\u0441\u0442\u0432\u0438\u0435 \u0441 \u0431\u044d\u043a\u043e\u043c.<\/p>\n<p><a class=\"anchor\" name=\"opredelenie-logicheskoi-struktury-stranic-joomla-marketing\" id=\"opredelenie-logicheskoi-struktury-stranic-joomla-marketing\"><\/a><\/p>\n<h3>\u041c\u0430\u0440\u043a\u0435\u0442\u0438\u043d\u0433<\/h3>\n<p>\u0417\u0434\u0435\u0441\u044c \u043c\u044b \u043f\u043e\u0434\u0440\u0430\u0437\u0443\u043c\u0435\u0432\u0430\u0435\u043c \u0442\u043e, \u0447\u0442\u043e \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0430 \u0432 \u0446\u0435\u043b\u043e\u043c \u0434\u043e\u043b\u0436\u043d\u0430 \u043e\u0431\u0435\u0441\u043f\u0435\u0447\u0438\u0442\u044c \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u044e \u043c\u0430\u043a\u0441\u0438\u043c\u0430\u043b\u044c\u043d\u043e \u0431\u044b\u0441\u0442\u0440\u043e\u0435 \u0438 \u0443\u0434\u043e\u0431\u043d\u043e\u0435 \u043f\u0440\u043e\u0434\u0432\u0438\u0436\u0435\u043d\u0438\u0435 \u043f\u043e \u043f\u0443\u0442\u0438 \u043a \u0441\u043e\u0432\u0435\u0440\u0448\u0435\u043d\u0438\u044e \u0446\u0435\u043b\u0435\u0432\u043e\u0433\u043e \u0434\u0435\u0439\u0441\u0442\u0432\u0438\u044f (\u043f\u0440\u043e\u0434\u0432\u0438\u0436\u0435\u043d\u0438\u0435 \u043f\u043e customer jorney). \u0414\u043b\u044f \u0440\u0430\u0437\u043d\u044b\u0445 \u0442\u0438\u043f\u043e\u0432 \u0441\u0442\u0440\u0430\u043d\u0438\u0446 \u044d\u0442\u043e \u0440\u0430\u0437\u043d\u044b\u0435 \u0446\u0435\u043b\u0435\u0432\u044b\u0435 \u0434\u0435\u0439\u0441\u0442\u0432\u0438\u044f: \u0434\u043b\u044f \u043e\u0434\u043d\u0438\u0445 \u044d\u0442\u043e \u043c\u043e\u0436\u0435\u0442 \u0431\u044b\u0442\u044c \u043f\u0435\u0440\u0435\u0445\u043e\u0434 \u043d\u0430 \u0434\u0440\u0443\u0433\u0443\u044e \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0443, \u0434\u043b\u044f \u0434\u0440\u0443\u0433\u0438\u0445 &#8212; \u043d\u0430\u0436\u0430\u0442\u0438\u0435 \u043a\u043d\u043e\u043f\u043a\u0438, \u043e\u0431\u0440\u0430\u0449\u0435\u043d\u0438\u0435 \u0432 \u0436\u0438\u0432\u043e\u0439 \u0447\u0430\u0442, \u0437\u0430\u043f\u043e\u043b\u043d\u0435\u043d\u0438\u0435 \u0444\u043e\u0440\u043c\u044b, \u0434\u043e\u043b\u0433\u043e\u0435 \u0432\u0440\u0435\u043c\u044f \u043d\u0430\u0445\u043e\u0436\u0434\u0435\u043d\u0438\u044f \u043d\u0430 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0435, \u043f\u0440\u043e\u0441\u043c\u043e\u0442\u0440 \u043f\u043e\u043f\u0430\u043f\u0430 (\u0432\u0441\u043f\u043b\u044b\u0432\u0430\u044e\u0449\u0435\u0433\u043e \u043e\u043a\u043d\u0430) \u0438 \u0442.\u0434. \u0420\u0430\u0441\u043f\u0440\u0435\u0434\u0435\u043b\u0435\u043d\u0438\u0435\u043c \u043f\u043e \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0430\u043c \u0446\u0435\u043b\u0435\u0432\u044b\u0445 \u0434\u0435\u0439\u0441\u0442\u0432\u0438\u0439 \u0437\u0430\u043d\u0438\u043c\u0430\u0435\u0442\u0441\u044f \u043d\u0435 \u0432\u0435\u0440\u0441\u0442\u0430\u043b\u044c\u0449\u0438\u043a \u0438\u043b\u0438 \u0432\u0435\u0431\u043c\u0430\u0441\u0442\u0435\u0440, \u043d\u043e \u043e\u043d \u0434\u043e\u043b\u0436\u0435\u043d \u043f\u043e\u043d\u0438\u043c\u0430\u0442\u044c \u0447\u0442\u043e \u0434\u043e\u043b\u0436\u043d\u0430 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0430 \u0441\u0430\u0439\u0442\u0430 \u043f\u0440\u0435\u0434\u043e\u0441\u0442\u0430\u0432\u0438\u0442\u044c \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u044e.<\/p>\n<p><a class=\"anchor\" name=\"opredelenie-logicheskoi-struktury-stranic-joomla-ui-ux\" id=\"opredelenie-logicheskoi-struktury-stranic-joomla-ui-ux\"><\/a><\/p>\n<h3>UI\/UX \u0438 \u0434\u0438\u0437\u0430\u0439\u043d<\/h3>\n<p>\u042f \u043f\u043e\u0437\u0432\u043e\u043b\u044e \u0441\u0435\u0431\u0435 \u043e\u0431\u044a\u0435\u0434\u0438\u043d\u0438\u0442\u044c \u0438\u0445 \u0432 \u043e\u0434\u0438\u043d \u0440\u0430\u0437\u0434\u0435\u043b \u044d\u0442\u0438 \u0441\u043f\u0435\u0446\u0438\u0444\u0438\u0447\u043d\u044b\u0435, \u0445\u043e\u0442\u044c \u0438 \u0432\u043e \u043c\u043d\u043e\u0433\u043e\u043c \u0431\u043b\u0438\u0437\u043a\u0438\u0435 \u043f\u043e \u0446\u0435\u043b\u044f\u043c, \u043e\u0431\u043b\u0430\u0441\u0442\u0438. \u0413\u0440\u0430\u043c\u043e\u0442\u043d\u044b\u0439 UI\/UX \u0441 \u043f\u043e\u043c\u043e\u0449\u044c\u044e \u0434\u0438\u0437\u0430\u0439\u043d\u0430 \u044f\u0432\u043b\u044f\u0435\u0442\u0441\u044f \u0442\u043e\u0439 \u043b\u043e\u0433\u0438\u043a\u043e\u0439 \u0438 \u0432 \u0447\u0451\u043c-\u0442\u043e \u043c\u0435\u0445\u0430\u043d\u0438\u043a\u043e\u0439 \u043f\u0440\u043e\u0434\u0432\u0438\u0436\u0435\u043d\u0438\u044f \u043f\u043e\u0441\u0435\u0442\u0438\u0442\u0435\u043b\u044f \u0441\u0430\u0439\u0442\u0430 \u043a \u0446\u0435\u043b\u0435\u0432\u043e\u043c\u0443 \u0434\u0435\u0439\u0441\u0442\u0432\u0438\u044e. \u0418\u043c\u0435\u043d\u043d\u043e  UI\/UX \u0441\u043f\u0435\u0446\u0438\u0430\u043b\u0438\u0441\u0442\u044b  \u0432 \u043a\u0443\u043f\u0435 \u0441 \u0434\u0438\u0437\u0430\u0439\u043d\u0435\u0440\u0430\u043c\u0438 \u043f\u043e\u043c\u043e\u0433\u0430\u044e\u0442 \u043d\u0430\u043c \u0431\u044b\u0441\u0442\u0440\u043e \u043e\u0440\u0438\u0435\u043d\u0442\u0438\u0440\u043e\u0432\u0430\u0442\u044c\u0441\u044f \u043d\u0430 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0435, \u043d\u0430\u0445\u043e\u0434\u0438\u0442\u044c \u043d\u0443\u0436\u043d\u044b\u0435 \u043a\u043d\u043e\u043f\u043a\u0438 \u0438 \u0440\u0430\u0434\u043e\u0432\u0430\u0442\u044c\u0441\u044f \u0440\u0430\u0431\u043e\u0442\u0435 \u0441 \u043f\u0440\u0438\u044f\u0442\u043d\u044b\u043c \u0438\u043d\u0442\u0435\u0440\u0444\u0435\u0439\u0441\u043e\u043c.<\/p>\n<p><a class=\"anchor\" name=\"opredelenie-logicheskoi-struktury-stranic-joomla-verstka\" id=\"opredelenie-logicheskoi-struktury-stranic-joomla-verstka\"><\/a><\/p>\n<h3>\u0412\u0435\u0440\u0441\u0442\u043a\u0430<\/h3>\n<p>\u041a\u0430\u0437\u0430\u043b\u043e\u0441\u044c \u0431\u044b \u0437\u0430\u0447\u0435\u043c \u0432\u0441\u0451 \u0432\u044b\u0448\u0435\u0441\u043a\u0430\u0437\u0430\u043d\u043d\u043e\u0435 \u0437\u043d\u0430\u0442\u044c \u0432\u0435\u0440\u0441\u0442\u0430\u043b\u044c\u0449\u0438\u043a\u0443? \u041f\u0440\u0438\u0447\u0435\u043c \u0442\u0443\u0442 \u043a\u043e\u0434? \u041d\u043e \u0437\u043d\u0430\u043d\u0438\u0435 \u0442\u043e\u0433\u043e, \u0447\u0442\u043e \u0434\u043e\u043b\u0436\u043d\u043e, \u043d\u0430\u043f\u0440\u0438\u043c\u0435\u0440, \u043e\u0442\u043e\u0431\u0440\u0430\u0437\u0438\u0442\u044c\u0441\u044f \u043d\u0430 \u0441\u0430\u0439\u0442\u0435 \u0431\u044b\u0441\u0442\u0440\u0435\u0435 \u0438 \u043d\u0430\u0447\u0430\u0442\u044c \u0440\u0430\u0431\u043e\u0442\u0430\u0442\u044c \u0431\u044b\u0441\u0442\u0440\u0435\u0435 (\u0432 \u0441\u043b\u0443\u0447\u0430\u0435 \u0430\u043a\u0442\u0438\u0432\u043d\u044b\u0445 \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u043e\u0432) \u043f\u043e\u0437\u0432\u043e\u043b\u0438\u0442 \u0432\u044b\u0441\u0442\u0440\u043e\u0438\u0442\u044c \u043f\u0440\u0430\u0432\u0438\u043b\u044c\u043d\u044b\u0439 \u043f\u043e\u0440\u044f\u0434\u043e\u043a \u0437\u0430\u0433\u0440\u0443\u0437\u043a\u0438 \u0441\u043a\u0440\u0438\u043f\u0442\u043e\u0432. \u0418\u043b\u0438 \u043d\u0435 \u043f\u043e\u043c\u0435\u0449\u0430\u0442\u044c \u0432 \u043a\u0430\u0440\u0443\u0441\u0435\u043b\u044c \u0438\u0437\u043e\u0431\u0440\u0430\u0436\u0435\u043d\u0438\u0439 \u043d\u0430 \u043f\u0435\u0440\u0432\u044b\u0439 \u044d\u043a\u0440\u0430\u043d 100500 \u043a\u0430\u0440\u0442\u0438\u043d\u043e\u043a, \u0442\u0430\u043a \u043a\u0430\u043a \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u0438 \u043f\u0440\u043e\u043b\u0438\u0441\u0442\u0430\u044e\u0442 \u043e\u0442 \u0441\u0438\u043b\u044b 2-3 \u0438 \u0443\u0439\u0434\u0443\u0442 \u0432\u043d\u0438\u0437 \u043f\u043e \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0435 \u0438\u043b\u0438 \u0432\u043e\u043e\u0431\u0449\u0435 \u043d\u0430 \u0434\u0440\u0443\u0433\u0443\u044e \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0443. \u0422\u0435 \u0436\u0435 \u0437\u043d\u0430\u043d\u0438\u044f \u043e UI\/UX \u0438 \u0432\u0430\u0436\u043d\u044b\u0445 \u0446\u0435\u043b\u0435\u0432\u044b\u0445 \u0434\u0435\u0439\u0441\u0442\u0432\u0438\u044f\u0445 \u043f\u043e\u0437\u0432\u043e\u043b\u044f\u0442 \u043f\u0440\u0430\u0432\u0438\u043b\u044c\u043d\u043e \u0440\u0430\u0441\u0441\u0442\u0430\u0432\u0438\u0442\u044c \u0430\u0442\u0440\u0438\u0431\u0443\u0442\u044b <code>loading=\"lazy\"<\/code> \u0438\u0437\u043e\u0431\u0440\u0430\u0436\u0435\u043d\u0438\u044f\u043c (\u0430 \u043d\u0435 \u0432\u0441\u0435\u043c \u043f\u043e\u0434\u0440\u044f\u0434) \u0438 \u0442.\u0434. \u0438 \u0442.\u043f.<\/p>\n<h4>\u0421\u0435\u043c\u0430\u043d\u0442\u0438\u0447\u0435\u0441\u043a\u0430\u044f \u0432\u0435\u0440\u0441\u0442\u043a\u0430<\/h4>\n<p>\u041d\u0430 \u044d\u0442\u0443 \u0442\u0435\u043c\u0443 \u043d\u0430\u043f\u0438\u0441\u0430\u043d\u044b \u0442\u043e\u043d\u043d\u044b \u0442\u0435\u043a\u0441\u0442\u043e\u0432. Joomla \u043d\u0430\u0447\u0438\u043d\u0430\u044f \u0441 \u0432\u0435\u0440\u0441\u0438\u0438 3.0 \u0438\u043c\u0435\u0435\u0442 \u0432\u043e\u0437\u043c\u043e\u0436\u043d\u043e\u0441\u0442\u044c \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c HTML5 \u0442\u0435\u0433\u0438 \u0434\u043b\u044f \u043c\u043e\u0434\u0443\u043b\u0435\u0439 &#8212; \u0443\u0436\u0435 \u0431\u043e\u043b\u044c\u0448\u0435 10 \u043b\u0435\u0442. \u041d\u043e \u043d\u0430\u0441\u043a\u043e\u043b\u044c\u043a\u043e \u0440\u0435\u0434\u043a\u043e \u044d\u0442\u0438\u043c \u0444\u0443\u043d\u043a\u0446\u0438\u043e\u043d\u0430\u043b\u043e\u043c \u043f\u043e\u043b\u044c\u0437\u0443\u044e\u0442\u0441\u044f! \u0410 \u0432\u0435\u0434\u044c \u043e\u043d\u0430 \u043d\u0443\u0436\u043d\u0430 \u0434\u043b\u044f \u043f\u0435\u0440\u0435\u0434\u0430\u0447\u0438 \u0441\u043c\u044b\u0441\u043b\u0430 \u043f\u043e\u0438\u0441\u043a\u043e\u0432\u0438\u043a\u0430\u043c. <\/p>\n<p>\u0423 \u0432\u0430\u0441 \u043a\u043e\u043d\u0442\u0435\u043d\u0442\u043d\u044b\u0439 \u0441\u0430\u0439\u0442, \u0432 \u0441\u0442\u0430\u0442\u044c\u0435 \u043f\u043e\u043a\u0443\u043f\u0430\u044e\u0442 \u0441\u0441\u044b\u043b\u043a\u0438 \u0438 \u0440\u0430\u0437\u043c\u0435\u0449\u0430\u044e\u0442 \u0440\u0435\u043a\u043b\u0430\u043c\u043d\u044b\u0435 \u0431\u043b\u043e\u043a\u0438. \u0414\u043b\u044f \u0442\u0435\u0445, \u043a\u0442\u043e \u043f\u043e\u043a\u0443\u043f\u0430\u0435\u0442 \u0441\u0441\u044b\u043b\u043a\u0438 \u0445\u043e\u0440\u043e\u0448\u043e, \u0447\u0442\u043e\u0431\u044b \u043e\u043d\u0438 \u0431\u044b\u043b\u0438 \u043c\u0430\u043a\u0441\u0438\u043c\u0430\u043b\u044c\u043d\u043e &#171;\u043d\u0430\u0442\u0438\u0432\u043d\u043e&#187; \u0432\u043d\u0435\u0434\u0440\u0435\u043d\u044b \u0432 \u0442\u0435\u043a\u0441\u0442, \u0432 \u0442\u043e \u0432\u0440\u0435\u043c\u044f \u043a\u0430\u043a \u0434\u043b\u044f \u0412\u0430\u0448\u0435\u0433\u043e \u0441\u0430\u0439\u0442\u0430 \u0432\u0430\u0436\u043d\u043e \u043d\u0435 \u0437\u0430\u0441\u043e\u0440\u044f\u0442\u044c \u0442\u0435\u043a\u0441\u0442\u044b \u0441\u0438\u043b\u044c\u043d\u043e, \u0438\u043d\u0430\u0447\u0435 \u043f\u043e\u0438\u0441\u043a\u043e\u0432\u0438\u043a\u0438 \u0432\u044b\u0447\u043b\u0435\u043d\u044f\u0442 \u043a\u0443\u043f\u043b\u0435\u043d\u043d\u044b\u0435 \u0441\u0441\u044b\u043b\u043a\u0438, \u043c\u043e\u0433\u0443\u0442 \u043f\u0435\u0441\u0441\u0438\u043c\u0438\u0437\u0438\u0440\u043e\u0432\u0430\u0442\u044c \u0441\u0430\u0439\u0442\u0430 \u0438 \u043e\u043d \u043f\u043e\u0442\u0435\u0440\u044f\u0435\u0442 \u0442\u0440\u0430\u0444\u0438\u043a, \u0430 \u0432\u044b &#8212;  \u043f\u0440\u0438\u0431\u044b\u043b\u044c \u043e\u0442 \u0440\u0435\u043a\u043b\u0430\u043c\u044b. \u0422\u0430\u043a\u0438\u043c \u043e\u0431\u0440\u0430\u0437\u043e\u043c, \u0440\u0435\u043a\u043b\u0430\u043c\u043d\u0443\u044e \u0432\u0441\u0442\u0430\u0432\u043a\u0443 \u0432\u043d\u0443\u0442\u0440\u0438 \u0442\u0435\u043a\u0441\u0442\u0430 \u0441\u0442\u0430\u0442\u044c\u0438 \u0412\u044b \u0431\u0443\u0434\u0435\u0442\u0435 \u043e\u0444\u043e\u0440\u043c\u043b\u044f\u0442\u044c \u043d\u0435 \u0442\u0435\u0433\u043e\u043c <code>&lt;div><\/code> \u0438\u043b\u0438 <code>&lt;section><\/code>, \u0430 \u0442\u0435\u0433\u043e\u043c <code>&lt;aside><\/code>, \u0441\u0435\u043c\u0430\u043d\u0442\u0438\u0447\u0435\u0441\u043a\u0430\u044f \u0440\u043e\u043b\u044c \u043a\u043e\u0442\u043e\u0440\u043e\u0433\u043e \u0432 \u043e\u0442\u0434\u0435\u043b\u0438\u043c\u043e\u043c \u0438 \u043d\u0435 \u0438\u043c\u0435\u044e\u0449\u0435\u043c \u043f\u0440\u044f\u043c\u043e\u0433\u043e \u043e\u0442\u043d\u043e\u0448\u0435\u043d\u0438\u044f \u043a \u043e\u0441\u043d\u043e\u0432\u043d\u043e\u043c\u0443 \u0442\u0435\u043a\u0441\u0442\u0443 \u0441\u043c\u044b\u0441\u043b\u0435. \u0410 \u0435\u0441\u043b\u0438 \u043c\u043e\u0434\u0443\u043b\u044c \u0441 \u0442\u0435\u0433\u0430\u043c\u0438 \u0441\u0442\u0430\u0442\u0435\u0439 \u0432 \u043f\u0440\u0430\u0432\u043e\u0439 \u0438\u043b\u0438 \u043b\u0435\u0432\u043e\u0439 \u043a\u043e\u043b\u043e\u043d\u043a\u0435 \u043e\u043a\u0430\u0436\u0435\u0442\u0441\u044f \u0432 \u0442\u0435\u0433\u0435 <code>&lt;aside><\/code>, \u0442\u043e \u0435\u0433\u043e \u0441\u0435\u043c\u0430\u043d\u0442\u0438\u0447\u0435\u0441\u043a\u0430\u044f \u043f\u043e\u043b\u0435\u0437\u043d\u043e\u0441\u0442\u044c \u0434\u043b\u044f \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u044b \u043c\u043e\u0436\u0435\u0442 \u0431\u044b\u0442\u044c \u0443\u0442\u0440\u0430\u0447\u0435\u043d\u0430, \u0442\u0430\u043a \u043a\u0430\u043a \u043f\u043e\u0438\u0441\u043a\u043e\u0432\u0438\u043a \u0431\u0443\u0434\u0435\u0442 \u0441\u0447\u0438\u0442\u0430\u0442\u044c \u0435\u0433\u043e \u0441\u043e\u0434\u0435\u0440\u0436\u0438\u043c\u043e\u0435 \u043d\u0435 \u043e\u0442\u043d\u043e\u0441\u044f\u0449\u0438\u043c\u0441\u044f \u043a \u043e\u0441\u043d\u043e\u0432\u043d\u043e\u043c\u0443 \u0441\u043c\u044b\u0441\u043b\u0443 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u044b. <\/p>\n<p>\u0422\u0430\u043a\u0438\u0445 \u0434\u0435\u0442\u0430\u043b\u0435\u0439 \u043c\u043d\u043e\u0433\u043e: \u0442\u0435\u0433\u0438 <code>&lt;strong><\/code> \u0438 <code>&lt;b><\/code>, \u0442\u0435\u0433\u0438 <code>&lt;section><\/code> \u0438 <code>&lt;article><\/code>,  \u043e\u0431\u0435\u0440\u043d\u0443\u0442\u044c \u0432\u044b\u0432\u043e\u0434 \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442\u0430 \u0432 <code>&lt;main><\/code> (\u043a\u043e\u0438\u0445, \u043a\u0441\u0442\u0430\u0442\u0438, \u043c\u043e\u0436\u0435\u0442 \u0431\u044b\u0442\u044c \u043d\u0435\u0441\u043a\u043e\u043b\u044c\u043a\u043e \u043d\u0430 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0435) \u0438 \u0442.\u0434. \u0421\u0435\u043c\u0430\u043d\u0442\u0438\u0447\u0435\u0441\u043a\u0430\u044f \u0432\u0451\u0440\u0441\u0442\u043a\u0430 &#8212; \u044d\u0442\u043e \u043f\u0440\u043e \u0443\u043c\u0435\u043d\u0438\u0435 \u0433\u0440\u0430\u043c\u043e\u0442\u043d\u043e \u043f\u043e\u043d\u0438\u043c\u0430\u0442\u044c \u0438 \u0432\u044b\u0440\u0430\u0436\u0430\u0442\u044c \u043c\u044b\u0441\u043b\u0438, \u0440\u0430\u0441\u0441\u0442\u0430\u0432\u043b\u044f\u0442\u044c \u043f\u0440\u0430\u0432\u0438\u043b\u044c\u043d\u044b\u0435 \u0430\u043a\u0446\u0435\u043d\u0442\u044b. \u0423 Joomla \u0434\u043b\u044f \u044d\u0442\u043e\u0433\u043e \u0435\u0441\u0442\u044c \u0432\u0441\u0435 \u0432\u043e\u0437\u043c\u043e\u0436\u043d\u043e\u0441\u0442\u0438.<\/p>\n<p><a class=\"anchor\" name=\"opredelenie-logicheskoi-struktury-stranic-joomla-rabota-s-backend\" id=\"opredelenie-logicheskoi-struktury-stranic-joomla-rabota-s-backend\"><\/a><\/p>\n<h3>\u0412\u0437\u0430\u0438\u043c\u043e\u0434\u0435\u0439\u0441\u0442\u0432\u0438\u0435 \u0441 backend \u0441\u0430\u0439\u0442\u0430<\/h3>\n<p>\u0417\u0434\u0435\u0441\u044c \u0445\u043e\u0447\u0435\u0442\u0441\u044f \u0441\u043a\u0430\u0437\u0430\u0442\u044c \u043e \u0442\u043e\u043c, \u0447\u0442\u043e \u0432 Joomla \u0441\u0443\u0449\u0435\u0441\u0442\u0432\u0443\u044e\u0442 \u0442\u0438\u043f\u043e\u0432\u044b\u0435 \u0434\u043b\u044f \u043d\u0435\u0451 \u0441\u043f\u043e\u0441\u043e\u0431\u044b \u0440\u0435\u0448\u0435\u043d\u0438\u044f \u043e\u043f\u0440\u0435\u0434\u0435\u043b\u0451\u043d\u043d\u044b\u0445 \u0437\u0430\u0434\u0430\u0447. \u041d\u0430\u043f\u0440\u0438\u043c\u0435\u0440, \u043e\u0434\u043d\u0430 \u0438\u0437 \u0441\u0442\u0440\u0430\u043d\u0438\u0446 \u0412\u0430\u0448\u0435\u0433\u043e \u043c\u0430\u043a\u0435\u0442\u0430 \u0441\u0430\u0439\u0442\u0430 &#8212; \u043a\u0430\u043a\u043e\u0439-\u043d\u0438\u0431\u0443\u0434\u044c<\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[],"tags":[],"class_list":["post-354789","post","type-post","status-publish","format-standard","hentry"],"_links":{"self":[{"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=\/wp\/v2\/posts\/354789","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=354789"}],"version-history":[{"count":0,"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=\/wp\/v2\/posts\/354789\/revisions"}],"wp:attachment":[{"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=354789"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=354789"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=354789"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}