Imagini pop-up cu fundal închis

Număr articol: 19

Plugin pentru o demonstrație frumoasă a imaginii. Spre deosebire de "lumina" WP-lightpop. FancyBox pentru WordPress are capabilități de personalizare excelente.







Pentru a fi sincer - mi-a plăcut acest plugin. Ca urmare, a instalat-o pe unul dintre proiecte.

Pe scurt, posibilitățile de FancyBox pentru WordPress:

  • modificați complet designul;
  • selectați animația (viteza de unde se va deplasa și unde să reveniți);
  • alegeți dimensiunile cu care va apărea;
  • există posibilitatea urmăririi derulării;
  • conectarea galeriei;
  • și așa mai departe.

Pentru a vedea cum funcționează plug-inul cu setările implicite, faceți clic aici.

Descărcăm pluginul din depozitul oficial prin linkul de la sfârșitul articolului și îl instalăm. Apropo: cele mai bune plug-in-uri WordPress sunt localizate acolo. Cine nu știe cum să instaleze, citiți Instrucțiunile de instalare pentru pluginul WordPress. Tot ce trebuie să faceți este să activați FancyBox.

Principalul lucru este că imaginea ta este înfășurată într-o legătură cu tine însuți. Ie ea a stat în etichetă:
imagine

Dacă doriți să personalizați plugin-ul pentru designul site-ului dvs., atunci aveți toate cărțile la îndemână. Mergeți la Setări (Opțiuni) - Fancybox pentru WP. În continuare vă ofer o traducere gratuită de la mine:

