Cum să ștergeți imagini din Joomla 3. Sfaturi pentru lucrul cu imagini în Joomla. Cum să adăugați un filigran la imagini

În această lecție voi vorbi despre cum să eliminați ID-ul materialului de pe site. ID este numărul de serie al materialului, care îi este atribuit în timpul creării, iar în setările implicite ale motorului este scris astfel încât id-ul să fie afișat în linkul care duce la material. Acest lucru nu deranjează mulți proprietari de site-uri și sunt destul de mulțumiți de link-uri de acest tip. Dar pentru alții, este important ca ID-ul materialului să nu fie afișat și, prin urmare, fac modificări codului pentru a elimina aceste numere. În principiu, această funcție este deja preinstalată în Joomla, începând cu versiunea 1.6, dar din anumite motive nu este afișată în panoul de administrare fără anumite completări. Pentru a-l afișa, trebuie să faceți unele modificări.

În acest scop avem nevoie de fișierul config.xml, care se găsește la adresa de pe server: yoursite/administrator/components/com_content/config.xml. Accesați managerul de fișiere pe site-ul dvs. web și găsiți acest fișier, apoi descărcați-l pe desktop și deschideți-l.

tip="radio"
default="1"
label="SEF: Ștergeți ID-ul materialului din link?"
description="Delete material ID in the link?">
JNO
DA

De obicei scriu această intrare după această linie: description="COM_CONTENT_CONFIG_ARTICLE_SETTINGS_DESC">, deși, în principiu, nu există prea multă diferență unde exact să scriu acest cod.

Apoi, fișierul trebuie salvat, dar pentru a evita erorile, ar trebui să fie salvat în format UTF-8 și funcția BOM trebuie debifată. Dar problema aici este că în editorul de text obișnuit Notepad, pe care îl folosim de obicei pentru a deschide fișiere de acest tip, funcția necesară nu este afișată, așa că vom avea nevoie de un editor de text suplimentar, de exemplu, AkelPad. Nu necesită instalare și pornește imediat. Deci, deschideți blocnotesul AkelPad, copiați conținutul fișierului config.xml în el și salvați-l în format UTF-8 și asigurați-vă că debifați caseta BOM:

Acum închideți notepad-ul obișnuit și încărcați-l pe server cu un înlocuitor. Apoi, accesați panoul de administrare a site-ului și verificați setările - Materiale - Manager materiale - Setări:

Acum este posibil să dezactivați ID-ul materialului în panoul de administrare:

Acum ștergeți memoria cache învechită: System - Ștergeți memoria cache învechită. Apoi accesați site-ul web și verificați dacă setările funcționează. Dacă ID-ul continuă să fie afișat, încercați să mergeți pe altă pagină a site-ului și de acolo înapoi la material folosind linkul din meniu (ar trebui să verificați linkul materialului, nu secțiunea sau subcategoria, deschideți orice material specific ).

Dacă totul este făcut corect, atunci ID-ul ar trebui să dispară și nu va mai apărea în niciun material.

Dacă nu doriți să scrieți codul, puteți descărca fișierul terminat și pur și simplu îl puteți încărca pe serverul dvs., înlocuindu-vă fișierul. Va fi mult mai ușor și mai rapid în acest fel. Pentru a face acest lucru, deschideți folderul: yoursite/administrator/components/com_content/ și înlocuiți fișierul config.xml din acesta cu cel descărcat. Ei bine, dacă vrei să mergi singur pe tot drumul, e bine.

Am scris deja despre lucrul cu materiale în versiunile anterioare de Joomla. În Joomla 3.x, interfața panoului de control s-a schimbat ușor, dar principiile generale de control au rămas neschimbate.

Vă reamintesc că intrarea în panoul de control rămâne la adresa: http://site_domain/administrator/, care trebuie introdusă în bara de adrese a browserului. Ca și înainte, se va deschide o fereastră care vă va cere să introduceți numele de utilizator și parola. Și numai după autorizare intră utilizatorul panoul de control, care se mai numește panoul administrativ.

