Как да си направим хубав спойлер на интернет страницата или WordPress блог

Здравейте приятели! В днешната статия бих искал да ви разкажа за това как можете да направите удобна и красива спойлер на вашия сайт или блог WordPress, без никакви добавки, които се зареждат с базата данни и самата блога.

Спойлер красиви, удобни, гладко отваряне и затваряне и най-важното нещо е, че външния му вид може да бъде добре персонализирани за вашия уеб сайт или блог WordPress. От всички спойлерите на скриптове, които опитах, този, който ще бъде разгледан в тази статия, ми хареса най-много от всички.

Ето един поглед към примера на функционирането на спойлера:

Тук е твоето заглавие спойлер (който и да е текст)

Е, гладко и красиво открита, не се зарежда база данни блог, броят на грабители, които можете да поставите в статии или страници от вашия сайт или блог - е неограничен! Една дума - красива! Отново, ако не ви харесва външния вид, които съм показана по-горе, можете лесно да го конфигурирате сами при проектирането на вашия сайт или блог.

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

Така! Нека поговорим за това как можете да направите тук спойлер на вашия сайт или блог. Тези, които не водят блог и уебсайт, която мисля, че ще се разбере какво код за поставяне, аз ще ходя днес създаването на спойлер за WordPress двигател, тъй като основната аудитория на моя блог - това е блогъри. Gut! Да вървим!

Как да създадете спойлер на WordPress?

Движеща сила за създаването на спойлер:

1. Свържете библиотека блога на JQuery в footer.php файл
2. Свържете спойлер сценария в файл footer.php
3. Добавете стилове CSS за спойлера в style.css файла
4. Добавете в самия код спойлер в страницата на статията или блог

Ами, на първо място се свържете на JQuery библиотеката. Сега добавете този код в блога си тема footer.php файл преди затваряне / тялото (WP-съдържание / теми / вашата тема / footer.php):

Може да се добави към header.php не ме интересува, аз съм само на всички скриптове и кодове набута в мазето на блога, така че миналата те зареди. И аз ви посъветва. Между другото, преди да добавите този код, погледнете всичко, което може да бъде, тази библиотека вече е свързан. I например са свързани:

Вижте най-header.php файла, footer.php, function.php, index.php в блога си, ако jquery.min.js къде да бъдат свързани, след като добавите кода, ако сте свързани, не трябва! Следваща!

Сега добавете този код към footer.php файл на вашия блог тема за спойлер работи добре (отново, след като затварящ маркер / тяло):

Той стилове. Това означава, че външния вид на вашия спойлер. Аз трябва да кажа, че добавянето на такъв код, спойлера ще прилича на мен, но ако искате да промените външния вид, моля, ако не знаете как да направите това, обърнете се към свободна практика, той ще го направи за $ 100.

Така че, добре, последното нещо, което той всъщност добавите спойлер в статията или страница на нашия блог. За да направите това на точното място, за да вмъкнете тук кода на страницата:

Ако искате да се появи на страниците си с 2, 3, 5, или дори 10 спойлери, просто отново на мястото си отново постави в същия този код. Толкова е просто!

И накрая, малко за визуалната спойлер за тези, които не искат да се обърнат към свободна практика, така че те се създаде външния им вид. Виж. Файлът style.css, ние добавяме стил на спойлера. Например гранична линия: 1 пиксел твърдо #dfdfdf; стил .spoiler: обхваща цялото съдържание на спойлера в тънка рамка на сивото.

Line граница ляв: 2px твърдо # 3965a8; Той каза, че в ляво има вертикална лента от синьо и ред размер на шрифта: 14px; .title_h3 стил прави текста в заглавната част на спойлера на размера на 14 пиксела. С една дума, можете да персонализирате начина на насита, можете да промените цвета на фона, можете да закръглят ръбовете на спойлера, увеличаване на шрифта, и т.н.

В общи линии, да го използвате! Е нещо добро и полезно.

С уважение, Александър Борисов

