In this lesson I will talk about how to remove material ID on the site. ID is the serial number of the material, which is assigned to it during creation and in the engine settings by default it is written so that the id is displayed in the link that leads to the material. This does not bother many site owners and they are quite satisfied with links of this type. But for others, it is important that the ID of the material is not displayed, and therefore they make changes to the code to remove these numbers. In principle, this function is already preinstalled in Joomla, starting from version 1.6, but for some reason it is not displayed in the admin panel without certain additions. To display it you need to make some modification.
For this purpose, we need the config.xml file, which can be found at the address on the server: yoursite/administrator/components/com_content/config.xml. Login via file manager to your website and find this file, then download it to your desktop and open it.
default="1"
label="SEF: Delete material ID in link?"
description="Delete material ID in the link?">
I usually write this entry after this line: description="COM_CONTENT_CONFIG_ARTICLE_SETTINGS_DESC">, although in principle, there is not much difference where exactly to write this code.
Next, the file must be saved, but to avoid errors, it should be saved in UTF-8 format and the BOM function must be unchecked. But the problem here is that in a regular text editor, Notepad, which we usually use to open files of this type, is not displayed required function, so we need an additional text editor eg AkelPad. It does not require installation and starts immediately. So, open the AkelPad notepad, copy the contents of the config.xml file into it and save it in UTF-8 format and be sure to uncheck the BOM box:
Now close the regular notepad and upload it to the server with a replacement. Next, go to the site admin panel and check the settings - Materials - Materials Manager - Settings:
It is now possible to disable material ID in the admin panel:
Now clear the outdated cache: System - Clear outdated cache. Then go to the website and check if the settings work. If the ID continues to be displayed, try going to another page of the site, and from there back to the material using the link in the menu (you should check the link of the material, not the section or subcategory, open any specific material).
If everything is done correctly, then the ID should disappear and will no longer appear in any material.
If you don’t want to write the code, you can download the finished file and simply upload it to your server, replacing your file. It will be much easier and faster this way. To do this, open the folder: yoursite/administrator/components/com_content/ and replace the config.xml file in it with the downloaded one. Well, if you want to go the whole way on your own, that’s also good.
To delete Joomla 3 extensions, namely components, modules, plugins, you need to log in to the administrative part of the site and go to the “Extension Manager” tab.
Where to remove Joomla 3 extensions
To remove a Joomla 3 extension, you must have access to the site's administrative panel.
IN top menu or in the menu quick access, select “Extension Manager”;
On the extension manager page, select the “Management” tab.
The "Manage" tab shows all extensions that are installed on the site. Among them, it is worth highlighting system extensions marked with a lock. You can't do anything with these extensions, that is, you won't be able to remove them, and there's no point in doing so. All other extensions can be removed.
How to remove a Joomla 3 component
To remove a specific component in the filter, enter the word that is in the name of the component and apply the filter.
To find the component you need, you can filter the list of extensions by purpose and select in the filter field (on the left): components.
After you have found the required component, select its checkbox and in the tool buttons, click “Uninstall”.
Most components are installed along with their plugins. Which also need to be removed after removing the component itself.
class="eliadunit">
After removing the component, clear the site cache, the “Clear cache” button at the top.
How to remove Joomla 3 plugin
To remove a Joomla 3 plugin, filter the list of extensions by plugin type. Select the plugin you need, tick its checkbox and uninstall it. After removing the component, clear the site cache.
How to delete a Joomla 3 template
The Joomla 3 template is deleted in the same way as plugins. Filter the list of extensions by template purpose, select its checkbox and click the uninstall button.
Please note that on the Template Manager tab there is also a delete button. This button does not remove the template from the site directory. It removes the template from the list, that's all.
After uninstalling the plugin, clear the site cache, the “Clear cache” button at the top.
Similarly, you can remove any module, third-party libraries, third-party languages, etc.
Is it possible to delete a template via FTP?
If you delete a template folder by logging into the directory via FTP, the template will not disappear from the list of templates on the Template Manager page. With this method of deletion, you need to tick the template deleted via FTP and click the “Delete” button at the top of the toolbar.
How to Optimize Images in Joomla - 3 Steps - 2.5 out of 5 based on 4 votes
In this article you will learn how to optimize your images for search engines on your website built on Joomla.
Images are an important part of many websites, and can bring quite large number traffic from search engines.
If your site is on Joomla, then most likely your images are not optimized and are not indexed by search engines.
In this article you will learn how to optimize your images for search engines on your website built on Joomla.
Images and Joomla.
Images are becoming increasingly important for getting traffic. Default CMS Joomla configured in such a way that search engines will not index your site images.
Joomla + Images = Not optimized
How to optimize your images in Joomla.
1. Make changes to the robots.txt file to allow search engines to index the images folder.
After you have installed Joomla, a robot.txt file is automatically created in the root folder of the site. This file Allows or denies indexing of certain files and folders. IN standard file robot.txt prohibits indexing of many folders that should not be indexed, but at the same time, for some reason, the images folder is also prohibited from indexing. Since the images folder is the default folder for all images used on the Joomla site, they will not be indexed. To decide this problem just edit the robot.txt file and remove the line:
Disallow: /images/
2. Change the default image directory.
If you've added images to Joomla content before, you've probably already noticed that by default, images are uploaded to the www.website.com/images/stories/ folder. This is not very good from the point of view search engine optimization images.
Search engine algorithms work in such a way that priority is given to those pages and images that are closer to the root of the site. I recommend that you change the default image location from the images/stories folder to the images/ folder.
To do this, in the Joomla administrative panel, go to: Website >> General settings>> System, in the media manager settings, find the “Path to folder with Images” item and delete the path to the “stories” folder in the corresponding field so that only “images/” remains in the field. After that, don't forget to click on the "Save" button in the upper right corner. Now, when you add images, they will be loaded into the images/ folder.
3. The image used on the page should be relevant to the content of that page, and also remember to use keywords in the alt and title attributes of the img tag.
Once you have edited robots.txt and changed the location of your images, you can begin optimizing individual images to ensure they are indexed by search engines.
In order to optimize an image for a specific keyword or phrase, the following points must be taken into account:
The image must be on the page whose content matches the image. (for example a photo of someone playing Golf in Mauritius on the page about Golf in Mauritius)
The image file name must contain the keyword or phrase for which the image is being optimized, for example: golf-na-mavrikii.jpg.
alt and title attributes img tag must also contain a keyword or phrase.
To improve overall relevance, you can include keywords in the URL that goes to the image. To do this, the image must be placed in a folder with a name containing the keyword.
For example: www.website.com/images/mavrikii/golf-na-mavrikii.jpg
A website is not only texts. The images published on it play a very important role in the perception of the site. Any information is perceived much easier if it is provided with demonstration pictures. Despite the apparent simplicity of the theme, working with images in Joomla has a number of features that will be useful for everyone to know, without exception.
This article is a guide to creating, processing, publishing and optimizing images on a Joomla website. From it you will learn:
- How to take full-size screenshots of pages in a browser and any windows on a computer.
- How to process images in bulk.
- How to add a watermark to images.
- How to prepare images for uploading to the site.
- How can you quickly and conveniently create mini-images (previews) in Joomla.
- How to show Joomla site images in a popup window.
- How to make it easier to load site pages on Joomla containing a large number of images.
Introduction.
If you have your own website, then you have probably encountered the task of adding images to it. It's inevitable. When creating a website, many webmasters forget that, most likely, people who do not have an IT education will work with it. Many things that are obvious to IT specialists may seem unfamiliar and complex to them.
Let's take the simplest task of loading a picture into an article on a website. Even here there is a lot pitfalls: Image file size (weight), image resolution, image aspect ratio, image file extension are all important. But it’s difficult to explain all this to customers.
Why was this article written? Due to my line of work, I often have to explain such things to customers. That is why I decided to collect all these “explanations” in one article. Agree, it is much easier to give a person a link to an explanation with pictures than to explain everything to him “on fingers” every time. I hope that the article will be useful both to administrators and website owners who do not have a professional education, but are forced to work with their project on the Internet, and to webmasters who need to convey some of the features of website management to their customers.
All tips described below are taken exclusively from personal experience work. I really hope that they will be useful.
How to take full-size screenshots of pages in a browser and any windows on a computer.
How to take a screenshot full page browser if it has a scroll bar? Admit it, do you know? =). Usually you don’t have to deal with such a task very often, but when it happens, you usually fall into a complete stupor.
Are you up to the task of taking a screenshot like this?
No, admit it? =)
Not so long ago, when the most popular operating system was WindowsXP, even taking such a screenshot was not easy. I had to press a button PrintScreen, open Paint, insert a screenshot of the image, cut out the desired frame, save in the desired format. All this, of course, had to be done if specialized programs were not installed on the computer.
Then on change Windows XP has arrived Windows 7(Vista doesn't count). Here comes such a wonderful tool as Scissors. Now standard using Windows It was possible to take not only a screenshot of the entire page, but also a separate part of it, while cutting off all the unnecessary stuff right there. Using Scissors, we can already get the image above, but what about an image that does not fit on one screen (has a scroll bar)? Here I use two additional tools.
If I need to take a snapshot of a page in the browser, cut something out of it and add comments, I use a browser extension FireShot. This extension is available in free and commercial versions. Free is enough.
After installation, you will be able to take a full screenshot of a web page with one click, and most importantly, immediately cut it out required block and add missing information.
Screenshot:
Cut out:
Add (if necessary):
Save:
Everything happens very quickly and conveniently. You can initially set the desired image quality and it will be maintained in the future.
Wonderful. But what if you need to take a screenshot of a scrolling window in Windows? This is where the second program comes to the rescue: FastStoneCapture. Unfortunately, the program is paid. But when has that stopped our people? ;-). Downloading it online is easy. But if it really turns out to be indispensable, why not support the developer by purchasing a license? Moreover, the program is not that expensive.
In a nutshell FastStoneCapture.
We launch and see this floating block on the screen:
He allows us to do just anything. You can take a screenshot of the screen, a separate window, a window with a scroll bar, a selected area, and more. The sequence here is exactly the same as with FireShot: screenshot, cut, edit (if necessary), save.
With a couple of these little programs in your arsenal, you will forever forget about the problems with creating screenshots.
How to process images in bulk.
It happens that you need to upload a large number of images to your site, and if you have an online store, then there can be hundreds or even thousands of images. If you want everything to line up evenly, then obviously all images need to be the same size and proportions. How to achieve this?
For bulk image processing I use a free program FastStone Image Viewer. This is, of course, not Photoshop, but for free program, the capabilities of FastStone Image Viewer are very wide.
The main program window is shown in the figure below:
One of the most convenient, in my opinion, functions of this program is the ability to batch image processing. Let's see how it works.
Open the folder with images and execute Tools -> Batch Convert/Rename. The following window will open:
In it we select images for processing and press the button Additionally, which will open a window with mass additional settings for processed images:
Here we can:
- Resize images, including one side
- Rotate images
- Crop images
- Set the canvas size (everything that does not fit on it will be cut off)
- Set color depth, brightness, contrast and other image parameters
- Add text or watermark to an image
- Add a frame to an image
In this case, there is no need to set all the settings each time you use batch image processing in FastStone Image Viewer. Once created, you can save the settings to a file and use it whenever necessary.
After setting all the settings, we press the button Start and the program processes all the images for us, bringing them to the format specified in the settings.
Using FastStone Image Viewer, you can process images in seconds that would otherwise take you a long time to process manually. It's very convenient.
How to add a watermark to images.
The task of adding a watermark to images also applies to batch processing images and the same tool is used here. IN FastStone Image Viewer, V batch conversion/renaming, you can open the tab Watermark. There will be the following settings:
In short, you will need to select an image file with a watermark and set its location on the processed images. The only feature worth mentioning is that the watermark image must have transparent background. Otherwise, the background of the sign will be superimposed on the background of the processed image. For the background to be transparent, the watermark image must be saved in the " . png» .
After applying the watermark setting, it will be added to all processed images. Remember that it is no longer possible to remove such a mark from images, so always save their originals.
How to prepare images for uploading to the site.
Let's look at some features of preparing images for uploading to the site. They may seem obvious to some, but they are definitely worth mentioning.
Do not upload images to the site that are larger than the maximum screen resolution of a modern monitor.
For example, a 24' monitor usually operates at a resolution of 1920x1080px. There is no point in uploading images with larger sizes to the site. They will create problems when users view pages, since the file size (weight) of such images is usually several megabytes, which will be included in the loading of the page with such a picture. In general, the maximum image size sufficient for users to view in a browser is usually set to 800x860 pixels, which is comparable to a 14-15’ monitor.
Try to keep image file sizes as small as possible.
Always remember that the file size of each image will be included in the page size of the site on which the image is published. If you post on the page 6 pictures by 5MB each, then your page will have a size of 30MB. If anyone views it 1000 visitors, then the total traffic sent by the server will be 30GB! Moreover, such a page will load very slowly for everyone. Ideally, your image file size should be XX KB, where xx is any two-digit number, and not exceed 300KB(in case of high resolution images).
Image names must not contain Cyrillic characters or spaces. Image names and extensions must be lower case.
Wrong: /my pictures/My picture.JPG
Right: / moi_kartinki/moya_picturejpg
If images are published in a catalog or slider, their proportions must be the same.
Remember, if you want to add multiple images next to each other so that they look straight without them being stretched or squished, you must make their proportions the same. Simply put, if one image is 200x100 (2:1), then all the others should also be 2:1.
Wrong: 300x200(3:2).
Right: 400x200(2:1).
By following these simple rules, you will ensure that all the pictures on your website will be displayed smoothly and beautifully.
How can you quickly and conveniently create mini-images (previews) inJoomla and make them expand on click.
There is one more feature of working with images on the site. It is not always possible to show full-size images at once. For example, an article might show a smaller version of the main image.
If we simply shrink the main image, giving it a fixed width and height to display on the site, it will not reduce the image file size. By adding a dozen of these “reduced” images to the page, we will get a very large page size and all the problems that arise from this.
A good option, in this case, would be to create a reduced copy of the image (with a real, low resolution), which is called preview, with the ability, when you click on it, to view the full-size image in a pop-up window.
The only problem is the complexity of such a solution. Need to:
- Create preview
- Upload the main image and preview to the site
- Add a preview to the material
- Add a link to the main image to the preview
Agree, the list is large, especially if we are talking about not one, but a dozen images.
To simplify this task, there is a plugin for Joomla called mavik Thumbnails. The plugin was written by our developer (here is a thread on Joomlaforum) and turned out to be very convenient, so convenient that I personally would include it in the basic set of Joomla extensions.
What is the essence of the plugin? mavik Thumbnails? When adding an image to your site, you don't need to create separate thumbnails. You simply add the original images to the material and shrink them to the desired width, similar to how you shrink windows in Windows. When the user views the page, the plugin checks original sizes images and those obtained after compression/setting the width. If they do not match, the plugin automatically generates a preview of the original image on the server, inserts it onto the page sent by the server to the user, and frames it in a link, which, when clicked, will open the original image in a pop-up window.
Once again, if you don't understand anything. To get smaller pictures in the material, when you click on them the original ones will open in a pop-up window, you need:
- Install and configure the plugin mavik Thumbnails
- Add an original image to the article and compress it “by the corner” to the size of the required preview
All! The plugin will do the rest for you. If you publish articles on your website, this plugin may be simply irreplaceable for you.
How to make it easier to load website pages onJoomla containing a large number of images.
Everything we have discussed above will not protect us from one more feature of the images posted on the site. Let’s imagine that it just so happens that we need to publish 30 pictures in an article. There are such articles, there are. I wrote it myself =). In this case, unless the previews are very small, we will still get the large page size problem. Let's count: 200 KB x 30 = 6MB. Not a very good page size, is it? What to do in this case?
Cunning people came up with a very elegant solution. When the page is initially loaded, only those images are loaded that are included on the so-called first screen of the user's monitor (that part of the site that is visible on the monitor immediately after loading). Then, when the user starts scrolling down the page, other images are gradually loaded using AJAX technology. This method known as " Lazy" A good example of Lazy Load is the endless VKontakte news feed. True, in this way, not only images are loaded there, but all information as a whole.
Implementing lazy loading in Joomla is very simple. Why? This has already been done for us. I present to you another wonderful free plugin - LLFJ - Lazy Load for Joomla!
How does it work?
- Install and configure
The previous article described how to delete a file in Media Manager Joomla 3 admin panel. However, quite often situations arise when you need to delete not one, but several files. In this article, we will look at how to use the “Media Manager” of the Joomla admin panel to delete a group of files located in the same folder. In order to delete files from different folders, you must first delete files in one folder, go to another folder and delete files there.
So, in "Media Manager" there is two modes for displaying files and folders. You have to remember this when presenting the material, so below we will show two ways to delete a group of files in different display modes.
Deleting a group of files in mode « Sketches» "Media manager"
In order to delete several files at once, you need to select them. Selecting a file in the “Thumbnails” mode is done by simply clicking with the left mouse button on the file thumbnail. At the same time, a white checkmark v appears in a green square in the upper right corner of the miniature, and the miniature itself is surrounded by a green frame. This way you can whiten an unlimited number of files located in the selected folder.
Deselecting can also be done by left-clicking on the file thumbnail: the white check mark v in the green square and the green frame around the thumbnail disappear.
The big disadvantage of the “Thumbnails” mode in the updated Joomla 3.7.0 is that file names are no longer displayed and you have to work blindly, focusing only on thumbnails. I hope that the display of file names in this mode will be returned to the “Media Manager”.
After all the files that need to be deleted are selected, all you have to do is click on the button with a cross x " Delete»:
Selected and marked files will be deleted (which will be written in a message in the green field with names deleted files and the path to these files with all subfolders).
Deleting a group of files in mode « Table» "Media manager"
The “Table” display mode of the “Media Manager” differs in that information about files is displayed additional information(file name, dimensions in pixels and dimensions in kilobytes). Since there is a lot of information, the list of files is displayed in the form of a table with micro-small thumbnails of the files. But with names!)))
In order to select files that require deletion, you need to check the v box at the beginning of the line with the file name by clicking on the corresponding box. To remove the selection, you need to click on the square with a check mark again. The check mark will disappear.)))
It is important to understand here that everything that is selected will be permanently deleted from the server!
After unnecessary files highlighted, you need to click on the “ Delete", which is located in the top row of Media Manager control buttons:
As in the previous case, files will be deleted from the server and a green message will be displayed indicating the names of the deleted files and their location:
In conclusion
In conclusion, I would like to remind you once again that Joomla is not Windows. All removal occurs in one click. No additional notifications like: “The selected files will be permanently deleted! Are you sure you want to delete these files?" will not be issued.