În cea de-a treia versiune, elementele gestionabile sunt mai clar împărțite în grupuri, tot ceea ce poate fi editat este plasat în corespunzătoare managerii. Panoul de control are un manager de utilizatori, manager de meniu, manager de conținut, manager de categorii, manager de module și așa mai departe.

Figura 1. Aspectul panoului de control imediat după conectare

Toate comenzile de control sunt concentrate în meniul orizontal de sus.

Unde sunt toate materialele mele text?

Materialele text se află în managerul de materiale și sunt accesibile prin meniu: Materiale - Material Manager(vezi figura 1).

Figura 2. Manager de materiale

Pentru a crea un material nou trebuie să faceți clic pe butonul verde „Creați”, care se află în colțul din stânga sus al interfeței „Manager de materiale”.

Pentru a modifica (edita) materialul existent trebuie să dai clic pe numele lui.

Procesele de editare și creare a materialului sunt practic simple, cu diferența că editarea implică faptul că materialul de pe site există deja și este afișat undeva.

Editarea (schimbarea) materialului

Figura 3. Formular de editare a materialului

Forma de editare a materialelor arată ca în Figura 3. Ca și în versiunile anterioare, Joomla 3.x folosește editorul TinyMCE. Interfața sa este similară cu interfața Microsoft Word obișnuită, așa că nu vom lua în considerare cum să lucrăm în ea. Să ne uităm la caracteristici.

Lipirea textului dintr-un editor de text

Tastarea textului materialului direct pe site nu este o idee foarte bună, este mult mai bine să tastați mai întâi și să corectați materialul într-un fel de editor de text de pe computer (acesta ar putea fi Microsoft Word sau Open Office Writer, sau chiar; un WordPad primitiv), apoi lipiți-l în formă de editor. Puteți lipi textul copiat anterior dintr-un editor de text numai folosind tastatura folosind combinația de taste Ctrl+V.

După inserare, trebuie să efectuați o procedură pentru a curăța formatul de resturile invizibile. Acest lucru se face folosind comanda „Șterge format” din meniul „Format” (vezi Figura 4). Textul este evidențiat folosind combinația de taste Ctrl+A, apoi „ Format - Șterge formatul".

Figura 4. Ștergerea formatului.

Inserarea unei imagini

Instrumentele încorporate pentru TinyMCE (TinyMCE este numele editorului de text folosit în Joomla) pentru inserarea imaginilor în text sunt incomode, așa că sub editor (sau deasupra textului editabil, dar sub butoanele de editare) există un gri „ butonul Imagine”, făcând clic pe care utilizatorul obține o fereastră pentru selectarea vizuală a unei imagini pe site sau pentru încărcarea ei acolo pentru selecție. Pur și simplu faceți clic pe imagine și faceți clic pe butonul albastru „Inserați”, astfel încât imaginea să apară acolo unde se află cursorul(vezi figura 5).

Figura 5. Inserarea unei imagini

Butonul de încărcare a imaginilor se află în partea de jos a ferestrei, poate fi necesar să derulați în jos pentru a vedea butoanele necesare. În orice caz, este mai bine să aveți grijă de preîncărcarea tuturor imaginilor necesare prin „Media Manager”.

Eroarea este încărcarea imaginilor pe site în starea „de la cameră”. Astfel de imagini sunt mari ca dimensiune (mai mult de 5 mii de pixeli pe o parte) și mari ca greutate, însumând câțiva megaocteți. Astfel de imagini vor ocupa mult spațiu pe server, care este departe de a fi nelimitat, se vor încărca lent la vizualizarea paginii, iar micile detalii ale imaginii se pot pierde atunci când este redusă de browser. Prin urmare, înainte de a încărca imagini pe site, acestea trebuie procesate, în special, reduse. 1000 de pixeli în lățime cu o calitate de 70-80% și o rezoluție de 72 dpi este destul de potrivită. Programul gratuit „FastStone Photo Resizer” va face o treabă excelentă cu această sarcină.

Figura 6. Buton pentru suprapunerea stilurilor pe elementele materiale.

