วันจันทร์ที่ 11 กุมภาพันธ์ พ.ศ. 2562

✿ สอนทำปุ่มเมนูเพื่อลิงก์ไปยังหน้าอื่น ๆ ทั้งภายในและภายนอกเว็บไซต์

     สอนการทำปุ่มลิงก์เพื่อเชื่อมโยงไปยังหน้าต่าง ๆ  ภายในบล็อกของเรา หรือเชื่อมโยงไปยังเพจภายนอกก็ย่อมได้ ด้วยการใช้ icon หรือรูปอะไรก็ได้ที่เรามีอยู่ค่ะ

     ในส่วนนี้หลายคนอาจจะทำเป็นอยู่แล้ว แต่สำหรับคนที่ยังไม่เคยทำหรือทำไม่เป็นลองอ่านรายละเอียดและลองทำตามดูนะคะ




1. เตรียม Banner, Button, Icon หรือรูปต่าง ๆ  ที่เราต้องการใช้ทำเป็นลิงก์ให้เรียบร้อยก่อน หรือจะทำขึ้นมาเองก็ได้ ตัวอย่างด้านล่างเป็นปุ่มสำเร็จรูปที่เค้าทำให้ใช้ฟรีค่ะ สามารถหาดาวน์โหลดได้ทั่วไป


      

      

                


2. เปิดหน้าเพจที่เราต้องการลิงก์ข้อมูลไว้ให้พร้อม เพื่อที่จะได้ทำการ copy URL

3. นำแบนเนอร์ที่เราเตรียมเอาไว้ วางไว้ในหน้าเพจ




4. คลิกที่รูปภาพเพื่อคลุมให้เป็นสีฟ้าเข้ม จากนั้นคลิกที่ลิงก์

หมายเหตุ : ถ้าคลิกที่รูปจนเป็นสีฟ้าเข้มตามตัวอย่างเรียบร้อยแล้ว แต่ไม่สามารถกด 'ลิงก์' เพื่อเข้าไปวาง URL ได้ ให้ลองคลิกเปลี่ยนขนาดรูปภาพก่อนนะคะ จะเป็นเล็ก ปานกลาง หรือใหญ่ก็ได้ แล้วค่อยกดสร้าง 'ลิงก์' อีกครั้ง จากนั้นก็ทำตามข้อ 5 จนสำเร็จ หลังจากนั้นให้คลิกภาพจนเป็นสีฟ้าเข้มอีกครั้งเพื่อปรับรูปให้เป็น 'ขนาดเดิม' ค่ะ




5. เมื่อคลิกลิงก์แล้วจะมีหน้าต่างให้เราใส่รายละเอียดค่ะ

- ข้อความที่ปรากฎ : ไม่ต้องพิมพ์อะไรค่ะ
- ที่อยู่ทางเว็บ : วาง URL ที่เราต้องการเชื่อมโยงไว้ในช่องนี้
- เปิดลิงก์นี้ในหน้าต่างใหม่ : ติ๊กถูกในช่องสี่เหลี่ยมด้วยนะคะ เพราะเมื่อมีการคลิกที่แบนเนอร์ ลิงก์จะได้เปิดในแท็บใหม่
- คลิก 'ตกลง'



6. เพียงเท่านี้ก็ได้ลิงก์บนแบนเนอร์หรือปุ่มสวย ๆ  เพื่อเชื่อมโยงไปยังเพจตามที่เราต้องการแล้วค่ะ 

     แบนเนอร์หรือปุ่มด้านล่างนี้ลิงก์ข้อมูลไปยังบล็อกของตกแต่งนะคะอยากให้ลองเข้าไปดูกัน หรือถ้าไม่อยากจิ้มเข้าไปก็ไม่เป็นไรจ้า (โปรโมทแบบเกรงใจสุดตัว)





     การสร้างลิงก์สามารถสร้างแบบข้อความก็ได้ค่ะ โดยพิมพ์ประโยคที่ต้องการแล้วค่อยคลุมดำทับข้อความนั้นอีกที จากนั้นก็ทำตามข้อ 4 และ ข้อ 5 และเมื่อมาถึงหน้าที่ต้องวาง URL สังเกตตรงช่อง 'ข้อความที่ปรากฎ' นะคะ ในช่องนั้นจะขึ้นข้อความที่เราคลุมดำเอาไว้โดยอัตโนมัติ ดูตัวอย่างลิงก์แบบข้อความได้จาก 'สารบัญหาง่าย' ที่อยู่ทางด้านซ้ายมือนะคะ

     ขอให้สนุกกับการแต่งบล็อกค่าาา (ノ◕ヮ◕)ノ*:・゚






ไม่มีความคิดเห็น:

แสดงความคิดเห็น

◕ 10 อันดับบทความยอดนิยมประจำสัปดาห์ ◕