วิธีเพิ่มปุ่มในเว็บไซต์

สารบัญ:

วิธีเพิ่มปุ่มในเว็บไซต์
วิธีเพิ่มปุ่มในเว็บไซต์

วีดีโอ: วิธีเพิ่มปุ่มในเว็บไซต์

วีดีโอ: วิธีเพิ่มปุ่มในเว็บไซต์
วีดีโอ: EP.47 การสร้างเว็บไซต์ || สอนวิธีการทำปุ่มเว็บไซต์ สวยๆ ง่าย ด้วยโปรแกรม photoshop 2024, อาจ
Anonim

อินเทอร์เน็ตมีการโต้ตอบกันมากขึ้นเรื่อยๆ และผู้ใช้เริ่มโต้ตอบกันมากขึ้นผ่านไซต์ต่างๆ โดยใช้บัญชีของตนบนเครือข่ายสังคมออนไลน์ เช่น VKontakte, Facebook, Odnoklassniki และอื่นๆ ขณะนี้เกือบทุกไซต์มีปุ่มหลายปุ่มที่ส่วนท้ายของบทความ โดยคลิกซึ่งคุณสามารถแบ่งปันเนื้อหาที่คุณชอบกับเพื่อน ๆ ในบัญชีของคุณได้อย่างรวดเร็ว คุณยังสามารถติดตั้งปุ่มโซเชียลมีเดียบนเว็บไซต์ของคุณเองได้

วิธีเพิ่มปุ่มในเว็บไซต์
วิธีเพิ่มปุ่มในเว็บไซต์

คำแนะนำ

ขั้นตอนที่ 1

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

ขั้นตอนที่ 2

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

ขั้นตอนที่ 3

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

ขั้นตอนที่ 4

เพิ่มรหัสปุ่มทั้งหมดลงในไฟล์ single.php หรือ index.php และสร้างโค้ดต่อไปนี้เพื่อรักษารูปแบบทั่วไปของปุ่มทั้งหมด ซึ่งเป็นรหัสที่คุณจะสร้างและแทรกลงในแท็ก:

รหัส

ขั้นตอนที่ 5

สไตล์ของปุ่มทั้งหมดถูกกำหนดผ่านไฟล์ style.css

ขั้นตอนที่ 6

ติดตั้งปุ่มสำหรับบริการโซเชียลยอดนิยมหลายรายการด้วยฟังก์ชัน "แชร์กับเพื่อน" และ "โพสต์เนื้อหาบนหน้าของคุณ" และเพิ่มลิงก์ไปยังโปรไฟล์ของคุณเองบนเครือข่ายโซเชียลเดียวกันเพื่อให้ผู้เยี่ยมชมไซต์ของคุณสามารถค้นหาผู้ติดต่อได้อย่างง่ายดาย คุณ.