1. fila Setări aspect (bază)

  • Afișare frontieră (implicită: dezactivată) - arată cadranul sau nu (implicit este dezactivat);
  • Culoarea HTML a marginii (implicit: #BBBBBB) - culoarea frontală (implicit #BBBBBB);
  • Afișați butonul Închidere (implicit: activat) - afișați sau nu butonul Închidere (activat implicit);
  • Închideți poziția butonului - alegeți din ce parte să fie localizat butonul Închidere;
  • Culoarea HTML a culorilor (implicit: #FFFFFF) - selectați culoarea liniei interioare a imaginii (implicit este alb). Cu simple cuvinte - culoarea cadrului de la conturul exterior la imagine;
  • Mărimea masei în pixeli (implicit: 10) - setați mărimea indentării de la cadrul exterior la imagine;
  • Opțiunile de suprapunere - setările pentru suprapunere, fundalul întunecat al fundului (totul aici, ca în paragrafele anterioare);
  • Afișare titlu - afișați sau nu numele imaginii (implicit este activat).

2. Fila Setări de animație (de bază)

  • Opțiuni zoom - Setări de aproximare;
  • Schimbarea transparenței conținutului în timpul animațiilor zoom (implicit: activat) - Modificarea transparenței animației în timpul abordării;
  • alte 3 puncte privind stabilirea timpului de apariție și dispariție atunci când se apropie, precum și momentul navigării prin galerie (timpul de tranziție între imagini);
  • Relaxare - aici alegem din cele 30 de modele de animație prezentate pentru apariția și dispariția imaginii.

3. Fila Setări comportament (mediu)

  • Auto Resize to Fit - face automat imaginea de dimensiunea potrivită pentru a se încadra în fereastra monitorului (activată implicit);
  • Centrul pe Derulare - țineți imaginea în centrul monitorului când derulați sau nu (activată implicit);
  • Închideți pe Conținutul Faceți clic - închideți imaginea când faceți clic pe imagine (opțiunea implicită este dezactivată);
  • Închideți pe suprapunere Faceți clic pe - închideți fotografia, faceți clic pe fundalul întunecat sau nu (implicit este activat);
  • Închideți cu "Esc" - închideți imaginea apăsând ESC sau nu (implicit este activat).

4. Fila Tip galerie

  • Creați o galerie pentru toate imaginile de pe pagină (implicit) - creați o galerie pentru toate imaginile postării (implicit);
  • Nu grupați automat imaginile în galerie (realizate manual, utilizând atributul REL);
  • Creați o galerie pentru fiecare postare (va funcționa numai dacă tema dvs. utilizează clasa = "postare" în fiecare articol) un articol care este comun în WordPress);
  • Utilizați o expresie personalizată pentru a aplica FancyBox - utilizați setările personalizate pentru galeria FancyBox.






Mai mult, filele responsabile pentru comunicarea cu programatorul și eliminarea pluginului. De asemenea, aici vom găsi setările pentru site-urile de profil, de exemplu, toate tipurile de studiouri foto sau de fotografii. Pentru 99,9% dintre site-uri, aceste setări nu vor fi necesare și vor fi instalate în mod implicit.

Dacă toate cele de mai sus ți-a plăcut, descărcați și instalați.

Versiunea necesara a WP: 2.8 sau mai mare
Versiunea plug-in-ului: 2.9
Descărcați pluginul

Aveți o dispoziție pozitivă și nu vă temeți de dificultăți. Muse a articolului.

Buna ziua. Numele meu este Vitalik.

Să mulțumesc lui Z888279575784 R109400923968 sau YD 41001651742138

Contactele mele. Sunt pe Twitter @ mojWP. Uită-te la Youtube. Citiți blogul RSS.

Ie am împachetat imaginea într-o legătură, pe ea însăși. Mai mult decât atât, site-ul va fi mai mic (de exemplu, posterul Iron Man 3 - aici am ales mărimea mea), iar când îl fac clic se va deschide în dimensiune completă. Încercați. Doar prin propria experiență puteți învăța. În cazuri extreme - bilete pe site.

Mult chinuit, dar nu a câștigat de la mine acest plug-in. 🙁
El a pus galeria Nekstgen, aceasta imediat a mers.

- verificați versiunea wp.
- Verificați, de asemenea, că nu există alte plug-in-uri pentru galerie, deoarece pot intra în conflict.
- dacă funcționează plugin-ul de memorie cache, încercați să-l dezactivați pentru o perioadă și încercați Fancy.
- Dacă toate acestea nu ajută, atunci în setările de plugin FancyBox din fila Troubleshooting (Depanare), bifați caseta de lângă Nu apelați jQuery.

Buna ziua tuturor!
Admina Respect, tocmai am vorbit pe cealaltă pagină.

dacă este corect înțeles, atunci este necesar ca pagina să aibă o imagine de 500 * n pixeli și când se deschide dimensiunea originală. Procedând astfel, totul se face armonios pe pagină + pentru a reduce viteza de încărcare a paginii, datorită ponderii mai mici a imaginilor (când există multe dintre ele, acest lucru reduce semnificativ timpul de descărcare).

Se face astfel:
1. Faceți fotografia A și faceți un duplicat al acesteia.
2. Dublarea imaginii A până la 500 * n (Photoshop sau IrfanView)
3. Încărcați pe pagină o imagine cu dimensiunea A * 500 * și o imagine A de dimensiunea originală.
4. În articol, plasați imaginea A 500 * n și împachetați-o într-o legătură cu imaginea dimensiunii originale.

Ceea ce avem ca rezultat:
1. Pe pagina totul arata armonios, tk. selectați dimensiunea dorită a imaginii.
2. Când faceți clic pe o copie, originalul este deschis (calitatea pentru vizitator / client nu este pierdută)
3. Viteza de încărcare a paginii este de câteva ori mai mare, deoarece imediat a descărcat copii reduse, iar originalul "greu" numai la cererea vizitatorului. Pozitive pentru motoarele de căutare.

Dacă nu înțeleg corect problema, scrieți pe e-mail sau prin formularul de feedback (în partea dreaptă a site-ului o fereastră plutitoare)

Vitaly, salut! Multumesc pentru articol! Îmi place cum plug-in-ul FancyBox afișează imagini pe site. Dar când există mai mult de sute de fotografii în galeria foto, este pur și simplu nerealistă modificarea mărimii fiecărei fotografii atunci când o inserați pe site. În plus, este furnizat NextGEN Galeria, dar acestea două nu ajunge pe plugin-ul, atunci când faceți clic pe o fotografie pentru a deschide de două ori și FancyBox și NextGen Gallery. Nu pot rezolva această problemă. Dacă eliminați FancyBox, singurele fotografii din postări se deschid într-o fereastră nouă a browserului și nu mă mulțumesc. Puteți să-mi spuneți ce puteți face?

Bine.
Nu înțeleg: de ce schimbați dimensiunea?
Două plug-in-uri și nu se vor înțelege, pentru că toată lumea va trage pătură. Cum de a combina cele două într-una - nu o voi face.

Nu vă voi spune de aici. Undeva la tine codul traversează un șablon. Verificați fișierul functions.php și încercați să deconectați pluginurile.

Bună ziua. Instalat acest plugin. Din pagina principală, imaginile se deschid după cum este necesar, dar dacă intrați în articol și faceți clic pe imagine, acesta se deschide pe întregul ecran. Solicitați o ieșire din situație.

Bine.
Deci, în mișcare nu voi promova, nu văd dintr-o problemă. Încercați să resetați setările pluginului.
S-ar putea să existe un conflict cu jQuery. Dezactivați-l în plugin și încercați să deconectați șablonul conectat.
Alte pluginuri pot fi, de asemenea, în conflict. Este necesar să verificați totul

WP-R.ru Magazin WordPress
Plug-uri premium și șabloane pentru CMS WordPress. Împingeți-vă site-ul. WMSN.ru RSS Feed
Ferește-te de articole noi pe blog-uri web populare / SEO într-un singur loc.

Cum de a promova coloana WordPress - instrucțiuni și sfaturi practice de optimizare. Pentru studiourile web și pentru dezvoltatori, există câteva hack-uri utile pentru promovarea mărcii dvs. Întregul adevăr despre găzduirea lui Beget este feedback-ul meu cu privire la munca și funcționalitatea lui pe baza experienței. Cum să faci bani pe un traf de descărcare - Îmi împărtășesc experiența mea de mulți ani și dau indicii.

Pluginurile mele gratuite

Eu folosesc și sfătuiesc

SEO plugin WordPress

Vă recomandăm pentru personalizarea maximă a site-ului dvs. pentru cerințele SEO.

Gazda mea de încredere, dovedită de ani de muncă. Vă recomand.







Articole similare

Trimiteți-le prietenilor: