รูปในบทความ ชิดขอบซ้าย

351 1

0 สมาชิก และ 1 บุคคลทั่วไป กำลังดูหัวข้อนี้

รูปในบทความ ชิดขอบซ้าย
« เมื่อ: 01/04/20 เวลา 13:42 น. »
สอบถามหน่อยนะครับ รูปในบทความจะชิดขอบซ้ายทั้งหมด

ถ้ากด add media จากในบทความ
wordpress จะให้ code นี้ลงในหน้าบทความอัตโนมัติ
อันนี้เป็นตัวอย่างนะครับ ซึ่งมันจะชิดขอบซ้ายหมดเลย แต่ถ้าใช้ code นี้กับ theme wordpresss อันอืนๆ จะอยู่กึ่งกลางตามปกติ

<img class="aligncenter size-full wp-image-7741" src="https://...........................com/wp-content/uploads/2020/02/........jpg" alt="............." width="680" height="454" />

ผมจึงลองวิธีอื่น มาแก้เป็น

<center><img src="https://...........................com/wp-content/uploads/2020/02/........jpg" alt="............."></center>

อันนี้รูปจะอยู่กึ่งกลาง

มันมีวิธีแก้มั้ยครับ ตอนนี้ผมก็ใช้ code อันที่สอง เพื่อให้รูปมันอยู่กึ่งกลาง

Re: รูปในบทความ ชิดขอบซ้าย
« ตอบกลับ #1 เมื่อ: 01/04/20 เวลา 21:10 น. »
aligncenter เป็นชื่อ class css ที่ wordpress สร้างขึ้นมาครับ ดังนั้นทุกธีมใช้ได้หมด

คราวนี้จากการที่ผมไปศึกษาดู รูปแบบการใช้มันจะต้องถูกต้อง โดยผมสังเกตว่าถ้าเราจัดรูปให้อยู่ตรงกลางด้วยตัว editor ของ wordpress มันก็จะใส่ class aligncenter ลงมาด้วย ใน tag <figure> ที่ครอบตัว img
ซึ่งเป็นวิธีที่ถูกต้องและควรทำที่สุด แต่ผมก็ลองเอา aligncenter ไปใส่ในรูปแล้วก็ใช้ได้ปกตินะครับ(รูปอยู่ตรงกลาง) ดังนั้นคงต้องไปหาดูว่ามี tag ไหนครอบมันอยู่ ที่ผมเจอคือ tag ที่ครอบมันอยู่เป็น tag ที่ wordpress สร้างขึ้นจะมี css display: table ซึ่งตัวที่ถูกครอบอยู่จะใช้ aligncenter ไม่ได้ครับ

ทางแก้ก็คือ
1.อย่างที่ผมได้บอกไป ไปตรวจสอบดูว่ามี tag อะไรครอบมันอยู่ แล้วจัดการให้ถูกต้องถ้ามีความรู้ css
2.จัดกึ่งกลางโดยใช้ตัว editor ของ wordpress จะดีที่สุดครับ
3.ลองสร้าง tag <figure> หรือ <div> ครอบ <img> แล้วใส่คลาสที่ img เป็น aligncenter ครับ