การเพิ่มรูปภาพหรือโลโก้ในส่วนท้าย

ในบทความนี้ :

(a) คำแนะนำ

(b) เตรียมพร้อมรูปภาพ หรือ โลโก้ URL

(c) ขั้นตอนที่เพิ่มรูปภาพ หรือ โลโก้ ที่ส่วนท้าย

(a) คำแนะนำ 

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

(b) เตรียมพร้อม URL รูปภาพหรือโลโก้ของคุณ

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

2. ไปที่หน้าแอดมิน > สินค้า > เพิ่มสินค้า >ในกล่องคำอธิบาย , เลือกรูปภาพ  > เพิ่มรูปภาพ > อัพโหลดรูปภาพ > คัดลองลิงค์รูปภาพ 

(c) ขั้นตอนที่เพิ่มรูปภาพ หรือ โลโก้ ที่ส่วนท้าย

1.  หน้าแอดมิน > ธีม >  แก้ไขแหล่งข้อมูล 

2. ไปที่ layout > layout/theme.liquid

3. ค้นหา {% include 'social-links' %} ( ปกติแล้วจะอยู่ที่บรรทัด  246 )

4. ใต้บรรทัดนี้ , วางโค้ดข้างล่าง  (เลือกต้องการลิงค์ หรือ ไม่ต้องการลิงค์ ). อย่าลืมแทรกรูปภาพของคุณ หรือ โลโก้ URL ลิงค์ 

**(i) พร้อมลิงก์ **

(เมื่อผู้เยี่ยมชมคลิกที่ภาพหรือโลโก้พวกเขาจะถูกนำไปยังหน้าอื่น)

<a href="yourpageurl" target="_blank"><img style=“width: 100px;” src="_yourimageurl_"></a>

(ii) ไม่มีลิงก์

(ไม่สามารถคลิกที่รูปภาพหรือ โลโก้ได้ )

<img style="width: 100px;" src="yourimageurl"/>

5. หากคุณต้องการให้ภาพหรือโลโก้อยู่ด้านขวาคุณสามารถใช้โค้ดด้านล่างแทน

(i) พร้อมลิงก์

<a href="yourpageurl" target="_blank"><img style="width: 100px; margin-left: 100%;" src="yourimageurl"></a>

(ii) ไม่มีลิงก์

<img style="width: 100px; margin-left: 100%;"src="yourimageurl"/>

6. บันทึก และ เสร็จสิ้น 

เคล็ดลับ:

หากคุณต้องการปรับขนาดโลโก้คุณสามารถปรับจำนวนความกว้าง: 100px

หากคุณต้องการปรับตำแหน่งของโลโก้โดยเปลี่ยนทิศทางไปที่ตรงกลางหรือด้านข้างไม่มากเกินไปคุณสามารถปรับจำนวนเปอร์เซ็นต์ในระยะขอบซ้าย = 100%

GIF : 

อัปเดตเมื่อ: 28/09/2022