Cara membuat spoiler. Pilihan

Berharap untuk membuat situs sekarang sangat banyak. Sebagian besar pengguna akan belajar ini sendiri, menggunakan sumber yang berbeda. Dan, tentu saja, ada konsep, yang pemilik masa depan bahkan tidak pernah mendengar tentang. Tapi jika turun ke bisnis, perlu untuk mempelajarinya secara menyeluruh. Oleh karena itu, pertanyaan akan dibahas secara rinci dalam artikel tentang cara membuat spoiler pada sumber daya.

Kita mulai, tentu saja, dengan gagasan tentang apa itu dan apa objek yang diperlukan. Jadi, cukup sering pada situs menyajikan berbagai jenis informasi, yang (karena berbagai alasan) harus awalnya tersembunyi dari pengunjung. Itu bukan bahwa itu tidak menunjukkan, tetapi hanya untuk memberikan hanya opsional. Berikut adalah spoiler di html hanya untuk tujuan ini dan digunakan. Ini mempertahankan konten tersembunyi asli untuk situs. Tapi ini tidak mempengaruhi ranking dari sumber daya oleh mesin pencari, sehingga bagi mereka, desain ini terbuka dan dampak negatif tidak diamati. Setiap informasi tersembunyi terungkap ketika Anda mengklik pada link di atas.

Selain itu, bagaimana membuat spoiler, begitu banyak menarik, dan untuk tujuan apa hal itu dilakukan? Lebih sering daripada sumber daya kecantikan luar. Ambil, misalnya, sebuah situs yang desain dari halaman utama tidak cocok untuk teks besar. Dan pemilik harus ke mesin pencari mempromosikan sumber daya, sehingga konten harus tebal (ukuran Pasal dapat memainkan peran penting). Di sinilah dalam penciptaan spoiler. Namun penggunaannya cocok untuk menyembunyikan informasi tambahan, atau yang tidak selalu ingin membaca.

Tidak semua orang ingin membacanya, tetapi mereka tidak dapat melarikan diri. Ada cara untuk membantu melindungi pengguna dari fiksi ini. Hal ini menciptakan sebuah tombol yang menyembunyikan apapun dari spoiler forum, artikel, dll Buat bisa berbeda. Cara termudah untuk menggunakan kelas masukan html-code = "tombol". Awalnya, Anda hanya perlu memastikan bahwa ketika Anda menambahkan informasi dapat menyisipkan kode, dan jika demikian, tombol akan mulai segera bekerja setelah penyisipan teks ke tempat yang tepat.

Versi ini cocok untuk situs yang dibuat pada uCoz. Tapi bahkan setelah tombol mungkin tidak bekerja karena memerlukan konfigurasi tambahan. Pertama-tama - ini adalah penampilannya. Kemudian - identifier yang harus unik. Dan akhirnya, dalam kode dari halaman di mana Anda ingin materi sebelum tag ditambahkan ke script yang bertanggung jawab untuk operasi yang benar tombol. Hal ini penting untuk menempatkannya, dan bukan hanya tahu bagaimana membuat spoiler.

Sekarang menganalisis fungsi yang sama, tetapi hanya untuk situs telah dibuat untuk WordPress. Cara termudah adalah dengan menggunakan plugin Lanjutan Spoiler, yang mudah untuk men-download dari berbagai sumber. instalasi standar:

- membongkar arsip ke komputer Anda;

- koneksi ke situs menggunakan FTP-client (paling populer - Total Commander);

- meng-upload file ke hosting Anda;

- di admin situs, mencari bagian "Plugins - tidak aktif" dan mengaktifkan baru diinstal. Setelah dieksekusi, ia akan mulai bekerja. Sekarang, dengan menambahkan materi dalam editor apapun, baik dalam visual dan di html, akan tombol terlihat «Spoiler». Selain dari informasi yang diperlukan antara tag [spoiler] [/ spoiler] dan menciptakan spoiler. Jika pemilik fasih, steker dapat sedikit ulang.

Dan salah satu cara untuk melakukan spoiler di situs. Pertama-tama perlu untuk menghubungkan perpustakaan jQuery dan apa yang disebut "Pribluda» JS, yang diperlukan untuk spoiler lipatan dan terbentang kurang lebih lancar. Di sebelah kanan halaman situs, di panel administrasi, kode yang diperlukan ditempatkan di antara tag. Di samping fungsi default telah ditutup, di CSS-file untuk menambahkan baris .splCont {display: none; padding: 3px 5px;}. Jika ada dokumen tersebut, itu tidak begitu menakutkan. Prasasti itu dapat ditempatkan di manapun di sebelah kanan dalam teks, hal utama - untuk penempatan spoiler. Dan akhirnya ... menempatkan dirinya antara informasi kode bersembunyi.