Cum sa faci un spoiler frumos pe site-ul sau blog-ul WordPress

prieteni Hi! În articolul de astăzi, aș dori să vă spun despre modul în care puteți face un spoiler comod si frumos pe site-ul sau pe blog-ul WordPress, fără nici un plug-in-uri care sunt încărcate cu baza de date și blogul în sine.

Spoilere frumos, confortabil, de deschidere și închidere lină și cel mai important lucru este că aspectul său poate fi bine personalizate pentru site-ul sau pe blog-ul WordPress. Dintre toate spoilere de script-uri pe care le-am încercat, cel care va fi discutat în acest articol, mi-a placut cel mai mult.

Iată o privire la exemplul funcționării spoilerul:

Iată spoiler-ul titlu (orice text)

Ei bine, lin și frumos deschis, nu se incarca baza de date pe blog-ul, numărul de spoilere pe care le puteți integra în articole sau pagini de pe site-ul sau pe blog-ul dvs. - este nelimitat! Un cuvânt - frumos! Din nou, dacă nu vă place aspectul, pe care l-am arătat mai sus, puteți configura cu ușurință ei înșiși sub designul site-ul sau pe blog-ul.

Doar spoilere vin la îndemână pentru alte puncte de referință site-ul sau blog-ul, în general, cred că veți găsi o utilizare pentru ea, este un lucru bun și util pentru cineva este necesar.

Deci! Hai sa vorbim despre modul în care puteți face aici un spoiler pe site-ul sau pe blog. Cei care nu conduc un blog și un site web, care cred că va înțelege ce cod pentru a insera, voi merge astăzi crearea unui spoiler la WordPress motor, deoarece publicul principal al blog-ul meu - este bloggeri. Gut! Să mergem!

Cum de a crea un spoiler pe WordPress?

Conducerea crearea unui spoiler:

1. Conectați blog-ul bibliotecii jQuery în fișierul footer.php
2. Conectați scriptul spoiler în footer.php fișier
3. Adăugați stiluri CSS pentru spoilerul în fișierul style.css
4. Adăugați codul în sine spoiler în pagina de articol sau pe blog

Ei bine, în primul rând conectați biblioteca jQuery. Acum, adăugați acest cod în blog-ul fișierul tema footer.php înainte de închidere / corp (wp-content / teme / temă / footer.php):

Se poate adăuga la header.php nu pasa, eu sunt doar toate script-urile și codurile împinge în subsolul blog-ul, astfel încât acestea încărcate ultima. Și te sfătuiesc. Prin modul în care înainte de a adăuga acest cod, uita-te la tot ce poate fi, această bibliotecă este deja conectat. Eu, de exemplu, au fost conectate:

Check out fișierul header.php, footer.php, function.php, index.php blog dacă jquery.min.js nicăieri pentru a fi conectat, apoi adăugați codul, dacă sunteți conectat, nu ar trebui! Următoarea!

Acum, adăugați acest cod la fișierul footer.php de tema blog-ul pentru spoilerul a lucrat bine (din nou, după eticheta de închidere / body):

stiluri de ea. Aceasta este, aspectul spoilerului tau. Trebuie să spun că adăugarea unui astfel de cod, spoilerul va arata ca mine, dar dacă doriți să modificați aspectul, vă rugăm, dacă nu știi cum se face acest lucru, se referă la freelancer, el va face pentru 100 $.

Deci, bine, ultimul lucru pe care îl adăugați de fapt, un spoiler in articol sau pagina de blog-ul nostru. Pentru a face acest lucru în locul potrivit pentru a introduce aici codul pe pagina:

Dacă doriți să apară în paginile dvs. 2, 3, 5, 10 sau chiar spoilere, doar din nou în locul potrivit din nou pus în același cod. E simplu!

În cele din urmă, un pic despre spoilerul vizual pentru cei care nu doresc să apeleze la persoanele fizice autorizate, astfel încât acestea să înființat aspectul lor. Uită-te. Fișierul style.css, vom adăuga stil la spoilerul. De exemplu, linia de frontieră: 1pixel #dfdfdf solid; Stilul .spoiler: cuprinde tot conținutul în spoilerul în rama subțire de gri.

Linia de frontieră-stânga: 2px solid # 3965a8; El a spus că stânga are o bandă verticală de culoare albastră și o linie font-size: 14px; Stilul .title_h3 face textul din antetul spoilerul dimensiunea de 14 px. Pe scurt, puteți personaliza modul în care conținutul inimii, puteți schimba culoarea de fundal, puteți rotunji marginile spoiler, crește fontul etc.

În general, utilizați-l! Este un lucru bun și util.

Cu stimă, Alexander Borisov

