กดถูกใจ เป็นกำลังใจให้เรา 😍

VIR9.COM

ขอบคุณน๊าา 🥰

Close

  • herman code modify theme

    August 9, 2021

    หน้าแรก 6 ส่วน

    1.ส่วนหัว (HEAD)

    ส่วนหัว (Head) แก้ที่ style.css

    ให้ใช้รูป background ตามต้องการ (สี่เหลี่ยมผืนผ้า) ชื่อ head.jpg อัพขึ้นไปที่ URL นี้
    (อัพครั้งเดียวแสดงทั้ง PC และ MOBILE)

    http://www.hermanguitar.com/wp-content/themes/photofocus/images/

    โค๊ดไม่ต้องไปแก้ แสดงให้เห็นว่ามันอยู่ตรงไหนเฉยๆ
    background PC
    7527
    background: url( http://www.hermanguitar.com/wp-content/themes/photofocus/images/head.jpg);

    background Mobile
    7583
    background: url( http://www.hermanguitar.com/wp-content/themes/photofocus/images/head.jpg);

    2.HERMAN STORY

    3.MUSIC PASSION , HERE

    • 3 รูปที่โชว์เป็นรูปประจำ Category ซึ่งปกติ wordpress จะไม่มีรูปนี้ เราจึงสร้างขึ้นเอง เพื่อเป็นรูปประจำสำหรับ 3 หมวดหมู่นี้ โดยเมื่อกด เข้าไปแล้วจะไปที่ หน้ารวมของหมวดหมู่นั้นๆ แต่ละหมวดหมู่
    • แก้ไขที่ index.php
    • สร้างรูปขนาดเท่ากัน 3 รูป (กว้างขั้นต่ำ 300px ) ชื่อ guitar.jpg accessories.jpg herman-spirit.jpg
      แล้วอัพขึ้นไปที่ images ที่ URL นี้
      (อัพครั้งเดียว สามรูป แสดงทั้ง PC และ MOBILE)
    http://www.hermanguitar.com/wp-content/themes/photofocus/images/
    

โค๊ดไม่ต้องไปแก้ แสดงให้เห็นว่ามันอยู่ตรงไหนเฉยๆ

หมวดหมู่ GUITAR
73
<a href="http://www.hermanguitar.com/guitar/"><img src="http://www.hermanguitar.com/wp-content/themes/photofocus/images/guitar.jpg" class="card-img-top" alt="..."></a>

หมวดหมู่ ACCESSORIES
81
<a href="http://www.hermanguitar.com/accessories/"><img src="http://www.hermanguitar.com/wp-content/themes/photofocus/images/accessories.jpg" class="card-img-top" alt="..."></a>

หมวดหมู่ HERMAN SPIRIT
89
<a href="http://www.hermanguitar.com/category/herman-spirit/"><img src="http://www.hermanguitar.com/wp-content/themes/photofocus/images/herman-spirit.jpg" class="card-img-top" alt="..."></a>

    4.PICK YOUR PASSION

    ส่วนนี้จะดึงสินค้ากีต้ามาโชว์ล่าสุด 3 post แต่ละโพสท์ กำหนด รูปอิสระได้ที่โพทส์ในส่วนของ Feature image และ กำหนดข้อความอิสระได้ที่ Excerpt ด้านขวาของหน้าบทความที่ทำการใส่เข้าไป มันก็จะดึงมาแสดงที่หน้าแรก

    สำหรับ Background ที่ฟิกอยู่กับที่ ให้ใช้รูป background ตามต้องการ (สี่เหลี่ยมผืนผ้า) ชื่อ bg-mid.jpg อัพขึ้นไปที่ URL นี้
    (อัพครั้งเดียวรูปเดียว แสดงทั้ง PC และ MOBILE)

    http://www.hermanguitar.com/wp-content/themes/photofocus/images/

    โค๊ดไม่ต้องไปแก้ แสดงให้เห็นว่ามันอยู่ตรงไหนเฉยๆ
    background PC
    style.css 7490
    background: url(http://www.hermanguitar.com/wp-content/themes/photofocus/images/bg-mid.jpg);

    background Mobile
    7504
    background: url(http://www.hermanguitar.com/wp-content/themes/photofocus/images/bg-mid.jpg);

    5.NEWS

    จะดึงโพสท์ล่าสุดของ บทความ ในหมวด NEWS และ เมื่อกด ที่ ALL NEWS จะวิ่งไปที่หน้ารวม หมวดหมู่ ของ NEWS

    6.IG

    ดึง feed ของ ig วิธี https://vir9.com/instagram-code/

    7.Footer

    เข้าไปที่ Dashbord ของ wordpress ไปที่ widget แก้ที่ footer แต่ละอัน
    แล้วเลือก TAB ที่เป็น VISUAL กับ TEXT เลือก TEXT

    ตัวอย่าง Footer3

    <div style="margin-top: 20px; background-color: #151414;margin-left: 18px;">
<div style="float: left; padding-right: 30px;"><a class="socials-item" title="Facebook" href="https://www.facebook.com/hermanguitars" target="_blank" rel="noopener"><i class="fab fa-facebook-f facebook fa-2x"></i>
</a></div>
<div style="float: left; padding-right: 30px;"><a class="socials-item" title="Instagram" href="https://www.instagram.com/hermanguitars/" target="_blank" rel="noopener"><i class="fab fa-instagram instagram fa-2x"></i>
</a></div>
<div style="float: left; padding-right: 30px;"><a class="socials-item" title="Instagram" href="https://www.youtube.com/channel/UCV5X5e0nFc-Cz_r_g_g11XA" target="_blank" rel="noopener"><i class="fab fa-youtube fa-2x"></i>
</a></div>
<div style="float: left; padding-right: 30px;"><a class="socials-item" title="Instagram" href="https://www.pinterest.com/hermanguitars" target="_blank" rel="noopener"><i class="fab fa-pinterest-square fa-2x"></i>
</a></div>
<div style="float: left;"></div>
<div class="clear" style="background-color: #151414;"></div>
</div>

    ปรับปรุงเพิ่มเติม

    2021.9.24 เพิ่มแถบยาวบนสุดของเว็บ head.php บรรทัด 27

    <div style="background-color:#000000;line-height:1.2em;text-align:center;font-size: 1em;padding: 10px;"><a href="http://www.hermanguitar.com/">Heman En</a></div>

เวอไนน์ไอคอร์ส

ประหยัดเวลากว่า 100 เท่า!

เวอไนน์เว็บไซต์⚡️
สร้างเว็บไซต์ ดูแลเว็บไซต์

Categories