Hoe maak je een spoiler te maken. opties

Ik wens om te creëren sites zijn nu heel veel. De meeste gebruikers zullen dit te leren op hun eigen, met behulp van verschillende bronnen. En, natuurlijk, er zijn begrippen, die de toekomstige eigenaren niet eens hebben gehoord. Maar als het weer aan het werk, is het nodig om het grondig te bestuderen. Daarom zal de vraag in detail worden besproken in het artikel over hoe je een spoiler te verdienen op de bron.

We beginnen natuurlijk met het hele idee van wat het is en wat het object nodig is. Dus, heel vaak op de sites te presenteren een ander soort informatie, die (om verschillende redenen) in eerste instantie moeten worden verborgen voor bezoekers. Dat is niet dat het niet zien, maar gewoon om alleen optioneel te voorzien. Hier is een spoiler in html alleen voor dit doel en gebruikt. Het heeft de oorspronkelijke verborgen inhoud voor de site. Maar dit heeft geen invloed op de ranglijst van de resource door zoekmachines, dus voor hen, dit ontwerp is open en het negatieve effect is niet waargenomen. Elke verborgen informatie wordt onthuld wanneer u op de link klikt hierboven.

Bovendien, hoe je een spoiler te maken, zo veel interessante, en voor welk doel het wordt gedaan? Vaker wel dan uiterlijke schoonheid bron. Neem, bijvoorbeeld, een site waarvan het ontwerp van de hoofdpagina is niet geschikt voor grote tekst. En de eigenaar moet zijn om de zoekmachines te bevorderen resource, zodat de inhoud moet volumineus zijn (artikel grootte kan een belangrijke rol spelen). Hier komt in de creatie van een spoiler. Toch is het gebruik daarvan geschikt voor het verbergen van extra informatie, of die niet altijd willen lezen.

Niet iedereen wil om ze te lezen, maar ze kunnen niet ontsnappen. Er is een manier om gebruikers te beschermen tegen deze fictie. Dit is het creëren van een knop die elke vorm van spoiler op het forum, artikel, etc. verbergt Maak het anders kan zijn. De eenvoudigste manier om de html-code invoeren class = "button" te gebruiken. In eerste instantie, hoeft u alleen maar om ervoor te zorgen dat wanneer u informatie toe te voegen kunt code te plakken, en zo ja, zal de knop direct beginnen te werken na het inbrengen van de tekst op de juiste plaats.

Deze versie is geschikt voor de site gemaakt op Ucoz. Maar zelfs nadat de knop niet kunnen werken omdat het extra configuratie vereist. In de eerste plaats - dit is haar uiterlijk. Dan - identificatie die uniek moet zijn. En tenslotte, in de code van de pagina waar u het materiaal wilt voordat de tag wordt toegevoegd aan het script dat verantwoordelijk is voor de correcte werking van een knop. Het is belangrijk om het te plaatsen, en niet alleen weten hoe ze een spoiler te maken.

Analyseer nu dezelfde functie, maar alleen voor de site heeft gemaakt voor WordPress. De makkelijkste manier is om de Advanced Spoiler plugin, die gemakkelijk is te downloaden van de vele middelen te gebruiken. De installatie is standaard:

- Pak het archief naar uw computer;

- verbinding met de site met behulp van FTP-client (de meest populaire - Total Commander);

- bestanden uploaden naar uw hosting;

- in de admin site, op zoek naar de sectie "Plugins - inactief" en activeer de nieuw geïnstalleerde. Eenmaal geactiveerd, zal het beginnen te werken. Nu, door het toevoegen van materiaal in een editor, zowel in visuele en in html, zal zichtbaar knop «Spoiler». Toevoeging van de noodzakelijke informatie tussen de labels [spoiler] [/ spoiler] en creëert een spoiler. Als de eigenaar goed thuis is, kan de plug enigszins worden geconfigureerd.

En een manier om een spoiler op de site te doen. Allereerst is het noodzakelijk om de jQuery bibliotheek en de zogenaamde "Pribluda» JS, die nodig is om de plooien spoiler en ontvouwt zich min of meer soepel aan te sluiten. Aan de rechterkant van de site, in de administratieve paneel, de gewenste code wordt geplaatst tussen de labels. Naast de standaard functie is gesloten, in de CSS-bestand naar een lijn .splCont {display toe te voegen: none; padding: 3px 5px;}. Als er een dergelijk document, het is niet zo eng. De inscriptie kan overal op de rechterkant worden geplaatst in de tekst, de belangrijkste ding - om de plaatsing van de spoiler. En tot slot ... zette zich tussen informatie verbergen code.