วิธีซ่อนใต้สปอยล์

สารบัญ:

วิธีซ่อนใต้สปอยล์
วิธีซ่อนใต้สปอยล์

วีดีโอ: วิธีซ่อนใต้สปอยล์

วีดีโอ: วิธีซ่อนใต้สปอยล์
วีดีโอ: เมื่อคนทั้งเมืองติดเชื้อประหลาดและคุณห้ามรู้สึก"โกรธ" (สปอยหนัง-เก่า) hidden 2015 2024, อาจ
Anonim

สปอยเลอร์ในเลย์เอาต์ของหน้าเว็บใช้เพื่อซ่อนส่วนหนึ่งของข้อความ รูปภาพ หรือเนื้อหาหน้าอื่นๆ จำนวนมากที่อยู่ด้านหลังลิงก์ ในการสร้างสปอยเลอร์ใน Joomla ให้ใช้ปลั๊กอินพิเศษ

วิธีซ่อนใต้สปอยล์
วิธีซ่อนใต้สปอยล์

คำแนะนำ

ขั้นตอนที่ 1

ในไดเร็กทอรี Add-on ของ Joomla ให้ค้นหาและติดตั้งปลั๊กอิน Core Design Spoiler เพื่อการทำงานที่ถูกต้อง คุณจะต้องมีปลั๊กอิน Core Design Scriptegrator ซึ่งจะโหลดไลบรารี JS โดยอัตโนมัติ (Highslide, jQuery และอื่นๆ) หลังการติดตั้ง ให้เปิดใช้งานส่วนเสริมทั้งสองผ่าน Plugin Manager

ขั้นตอนที่ 2

ตอนนี้คุณสามารถเพิ่มสปอยเลอร์ที่มีเนื้อหาที่ซ่อนอยู่โดยใส่ไว้ในแท็ก [สปอยเลอร์] แท็กดังกล่าวสามารถเพิ่มได้ไม่เพียงแต่ในบทความ Joomla ทั่วไป แต่ยังรวมถึงวัสดุของส่วนประกอบแค็ตตาล็อก เช่น ใน K2, ZOO, FLEXIcontent เป็นต้น

ขั้นตอนที่ 3

เลือกวิธีการแสดงสปอยเลอร์ในการตั้งค่าปลั๊กอิน อาจเป็นลิงก์ธรรมดาหรือปุ่มก็ได้ ระบุเงื่อนไขที่จะเปิดสปอยเลอร์ด้วย - เมื่อคุณคลิกหรือวางเคอร์เซอร์ไว้

ขั้นตอนที่ 4

นอกจากวิธีการที่ระบุแล้ว พารามิเตอร์ใดๆ ก็สามารถระบุได้ด้วยตนเองในแท็ก [สปอยเลอร์] สามารถตั้งค่าสปอยเลอร์ด้วยพารามิเตอร์องค์ประกอบ โดยระบุค่าลิงก์สำหรับแสดงเป็นลิงก์ หรือปุ่มสำหรับปุ่ม

ขั้นตอนที่ 5

การกระทำที่จะเปิดเผยสปอยเลอร์สามารถกำหนดผ่านพารามิเตอร์การกระทำซึ่งมีค่าที่ถูกต้อง โฮเวอร์ (เมื่อโฮเวอร์) หรือคลิก (เมื่อคลิก) สามารถสร้างชื่อสปอยเลอร์เฉพาะได้โดยใช้พารามิเตอร์ Title โดยระบุค่าที่ต้องการในเครื่องหมายคำพูด

ขั้นตอนที่ 6

ตัวอย่างเช่น หากคุณต้องการสร้างสปอยล์ชื่อ "อ่านความต่อเนื่องของเรื่องราว" ซึ่งจะเปิดขึ้นโดยคลิกที่ลิงก์ที่มีข้อความชื่อเรื่อง ให้ใช้แท็กต่อไปนี้: [spoiler title="Read the Continuation of เรื่องราว" การกระทำ = "คลิก" องค์ประกอบ = "ลิงก์"]

ขั้นตอนที่ 7

หลังจากแท็กนี้ ให้วางข้อความหรือรูปภาพที่คุณต้องการซ่อน จากนั้น "ปิด" สปอยเลอร์ด้วยแท็ก: [/สปอยเลอร์]