Pentru a aplica stiluri elementelor materiale, utilizați buton„Format” (nu meniu„Format”, vezi Figura 6). Acest buton deschide o listă cu toate stilurile care sunt predefinite și care pot fi utilizate. Unele stiluri sunt afișate în gri pal - nu pot fi folosite momentan. De exemplu, nu puteți aplica un stil destinat tabelelor unei imagini.
Pentru a aplica un stil, trebuie să selectați un element (pentru a selecta o imagine, faceți clic pe ea o dată, pentru tabele, trebuie doar să plasați cursorul în tabel)

Figura 7. Stiluri.

După inserarea unei imagini în material, ar trebui să îi atribuiți un stil. Există trei stiluri predefinite pentru imagine (aceste stiluri nu sunt incluse în distribuția standard): img.img-intext, img.img-intext200-left și img.img-intext200-right. Toate cele trei stiluri stabilesc umplutura, chenarul și umbra imaginii. De asemenea, controlează lățimea imaginii. Stilurile img.img-intext200-left și img.img-intext200-right setează imaginea la mai puțin de jumătate din lățimea posibilă, împing imaginea la marginea din stânga sau din dreapta și, de asemenea, înfășoară textul pe cealaltă parte.

Stilul img.img-intext plasează imaginea în mijlocul conținutului și nu specifică împachetarea textului.

Dacă site-ul este pe un domeniu chirilic, este posibil ca stilurile suplimentare să nu fie afișate

Pentru a răspunde la această întrebare, să ne uităm mai întâi la elementele din meniu. Elementul de meniu poate afișa utilizatorului o pagină cu un anumit material, materiale dintr-o anumită categorie sub formă de blog, sau sub formă de listă.

La instalarea software-ului site-ului, se creează imediat o categorie și toate textele create sunt atribuite automat acestei categorii.

Sunt necesare categorii pentru structurarea materialelor în panoul de control. Este posibil să se creeze o structură de directoare ierarhică destul de complexă, iar cu cât site-ul este mai mare, cu atât mai complexă structura lui de directoare.

Trebuie reținut că, dacă plasați material într-o categorie care este afișată pe „fața” site-ului sub forma unui blog sau a unei liste de un element de meniu, atunci un astfel de material va fi vizibil pentru toți vizitatorii site-ului imediat după ce este salvat.

Schimbați categoria căruia îi aparține materialul este foarte simplu, trebuie doar să deschideți materialul pentru editare și să folosiți butonul situat în dreapta formularului de editare pentru a schimba categoria. Și salvați modificările.

Figura 8. Modificarea categoriei

Producerea materialelor sub forma unui blog

Dacă afișați materiale sub forma unui blog, atunci nu uitați să separați partea introductivă a textului de cea principală folosind butonul „Detalii”, care se află sub fereastra editorului (vezi butonul din Figura 3 sau 4). ). Figura 9 arată cum pot fi afișate materialele sub forma unui blog. Aici, în fiecare element de blog sunt afișate titlu material, text introductiv al materialului, imaginea părții introductive a materialuluiși un link „Mai multe detalii”.

Figura 9. Afișarea conținutului ca blog

Cum să inserați o imagine introductivă

În formularul de editare a materialului, trebuie să mergeți la fila „Imagini și legături” și să faceți clic pe butonul „Selectați” din secțiunea „Imagine pentru partea introductivă a materialului” (vezi Figura 10).

Figura 10. Inserarea unei imagini pentru textul introductiv al materialului

Și apoi se va deschide o fereastră de selecție a imaginii, în care trebuie să selectați vizual imaginea și să faceți clic pe ea o dată, apoi să faceți clic pe butonul „Inserați”. Recomand să pregătiți în prealabil mai multe imagini mici (de exemplu 100 x 100 pixeli) și să le plasați într-un folder separat.

Imaginea părții introductive a materialului nu este afișată la vizualizarea întregului material (după ce faceți clic pe linkul „Mai multe detalii”, se deschide o pagină cu materialul complet).