Pentru o lungă perioadă de timp am fost de gând să fac un astfel de lucru în blogul său. Dar asta nu e suficient timp. Astăzi voi încerca să fac. Poate apărea ca întotdeauna o mulțime de întrebări. Cred că pe blogul lui Alexandru am putut găsi întotdeauna un sfat bun. Și aici e prima întrebare. Dacă am conectat anterior bibliotecă pentru a mări imaginile, fără plugin-ul și codurile prevăzute în fișierul footer.php, pentru a face un nimic spoiler altceva de făcut, cu excepția inserarea codului în style.css fișier sau am nevoie pentru a face toți pașii de mai sus? În avans, vă mulțumesc tuturor pentru răspunsul dumneavoastră!

Categoric un lucru convenabil, va fi necesar să se pună în aplicare pe blog-ul meu!

Foarte accesibil și clar stabilit, vă mulțumesc.

Toate făcut de câteva ori, dar nu am mers.

Sam spoiler acolo, dar care nu au divulgat

De asemenea, citate confundați:

“. biblioteca jQuery. Adăugați. înainte de închidere / corp »

“. spoiler pentru a funcționa corect (din nou, după eticheta de închidere / corp): »“

I WordPress 3.8.2

Nu înțeleg în scenariu.

Spune-mi unde ar putea fi problema?

Pentru un articol mulțumesc, informații este foarte util.

Vreau să împărtășesc experiența mea acumulată din articolul dumneavoastră.

Faptul că script-ul spoiler utilizează biblioteca jQuery, și din cauza aceasta poate fi o problemă. Și să nu mai funcționeze script-uri de meniu pe bază de MenuMatic, de multe ori folosite în multe bloguri WordPress. Blogul nostru nu este o excepție, după adăugarea spoilerul nu mai meniul drop-down.

Cum am rezolvat această problemă, vă invit să învețe într-unul din articolele noastre recente, „De ce nu meniul este dezvăluit.“

Alexander, scrieți:

Acum, adăugați acest cod la fișierul footer.php de tema blog-ul pentru spoilerul a lucrat bine (din nou, după eticheta de închidere / corp)

Și înainte de asta, trebuie să fie introdusă înainte de eticheta / corp.

În cazul în care este necesar să se introducă un al doilea cod - înainte sau după? Am pus după ce, eu nu lucrez, ieșire de text simplu.

Sanya, mulțumiri pentru materialul util! Nici o problemă a dat seama și pune-l pe blog-ul. bit Poshamanil de culoare, astfel încât spoiler se potrivesc în design-ul blog-ul meu.

Am o nicherta nu funcționează? Spoilere funcționează numai când sunt în admin a blogului.

Bună ziua Sanya, recent, sa întors de la mare, și apoi să te ridici pe schiuri Fst este deja posibil =)

la 40.000 de caractere, și judecând după vebvizoru în Yandex metrice - utilizator dimensiunea documentului inspaimantatoare (de vânzare numai text 7-8000 de caractere), dar a avut sentimentul că lui

Și totuși - ce crezi, sub textul spoiler este, de asemenea, în mod normal, să fie indexate și clasat de-intrare scăzută, precum și fără ea? Pe sorchendzhens baieti forum spun că totul ar trebui să fie ok. Dar ceva bănuisem, nu a încercat să împingă conținut sub spoilere. În zadar cu siguranță, am tăiat dramatic LP conținut

cu 43k caractere 7-8k. Sper că mai aproape de NG, TRAF pe spate

Ah, văd că deja a discutat mai sus jquery de încărcare de la serverul Google, și a ajuns la concluzia că sarcina va fi mai mic. Dar IMHO, încărcare suplimentară de 90 KB practic nici un impact asupra incarcarii serverelor, chiar și un simplu banner - proiect mult mai puternic tormoznot Dar script-ul extern nu este faptul că doar un plus, și corespunde instrucțiunilor Google Speed ​​și alte manuale oficiale de la SS pagina. În general, se recomandă să monitorizeze versiunea actuală Jquery pe site-ul dezvoltatorului și descărcați-l direct la ei înșiși, fără a fi nevoie să se conecteze la exterior. Și da, sunt linia 1 și 2 jquery, dacă vă decideți să juzat în al doilea rând, rețineți că al doilea poate fi școlile din versiunile vechi ale IE.

Sasha, sau cine știe cu ce promptă poate fi conectat? Am instalat spoilerul toate ca scrise nu dă nici o eroare, toți pelerinii sunt încărcate în mod normal, dar informațiile care se află în spoilerul este întotdeauna deschisă, iar când apăs pe ea, apoi se închide și se deschide imediat, faceți clic pe o singură dată! Poate cineva veni peste astfel de probleme, ce ai făcut în acest caz?

Vă mulțumim pentru înainte!