คุณปรับแต่งบล็อกหรือเว็บไซต์ของคุณได้ง่ายมาก บทความนี้จะแสดงให้คุณเห็นว่าการเปลี่ยนแบบอักษรในส่วนหัวและรูปภาพพื้นหลังของหน้าทำได้ง่ายเพียงใด
บล็อกเกอร์และเจ้าของไซต์มักจะเปลี่ยนพื้นหลังเพื่อทำให้ไซต์ของตนดึงดูดผู้เข้าชมมากขึ้น อย่างไรก็ตาม ภาพพื้นหลังที่เพิ่มอย่างไม่ถูกต้องอาจทำให้ผู้เยี่ยมชมสับสน และอาจก่อให้เกิดความไม่ไว้วางใจในไซต์หรือบล็อกของคุณ และไม่เต็มใจที่จะเข้าชมอีกครั้ง ในการเพิ่มพื้นหลังอย่างถูกต้อง สิ่งสำคัญคือต้องใช้โค้ด HTML ที่ถูกต้อง
มีโค้ด HTML ง่ายๆ เพียงไม่กี่โค้ดที่คุณสามารถใช้เปลี่ยนรูปลักษณ์ของไซต์ที่มีอยู่ได้ ผู้ใช้หลายคนไม่รู้ด้วยซ้ำว่ามันง่ายแค่ไหน
วิธีปรับแต่งแบบอักษร
ก่อนอื่น คุณจะต้องเพิ่มเมตาแท็กสี่แท็กที่ใดก็ได้หลังจาก. คุณสามารถคัดลอกสัญลักษณ์ด้านล่างแล้ววางลงในทรัพยากรของคุณหลังจากลบช่องว่าง
วิธีตั้งค่าสีพื้นหลัง
เปิดหน้าใน HTML ของบล็อกหรือเว็บไซต์ของคุณ เมื่อแก้ไขหน้าออฟไลน์ คุณสามารถเปิดหน้านั้นใน Dreamweaver เพื่อให้งานของคุณง่ายขึ้น หากไซต์ของคุณถูกสร้างขึ้นโดยใช้ตัวสร้าง บริการบางอย่างอนุญาตให้คุณแก้ไขการตั้งค่า HTML ออนไลน์โดยไปที่หน้า "การออกแบบ" และเลือกแท็บ "แก้ไข HTML" ไม่ว่าจะด้วยวิธีใด คุณควรจะสามารถเข้าถึงโค้ด HTML สำหรับบล็อกหรือเว็บไซต์ของคุณได้ ขั้นตอนการตั้งค่าอาจแตกต่างกันมากขึ้นอยู่กับบริการที่คุณมีและเครื่องมือที่คุณใช้
อย่าพยายามมองหาภาพเดียวที่มีสีต่างกัน หากคุณเพียงแค่เปลี่ยนสีพื้นหลัง คุณสามารถแก้ไข HTML และเปลี่ยนสีที่มีอยู่เป็นสิ่งที่คุณต้องการเก็บไว้แทนได้
คุณสามารถหาแผนภูมิสี HTML ได้ในสิ่งพิมพ์เฉพาะทาง แต่ละสีจะแสดงในมาร์กอัปเป็นรหัสหกหลัก ตัวอย่างเช่น พื้นหลังสีขาวจะแสดงเป็น FFFFFF
ดังนั้น ให้หารหัสสีที่คุณต้องการเห็นบนเว็บไซต์ของคุณเป็นสีพื้นหลัง ในมาร์กอัปจะมีลักษณะดังนี้:
ตัว {
พื้นหลัง-สี:XXXXXX; {
หลังจากคุณบันทึกสีพื้นหลังเป็น HTML แล้ว คุณจะเห็นว่าหน้าเพจของคุณเปลี่ยนไป
เพิ่มรูปภาพพื้นหลัง
เลือกรูปภาพที่คุณต้องการเพิ่มเป็นพื้นหลัง มีหลายไซต์ที่ให้คุณดาวน์โหลดพื้นหลังดังกล่าวได้ หรือคุณสามารถใช้รูปภาพที่บันทึกไว้ในคอมพิวเตอร์ของคุณแล้ว
อัพโหลดภาพขึ้นอินเทอร์เน็ต หลายคนอนุญาตให้คุณดาวน์โหลดภาพได้ฟรี รับ URL ไปยังภาพพื้นหลังของคุณ ในการดำเนินการนี้ คุณต้องเปิดรูปภาพในเบราว์เซอร์และคัดลอกURL.
วางโค้ดเพื่อเพิ่มรูปภาพเป็นพื้นหลัง ใน HTML จะมีลักษณะดังนี้:
ตัว {
background-image: url(URL รูปภาพ);
คุณต้องเพิ่มโค้ดที่เนื้อหาของเพจเริ่มต้นใน HTML บันทึกการเปลี่ยนแปลงหลังจากแก้ไขและโหลดไซต์ของคุณ คุณจะเห็นได้ว่ารูปภาพได้เปลี่ยนสีพื้นหลังไปหมดแล้ว
อย่างไรก็ตาม โปรดจำไว้ว่ารูปภาพที่มีขนาดใหญ่เกินไปอาจใช้เวลานานมากในการโหลด ซึ่งจะไม่เป็นที่พอใจสำหรับผู้เยี่ยมชมจำนวนมาก ด้วยเหตุผลนี้ พยายามเลือกภาพขนาดเล็กเพื่อการนี้