Làm thế nào để thực hiện một spoiler. tùy chọn

Với mong muốn tạo ra các trang web hiện nay có rất nhiều. Hầu hết người dùng sẽ tìm hiểu điều này một mình, sử dụng các nguồn khác nhau. Và, tất nhiên, có những khái niệm, mà chủ nhân tương lai thậm chí không có nghe nói về. Nhưng nếu nó đã xuống để kinh doanh, nó là cần thiết để nghiên cứu nó kỹ lưỡng. Vì vậy, câu hỏi sẽ được thảo luận chi tiết trong bài viết về làm thế nào để làm cho một spoiler trên tài nguyên.

Chúng ta bắt đầu, tất nhiên, với quan niệm về những gì nó là gì và những gì các đối tượng được yêu cầu. Vì vậy, khá thường xuyên trên các trang web giới thiệu một loại thông tin khác nhau, trong đó (vì nhiều lý do) nên được ban đầu ẩn từ khách truy cập. Đó không phải là nó không hiển thị, nhưng chỉ đơn giản là chỉ cung cấp tùy chọn. Dưới đây là một spoiler trong html chỉ dành riêng cho mục đích này và sử dụng. Nó vẫn giữ được nội dung ẩn ban đầu cho trang web. Nhưng điều này không ảnh hưởng đến thứ hạng của các nguồn tài nguyên của công cụ tìm kiếm, vì vậy đối với họ, thiết kế này được mở và các tác động tiêu cực không được quan sát. Mọi thông tin ẩn được tiết lộ khi bạn nhấp vào liên kết ở trên.

Bên cạnh đó, làm thế nào để thực hiện một spoiler, rất nhiều thú vị, và cho mục đích gì nó được thực hiện? Thường xuyên hơn tài nguyên vẻ đẹp bên ngoài. Lấy ví dụ, một trang web có thiết kế của trang chính là không phù hợp với văn bản lớn. Và chủ sở hữu nên để các công cụ tìm kiếm việc thúc đẩy nguồn tài nguyên, vì vậy nội dung phải là đồ sộ (Điều kích thước có thể đóng một vai trò quan trọng). Ở đây có trong việc tạo ra một spoiler. Tuy nhiên, việc sử dụng nó là thích hợp cho việc che giấu thông tin phụ trợ, hoặc là không phải lúc nào muốn đọc.

Không phải ai cũng muốn đọc chúng, nhưng họ không thể trốn thoát. Có một cách để giúp bảo vệ người dùng từ tiểu thuyết này. Đây là việc tạo ra một nút mà giấu đi bất kỳ loại spoiler qua diễn đàn, bài viết, vv Tạo nó có thể khác nhau. Cách dễ nhất để sử dụng lớp đầu vào html-code = "nút". Ban đầu, bạn chỉ cần phải chắc chắn rằng khi bạn thêm thông tin có thể dán mã, và nếu như vậy, nút sẽ bắt đầu làm việc ngay lập tức sau khi chèn của văn bản đến đúng địa chỉ.

Phiên bản này là phù hợp cho các trang web tạo ra trên uCoz. Nhưng ngay cả sau khi nút có thể không làm việc vì nó đòi hỏi cấu hình bổ sung. Trước hết - đây là sự xuất hiện của cô. Sau đó - nhận dạng đó phải là duy nhất. Và cuối cùng, trong đoạn code của trang mà bạn muốn vật liệu trước khi thẻ được thêm vào kịch bản mà là chịu trách nhiệm về hoạt động chính xác của một nút. Điều quan trọng là phải đặt nó, và không chỉ biết làm thế nào để thực hiện một spoiler.

Bây giờ phân tích chức năng tương tự, nhưng chỉ cho trang web đã thực hiện cho WordPress. Cách đơn giản nhất là sử dụng các plugin nâng cao Spoiler, đó là dễ dàng để tải về từ nhiều nguồn. cài đặt của nó là tiêu chuẩn:

- giải nén kho để máy tính của bạn;

- Kết nối đến các trang web sử dụng FTP-client (phổ biến nhất - Total Commander);

- tải lên các tập tin để lưu trữ của bạn;

- trong các trang web admin, tìm phần "Plugins - không hoạt động" và kích hoạt mới được cài đặt. Khi thực thi, nó sẽ bắt đầu làm việc. Bây giờ, bằng cách thêm tài liệu ở bất kỳ trình soạn, cả về thị giác và trong html, sẽ là nút có thể nhìn thấy «Spoiler». Bổ sung các thông tin cần thiết giữa các thẻ [spoiler] [/ spoiler] và tạo ra một spoiler. Nếu chủ sở hữu được thành thạo, các plug có thể được cấu hình lại một chút.

Và một trong những cách để làm một spoiler trên trang web. Trước hết nó là cần thiết để kết nối các thư viện jQuery và cái gọi là "Pribluda» JS, được yêu cầu để spoiler nếp gấp và mở ra nhiều hay ít thuận lợi. Trên trang bên phải của trang web, trong bảng điều khiển hành chính, mã yêu cầu được đặt giữa các thẻ. Bên cạnh chức năng mặc định đã được đóng cửa, trong CSS-file để thêm một dòng .splCont {display: none; padding: 3px 5px;}. Nếu có một tài liệu như vậy, nó không phải là quá đáng sợ. Dòng chữ có thể được đặt bất cứ nơi nào ở bên phải trong văn bản, điều chính - để vị trí của spoiler. Và cuối cùng ... tự đặt mình giữa che giấu thông tin mã.