Bagaimana untuk membuat spoiler. pilihan

Yang ingin membuat laman kini amat banyak. Kebanyakan pengguna akan belajar ini sendiri, dengan menggunakan sumber-sumber yang berbeza. Dan, sudah tentu, terdapat konsep, yang pemilik masa depan bahkan tidak pernah mendengar. Tetapi jika ia mendapat ke perniagaan, ia adalah perlu untuk mengkaji dengan teliti. Oleh itu, soalan yang akan dibincangkan secara terperinci dalam artikel tentang bagaimana untuk membuat spoiler pada sumber.

Kita bermula, sudah tentu, dengan tanggapan sangat dengan apa yang ada dan apa objek yang diperlukan. Jadi, agak kerap pada tapak membentangkan pelbagai jenis maklumat, yang (atas pelbagai sebab) hendaklah pada mulanya tersembunyi dari pengunjung. Yang tidak adalah bahawa ia tidak menunjukkan, tetapi semata-mata untuk menyediakan hanya pilihan. Berikut adalah spoiler dalam html hanya untuk tujuan ini dan digunakan. Ia mengekalkan kandungan tersembunyi asal untuk laman web ini. Tetapi ini tidak akan mempengaruhi peringkat sumber oleh enjin carian, jadi bagi mereka, reka bentuk ini adalah terbuka dan kesan negatif tidak dipatuhi. Apa-apa maklumat tersembunyi diturunkan apabila anda klik pada pautan di atas.

Di samping itu, bagaimana untuk membuat spoiler, jadi banyak yang menarik, dan untuk apa tujuan ia dilakukan? Lebih sering daripada sumber kecantikan luaran. Mengambil, sebagai contoh, sebuah laman web yang reka bentuk laman utama tidak sesuai untuk teks besar. Dan pemilik perlu untuk enjin carian mempromosikan sumber, jadi kandungan yang telah menjadi besar sekali (saiz Perkara boleh memainkan peranan yang penting). Di sini datang dalam penciptaan spoiler. Namun penggunaannya adalah sesuai untuk menyembunyikan maklumat tambahan, atau yang tidak sentiasa mahu membaca.

Tidak semua orang mahu membacanya, tetapi mereka tidak dapat melepaskan diri. Terdapat satu cara untuk membantu melindungi pengguna daripada fiksyen ini. Ini mewujudkan butang yang menyembunyikan apa-apa jenis spoiler forum, artikel, dan lain-lain Cipta ia boleh berbeza. Cara yang paling mudah untuk menggunakan html-kod kelas input = "butang". Pada mulanya, anda hanya perlu memastikan bahawa apabila anda menambah maklumat boleh tampal kod, dan jika ya, butang akan mula bekerja dengan segera selepas memasukkan teks ke tempat yang betul.

Versi ini adalah sesuai untuk laman web ini dicipta pada Ucoz. Tetapi, walaupun selepas butang mungkin tidak berfungsi kerana ia memerlukan konfigurasi tambahan. Pertama sekali - ini adalah penampilannya. Kemudian - pengecam yang mestilah unik. Dan akhirnya, dalam kod laman di mana anda mahu bahan sebelum tag ditambah ke dalam skrip yang bertanggungjawab untuk operasi yang betul butang. Adalah penting untuk meletakkan ia, dan bukan hanya tahu bagaimana untuk membuat spoiler.

Kini menganalisis fungsi yang sama, tetapi hanya untuk laman web ini telah dibuat untuk WordPress. Cara yang paling mudah adalah dengan menggunakan plugin Advanced Spoiler, yang mudah untuk memuat turun dari banyak sumber. pemasangannya adalah standard:

- membongkar arkib untuk komputer anda;

- Sambungan ke laman web menggunakan FTP-pelanggan (yang paling popular - Total Commander);

- memuat naik fail ke hosting anda;

- di dalam laman admin, cari bahagian "Plugins - tidak aktif" dan mengaktifkan yang baru dipasang. Apabila dilaksanakan, ia akan mula bekerja. Sekarang, dengan menambah bahan dalam mana-mana editor, kedua-duanya dalam visual dan dalam html, akan menjadi butang kelihatan «Spoiler». Penambahan maklumat yang diperlukan antara [spoiler] [/ spoiler] tag dan mewujudkan spoiler. Jika pemilik amat mahir, plag boleh sedikit diatur semula.

Dan salah satu cara untuk melakukan spoiler di laman. Pertama sekali ia adalah perlu untuk menyambung perpustakaan jQuery dan apa yang dipanggil "Pribluda» JS, yang diperlukan untuk spoiler lipatan dan dibentangkan lebih kurang lancar. Di laman yang betul dari laman web, dalam panel pentadbiran, kod yang diperlukan diletakkan di antara tag. Di sebelah fungsi lalai telah ditutup, di CSS-fail untuk menambah baris .splCont {display: none; padding: 5px 3px;}. Jika ada apa-apa dokumen, ia tidak begitu menakutkan. tulisan boleh diletakkan di mana-mana di sebelah kanan dalam teks, perkara utama - untuk penempatan spoiler. Dan akhirnya ... meletakkan dirinya antara maklumat kod bersembunyi.