How to work in joomla. Detailed instructions for installing Joomla on a local computer

Facebook

Hello! In this post, I want to touch on the topic of joomla again, namely how to make a multilingual site on joomla. Multilingualism is one of the advantages that joomla looked to me. A multilingual site is created in such a way that the user needs to add the same material in different languages. Those. translation is not carried out by any automatic translator robot, but simply by switching from one language to another. All articles in different languages are written by a person, as they say, with feeling, with sense, with arrangement. Personally, for me, this approach is more serious than using any Google translator.

In this article, we will step by step analyze what needs to be done to make our site available in different languages. I will create two more additional languages on an exemplary site - English and German, i.e. My website will be in three languages: Russian, English and German. Let's start.

Article structure

Multilingual site on Joomla

First, we need to install the localization files for the required languages. Well, it is assumed that you already have the Russian localization files installed. After all, you installed the Russian language with? If you didn’t install it and you have an admin panel and a website in English, then install it. We will analyze how to install German localization, other languages are installed in the same way. English is set by default.

Language manager

So let's go to "Extensions" -> "Language Manager". I have two languages installed, Russian is the default. It should be the same for you.

Pay attention to the left column. You must clearly understand what each item means:

Site language packs— translation of the frontal (visible) part of the site is set;

Control Panel Language Packs— set the translation of the site control panel;

Content languages— content languages are necessary for us to organize a multilingual site (with which we will work);

Redefining Constants- I already wrote about it, you can read more.

Let's install one more language, in my case it's German. To do this, click the button "Set language". Next, in the list of languages, check the box for the language we need. I marked German, i.e. Deutsch. If you do not know how your language will be in English, then you can use google translator.

The language is set. We return to the language manager and make sure that we have one more language for the site and control panel.

Language code for URL- here we enter the suffix for the address of the site of the given language ( only in latin), for example, it will be something like this - site.ru/en/;

Image prefix- in the drop-down list, select the prefix of the language we need. If we choose correctly, the flag of this language should be highlighted next to it. You need to know what the flag looks like for the added language. If you do not know which prefix to choose, then do the following - go to the root directory of the site and open the folder - /media/mod_languages/images. We find our flag and look at the file name. To view the flags, you can use the standard windows window. If you have a hosted site and there is no way to visually view media files, you can download all the flag files to your computer. They are lightweight and won't take long.

State- publish naturally

Access- to all guests - Public

Description You can enter any description.

Please note that all fields marked with an asterisk are required.

In the tab "Name of the site" You can enter the general name of the site in your native language. In some cases, this option may be useful.

Language switching module

After we have created all the content languages, we need to create and publish the language switching module. This module will allow our users to switch to the desired language of the site. For this we go to "Extensions" -> "Module Manager" and click on the button "Create". Select the module type from the list that opens. "Language Switching".

We publish the module in the appropriate position of your template. I leave all settings as default. You can walk through them and explore using the hints when you hover over the options.

System plugin

The next thing we need to do is enable language filter plugin. For this we go to "Extensions" -> "Plugin Manager" -> "System - Language Filter".

Let's not just turn it on, but go in and sort out some settings. In general, I recommend leaving the default settings, but suddenly something will not suit someone.

Here I will not analyze all the settings, but will dwell on only a few. If you hover over the title, a hint will appear, you can read it if something is not clear.

Language selection for new visitors- here you choose how the default language of the site will be determined: from the browser settings, or the default language set in the language manager will be set (we have Russian by default). That is, here you choose the most suitable option for you. I will leave the default language set in the language manager.

The next option I wanted to draw your attention to is " Remove default language prefix". What does it mean? Surely, on many sites where there are several languages, you have seen that addresses look like, for example, site.ru/en or site.ru/ru, i.e. the language suffix is added to the site address. So this option is needed in order to remove the suffix from the address for the default site language. I think this is logical. By default, this option is disabled, but I usually enable it and recommend it to you.

That's it, publish the plugin and save. Leave the rest of the options as they are.

We have made the preliminary settings. Now we need to create the structure of our site: I will create two categories in three languages, two articles for each category in three languages, a login form module in three languages, and a menu in three languages + a default menu for all languages.

And now about everything in order.

Content

Let's go to "Materials" -> "Category Manager" and create a category. In the category settings, assign the language of the category. Note that when choosing a language, all three languages \u200b\u200bcreated by us are available to us.

We duplicate this category and create it similarly in other languages. Category content: title and description are replaceable according to the language. Similarly, I will create another category. I will have two of them: articles and news.

In the future, we will need to link categories and articles with similar ones in another language. Those. expose as many links as you have languages. But we will consider the links between categories and materials a little lower.

Modules

I have created content. Now I will create a module also in three languages. This will be the login form module. Here, as well as for articles, we create a module in three languages and assign the desired language in the module settings.

Now let's move on to the menu. We need to do the following: we duplicate the main menu as many times as we have languages, i.e. a menu is created for each language and items are duplicated. We leave one common menu with one single item - Home. In my case, I will have four menus: one general menu with one item "Home" and three menus with items in English, Russian and German.

Let's take a look at the default menu. Go to the "Home" item and set the value of the main page to the position - "Yes" and the meaning of the language - "Everybody". By assigning a status to an item "Home Page" we make it the main menu (it will be marked with a house icon) and the menu becomes the main menu by default.

We create menu items in the rest of our menus, we give titles in our native language. Do not forget that each item should be assigned the appropriate language.

You can see the same language icons in other menus as well. Pay attention to the column "Connections". If you go to another menu and there are such icons in the list, then we did everything right.

Now let's link our categories and articles in the same way. First, let's go to the categories and open the category in any language for editing. We find the "Links" tab and also link the category similar to it in another language.

2. What should I do if the required language is not available in Joomla?

You need to create it. How? In short, then take any language, download it to your computer and translate it into your language by analogy. Install next. In general, this is a topic for a separate article. I will definitely write it, but for now here is a link to joomlaforum - http://joomlaforum.ru/index.php?topic=320561.0

3. How to change the display order of languages in the language switcher?

Try changing the order in the "Content Languages" admin panel.

Dmitry Dementy

Site owners choose this content management system due to the following advantages:

The ease of use of Joomla! only slightly inferior to WordPress. With this CMS, you can work without knowledge in the field of programming and website design.
Joomla has enough functionality to create websites of any size and purpose. On this engine, you can create resources of various types: from a business card site or blog to a large online store or information portal.
The ability to adapt the site to the needs of the audience using paid and free templates and extensions.
Convenient menu management and navigation. Thanks to this, Joomla is considered one of the best engines for online stores. On Joomla! you can quickly create sites with a complex architecture: a large number of categories and subcategories, as well as organize page hierarchies.
Adaptation to the requirements of search engines. Joomla engine! considered SEO friendly by default. And with the help of SEO extensions, you can quickly solve all the technical aspects of optimization.

Still don't trust free engines or think that search engines don't like them? Nonsense. Search engines do not like low-quality and template sites, and the functionality of Joomla! allows you to make the resource non-standard and useful to the audience. Perhaps you will be convinced by examples of Joomla sites, among which there are large reputable organizations.

Step #1: Getting Started with Joomla!

After registering a domain and purchasing a hosting with an installed CMS or installing Joomla on your own, you got access to the site's administrative panel.

Step #2: How to install the Joomla!

You can order an exclusive template for Joomla or use a ready-made paid or free solution. When choosing a template, follow these guidelines:

If you do not have a mobile version of the site, choose a template with adaptive layout. Thanks to this, owners of smartphones and tablets will be able to use your site.
Pay attention to the appearance and functionality of the template. For example, if you are creating an online store or a corporate website, themes for blogs or business card sites will not work in this case.
If you choose a ready-made template, use foreign sites. To do this, enter the query joomla templates in Google. So there will be more chances to find a good topic that colleagues and competitors in Runet do not use.

If you have no time to use search engines, look for templates here:

After choosing a template, download the distribution kit to your computer's hard drive. In the administrative panel, select the "Install Extensions" menu.

Download and install the template.

After successful installation, go to the template manager.

Check the box next to the selected template and click the "Default" button in the upper left corner of the screen.

Make sure to activate the selected template.

Using the template manager, you can change the appearance of the control panel. To do this, in the "Select system area" drop-down menu, select the "Control Panel" value, and in the "Template Selection" menu, select the appropriate template. Check the box next to the selected template and click the "Default" button.

Now move on to setting up the CMS.

Step #3: How to set up the CMS Joomla!

In this section, you will learn about the general settings of the engine, about creating and managing menus. Start with the general Joomla! CMS settings, which can be changed in the corresponding section.

Specify general site settings

From the General Settings menu, select the Site tab. Specify the name of the resource, make sure it is enabled. Write a notification about the unavailability of the site and, if necessary, select an image. From the Default Access Level menu, select the Public option.

Specify site meta-data: description and keywords. Choose a value for the robots tag. If you do not need to limit the indexing of a resource by search engines, the Index, Follow option will do. Enter copyright information in the "Copyright" field.

In the "SEO Settings" section, enable CNC and add a suffix to the URL. To enable URL redirection, you need to rename the htaccess.txt file, which is located in the root directory of the resource. To access it, use any FTP client, such as Filezilla. Find the specified file and rename it to .htaccess.