P.S. Acest material nu pretinde a fi o descriere exhaustivă a tuturor aspectelor de lucru cu materiale în Joomla 3.x - întrebările pot fi puse în comentarii.

Un site web nu este doar texte. Imaginile publicate pe acesta joacă un rol foarte important în percepția site-ului. Orice informatie este perceputa mult mai usor daca este dotata cu poze demonstrative. În ciuda simplității aparente a subiectului, lucrul cu imagini în Joomla are o serie de caracteristici care vor fi utile pentru toată lumea, fără excepție.

Acest articol este un ghid pentru crearea, procesarea, publicarea și optimizarea imaginilor pe un site web Joomla. Din el vei învăța:

• Cum să faceți capturi de ecran la dimensiune completă ale paginilor dintr-un browser și ale oricăror ferestre de pe un computer.
• Cum să procesați imaginile în vrac.
• Cum să adăugați un filigran la imagini.
• Cum să pregătiți imagini pentru încărcare pe site.
• Cum puteți crea rapid și convenabil mini-imagini (previzualizări) în Joomla.
• Cum să afișați imaginile site-ului Joomla într-o fereastră pop-up.
• Cum să faci mai ușor încărcarea paginilor site-ului pe Joomla care conțin un număr mare de imagini.

Introducere.

Dacă aveți propriul site web, probabil că ați întâlnit sarcina de a adăuga imagini la acesta. Este inevitabil. Atunci când creează un site web, mulți webmasteri uită că, cel mai probabil, oamenii care nu au o educație IT vor lucra cu el. Multe lucruri care sunt evidente pentru specialiștii IT le pot părea nefamiliare și complexe.

Să luăm cea mai simplă sarcină de a încărca o imagine într-un articol de pe un site web. Chiar și aici există o mulțime de capcane: dimensiunea fișierului imagine (greutate), rezoluția imaginii, raportul de aspect al imaginii, extensia fișierului imagine - toate acestea sunt importante. Dar este dificil să explici toate acestea clienților.

De ce a fost scris acest articol? Datorită domeniului meu de lucru, de multe ori trebuie să explic astfel de lucruri clienților. De aceea am decis să adun toate aceste „explicații” într-un singur articol. De acord, este mult mai ușor să dai unei persoane un link către o explicație cu imagini decât să-i explici totul „pe degete” de fiecare dată. Sper că articolul va fi util atât administratorilor, cât și proprietarilor de site-uri web care nu au o educație profesională, dar sunt nevoiți să lucreze cu proiectul lor pe Internet, cât și webmasterilor care trebuie să transmită unele dintre caracteristicile de gestionare a site-urilor web lor. clienţilor.

Toate sfaturile descrise mai jos sunt luate exclusiv din experiența personală. Sper cu adevărat că vor fi de folos.

Cum să faceți capturi de ecran la dimensiune completă ale paginilor dintr-un browser și ale oricăror ferestre de pe un computer.

Cum se face o captură de ecran a unei pagini întregi de browser dacă are o bară de defilare? Recunoaște, știi? =). De obicei, nu trebuie să te confrunți cu o astfel de sarcină foarte des, dar când se întâmplă, de obicei cazi într-o stupoare completă.

Ești pregătit să faci o astfel de captură de ecran?

Nu, recunosc? =)

Nu cu mult timp în urmă, când era cel mai popular sistem de operare WindowsXP, nici măcar realizarea unei astfel de capturi de ecran nu a fost ușoară. A trebuit să apăs pe un buton PrintScreen, deschis Vopsea, introduceți o captură de ecran a imaginii, decupați cadrul dorit, salvați în formatul dorit. Toate acestea, desigur, trebuiau făcute dacă nu erau instalate programe specializate pe computer.

Apoi Windows XP a fost înlocuit Windows 7(Vista nu contează). Aici vine un instrument atât de minunat ca Foarfece. Acum, folosind instrumente standard Windows, a fost posibil să faceți nu numai o captură de ecran a întregii pagini, ci și o parte separată a acesteia, în timp ce tăiați toate lucrurile inutile chiar acolo. Folosind Foarfece, putem obține deja imaginea de mai sus, dar ce zici de o imagine care nu se potrivește pe un ecran (are bară de defilare)? Aici folosesc două instrumente suplimentare.

