อยากทราบวิธีการ สร้าง css เพื่อกำหนดตำแหน่งในการแชร์

ตอบกระทู้

รูปแสดงอารมณ์
:icon_plusone: :like: :plusone: :gfb: :-D :) :( :-o 8O :? 8) :lol: :x :P :oops: :cry: :evil: :twisted: :roll: :wink: :!: :?: :idea: :arrow: :| :mrgreen: :angry: :baa: :biggrin:
รูปแสดงอารมณ์อื่นๆ

BBCode เปิด
[img] เปิด
[url] เปิด
[Smile icon] เปิด

กระทู้แนะนำ
   

มุมมองที่ขยายได้ กระทู้แนะนำ: อยากทราบวิธีการ สร้าง css เพื่อกำหนดตำแหน่งในการแชร์

Re: อยากทราบวิธีการ สร้าง css เพื่อกำหนดตำแหน่งในการแชร์

โดย thatsawan » 17/06/2019 6:58 pm

ใช้ CSS ช่วยได้
รูปภาพ

Re: อยากทราบวิธีการ สร้าง css เพื่อกำหนดตำแหน่งในการแชร์

โดย mindphp » 17/06/2019 5:30 pm

ในแนวทางแบบนี้
ต้องตัดเนื้อหา เพื่อให้ ขนาดภาพ ที่เหมาะสม ที่เอาไปแชร์ ครับ
เช่น ถ้ามีแค่ตัวอักษรก็ ตัดที่ 1 พัน 2พันตัวอักษร
หรือ ถ้ามีภาพ เราก็ดูว่าขนาดภาพที่แชร์นั้น ยาวเท่าไหร่ ถ้ายังยาวไม่เกิดขนาดที่เหมาะสมก็ให้ใช้ ข้อความมาต่อเพิ่มเข้าไป

Re: อยากทราบวิธีการ สร้าง css เพื่อกำหนดตำแหน่งในการแชร์

โดย Ittichai_chupol » 17/06/2019 5:21 pm

- ไฟล์ที่ถูกแชร์ออกไปนั้นจะเป็นรูปรูปภาพครับ
- เพียงแต่การได้มาซึ่งไฟล์รูปภาพนั้น คือ มาจากจาก ไฟล์ html ที่ผ่านการแปลง จาก html มาเป็น รูปภาพครับ
- ซึ่งเมือมีการแชร์โพสต์แล้ว จะมีการดึกข้อมูลโพสต์นั้นไปสร้างเป็น html ก่อน แล้วจะส่ง ไฟล์ html ที่ได้มาแปลงเป็นไฟลืรูปภาพเพื่อให้ facebook มาดึงรูปภาพนั้นไปเป็นรูป
โชว์ตอนแชร์
- แต่ในการแสดงรูปตอนเเชร์นั้น มันติดปัญหาที่ว่า ถ้าหาเนื่อหาของโพสต์นั้น หรือก็คือรูปมันมีความสูงมากเกินไป จะทำให้มีการแสดงผลของภาพที่เเสดงตอนแชร์ ที่ผิด คือ
ด้านส่วนบน กับ ด้านล่าง ของโพสต์มันหายไปครับ

ลิ้งค์ที่ผมใช้ทดสอบ link

- ตัวอย่างไฟล์รูปภาพที่ได้หลังจากการเเปลง html แล้วจะเห็นว่าจะมีส่วนที่แสดงส่วนของหัวข้อโพสต์ กับ ส่วนที่แสดงข้อมูลผู้โพสต์
Selection_999(1484).png
Selection_999(1484).png (141.12 KiB) Viewed 1146 times
ตัวอย่างผลลัพธ์หลังจากที่กดแชร์ แล้ว facebook ดึงรูปภาพไปสแดงกับพบว่า ณ ส่วนหัวข้อโพสต์ กับ ส่วนที่แสดงข้อมูลผู้โพสต์ ไม่มีแสดงมา
Selection_999(1485).png
Selection_999(1485).png (100.61 KiB) Viewed 1146 times

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

Re: อยากทราบวิธีการ สร้าง css เพื่อกำหนดตำแหน่งในการแชร์

โดย mindphp » 17/06/2019 4:46 pm

คำถาม คือต้องการแชร์ ไฟล์ อะไร ต้นฉบับเป็น อย่างไร
ข้อมูลที่ต้องการแชร์ จริงๆ เป็น อะไร ?
ไม่ได้ บอกว่า ไม่ต้องปรับ หรือ ปรับอะไรเพราะ ยังไม่เข้าใจปัญหา ทั้งหมด เพราะ คำถามกับ ภาพที่ยกมา มันเป็นการแชร์ไฟล์ ภาพแต่คำถามที่ถามเรื่อง css

ที่ตอบไปคือ เรื่อง css นั้น facebook ที่มาดึงข้อมูลไปแชร์ เค้าไม่ได้ สนใจ css
เพราะ ฉนั้นถ้าถามว่าปรับ css อย่างไร กับ facebook คำตอบคือไม่เกี่ยวกัน

Re: อยากทราบวิธีการ สร้าง css เพื่อกำหนดตำแหน่งในการแชร์

โดย Ittichai_chupol » 17/06/2019 4:40 pm

ผมไม่ต้องปรับ ณ ส่วนี้ที่ไฟล์ของ html ใช่ไหมครับ

Re: อยากทราบวิธีการ สร้าง css เพื่อกำหนดตำแหน่งในการแชร์

โดย mindphp » 17/06/2019 3:12 pm

ภาพ กับ css คนละเรื่อง กันครับ FB สนใจที่เนื้อหา และ ขนาดไฟล์ภาพ ที่แชร์

อยากทราบวิธีการ สร้าง css เพื่อกำหนดตำแหน่งในการแชร์

โดย Ittichai_chupol » 17/06/2019 2:50 pm

ผมอยากทราบวิธีการปรับ css ของ html ให้มีความเหมาะสมกับการแชร์ลงไปใน facebook เพื่อให้ตอนที่เเชร์ออกไปบน facebook มีความสวยงาม เนื่องจากปัญหาที่เจอคือ เมือมีการแชร์โพสต์ที่มี ความยาวของเนื้อหามากๆ จะทำให้ส่วนที่แสดงตอนแชร์ facebook ไม่สวยงามคือ มีการหายไปของ ส่วนหัวของโพสต์นั้นๆ และบางทีก็มีการเบี่ยงไปด้านซ้ายจนเกินไป จึงอยากทราบว่าจะมีวิธีการแก้ไข้อย่างไรครับ ดังรูปตัวอย่าง คือเมือโพสต์ เนื้อหามากๆ หรือยาวว จะทำให้ส่วนที่แสดงหัวข้อ กับ ส่วนของผู้โพสต์หายไป ครับ

Selection_999(1475).png
Selection_999(1475).png (167.5 KiB) Viewed 1158 times

ข้างบน