Check the "None" box next to the "Aliases in Unicode" field. If you want to include the site name in the page title, check the appropriate box.

On the "System" tab, check "None" next to the "System Debug" and "Language Debugging" fields. Enable standard caching. In the "Session settings" section, set the duration of sessions for authorized users. For example, if you specify a value of 120 minutes, the system will require the user to re-enter their login and password after two hours of inactivity.

On the Server tab, enable gzip compression of pages. This will speed up the loading of the site in the browsers of visitors. If you want to provide users with a secure connection with the site, purchase an SSL certificate and enable the appropriate option in the Joomla control panel. Choose a time zone that suits your resource's audience. Leave built-in FTP access and proxy turned off. In the "Mail Setup" section, specify the email address and the sender of the letter.

On the "Permissions" tab, you can configure access rights for different groups of visitors. The site owner belongs to the group of superusers who have access to all rights. An unregistered user can only view resource pages. Customize access rights according to the needs of the audience and administrators. The illustration shows the settings for the author, who has the ability to register and enter the site, publish and edit their own materials.

If you are working on the site yourself, do not change the settings on the Text Filters tab. If other users can add posts, filter out unwanted HTML tags. For example, you can use filters to prevent a group of users from embedding YouTube videos in posts. To do this, next to the corresponding group, specify the type of filter "Black List", which by default includes tags . <img src='https://i2.wp.com/texterra.ru/upload/img/23-03-2018/17.png' width="100%" loading=lazy loading=lazy> <h3>How to create a site menu on CMS Joomla!</h3> To create a menu, use the menu manager in the Joomla control panel. <img src='https://i0.wp.com/texterra.ru/upload/img/23-03-2018/18.png' width="100%" loading=lazy loading=lazy> Click the "Create" button in the upper left corner of the screen. On the page that opens, enter a title, description, and menu type. Save your changes. <img src='https://i2.wp.com/texterra.ru/upload/img/23-03-2018/19.png' width="100%" loading=lazy loading=lazy> To create menu items, you must first publish the corresponding site pages. To add menu items, follow the appropriate link and use the "Create" button. Select a menu item type. Imagine that you want to display a link to the publication in the main menu. To do this, use the option "Select - materials - material". <img src='https://i0.wp.com/texterra.ru/upload/img/23-03-2018/20.png' width="100%" loading=lazy loading=lazy> To select a specific material, use the "Select" option. <img src='https://i1.wp.com/texterra.ru/upload/img/23-03-2018/21.png' width="100%" loading=lazy loading=lazy> Create the rest of the menu items in the same way. For example, to add a link to a blog in the menu, select the menu type "Category Blog". <img src='https://i1.wp.com/texterra.ru/upload/img/23-03-2018/22.png' width="100%" loading=lazy loading=lazy> Now you need to create a menu display module on the site. To do this, go to the module manager. <img src='https://i0.wp.com/texterra.ru/upload/img/23-03-2018/23.png' width="100%" loading=lazy loading=lazy> Click the "Create" button in the upper left corner of the screen. <img src='https://i0.wp.com/texterra.ru/upload/img/23-03-2018/24.png' width="100%" loading=lazy loading=lazy> On the page that opens, select the option of the "Menu" module. <img src='https://i1.wp.com/texterra.ru/upload/img/23-03-2018/25.png' width="100%" loading=lazy loading=lazy> On the module editing page, specify its name. Select the menu for which you are creating a module. Specify base point. Turn on the display of menu sub-items. Turn off the display of the title, select the position of the module in the drop-down menu. Save your changes. <img src='https://i1.wp.com/texterra.ru/upload/img/23-03-2018/26.png' width="100%" loading=lazy loading=lazy> <h3>How to create categories and category menus</h3> If you are creating an information resource or an online store, organize site navigation using categories. To do this, use the category manager. <img src='https://i0.wp.com/texterra.ru/upload/img/23-03-2018/27.png' width="100%" loading=lazy loading=lazy> Imagine that you need to create a category that contains subcategories. To create a parent category, use the "Create" button in the category manager. In the edit menu, specify the name of the section, add a description. <img src='https://i2.wp.com/texterra.ru/upload/img/23-03-2018/28.png' width="100%" loading=lazy loading=lazy> On the "Publication" tab, specify the meta-data of the category, if necessary, indicate the author. <img src='https://i2.wp.com/texterra.ru/upload/img/23-03-2018/29.png' width="100%" loading=lazy loading=lazy> Do not change the default settings on the Permissions tab. On the Options tab, select the category page layout and add an image. For example, for an information resource, the Blog layout is suitable. Save your changes. <img src='https://i0.wp.com/texterra.ru/upload/img/23-03-2018/30.png' width="100%" loading=lazy loading=lazy> Now create a category display module. To do this, go to the module manager. Use the "Create" option and select the "Categories" module type. Specify the name, if necessary, enable the display of the section description and the number of publications. Select "Yes" next to "Show subcategories". Choose the appropriate values for "Number of First Subcategories" and "Maximum Nesting Depth". Select the category display position. Save your changes. <img src='https://i0.wp.com/texterra.ru/upload/img/23-03-2018/31.png' width="100%" loading=lazy loading=lazy> If everything is done correctly, the site will display a category navigation menu. If your template doesn't support breadcrumbs or breadcrumbs by default, add them using the module manager. For example, imagine you want to add breadcrumbs above the site's content. To do this, when creating a module, select the "Site Navigator" type. <img src='https://i0.wp.com/texterra.ru/upload/img/23-03-2018/33.png' width="100%" loading=lazy loading=lazy> Specify the name of the module, select the appropriate settings and the position of the element on the site. Save your changes. <img src='https://i2.wp.com/texterra.ru/upload/img/23-03-2018/34.png' width="100%" loading=lazy loading=lazy> Breadcrumbs will now appear at the top of the site's pages. <img src='https://i1.wp.com/texterra.ru/upload/img/23-03-2018/35.png' width="100%" loading=lazy loading=lazy> You have set up the CMS and created the site menu. Now it is necessary to solve practical problems with the help of extensions. <h2>Step #4: Installing and configuring the basic set of extensions for Joomla!</h2> With the help of a basic set of extensions for Joomla! the following practical problems can be solved: <ul><li>Ensure site security. Use extensions to set up backups, reduce the chance of unauthorized site access, and protect users and administrators from spam.</li> <li>Ensure that the resource meets the technical requirements of search engines. Create a sitemap, provide the ability to easily manage page metadata.</li> <li>Expand the functionality and improve the usability of the site. Add social media sharing buttons, a feedback form, accelerated pages to the site. Also make sure rich snippets show up in search results with Schema.org markup.</li> </ul><h3>How to set up site backup on Joomla!</h3> To create regular backups, use one of the following tools: Download the distribution kit of the selected tool and install it on the site using the extension manager. If you have chosen the free component Akeeba Backup Core, after installation, go to the setup page. Accept the license agreement and run the configuration wizard. After completing its work, Akeeba Backup will offer to create a backup copy or manually change the settings. <img src='https://i2.wp.com/texterra.ru/upload/img/23-03-2018/36.png' width="100%" loading=lazy loading=lazy> Create a site backup. <img src='https://i2.wp.com/texterra.ru/upload/img/23-03-2018/37.png' width="100%" loading=lazy loading=lazy> You can view the update log using the View Log button. The Manage backups button allows you to enter the backup management menu. Here you can filter, mark and delete obsolete backups. <img src='https://i1.wp.com/texterra.ru/upload/img/23-03-2018/38.png' width="100%" loading=lazy loading=lazy> The free version of Akeeba Backup does not support automatic scheduled backups, so you will have to make backups manually. To do this, in the Joomla! you need to use the menu "Maintenance - Backup is up-to-date". <img src='https://i1.wp.com/texterra.ru/upload/img/23-03-2018/39.png' width="100%" loading=lazy loading=lazy> Choose the frequency of backups depending on the frequency of site updates. For example, if you post multiple content daily, create backups once or twice a week. Also create copies before updating the engine and components, installing new extensions and templates. <h3>How to reduce the chance of unauthorized access to a site on Joomla!</h3> You can reduce the likelihood of a site being hacked on Joomla using the following extensions: Install the Brute Force Stop extension. Enable it in the "Extension Manager - Plugins" menu. <img src='https://i2.wp.com/texterra.ru/upload/img/23-03-2018/40.png' width="100%" loading=lazy loading=lazy> On the plugin settings page, specify the blocking threshold. The default value is "10". I recommend reducing it. <img src='https://i2.wp.com/texterra.ru/upload/img/23-03-2018/41.png' width="100%" loading=lazy loading=lazy> On the "Notifications" tab, specify the email address to which messages about blocked IPs will be sent. <img src='https://i0.wp.com/texterra.ru/upload/img/23-03-2018/42.png' width="100%" loading=lazy loading=lazy> On the tabs "Advanced settings" and "Delay" you can leave the default values. Save your settings. After that, the plugin will protect the site from hacking by brute force. <h3>How to secure a site on Joomla! from spam</h3> You can protect a resource on Joomla CMS from automatic registrations and spam comments using the following extensions: <ul><li>iAkismet. This is a paid plugin that provides site protection using the Akismet service.</li> <li>R Antispam. This tool protects the forums of sites powered by Joomla! from spambots.</li> <li>CleanTalk (paid service).</li> </ul>In the plugin manager, enable the CATCHA - reCAPTCHA plugin. <img src='https://i2.wp.com/texterra.ru/upload/img/23-03-2018/43.png' width="100%" loading=lazy loading=lazy> Register your site with Google reCAPTCHA. Get a public and private key. Specify them in the plugin settings. <img src='https://i2.wp.com/texterra.ru/upload/img/23-03-2018/44.png' width="100%" loading=lazy loading=lazy> Enter the menu "Users - User Manager - Settings". In the CAPTCHA field, use the drop-down menu to specify the value CAPTCHA - reCAPTCHA. Save your changes. <img src='https://i1.wp.com/texterra.ru/upload/img/23-03-2018/45.png' width="100%" loading=lazy loading=lazy> After that, reCAPTCHA will protect registration, password recovery, commenting forms from spam bots. <img src='https://i2.wp.com/texterra.ru/upload/img/23-03-2018/46.png' width="100%" loading=lazy loading=lazy> <h3>How to create a sitemap</h3> This task can be solved using the following tools: After installing Sitemap Generator, go to the sitemap manager. It can be found in the "Components - Sitemap Generator" menu. <img src='https://i1.wp.com/texterra.ru/upload/img/23-03-2018/47.png' width="100%" loading=lazy loading=lazy> Click the "Generate your sitemap" button. <img src='https://i0.wp.com/texterra.ru/upload/img/23-03-2018/48.png' width="100%" loading=lazy loading=lazy> Wait for a message about the successful creation of the sitemap. To view the map, use the "Show the sitemap" button. <img src='https://i1.wp.com/texterra.ru/upload/img/23-03-2018/49.png' width="100%" loading=lazy loading=lazy> Please note that the Sitemap Generator extension can be used for free on sites with less than 500 URLs. The cost of using the module for sites with 500 URLs or more is from 40 euros per year. <h3>How to provide convenient management of meta-data</h3> By default, you can add and edit meta data for each story individually in the Publish Options tab. The following tools make this task easier: <ul><li>iSEO. Paid solution: a powerful SEO plugin that solves a complex of tasks.</li> <li>SEOBoss. Use this free plugin with caution as some of its features are old school SEO.</li> </ul>Install the EFSEO plugin and enable it in the plugin manager. Go to the plugin settings page. On the Advanced Options tab, enable the Collect URL's feature. <img src='https://i1.wp.com/texterra.ru/upload/img/23-03-2018/50.png' width="100%" loading=lazy loading=lazy> Open the site in the frontend. A block appeared in the upper right corner of the screen with which you can control meta-data. <img src='https://i0.wp.com/texterra.ru/upload/img/23-03-2018/51.png' width="100%" loading=lazy loading=lazy> Click on the block and edit the page's meta data. <img src='https://i2.wp.com/texterra.ru/upload/img/23-03-2018/52.png' width="100%" loading=lazy loading=lazy> Repeat the action on each page of the site. The EFSEO plugin supports automatic mode. When activated, the add-on generates meta data for pages. The function can be enabled on the Automatic Mode tab in the plugin settings. Use the automatic mode as a last resort, as the metadata is best created manually. <img src='https://i2.wp.com/texterra.ru/upload/img/23-03-2018/53.png' width="100%" loading=lazy loading=lazy> <h3>How to add social sharing buttons</h3> Install and activate the AddToAny Share Buttons module. By default, share buttons will appear on post pages below the content. <img src='https://i1.wp.com/texterra.ru/upload/img/23-03-2018/54.png' width="100%" loading=lazy loading=lazy> In the plugin settings on the AddToAny Placement tab, you can change the location of the buttons. Positions are available above the content, below the content and above and below the content at the same time. <img src='https://i0.wp.com/texterra.ru/upload/img/23-03-2018/55.png' width="100%" loading=lazy loading=lazy> <h3>How to add a feedback form</h3> The feedback form can be made using the following extensions: After installing the Form Maker Lite extension, go to the "Components - Form Maker Lite - Forms" menu. Click the New button to open the new form editor. <img src='https://i0.wp.com/texterra.ru/upload/img/23-03-2018/56.png' width="100%" loading=lazy loading=lazy> Use the Form Options button to go to the form settings page. On the Email Options tab, enter the email address that will receive messages created using the form. <img src='https://i0.wp.com/texterra.ru/upload/img/23-03-2018/57.png' width="100%" loading=lazy loading=lazy> Add new fields using the Add New Field button. <img src='https://i1.wp.com/texterra.ru/upload/img/23-03-2018/58.png' width="100%" loading=lazy loading=lazy> In the editor, select the desired type and appearance of the fields, and also replace the English text with Russian. Save your changes when you're done editing. <img src='https://i1.wp.com/texterra.ru/upload/img/23-03-2018/59.png' width="100%" loading=lazy loading=lazy> To add a form to the pages of the site, in the menu "Components - Form Maker Lite - Forms" copy the code of the created form. In edit mode, paste it on the selected pages of the site. <img src='https://i2.wp.com/texterra.ru/upload/img/23-03-2018/60.png' width="100%" loading=lazy loading=lazy> If you did everything right, the created form will appear on the pages of the site. <img src='https://i0.wp.com/texterra.ru/upload/img/23-03-2018/61.png' width="100%" loading=lazy loading=lazy> <h3>How to add microdata to a Joomla!</h3> Structured data is interesting due to rich page descriptions in search results. Read more about rich snippets. Google Structured Data Markup. Upon activation, the free version adds Schema.org Breadcrumblist, Organization and Website microdata. <img src='https://i2.wp.com/texterra.ru/upload/img/23-03-2018/62.png' width="100%" loading=lazy loading=lazy> With the free version of the plugin, Schema.org Article structured data can be added to posts. To do this, in the Google Structured Data settings menu, select the Items section and click the "Create" button. <img src='https://i2.wp.com/texterra.ru/upload/img/23-03-2018/63.png' width="100%" loading=lazy loading=lazy> In the window that opens, use the Select Item button to select the article to which you plan to add markup. Provide a title and description. Save your changes. <img src='https://i1.wp.com/texterra.ru/upload/img/23-03-2018/64.png' width="100%" loading=lazy loading=lazy> Check the correctness of the microdata using the Google tool. <img src='https://i1.wp.com/texterra.ru/upload/img/23-03-2018/65.png' width="100%" loading=lazy loading=lazy> The paid version of the plugin supports other markup types, including Reviews, Products, Recipes, Events. Implement the Open Graph protocol on your site. It is needed so that when sharing content on social networks, the snippet looks attractive. <img src='https://i0.wp.com/texterra.ru/upload/img/23-03-2018/66.png' width="100%" loading=lazy loading=lazy> Install and activate the Phoca Open Graph extension. In the plugin settings, on the Main Options tab, enable the Find Image in content option. Enter a site name and save your changes. <img src='https://i1.wp.com/texterra.ru/upload/img/23-03-2018/67.png' width="100%" loading=lazy loading=lazy> If everything is done correctly, an attractive snippet will be generated when publishing material on social networks. Yandex turbo pages to a site running CMS Joomla! can be connected using the paid Turbozen plugin. The cost of the extension is 990 rubles. <h2>Step #5: How to Add Analytics Services Code to a Joomla!</h2> To track performance, add a site running CMS Joomla! to the Metrika and Google Analytics analytics services, as well as to the Google Search Console and Yandex.Webmaster. <h3>How to add a Joomla website to Google Analytics</h3> Sign in to your Google Analytics account. Add a new site to the system: specify the name, URL. Use the "Get Tracking ID" option. A tracking code is now available, which must be inserted on all pages of the site. <img src='https://i1.wp.com/texterra.ru/upload/img/23-03-2018/69.png' width="100%" loading=lazy loading=lazy> The problem can be solved using the following extensions: After installing the Advanced Google Analytics plugin, enable it and go to the settings page. Enter the tracking ID ID, domain name, select the appropriate settings, and save the changes. You have added a tracking code to the site. <img src='https://i1.wp.com/texterra.ru/upload/img/23-03-2018/70.png' width="100%" loading=lazy loading=lazy> <img src='https://i2.wp.com/texterra.ru/upload/img/23-03-2018/71.png' width="100%" loading=lazy loading=lazy> <h3>How to add a site to Joomla! to Yandex.Metrica</h3> You can add the Yandex.Metrika tracking code to your site using the do Yandex Metrika plugin. After installing the do Yandex Metrika plugin, enable it and go to the settings page. On the Module tab, enter the identifier ID. Choose the appropriate settings and save your changes. <img src='https://i0.wp.com/texterra.ru/upload/img/23-03-2018/72.png' width="100%" loading=lazy loading=lazy> In Yandex.Metrica, check if the data is coming from the site. <img src='https://i1.wp.com/texterra.ru/upload/img/23-03-2018/73.png' width="100%" loading=lazy loading=lazy> <h3>How to verify a site on Joomla! in Google Search Console and Yandex.Webmaster</h3> To add a site to Google and Yandex webmaster cabinets, you need to confirm the rights to manage the resource. This can be done quickly using the Webmaster site verification extension. Once installed, enable the plugin and go to the settings page. Add site verification IDs and save changes. <img src='https://i0.wp.com/texterra.ru/upload/img/23-03-2018/74.png' width="100%" loading=lazy loading=lazy> After that, confirm the rights in the offices for webmasters of Google and Yandex. <img src='https://i0.wp.com/texterra.ru/upload/img/23-03-2018/75.png' width="100%" loading=lazy loading=lazy> <h2>Step #6: How to Post Content</h2> <img src='https://i1.wp.com/texterra.ru/upload/img/23-03-2018/76.png' width="100%" loading=lazy loading=lazy> On the edit page, specify the name of the publication, add text. Select a category. To add an image, use the button marked in the illustration on the editor panel. <img src='https://i1.wp.com/texterra.ru/upload/img/23-03-2018/77.png' width="100%" loading=lazy loading=lazy> In the window that opens, you can add the alt attribute, select the alignment method and photo resolution. <img src='https://i2.wp.com/texterra.ru/upload/img/23-03-2018/78.png' width="100%" loading=lazy loading=lazy> On the Publish tab, add a description and optional keywords for the page. <img src='https://i2.wp.com/texterra.ru/upload/img/23-03-2018/79.png' width="100%" loading=lazy loading=lazy> On the Images and Links tab, you can add and edit images for previews and main content, and add links to redirect users. On the Display, Editing Options, and Permissions tabs, you can change the corresponding settings. In most cases, the default settings are suitable. After editing is complete, publish the material using the "Save and create" button. <img src='https://i2.wp.com/texterra.ru/upload/img/23-03-2018/80.gif' width="100%" loading=lazy loading=lazy> In the "Material Manager" section, you can manage publications: edit, delete, unpublish, estimate the number of views. <img src='https://i1.wp.com/texterra.ru/upload/img/23-03-2018/81.png' width="100%" loading=lazy loading=lazy> <img src='https://i1.wp.com/texterra.ru/upload/img/23-03-2018/82.png' width="100%" loading=lazy loading=lazy> <h2>Instead of a Conclusion, or What's Better: Joomla! or WordPress</h2> The answer to this question depends on your tasks, personal preferences and habits. Look for a unique solution on your own. To do this, work with two engines. Joomla is not as simple, logical and intuitive as WordPress. Therefore, it will be easier for a beginner to deal with WordPress. And Joomla! has more built-in features that can be used to solve practical problems without installing additional components. Some experts consider Joomla! a more suitable CMS for the implementation of large-scale projects, for example, large online stores or information resources. Perhaps this is just a matter of personal preference, as there are many examples of successful implementation of large-scale projects on WordPress. To the benefits of Joomla! ahead of WordPress include: <ul><li>Plugin-free SEO tools available. The engine supports URL optimization, link redirection, management of robots meta tags.</li> <li>Automatic caching. This feature speeds up page loading in browsers.</li> <li>Built-in FTP access.</li> <li>Page compression control.</li> <li>Ability to edit content in the frontend.</li> </ul>In the WordPress CMS, these tasks can only be solved with the help of additional plugins. Disadvantages of Joomla! can be attributed: <ul><li>Fewer free templates and plugins than WordPress. For example, for Joomla! there is no free plugin to implement turbo pages.</li> <li>Unwillingness of some extensions to work immediately after installation.</li> <li>More complex site management. Perhaps another subjective drawback.</li> Please enable JavaScript to view the</ul> Hello, dear readers of the blog site. This article is dedicated to beginners in website building. When you yourself have long passed this stage (which takes place in the development of absolutely any webmaster), it seems that everything is clear anyway.Indeed, after diving into the topic, everything turns out to be much simpler than it seemed on the surface. But for this you need to dive, and it is best to do this with someone's help (at least in the form of instructions for beginners).We will talk about working with the wonderful Joomla 3 engine, which in its current incarnation is a pretty solid product that meets modern layout standards (supported, for example,), security and functionality (with the help of extensions on this engine, you can, directories, blogs, photo galleries and more).Today we will touch on the key points for understanding the essence of working with this CMS, wander around the admin panel, consider the structure of posting materials in Joomla 3, and even work with the tools for creating a category hierarchy. In general, let's get acquainted with the engine, learn not to be afraid of it and try to understand the logic of fruitful work with it.<h2>How are the site on Joomla and the admin panel of this CMS connected?</h2>We create the public version of the site on Joomla (or any other engine) from scratch - we install the template, fill it with materials, add modules with menus and other necessary tools. This version of the site will be the way you want to make it yourself. At first, immediately after installing the engine (if you didn’t install demo data), it will be something completely unsightly (the name of the site, a couple of menu items - an empty rack for your thoughts splashed out on the Internet). <li>Hidden from everyone except you (and those whom you consider it necessary to let in there, for example, employees of your company, your soulmate or someone else) the part is called administrative panel or, in common parlance, the admin panel. Its appearance and the tools available in it are unified and will be initially the same for everyone who decides to create their site on the Joomla engine. Why do we need an admin panel? So that you do not have to climb through the files of your site and enter the texts of your articles into them. The admin panel makes working with the site as easy as working with Word (at least in those aspects that relate to adding articles). Well, there are also thousands of other features provided by the admin panel, which we will definitely talk about. However, the essence of working with it (logic) needs to be comprehended, because this is the key to its development and successful use.</li> Despite the fact that the main part of your site is certainly that part of your site that will be available to everyone - in the admin panel you will spend almost one hundred percent of your time allotted by you to work with your Internet project.<h3>Login to the Joomla admin panel and security issues</h3>How to get into the Joomla 3 admin panel? Pretty simple. It is enough to add to the URL of the main page of your site through the slash "administrator". If my blog was running this engine (in fact, I have WordPress), then to access the admin panel it would be enough to type in the address bar:https://website/administrator/If you connect to your site via FTP (or go to the local server folder), then at the root (this is the place where you get immediately after connecting) you will indeed find the “administrator” folder, and inside it the index.php file, which launches admin panel. Everything is fair.<img src='https://i2.wp.com/ktonanovenkogo.ru/image/21-08-201412-04-51.png' height="205" width="281" loading=lazy loading=lazy>php"? It is possible and so, but it is not necessary at all. The fact is that the web server (this is a program running on real or local hosting), when accessing the folder, will try to find the index file (with the php or html extension) in it in order to open it. By the way, an unpleasant moment is connected with this (read the link how this can and should be dealt with).Actually, when you enter the URL of the main page of your site into the address bar of your browser, the real file is also accessed. And it is again called index.php, but it lives at the very root of the site (at the same level as the administrator folder). This is just what it is a classic example of the appearance of mirrors(for example, the two URLs https://site and https://site/index.php will open the same page - why this is bad, read the link given in the previous paragraph).<img src='https://i0.wp.com/ktonanovenkogo.ru/image/21-08-201412-10-58.png' height="364" width="257" loading=lazy loading=lazy>Naturally, anyone will not be allowed into the admin panel. The defense lies in asking enter login and password, which you set when installing this engine (on local or real hosting). We must not forget that sites on the Internet are very often broken (for example, in order to or use it as a doorway). Moreover, it is not done purposefully, but “on the stream”. Therefore, the not yet great significance of your resource will not protect it from encroachment. and a non-trivial login can serve you well.<img src='https://i1.wp.com/ktonanovenkogo.ru/image/11-05-20140-16-44.png' height="254" width="261" loading=lazy loading=lazy>For forest site security you can use various plugins that allow, for example, to hide your admin panel. That is, when you go to the address “http://yourdomen.ru/administrator/”, you will not be prompted to enter a password. To enter the admin panel, you will need to use the path that the plugin will indicate to you. In this case, I described the work of the jsecure plugin, but there are many other options, for example, creating another pair of login and password, which will need to be entered after the official login from Joomla. But not the point.<h2>The reverse side of the site based on Joomla (through the looking glass)</h2>So, we found ourselves in the holy of holies of Joomla - in the admin panel. Only you and those to whom you have granted this privilege have access here (you can assign different access levels, at which different sets of admin panel features will be available). If you have worked with before, then you will not have any special questions, because the “troika” and “two and a half” have a common essence and have not changed since then. Added convenience, prettiness and security. The difference lies in the nuances, which I will not fail to mention.<h3>How does the Joomla 3 admin panel work?</h3>If you have never dealt with Jumla at all, then you will have to strain a little to understand the essence of its device. In general, this is not difficult, but for a person who has never dealt with the CMS, the logic of its work may not be obvious. I'm judging, of course, by myself, but you can be much smarter. Nevertheless continue assuming you are a beginner. For the rest I will forgive me for unnecessary details. Thank you.<img src='https://i0.wp.com/ktonanovenkogo.ru/image/20-08-201421-09-33.png' width="100%" loading=lazy loading=lazy>The main Joomla 3 admin page is similar to what we saw in version 2.5 and even 1.5 (it is no longer officially supported, which may affect security). Actually, you can read about leapfrog at the link. In short, until 3.5 is released, 2.5 will be considered the most stable. All versions 3.x are preliminary and not all extensions you can install on them (for example, your favorite in RuNet is not friends with a three-ruble note yet, but it is friends).At the top of the admin area is a permanent dropdown menu that has everything you could possibly need. As new extensions are installed, this menu will grow and expand with opportunities. The principles for classifying extensions have not changed since Joomla 1.5, and therefore I can advise you to read the article, which explains how to install them.There is currently no particularly significant information in the central part of the main page of the admin panel, but as the site develops, you will be able to track quite interesting information here. Left menu came to replace the instrument panel, which was in a poltorashka and kopeck piece and a half. There are “quick links” that essentially duplicate some of the top menu items, but allow you to navigate to the desired settings a little faster.If you are not on the main page of the admin panel, but go to one of the items in the top menu, then the left menu will display related to it "Quick links", which again speeds up the process of working on the site in Joomla 3. For example, when you go to the tab for creating a new user, a menu will be displayed on the left with all the “quick links” you need in this difficult task:<img src='https://i0.wp.com/ktonanovenkogo.ru/image/21-08-201415-59-54.png' width="100%" loading=lazy loading=lazy>That's all, now it's time to climb inside and dive into the wonderful world of creativity (website creation).An no. The screenshot also shows a wonderful change that I personally lacked in version 1.5 - ability to automatically update Joomla to the latest up-to-date version by simply pressing a button in the admin panel. Previously, I had to do this, but now even directly from the admin panel (with small nuances). The beauty. So I just upgrade to the new version 3.3.3.<img src='https://i1.wp.com/ktonanovenkogo.ru/image/21-08-2014%202-27-06.png' align="center" width="100%" loading=lazy loading=lazy>In just a couple of minutes, the update files will be downloaded, unpacked and installed (you will be informed about this in real time). Much more convenient than doing it manually.What is interesting in the Joomla 3 admin panel? What to grab first? What is important and what is secondary? Why are there so many things and what to do with it all? How, finally, to create a page, menu, add an image or video? Well, it's completely incomprehensible, looking at all this jumble of menu items in the admin panel. At least that was my personal impression of the first "battle" with the administrative panel of Joomla.Let's start with orientation in the sense of being able to understand how to return to starting point, namely to the main page of the admin panel, if you dug deep into the settings of something (although I mentioned that you can get anywhere from the top menu, which remains unchanged for all pages of the admin panel). To do this, use the Joomla logo located in the upper left corner, as well as the top menu item "System" - "Control Panel".The second issue to be addressed is usually − how to go to website from admin panel to see the results of what you did there. To do this again is very simple - just click on the name of your site, located in the upper right corner. This button is also duplicated in the lower left corner of the admin panel - "View Site".<img src='https://i0.wp.com/ktonanovenkogo.ru/image/21-08-201416-14-52.png' width="100%" loading=lazy loading=lazy>Initially, however, your site will be a pitiful sight, but after filling and structuring it, everything will become “blue and green” (in the sense, beautiful) and your soul will begin to “sing and rejoice”. But to achieve this, you will have to work hard.<h3>What can be immediately changed in the general settings of Joomla 3?</h3>It makes sense to change some general Joomla settings immediately before starting work. Let's try to do this. You can get into them from the top menu: "System" - "General settings". Right at this place it becomes very scary, because there are so many of them here (and this is only on one of the five possible tabs - “Site”, and I don’t even want to imagine what will be on others):<img src='https://i2.wp.com/ktonanovenkogo.ru/image/21-08-201416-28-44.png' height="619" width="586" loading=lazy loading=lazy>But again, there is no need to be afraid, because I will try to guide you through these wilds in the simplest and most effective way. Together we are strong (do not forget to subscribe to the newsletter so that the next article from this section would not pass you by).So, firstly, here you can change the name of the site that you came up with when installing the engine (you could hurry up or just write something “from the bullshit”, if only you were behind). Here you can also change in the settings field of the same name (with the help of it you can format the texts of the added articles). True, you will first have to install the plugin of the new editor, and only then go to the general settings and select the “Default editor” from the drop-down list. In general, the built-in TinyMCE has great functionality, but it will need to be configured (I think that we will talk about this separately).But we will wait a bit with these settings, but for now we will create the usability of the admin panel. Better go to the “System” tab (from the top menu of the General Settings) and look in the “Session Settings” area for the number in the line "Session lifetime". By default, 15 is set there (meaning minutes):<img src='https://i0.wp.com/ktonanovenkogo.ru/image/21-08-201417-04-06.png' width="100%" loading=lazy loading=lazy>At first, this infection frayed all my nerves, because as soon as I stopped being active in the admin panel for more than 15 minutes (I got distracted by the mail, went to drink tea, etc.), then I was thrown out of the admin panel at a time and I had to log in again and look for a place my last stay in the bowels of the admin panel. The thread of the actions being taken was interrupted, and taking into account the fact that at that time I already behaved like a “blind kitten” (I could not always remember how I got to this settings page), this circumstance did not bring positive to the work.It is clear that this is done for security reasons, but 15 minutes (especially for a beginner) is not enough. Therefore, I advise you to increase this figure ten times at the stage of development and acquaintance with Joomla (and do not forget to click on the "Save" button located above), at least for the time while you are actively working on creating the site (then you can set a smaller number ). .<h2>Categories and content - what they are and how to use them</h2>Further. In Joomla, everything is built around such a concept as materials (content). Actually, any site is primarily content, just wrapped in different candy wrappers (templates). Without materials, the site will not be interesting to anyone (except you, of course). Users who accidentally land on it will simply have nothing to do there, which will provoke their rapid departure and deterioration.Articles in Joomla are added on the "Materials" tab - "Material Manager". But do not rush to go there, because first you will need to prepare. What I mean? If we speak the language of the layman, then we need to prepare daddies where we will store these same articles. And not only store. Joomla has great tools to show all the contents of these folders (as a list or as small announcements) to users who visit your site. This is very convenient and we will talk about it in detail.<img src='https://i2.wp.com/ktonanovenkogo.ru/image/21-08-201414-11-57.png' width="100%" loading=lazy loading=lazy>To create these very daddies, we need to select the "Materials" tab - "Category Manager". Previously, in Joomla 1.5 it was possible to create folders of only two levels of nesting - healthy folders called Sections, which could contain smaller folders - Categories.Many users did not have enough of this, and in subsequent versions of this engine, sections were abandoned, but now you can nest some categories (daddies) inside others to any depth (level). Let's say that in category A, you invested category B, and already invested category C in it - as a result, you got three levels of nesting. Plague (although until in practice you encounter the need to use such a structure, you will not be able to appreciate the importance of this innovation).So, go to "Materials" - "Category Manager" - "Create" and open an account for categories on your site. In fact, by this you determine the structure of your future site- group future materials that will be placed on it. This structure can then be used in the menu on the site in order to make it easier for your visitors to navigate it.What categories can there be? It all depends on the theme of your site. But it is better to think carefully about this issue in order to make a reserve for the future and not reshape an already well-functioning site, because in some cases this can cause some negative consequences (with the right approach, only temporary).For example, for a tourism site, you can make top-level categories with the names of the regions of the world, and already nested in them - categories with the names of specific countries. You can also make a third level of nesting - regions or cities are already within these countries themselves.<h3>Creating categories and subcategories in Joomla</h3>The abundance of possible settings when creating a category in Joomla 3 somewhat discouraging, but you need to understand that in most cases you will only need to enter its name (this is the only required field in this form) and select the level of its nesting in the "Parent" field (select one of the already existing categories from the list, inside which the one you are now trying to create will be invested), if this is required according to the plan you previously developed (in our case, there is nothing to invest in yet, because this category will be the first).<img src='https://i0.wp.com/ktonanovenkogo.ru/image/21-08-201415-32-54.png' width="100%" loading=lazy loading=lazy>Field "Alias"(pseudonym) has not changed its purpose since Joomla 1.5 and allows you to correct the URL address of the menu item that will refer to this category (in this case, you can use the symbols ,,,[_],[-]).. If this field is left blank , then the system itself is a category and uses it in the URL address (it will turn out something like this - “https: // site / novsti”).The "Description" field is not required to be filled in, but if you do this, then when you display a list or announcements available in this category of articles (by creating the corresponding menu item on the site - we'll talk about this in more detail), the description you made will be displayed at the very beginning (you can use pictures for its design).Save changes made now you can use as many as three buttons (in Joomla 1.5 there were only two options):<ol><li>Save - you will save the changes made and at the same time remain on the same page</li><li>Save and close - the changes will be saved, and you will be transferred to a higher level (in our case, to the Category Manager)</li><li>Save and create - after saving, a window for creating a new category will open. Handy when creating the entire category structure on your site.</li> </ol>Naturally, when creating child categories (subcategories), you will also need to select the parent category (in our example, "News"), within which it will live in the future.<img src='https://i2.wp.com/ktonanovenkogo.ru/image/21-08-201419-52-25.png' width="100%" loading=lazy loading=lazy>If you look closely at the drop-down list, you will notice a category there with the name "Uncategorised". You didn't create it, so where did it come from? Everything is very simple. This virtual category was created by Joomla 3 itself and it will store articles that you do not dare to attribute to any category. It can be, for example, a page with contacts, directions, and the like. All of them will live in Uncategorised.In the category manager, child and parent elements are easy to follow thanks to their visual display with a large dash in front of the name and offset relative to the parent to the right (the name of even more nested categories will be displayed with an even longer dash):<img src='https://i2.wp.com/ktonanovenkogo.ru/image/21-08-201419-57-41.png' width="100%" loading=lazy loading=lazy>There you will also find Uncategorised (without categories). If you want to edit something already created, then just click on their name. To remove unnecessary categories, it will be enough to check the box (to the left of their name) and click on the "Add to cart" button located at the top. But as get into that basket? For example, to delete everything permanently from there or restore accidentally deleted ones.To do this, you will need to click on the “Search Tools” button located just above the list of categories, and on the panel that appears just below, find the “In the trash” option in the “Select state” drop-down list. A table will open with a list of the contents of the basket. To permanently delete a category, check the box next to it and use the "Empty Trash" button located at the top.<img src='https://i1.wp.com/ktonanovenkogo.ru/image/21-08-201420-29-04.png' width="100%" loading=lazy loading=lazy>If you want to restore something from a previously deleted one, then click on the trash can icon located to the left of the name (Publish).If you want to shelve something without deleting it, then just click on the checkmark located on the left to remove this category from publication(it will not be displayed on the site). You will be able to view the list of unpublished items in the same way as we just viewed the list of items in the basket.In fact, according to the proposed scheme create a category structure for the entire future site. If you haven’t thought of everything yet, then you create something that you have already decided exactly how it will look like. Next, we will consider the issues of creating new materials, menu items, setting up templates, installing the necessary extensions, and much, much more. I hope it will be interesting.<blockquote>It's better to see once than hear a hundred times, isn't it? I think so too, so I suggest you take a look 15 Quick Start Lessons for Joomla 3. They will play one after another automatically, and if you want, you can switch to the next lesson using the corresponding button on the player panel or select the desired lesson from the drop-down menu in the upper left corner of the player window: </blockquote><img src='https://i1.wp.com/ktonanovenkogo.ru/image/video-uroki-po-joomla-3.png' width="100%" loading=lazy loading=lazy>Enjoy watching! Good luck to you! See you soon on the blog pages site<h3></h3>You may be interested<img src='https://i0.wp.com/ktonanovenkogo.ru/wp-content/uploads/2013/10/nastroika-joomla.jpg' width="100%" loading=lazy loading=lazy>The Joomla site began to issue a bunch of errors like - Strict Standards: Non-static method JLoader::import () should not be called statically in <img src='https://i2.wp.com/ktonanovenkogo.ru/wp-content/uploads/2013/10/joomla-karta-saita.jpg' width="100%" loading=lazy loading=lazy>Creating a map for a Joomla site using the Xmap component <img src='https://i2.wp.com/ktonanovenkogo.ru/wp-content/uploads/2013/10/moduli-Joomla.jpg' width="100%" loading=lazy loading=lazy>Modules in Joomla - view position, configuration and output, as well as assigning class suffixes <img src='https://i2.wp.com/ktonanovenkogo.ru/wp-content/uploads/2013/10/obnovlenie-joomla.jpg' width="100%" loading=lazy loading=lazy>Update Joomla to the latest version <img src='https://i2.wp.com/ktonanovenkogo.ru/wp-content/uploads/2013/10/kontakty-dlya-saita.jpg' width="100%" loading=lazy loading=lazy>Contacts for the site and feedback form using the built-in Joomla component <img src='https://i0.wp.com/ktonanovenkogo.ru/wp-content/uploads/2013/10/rasshireniya-joomla.jpg' width="100%" loading=lazy loading=lazy>Extensions for Joomla - what is it and where to download components, modules and plugins for Joomla, how to install and remove them <img src='https://i1.wp.com/ktonanovenkogo.ru/wp-content/uploads/2013/10/k2-joomla.jpg' width="100%" loading=lazy loading=lazy>K2 component for creating blogs, catalogs and portals on Joomla - features, installation and Russification <img src='https://i2.wp.com/ktonanovenkogo.ru/wp-content/uploads/2013/10/chto-takoe-joomla.jpg' width="100%" loading=lazy loading=lazy>What is Joomla <img src='https://i0.wp.com/ktonanovenkogo.ru/wp-content/uploads/2013/10/cms-joomla.jpg' width="100%" loading=lazy loading=lazy>CMS Joomla - principles of free content management system, page creation and caching Joomla- content management system. Designed for those who are too lazy to bother with the study of css, html, php, or simply do not need it. After all, if you need to create everything, say, one site, then it is quite clear that spending a lot of time studying them is simply not logical. And here CMS will help us. Although in order to create a more or less good site, you still have to delve a little into css, html (or maybe not). In general, Joomla is a cool thing that allows you to create websites without any technical knowledge, and if you also use additional programs, such as artisteer(a template generator for the site, in principle, it replaces the necessary knowledge of CSS, HTML, but it creates redundant code, which affects site loading speed, but now it’s hard to find someone with a slow Internet, so it’s not so critical), then in addition to multifunctional sites, you can also create websites with original design. By the way, Initially, Joomla is not so functional, just one language and only the most necessary components, plugins. But it's all easy to change by spending a little time searching for and installing them. Now there are already many versions of this program, I use 2.5 (by the way, most of the templates for 1.7 are great for 2.5), as for me a very stable version. On 3.0 has not yet decided to go. Working with Joomla is quite simple, although some say that WordPress is easier, I won’t lie - I didn’t try it, I immediately chose Joomla, probably based on various ratings and polls, in which this particular CMS usually occupies a leading position. And you know, I didn't regret it. And you most likely won't regret it. Joomla admin panel very conveniently arranged, everything is at hand. Creating materials is as easy as shelling pears, the same as being able to use Word. By the way, in Joomla "Create material" is located on the first position not by chance, it is with it that you should start your work on the site. For convenience it is worth create categories, they are necessary in order to sort articles. some plugins work specifically with materials tied to a specific category. Well, of course, it will be more convenient for you to navigate the materials yourself if they are sorted. "Media manager" serves to upload photos, videos, various archives, which in the future will or may not be available for download from your site. By default, there is a limit and you can only upload files up to 20 megabytes, you can change the limit using the "Settings" button in the upper right part of the administrative panel. Again, I'm using Joomla 2.5, so there may be inconsistencies in other versions. Extension manager is designed to upload various extensions to the site, which you can easily find with a little googling. The main thing is to install components that correspond exactly to your version of Joomla. AT Template Manager you will find three standard templates for the site and a couple for the administrative panel, you can install new ones using the same Extension Manager, after downloading them from the Internet. Again, make sure the template and CMS versions match (1.7 and 2.5 might be an exception). We have considered the most basic, the rest is better to study on your own by trial method. Highly recommend download Artisteer, of course, I suffered a little in search of a normal working version, there are a lot of non-working programs that want to earn extra money on file hosting sites posted on the net. But I am sure that you will find and appreciate this useful software for webmasters. Most importantly don't rely on working version of Artisteer 4.0.0.58475 with crack, it simply does not exist yet. I am glad to welcome you all dear friends! Max Metelev is with you and in today's lesson, or rather, even the whole guide, I will tell and show how to create a site on Joomla (Jumla) from scratch. Creating a site on joomla is not a difficult and very interesting process, otherwise I’m talking about WordPress. Surely, among you there are fans of this one. In the distant 2000, she (Jumla) stood at the origins and took over the innovations in the PHP / MySql space, which were later included in WordPress, Drupal, Magento and other content management systems. You may have heard that the latest version of this Joomla 3 engine has been released. It is an exciting product that is responsive to visitors and satisfies the requirements of administrators. It is also mobile responsive thanks to the use of the Bootstrap framework. That is why Joomla + Bootstrap is so attractive to front-end developers and designers and makes it easy to work with source code and interface for your code. The installation process is fast, beautiful and comes with a range of illustrations. You can really quickly get a fully functioning site in a few minutes (I exaggerate of course, but the result will be). <h2>Introduction to Joomla</h2> <img src='https://i2.wp.com/smarticle.ru/wp-content/uploads/2015/05/Joomla_install_files.png' height="435" width="192" loading=lazy loading=lazy> After installing the files, you will see the installer screen in the browser. This is the first of 3 steps in the process. If you do not use English on your site, you can change it to Russian. Enter the name of your site, as well as the details of the administrator account. Click "Next" to continue with the installation. <img src='https://i1.wp.com/smarticle.ru/wp-content/uploads/2015/05/joomla_installation.jpg' align="center" width="100%" loading=lazy loading=lazy> As we said earlier Joomla has support for databases such as MySQLi and PostgreSQL. Enter your database hostname, username, password, and database name. You can get this information from your host. Joomla will automatically generate tables with prefixes to make life harder for hackers. Also click Next. <img src='https://i0.wp.com/smarticle.ru/wp-content/uploads/2015/05/database_configuration.jpg' align="center" width="100%" loading=lazy loading=lazy> On the final screen of the installer, you can select the data type. Hover over each of the samples for an explanation. Below you will see an overview of the configuration settings. Joomla also checks if the server is configured correctly. If something needs correction, it will be highlighted in red. <img src='https://i2.wp.com/smarticle.ru/wp-content/uploads/2015/05/joomla_installaton_finalized.jpg' align="center" height="697" width="560" loading=lazy loading=lazy> For security reasons, after installation, we will have to delete the folder with the installer. <img src='https://i0.wp.com/smarticle.ru/wp-content/uploads/2015/05/login_details.jpg' align="center" width="100%" loading=lazy loading=lazy> <h2>Creating a new site on Joomla</h2> Because we have chosen the data type, our site is set up as a blog. It has 4 entries on the main page. Click on the heading title of any entry to view the full content. There is also a side column with typical blogging features such as recent posts, blogroll, . <img src='https://i1.wp.com/smarticle.ru/wp-content/uploads/2015/05/Sample_Joomla_Website.jpg' align="center" width="100%" loading=lazy loading=lazy> In the introduction, I mentioned that Joomla is already using the Bootstrap framework. By reducing the size of your browser, you can see how the joomla site reacts on different screens. The site search goes under the heading - the logo, the images adapt effectively to the small screen, and the sidebar goes under the messages on the home page. <img src='https://i0.wp.com/smarticle.ru/wp-content/uploads/2015/05/Joomla_is_responsive.jpg' align="center" height="741" width="367" loading=lazy loading=lazy> <h2>Login to your site</h2> Now let's take a look inside the admin panel at the engine's interface. Add the word /administrator/ after the name of your site in the address bar. It will be something like this - http: //your-site.ru/administrator/ Login is possible by entering a name and password, like everywhere else that you created during the installation process. <img src='https://i0.wp.com/smarticle.ru/wp-content/uploads/2015/05/Joomla_Login.jpg' align="center" height="332" width="361" loading=lazy loading=lazy> The main toolbar, located at the very top, contains everything you need to manage your site. You will see the control panel after the first login. It includes the most needed shortcodes and data based on the main dashboard. Thanks to Bootstrap, the admin panel is also adaptive, adjusting to any screen size. <img src='https://i2.wp.com/smarticle.ru/wp-content/uploads/2015/05/Joomla_control_panel.jpg' align="center" width="100%" loading=lazy loading=lazy> Let's write our first article for the site. On the main panel, go to the Content section, and then to the Article Manager. There will be three fields that are needed for writing and publishing:Or something of your own. <img src='https://i1.wp.com/smarticle.ru/wp-content/uploads/2015/05/first_article_in_joomla.jpg' align="center" width="100%" loading=lazy loading=lazy> You will now see your article at the top of the main page. At the bottom of it will be pagination (pagination) so that you can return to earlier articles. <img src='https://i0.wp.com/smarticle.ru/wp-content/uploads/2015/05/first_article.jpg' align="center" width="100%" loading=lazy loading=lazy> Let's go back to the admin panel and our article again so we can show you a couple more additional features. You can also find your entry in the Recently Added Articles section or by clicking on Content then Article Manager on the main toolbar. <img src='https://i0.wp.com/smarticle.ru/wp-content/uploads/2015/05/recently_added_articles.jpg' align="center" width="100%" loading=lazy loading=lazy> You can insert an image into the text by clicking on the image button below the text area. Click on the image and you will see a pop-up window with existing images on your site. To use a specific image, just click on it and then click on "Insert" (Insert) Scroll to the very bottom of this window and you will see a section for uploading new images to the site. <img src='https://i0.wp.com/smarticle.ru/wp-content/uploads/2015/05/step15.jpg' align="center" width="100%" loading=lazy loading=lazy> The sidebar (Sidebar) contains the most important options for each article. <ul><li>Status: Publish article or leave in draft</li> <li>Access: If you check the "Registered" checkbox, then only registered users can see the content.</li> <li>Tags: Just like in WordPress, you can organize your content into hierarchical categories and free-form tags.</li> </ul><img src='https://i1.wp.com/smarticle.ru/wp-content/uploads/2015/05/details.jpg' height="388" width="200" loading=lazy loading=lazy> More advanced settings for publishing articles are available inside the tabs at the top of the screen. <ul><li>Publishing Options: Set a start and end date for posting an article</li> <li>Article Options: Control the display of your note.</li> <li>Editor settings configuration: Selects what users can see when editing an article on the main page.</li> <li>Internal metadata options: adding a meta description (description) and much more.</li> <li>Access to the article: access control and the ability to edit.</li> </ul>To view and organize the articles on your site, close the article you've edited and click on Content and then on Manage Articles. You will see the entry text in the main area. On the left sidebar, you can use filters, expand it and find the note text you are looking for. <img src='https://i2.wp.com/smarticle.ru/wp-content/uploads/2015/05/List_of_Joomla_articles.jpg' align="center" width="100%" loading=lazy loading=lazy> <h2>Templates for Joomla</h2> The design of your site is controlled by templates. In the toolbar on the main page, go to Extensions and then to Template Manager. Click on "My Default style" and go to the Options tab. You can change the color of the text, the background of your layout, upload a new logo, . <img src='https://i0.wp.com/smarticle.ru/wp-content/uploads/2015/05/Advanced_options_for_Joomla.jpg' align="center" height="453" width="441" loading=lazy loading=lazy> We call the main features in Joomla Components. They have their own links in the main admin toolkit. 3 of them are the most useful: <ol><li>Contacts: Allow you to create</li> <li>Joomla updates: the latest version of the engine and "core" in one click</li> <li>Tags: Organization of tags added to articles.</li> </ol>By adding any other component to Joomla, it will immediately be available in this list. <img src='https://i1.wp.com/smarticle.ru/wp-content/uploads/2015/05/components_menu.jpg' height="293" width="180" loading=lazy loading=lazy> We have already seen that our Joomla site has a sidebar full of blogging features. Our system uses word modules for these items in the sidebar. Click on Extensions, then Module Manager and there you will see a list of features for the blog: old notes, blog role, most popular articles and others. You will notice them right away, they are in position – position 7 <img src='https://i2.wp.com/smarticle.ru/wp-content/uploads/2015/05/step21.jpg' align="center" height="594" width="455" loading=lazy loading=lazy> Now, finally, let's take a look at how to control the columns in the sidebar. Go to Extensions - Template Manager - Options at the top of the screen. Set the Preview module to Enabled. Now add the following prefix to the url − ? tp = 1 You should get the following - http: //your-domain.ru/?tp=1 After that, you will be able to view the names of all the areas that you have placed on the site. By looking at the default modules, you can confirm that many of them are indeed position-7 <img src='https://i0.wp.com/smarticle.ru/wp-content/uploads/2015/05/module_positions.jpg' align="center" width="100%" loading=lazy loading=lazy> <h2>Joomla Extensions</h2> In this tutorial on creating sites on Joomla, we have only touched on the tip of the iceberg. In fact, there are 1000 of these options. There is a place where you can find them all - this is the site extensions.joomla.org This catalog was launched in 2006 and currently has over 9,000 of the most diverse and useful add-ons in categories ranging from Access and Security to Design and Style. Its full name is Joomla Extension Directory or JED for short. Let's call it Jeddah for simplicity and clarity 🙂 One of the main differences between the Joomla category JED and WordPress is that any extension can be listed, whether it's free or paid. <img src='https://i1.wp.com/smarticle.ru/wp-content/uploads/2015/05/browse_categories.jpg' align="center" width="100%" loading=lazy loading=lazy> The picture below is taken from the "Access and Security" section at the link - http://extensions.joomla.org/category/access-a-security Going through the order of each extension, you will be pleasantly surprised by the number of comments. The most popular and trusted (credible) will be at the very top. <img src='https://i0.wp.com/smarticle.ru/wp-content/uploads/2015/05/media_1426877716468.jpg' align="center" width="100%" loading=lazy loading=lazy> On the screenshot below you can see the main information about this plugin for Joomla: <ol><li>Extension name</li> <li>Download button</li> <li>Detailed Description</li></ol> <script>document.write("<img style='display:none;' src='//counter.yadro.ru/hit;artfast_after?t44.1;r"+ escape(document.referrer)+((typeof(screen)=="undefined")?"": ";s"+screen.width+"*"+screen.height+"*"+(screen.colorDepth? screen.colorDepth:screen.pixelDepth))+";u"+escape(document.URL)+";h"+escape(document.title.substring(0,150))+ ";"+Math.random()+ "border='0' width='1' height='1' loading=lazy loading=lazy>");</script> </div><div class="clear"></div> <script type="text/javascript"> document.getElementById('hc_full_comments').innerHTML = ''; </script> <noindex><center> <div id="meta_news_block1111" style="text-align: center;"></div></center> </noindex> </div> </div> <div id="sidebar"> <div class="clear"></div> <h2 class="front" style="margin:15px 0 5px 0">Popular Articles</h2> <div class="tabcont"> <ol> <li><a href="https://gtavrl.ru/en/tel-spravochnoi-sluzhby-bilain-besplatnaya-goryachaya-liniya-bilain-vse/">Beeline free hotline</a></li> <li><a href="https://gtavrl.ru/en/uznat-vse-platnye-podklyuchennye-uslugi-kak-uznat-kakie-uslugi/">How to find out what services are connected on a megaphone</a></li> <li><a href="https://gtavrl.ru/en/kak-vyzvat-skoruyu-112-kak-vyzvat-skoruyu-pomoshch-s-nomera-bilain/">How to call an ambulance from a Beeline number?</a></li> <li><a href="https://gtavrl.ru/en/kak-proslushivayutsya-sotovye-telefony-kak-uznat-proslushivaetsya-li-vash/">How to know if your phone is being tapped</a></li> <li><a href="https://gtavrl.ru/en/kak-ubrat-polosy-na-monitore-na-monitore-poyavilis-vertikalnye-polosy/">Vertical stripes appear on the monitor what to do</a></li> </ol> </div> <h2 class="front" style="margin:15px 0 5px 0">Latest Articles</h2> <div class="tabcont"> <ol> <li><a href="https://gtavrl.ru/en/bezlimitnyi-trafik-bilain-bilain-bezlimitnyi-internet-na/">Beeline unlimited internet on phone</a></li> <li><a href="https://gtavrl.ru/en/bonusnye-bally-megafon-kak-podarit-bally-drugomu-abonentu-mts-perevodit/">How to give points to another MTS subscriber Transfer points from MTS to a megaphone</a></li> <li><a href="https://gtavrl.ru/en/poluchi-dostup-k-svoim-rashodam-ot-kompanii-mts-kak-uznat/">How to find out the latest calls to mts and what to do Check paid mts operations</a></li> <li><a href="https://gtavrl.ru/en/problemy-s-pingom-na-windows-10-kak-umenshit-ping-v-igrah-samye/">How to reduce ping in games - the most effective ways</a></li> <li><a href="https://gtavrl.ru/en/otklyuchenie-datchika-priblizheniya-na-androide-kak-otklyuchit-datchik-priblizheniya/">How to disable proximity sensor on android phone?</a></li> <li><a href="https://gtavrl.ru/en/kak-otklyuchit-datchik-priblizheniya-na-androide-kak-otklyuchit-datchik/">How to Disable Proximity Sensor on Android Phone Other Solutions</a></li> <li><a href="https://gtavrl.ru/en/ne-sinhroniziruetsya-google-oshibka-sinhronizacii-akkaunta-google-android-chto/">Android Google account sync error</a></li> </ol> </div> <div class="widget" id="ajdg_grpwidgets-3"> <div class="g g-9"> <div class="g-single a-27"> <script> jQuery(function() { window.onscroll = function() { height_scroll = jQuery(document).scrollTop(); height = jQuery(document).height(); height50 = height / 2; if (height_scroll >= height50) { jQuery("#site-code-block-22").fadeIn(1200); document.getElementById('site-code-block-22').style.display = 'block'; jQuery("#site-code-block-23").fadeOut(1200); document.getElementById('site-code-block-23').style.display = 'none'; } else { jQuery("#site-code-block-22").fadeOut(1200); document.getElementById('site-code-block-22').style.display = 'none'; document.getElementById('site-code-block-23').style.display = 'block'; jQuery("#site-code-block-23").fadeIn(1200); } }; }); </script> <div class="site-code-block prma-count" data-rel="cb_23" id="site-code-block-23" style=""> </div> <div class="site-code-block prma-count" data-rel="cb_22" id="site-code-block-22" style=""> </div> </div> </div> </div> <div class="clear"></div> <center> <div style="color: #333333; font-size: 11px;"> </div> </center> <div class="clear"></div> </div> <div class="clear"></div> </div> </div> </div> <div id="footeri"> <div id="footer"> <div class="footer-sec"> <h6>Sections</h6> <ul> <li><a href="https://gtavrl.ru/en/category/youtube/">Youtube</a></li> <li><a href="https://gtavrl.ru/en/category/facebook/">Facebook</a></li> <li><a href="https://gtavrl.ru/en/category/twitter/">Twitter</a></li> <li><a href="https://gtavrl.ru/en/category/tips/">Tips</a></li> <li><a href="https://gtavrl.ru/en/category/useful-tips/">Helpful Hints</a></li> </ul> </div> <div class="footer-sec"> <h6>Pages</h6> <ul> <li><a href="">about the project</a></li> <noindex> <li><a href="" >RSS news</a></li> </noindex> </ul> <h6>Special projects</h6> <ul> <li><a href="https://gtavrl.ru/en/feedback/">To contact us</a></li> </ul> </div> <div id="footer-top"> <h6>Contacts</h6> <ul> <li><a href="">Advertising on the website</a></li> <li><a href="https://gtavrl.ru/en/feedback/">Contacts</a></li> </div> <div class="clear"></div> </div></div> <div id="bottom"><div class="foot_col1">2023 <a href="https://gtavrl.ru/en/">gtavrl.ru</a>. </div> <script type="text/javascript">var addthis_config = { "data_track_addressbar":true,"pubid": "ra-58b68bb0f1371607"} ;addthis_config.data_track_addressbar = false;addthis_config.data_track_clickback = false;</script> <script type='text/javascript'> var flag_hide = 0; function hide_direct() { flag_hide = 1; jQuery('#rek_mob_fixed').slideToggle( 'slow' ); var date = new Date(); var expires_hour = 21600000; date.setTime(date.getTime()+expires_hour); showSocial(); Cookies.set('advp_show_me', '1', { expires: date, path: '/'} ); } ; jQuery(function(f){ var element = f('#rek_mob_fixed'); element.delay(8000); f(window).scroll(function(){ if (flag_hide == 0){ var offset_element_for_hide = jQuery('#before_footer').val(); if (offset_element_for_hide != null) { offset_element_for_hide = jQuery('#before_footer'); offset_element_for_hide = jQuery(offset_element_for_hide).offset().top - jQuery(window).height(); } else { offset_element_for_hide = jQuery(document).height(); } //Если рекламный блок более 1000px по ширине, устанавливай фикс. ширину 1000px if (jQuery('#rek_mob_fixed_block').actual('width') >1000) { jQuery('#rek_mob_fixed_block').css({ 'max-width':'1000px'} ); } if(f(this).scrollTop() > 500){ element.fadeIn(0); } if(f(this).scrollTop() < 500 || f(this).scrollTop() > offset_element_for_hide ){ element.fadeOut(0) } if(f(this).scrollTop() + f(this).height() >= f(document).height() && flag_hide == 0 && jQuery('#rek_mob_fixed').is(':visible')) { jQuery('#rek_mob_fixed').slideToggle(100); } } } ); } ); function showSocial(){ if(flag_hide == 1 ) jQuery('#footer-share').slideToggle('slow'); } </script><div id="wondergridgallerylightbox_options" data-skinsfoldername="skins/default/" data-jsfolder="/wp-content/plugins/modesco-wonderplugin-gridgallery/engine/" style="display:none;"></div> <script type='text/javascript' src='https://gtavrl.ru/wp-content/plugins/contact-form-7/includes/js/scripts.js?ver=4.9.2'></script> <script type='text/javascript' src='https://gtavrl.ru/wp-content/plugins/modesco-monica/script.min.js?ver=4.9.1'></script> <script type='text/javascript'> /* <![CDATA[ */ var tocplus = { "visibility_show":"\u043f\u043e\u043a\u0430\u0437\u0430\u0442\u044c","visibility_hide":"\u0441\u043a\u0440\u044b\u0442\u044c","width":"100%"} ; /* ]]> */ </script> <script type='text/javascript' src='https://gtavrl.ru/wp-content/plugins/modesco-table-of-contents-plus/front.js?ver=1404'></script> <script type='text/javascript' src='https://gtavrl.ru/wp-content/plugins/page-links-to/js/new-tab.min.js?ver=2.9.8'></script> <script type='text/javascript'> var q2w3_sidebar_options = new Array(); q2w3_sidebar_options[0] = { "sidebar" : "ads-sidebar", "margin_top" : 10, "margin_bottom" : 50, "stop_id" : "before_footer", "screen_max_width" : 0, "screen_max_height" : 0, "width_inherit" : false, "refresh_interval" : 1500, "window_load_hook" : false, "disable_mo_api" : false, "widgets" : ['ajdg_grpwidgets-3'] } ; </script> <script type='text/javascript' src='https://gtavrl.ru/wp-content/plugins/q2w3-fixed-widget/js/q2w3-fixed-widget.min.js?ver=5.0.4'></script> <script type='text/javascript' src='https://gtavrl.ru/wp-content/plugins/youtube-embed-plus/scripts/fitvids.min.js?ver=4.9.1'></script> <script type='text/javascript' src='/wp-includes/js/wp-embed.min.js?ver=4.9.1'></script> <script type="text/javascript"> var _hcwp = _hcwp || []; var _hcobj = { widget_id : 29264, widget : "Bloggerstream",selector: '.hc_counter_comments',platform:"wordpress", } ; _hcwp.push(_hcobj); (function() { if("HC_LOAD_INIT" in window)return; HC_LOAD_INIT = true; var lang = "ru"; var hcc = document.createElement("script"); hcc.type = "text/javascript"; hcc.async = true; hcc.src = ("https:" == document.location.protocol ? "https" : "http")+"://w.hypercomments.com/widget/hc/29264/"+lang+"/widget.js"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(hcc, s.nextSibling); } )(); </script> </body> </div> </body> </html>