muzruno.com

Как да направите спойлер. опции

Има много хора, които искат да създават уеб сайтове. Повечето потребители се учат сами, използвайки различни източници. И, разбира се, има понятия, за които бъдещите собственици дори не са чували. Но ако сте взели случая, трябва да го изучите напълно. Следователно статията ще разгледа подробно въпроса как да направим спойлер на своя ресурс.

Разбира се, започваме със самата концепция за това какво е и защо този обект ще се изисква. Така че, често на уебсайтовете има информация от различни видове, която (по различни причини) първоначално трябва да бъде скрита от посетителите. Това не е, че не се показва изобщо, а просто се предоставя само по желание. Ето спойлер в html само за това и се използва. Той запазва първоначално скритото съдържание за сайта. Но това не се отразява в класирането на ресурса от търсачките, тъй като за тях този дизайн е отворен и няма отрицателно въздействие. Всяка скрита информация се показва при кликване върху посочената връзка.

Освен това, как да направите спойлер, е много интересно за много хора и за каква цел е направено? Най-често за външната красота на ресурса. Вземете например сайт, чиято основна страница не предвижда поставянето на голям текст. И собственикът се нуждае от търсачките за популяризиране на ресурса, така че съдържанието трябва да е голямо (размерът на статията може да играе важна роля). Така че създаването на спойлер идва за спасяване. Все още неговата употреба ще се използва за скриване на допълнителната информация, или не винаги би било желателно да се чете.

Не всеки иска да ги прочете, но те не могат да избягат от тях. Има начин, който ще помогне за защитата на посетителите от тази фантастика. Това е създаването на бутон, който скрива всякакъв вид спойлер във форума, в статия и т.н. Можете да го създадете по различни начини. Най-лесният начин е да използвате класа за въвеждане на html код = "бутон". Първо трябва само да се уверите, че когато добавяте информация, тя поддържа вмъкването на код и ако е така, бутонът ще започне да работи веднага след като поставите текста на желаното място.

Тази версия е подходяща за сайт, създаден на Ucoz. Но дори и след инсталирането, бутонът може да не работи, тъй като изисква допълнителни настройки. На първо място, това е неговият вид. След това идентификаторът, който трябва да е уникален. И накрая, в кода на страницата, където трябва да се намира материалът, пред него се добавя скрипт, който отговаря за правилната работа на бутона. Важно е да го поставите правилно, а не само да знаете как да направите спойлер.

И сега ще анализираме тази функция, но само за сайта, направен за WordPress. Най-лесният начин е да използвате разширената приставка Spoiler, която лесно се изтегля от много ресурси. Нейната инсталация е стандартна:



- разопаковане на архива на компютъра ви;

- връзка към сайта чрез FTP клиент (най-популярният е Total Commander);

- качване на файл във вашия хостинг;

- в областта на администрирането на сайта търсим секцията "Plugins - неактивни" и активираме новоинсталираните. След извършените действия тя ще започне да работи. Сега добавянето на материал във всеки редактор, както във визуален, така и в HTML формат, ще визуализира бутона "Spoiler". Добавяне на необходимата информация между маркерите [spoiler] [/ spoiler] и създаване на спойлер. Ако собственикът е добре запознат, той може лесно да бъде преконфигуриран.

И още един начин да направите спойлер на сайта. На първо място, трябва да свържете библиотеката jQuery и така наречената "приблуда" JS, която е необходима, за да може спойлерът да се сгъне и да се разгъне повече или по-малко гладко. На желаната страница на сайта в административния панел се поставя необходимия код между маркерите. Освен това, за да може функцията да бъде затворена по подразбиране, .splCont {display: none; подложка: 3px 5px; Ако няма такъв документ, това не е толкова страшно. Надписът може да бъде поставен навсякъде в самия текст, най-важното - преди поставянето на самия спойлер. И накрая между ... кода на криенето на информация се поставя.

Споделяне в социалните мрежи:

сроден