Dacă trebuie să fac un instantaneu al unei pagini în browser, să decup ceva din ea și să adaug comentarii, folosesc o extensie de browser FireShot. Această extensie este disponibilă în versiuni gratuite și comerciale. Gratuit este suficient.

După instalare, puteți face o captură de ecran completă a unei pagini web cu un singur clic și, cel mai important, puteți tăia imediat blocul dorit din ea și adăugați informațiile lipsă.

Captură de ecran:

Elimina:

Adăugați (dacă este necesar):

Salva:

Totul se întâmplă foarte repede și convenabil. Puteți seta inițial calitatea dorită a imaginii și aceasta va fi menținută în viitor.

Minunat. Dar ce se întâmplă dacă trebuie să faceți o captură de ecran a unei ferestre de defilare în Windows? Aici vine al doilea program în ajutor: FastStoneCapta. Din păcate, programul este plătit. Dar când i-a oprit asta pe oamenii noștri? ;-). Descărcarea online este ușoară. Dar dacă într-adevăr se dovedește a fi indispensabil, de ce să nu sprijiniți dezvoltatorul achiziționând o licență? În plus, programul nu este atât de scump.

Pe scurt FastStoneCapta.

Lansăm și vedem acest bloc plutitor pe ecran:

El ne permite să facem orice. Puteți face o captură de ecran a ecranului, o fereastră separată, o fereastră cu o bară de defilare, o zonă selectată și multe altele. Secvența de aici este exact aceeași ca și în cazul FireShot: captură de ecran, tăiere, editare (dacă este necesar), salvare.

Cu câteva dintre aceste mici programe în arsenalul tău, vei uita pentru totdeauna de problemele cu crearea capturilor de ecran.

Cum să procesați imaginile în vrac.

Se întâmplă că trebuie să încărcați un număr mare de imagini pe site-ul dvs., iar dacă aveți un magazin online, atunci pot exista sute sau chiar mii de imagini. Dacă doriți ca totul să se alinieze uniform, atunci evident că toate imaginile trebuie să aibă aceeași dimensiune și proporții. Cum să realizezi acest lucru?

Pentru procesarea în vrac a imaginilor folosesc un program gratuit FastStone Image Viewer. Acesta, desigur, nu este Photoshop, dar pentru un program gratuit, capabilitățile FastStone Image Viewer sunt foarte largi.

Fereastra principală a programului este prezentată în figura de mai jos:

Una dintre cele mai convenabile, în opinia mea, funcții ale acestui program este capacitatea de a procesa imagini în loturi. Să vedem cum funcționează.

Deschideți folderul cu imagini și executați Instrumente -> Conversie/Redenumire în loturi. Se va deschide următoarea fereastră:

În ea selectăm imagini pentru procesare și apăsăm butonul În plus, care va deschide o fereastră cu o mulțime de setări suplimentare pentru imaginile procesate:

Aici putem:

• Redimensionați imaginile, inclusiv o față
• Rotiți imaginile
• Decupați imaginile
• Setați dimensiunea pânzei (tot ce nu se potrivește pe ea va fi tăiat)
• Setați adâncimea culorii, luminozitatea, contrastul și alți parametri ai imaginii
• Adăugați text sau filigran la o imagine
• Adăugați un cadru unei imagini

În acest caz, nu este nevoie să setați toate setările de fiecare dată când utilizați procesarea loturilor de imagini în FastStone Image Viewer. Odată creat, puteți salva setările într-un fișier și îl puteți utiliza ori de câte ori este necesar.

După setarea tuturor setărilor, apăsăm butonul Început iar programul procesează toate imaginile pentru noi, aducându-le la formatul specificat în setări.

Folosind FastStone Image Viewer, puteți procesa imagini în câteva secunde, care altfel v-ar lua mult timp pentru procesarea manuală. Este foarte convenabil.

Cum să adăugați un filigran la imagini.

