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

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

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

(a) คำแนะนำ

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

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

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


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

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

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


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



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



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

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

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

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

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

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


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

(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_"/>

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


เคล็ดลับ:

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

GIF : 

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