За дълго време, че ще направи такова нещо в своя блог. Но това не е достатъчно време. Днес ще се опитам да направя. Може би се появи както винаги много въпроси. Мисля, че в блога на Александър Аз винаги може да намери добри съвети. И тук е първият въпрос. Ако преди това сте свързан библиотеката, за да се увеличи на снимките без плъгина и кодовете, предписан в досието footer.php, за да направи спойлер какво друго да прави освен поставите кода в style.css на файла или трябва ли да правя всички тези стъпки? В предварително благодаря на всички ви за вашия отговор!

Определено удобно нещо, то ще бъде необходимо да се прилагат в моя блог!

Много достъпно и ясно определени, благодаря ви.

Всички го няколко пъти, но аз не отидох.

Сам спойлер там, но не са разкрити

Обърка също цитира:

". JQuery библиотека. Добавяне. преди затваряне / тяло »

". спойлер за да работи правилно (отново след затварящ таг / тяло): »"

Аз WordPress 3.8.2

Аз не разбирам в сценария.

Кажи ми къде е проблемът може да бъде?

За една статия, благодаря, информация е много полезна.

Искам да споделя моя опит, придобит от вашата статия.

Фактът, че скриптът спойлер използва JQuery библиотеката, и поради това може да бъде проблем. И това може да спре да работи скриптове менюто на базата на MenuMatic, които често се използват в много WordPress блогове. Нашият блог не е изключение, след добавянето на спойлера вече не падащото меню.

Как сме решили този проблем, аз ви каня да научите в една от последните ни статии, "Защо не се разкриват в менюто."

Александър, пишете:

Сега добавете този код към footer.php файл на вашия блог тема за спойлер работи добре (отново, след като затварящ маркер / тяло)

А преди това, трябва да бъде поставена преди етикет / тялото.

Когато е необходимо, за да вмъкнете втори код - преди или след? Сложих след това, аз не работя, обикновен текст изход.

Саня, благодаря за полезен материал! Няма проблем измисли и да го сложите в блога си. Poshamanil малко цвят, така че спойлер се вписват в дизайна на моя блог.

Имам един nicherta не работи? Спойлер работи само когато съм в администратор на блога.

Здравейте Саня, наскоро се завърна от морето, и след това да се изправи на ски Fst вече е възможно =)

до 40000 знака, и съдейки по vebvizoru в Yandex метричен - потребител страшно размер на документа (продажба текст само 7-8000 знака), но имаше чувството, че му

И все пак - какво мислиш, съгласно текста на спойлер също е нормално да бъдат индексирани и се класира на ниско влизане, както и без него? На sorchendzhens форум момчета казват, че всичко ще бъде наред. Но нещо, което е подозирал, никога не се е опитал да прокара съдържание под спойлери. Напразно Аз със сигурност драстично намали LP съдържание

с 43К знаци за 7-8k. Надявам се, че колкото по-близо до NG, трафик на по гръб

Ах, виждам че вече е обсъдено по-горе натоварване JQuery от Google сървър, и стигнах до заключението, че тежестта ще бъде по-ниска. Но IMHO, зареждане допълнително 90 KB почти не оказва влияние върху натоварването на сървърите, дори един прост банер - много по-силен проект tormoznot Но външен скрипт не е, че само един плюс, и съответства на указанията на Google Page Speed ​​и други официални ръководства от СС. Като цяло, се препоръчва да се следи за действителното Jquery версия на сайта на разработчика и да го свалите директно към себе си, без да се налага да се свърже външно. И да, има 1 и 2 JQuery линия, ако решите да juzat второ, имайте предвид, че вторият може да бъде училища на старите версии на IE.

Саша, или кой знае бърза с това, което може да се свърже? Инсталирах спойлера всичко, както е написано, не дава каквито и да било грешки, всички поклонници се зареждат нормално, но информацията, която е в спойлера е винаги отворена, а при натискане на този пазар, се затваря и веднага се отваря, кликнете само веднъж! Може ли някой да попаднете на такива проблеми, какво направи в този случай?

Благодарим ви, че преди!