Како да се направи спојлер. Опции

Има многу луѓе кои сакаат да креираат веб-страници. Повеќето корисници го учат тоа сами, користејќи различни извори. И, се разбира, постојат концепти за кои идните сопственици дури и не чуле. Но, ако сте почнале, тогаш треба да го проучите темелно. Затоа, статијата детално ќе го разгледа прашањето како да се направи спојлер на неговиот ресурс.

Започнуваме, секако, со самиот концепт за тоа што е и зошто овој објект ќе биде потребен. Значи, доста често на сајтовите има информации од друг вид, кои (од различни причини) првично мора да бидат скриени од посетители. Тоа е, не дека воопшто не е прикажано, туку едноставно дава само по волја. Еве спојлер во HTML само за ова и се користи. Ја чува првично скриената содржина за страницата. Но, тоа не се рефлектира во рангирањето на ресурсите од пребарувачите, бидејќи за нив овој дизајн е отворен и нема негативно влијание. Сите скриени информации се откриваат при кликање на врската.

Покрај тоа, како да се направи спојлер, тоа е многу интересно за многу, и за која цел тоа е направено? Најчесто за надворешната убавина на ресурсот. Земете, на пример, веб-страница чијшто дизајн на главната страница не предвидува поставување голем текст. И на сопственикот му се потребни пребарувачите за да го промовираат ресурсот, така што содржината треба да биде обемна (големината на статијата може да игра значајна улога). Значи создавањето на спојлер доаѓа до спасување. Сепак, неговата примена ќе се пристапи кон криење на помошни информации, или дека не секогаш би било пожелно да се прочита.

Не секој сака да ги чита, но тие не можат да избегаат од нив. Постои начин кој ќе помогне да се заштитат посетителите од оваа фикција. Ова е создавање на копче кое сокрива било каков спојлер на форумот, во статија и сл. Можете да го креирате на различни начини. Најлесен начин е да се користи кодот за внесување на HTML код = "копче". Прво, само треба да бидете сигурни дека кога ќе додадете информации, го поддржува вметнувањето на кодот, и ако е така, копчето ќе почне да работи веднаш по внесувањето на текстот на вистинското место.

Оваа верзија е погодна за сајт создаден на Ucoz. Но, дури и по инсталацијата, копчето можеби нема да работи, бидејќи бара дополнителни подесувања. Прво, ова е нејзиниот изглед. Потоа - идентификаторот, кој треба да биде уникатен. И, конечно, во кодот на страницата, каде што треба да се наоѓа материјалот, скриптата се додава пред тагот, кој е одговорен за правилното функционирање на копчето. Важно е да го поставите правилно, а не само да знаете како да направите спојлер.

И сега ние ќе ја анализираме оваа функција, но само за местото направено за WordPress. Најлесен начин е да користите додатен додаток за спојлер, кој е лесно да се преземе од многу ресурси. Неговата инсталација е стандардна:

- распакување на архивата на вашиот компјутер;

- поврзување на страницата со помош на FTP клиентот (најпопуларниот е Total Commander);

- поставување на датотека на вашиот хостинг;

- во административната област на страницата, бараме делот "Приклучоци - неактивен" и активирајте го ново инсталираниот. По извршените активности ќе почне да работи. Сега, додавајќи материјал во секој уредувач, и во визуелен и HTML, копчето "Спојлер" ќе биде видливо. Додавање на потребните информации помеѓу таговите [спојлер] [/ спојлер] и создавање на спојлер. Ако сопственикот е добро обучен, plug-in-от може малку да се реконфигурира.

И уште еден начин како да се направи спојлер на страницата. Пред сè, треба да ја поврзете библиотеката jQuery и т.н. "pribluda" JS, што е потребно за спојлер да се свитка и да се расплетува повеќе или помалку непречено. На саканата страница на страницата, во административниот панел, потребниот код е ставен помеѓу ознаките. Понатаму, за да може функцијата да се затвори по дифолт, .splCont {display: none; Обележување: 3px 5px; Ако не постои таков документ, тоа не е толку страшно. Надписот може да се стави било каде право во текстот, што е најважно - пред поставување на самиот спојлер. И конечно, меѓу ... кодот на информации крие е ставен.