Sarcina de a adăuga un filigran la imagini se referă și la procesarea loturilor de imagini și același instrument este folosit aici. ÎN FastStone Image Viewer, V conversie/redenumire lot, puteți deschide fila Filigran. Vor fi următoarele setări:

Pe scurt, va trebui să selectați un fișier imagine cu un filigran și să setați locația acestuia pe imaginile procesate. Singura caracteristică care merită menționată este că imaginea filigranului trebuie să aibă un fundal transparent. În caz contrar, fundalul semnului va fi suprapus pe fundalul imaginii procesate. Pentru ca fundalul să fie transparent, imaginea filigranului trebuie salvată în „ . png» .

După aplicarea setării filigranului, aceasta va fi adăugată tuturor imaginilor procesate. Rețineți că nu mai este posibil să eliminați un astfel de marcaj din imagini, așa că salvați întotdeauna originalele acestora.

Cum să pregătiți imagini pentru încărcare pe site.

Să ne uităm la câteva caracteristici ale pregătirii imaginilor pentru încărcare pe site. Ele pot părea evidente pentru unii, dar cu siguranță merită menționate.

Nu încărcați pe site imagini care sunt mai mari decât rezoluția maximă a ecranului a unui monitor modern.

De exemplu, un monitor de 24 inchi funcționează de obicei la o rezoluție de 1920x1080px. Nu are rost să încărcați pe site imagini cu dimensiuni mai mari. Acestea vor crea probleme atunci când utilizatorii vizualizează pagini, deoarece dimensiunea fișierului (greutatea) unor astfel de imagini este de obicei de câțiva megaocteți, care vor fi incluse în încărcarea paginii cu o astfel de imagine. În general, dimensiunea maximă a imaginii suficientă pentru a putea fi vizualizată de utilizatori într-un browser este de obicei setată 800x860 pixeli, care este comparabil cu un monitor de 14-15 inchi.

Încercați să păstrați dimensiunile fișierelor de imagine cât mai mici posibil.

Rețineți întotdeauna că dimensiunea fișierului fiecărei imagini va fi inclusă în dimensiunea paginii site-ului pe care este publicată imaginea. Daca postezi pe pagina 6 poze de 5MB fiecare, atunci pagina ta va avea o dimensiune de 30 MB. Dacă cineva îl vede 1000 vizitatori, atunci traficul total trimis de server va fi 30 GB! Mai mult, o astfel de pagină se va încărca foarte lent pentru toată lumea. În mod ideal, dimensiunea fișierului dvs. de imagine ar trebui să fie XX KB, unde xx este orice număr din două cifre și nu depășește 300KB(în cazul imaginilor de înaltă rezoluție).

Numele imaginilor nu trebuie să conțină caractere chirilice sau spații. Numele și extensiile imaginilor trebuie să fie cu litere mici.

Greşit: /fotografiile mele/Poza mea.JPG

Corect: / moi_kartinki/moya_imaginejpg

Dacă imaginile sunt publicate într-un catalog sau slider, proporțiile lor trebuie să fie aceleași.

Amintiți-vă, dacă doriți să adăugați mai multe imagini una lângă alta, astfel încât acestea să arate drepte, fără a fi întinse sau strivite, trebuie să le faceți proporțiile la fel. Mai simplu spus, dacă o imagine are 200x100 (2:1), atunci toate celelalte ar trebui să fie și ele 2:1.

Greşit: 300x200 (3:2).

Corect: 400x200 (2:1).

Urmând aceste reguli simple, vă veți asigura că toate imaginile de pe site-ul dvs. vor fi afișate fără probleme și frumos.

Cum puteți crea rapid și convenabil mini-imagini (previzualizări) înJoomla și fă-le să se extindă la clic.

Mai există o caracteristică de lucru cu imagini pe site. Nu este întotdeauna posibil să afișați simultan imagini la dimensiune completă. De exemplu, un articol ar putea afișa o versiune mai mică a imaginii principale.

Dacă pur și simplu micșorăm imaginea principală, oferindu-i o lățime și o înălțime fixe pentru afișare pe site, aceasta nu va reduce dimensiunea fișierului de imagine. Adăugând o duzină de aceste imagini „reduse” în pagină, vom obține o dimensiune foarte mare a paginii și toate problemele care apar din aceasta.

O opțiune bună, în acest caz, ar fi să creați o copie redusă a imaginii (cu o rezoluție reală, scăzută), care se numește previzualizare, cu posibilitatea, când faceți clic pe ea, de a vizualiza imaginea la dimensiune completă într-o fereastră pop-up.

Singura problemă este complexitatea unei astfel de soluții. Trebuie să:

• Creați previzualizare
• Încărcați imaginea principală și previzualizați pe site
• Adăugați o previzualizare materialului
• Adăugați un link către imaginea principală la previzualizare

De acord, lista este mare, mai ales dacă vorbim nu de una, ci de o duzină de imagini.

Pentru a simplifica această sarcină, există un plugin pentru Joomla numit miniaturi mavik. Pluginul a fost scris de dezvoltatorul nostru (aici este un thread pe Joomlaforum) și s-a dovedit a fi foarte convenabil, atât de convenabil încât eu personal l-aș include în setul de bază de extensii Joomla.

Care este esența pluginului? miniaturi mavik? Când adăugați o imagine pe site-ul dvs., nu trebuie să creați miniaturi separate. Pur și simplu adăugați imaginile originale pe material și le micșorați la lățimea dorită, similar cu felul în care micșorați ferestrele în Windows. Când utilizatorul vizualizează pagina, pluginul verifică dimensiunile originale ale imaginii și cele obținute după comprimare/setarea lățimii. Dacă acestea nu se potrivesc, pluginul generează automat o previzualizare a imaginii originale pe server, o inserează pe pagina trimisă de server utilizatorului și o încadrează într-un link, care, atunci când se face clic, va deschide imaginea originală. într-o fereastră pop-up.

Încă o dată, dacă nu înțelegi nimic. Pentru a obține imagini în miniatură în material, care atunci când dați clic le vor deschide pe cele originale într-o fereastră pop-up, aveți nevoie de:

• Instalați și configurați pluginul miniaturi mavik
• Adăugați o imagine originală la articol și comprimați-o „la colț” la dimensiunea previzualizării necesare

Toate! Pluginul va face restul pentru tine. Dacă publicați articole pe site-ul dvs., acest plugin poate fi pur și simplu de neînlocuit pentru dvs.

Cum să facilitați încărcarea paginilor site-ului webJoomla care conține un număr mare de imagini.

Tot ceea ce am discutat mai sus nu ne va proteja de încă o caracteristică a imaginilor postate pe site. Să ne imaginăm că se întâmplă că trebuie să publicăm 30 de imagini într-un articol. Există astfel de articole, există. Am scris-o singur =). În acest caz, cu excepția cazului în care previzualizările sunt foarte mici, vom primi în continuare problema dimensiunii mari a paginii. Să numărăm: 200 KB x 30 = 6 MB. Nu este o dimensiune foarte bună a paginii, nu-i așa? Ce să faci în acest caz?

Oamenii vicleni au venit cu o soluție foarte elegantă. Când pagina este încărcată inițial, sunt încărcate doar acele imagini care sunt incluse pe așa-numitul prim ecran al monitorului utilizatorului (acea parte a site-ului care este vizibilă pe monitor imediat după încărcare). Apoi, când utilizatorul începe să deruleze în jos pe pagină, alte imagini sunt încărcate treptat folosind tehnologia AJAX. Această metodă este cunoscută sub numele de „ Leneş" Un bun exemplu de Lazy Load este nesfârșitul flux de știri VKontakte. Adevărat, în acest fel, nu numai imaginile sunt încărcate acolo, ci toate informațiile în ansamblu.

Implementarea lazy loading în Joomla este foarte simplă. De ce? Acest lucru a fost deja făcut pentru noi. Vă prezint un alt plugin gratuit minunat - LLFJ - Lazy Load pentru Joomla!

Cum funcționează?

• Instalați și configurați