อยากทราบวิธีการ สร้าง css เพื่อกำหนดตำแหน่งในการแชร์
Moderator: mindphp
- Ittichai_chupol
- PHP VIP Members
- Posts: 5410
- Joined: 19/09/2018 10:33 am
อยากทราบวิธีการ สร้าง css เพื่อกำหนดตำแหน่งในการแชร์
ผมอยากทราบวิธีการปรับ css ของ html ให้มีความเหมาะสมกับการแชร์ลงไปใน facebook เพื่อให้ตอนที่เเชร์ออกไปบน facebook มีความสวยงาม เนื่องจากปัญหาที่เจอคือ เมือมีการแชร์โพสต์ที่มี ความยาวของเนื้อหามากๆ จะทำให้ส่วนที่แสดงตอนแชร์ facebook ไม่สวยงามคือ มีการหายไปของ ส่วนหัวของโพสต์นั้นๆ และบางทีก็มีการเบี่ยงไปด้านซ้ายจนเกินไป จึงอยากทราบว่าจะมีวิธีการแก้ไข้อย่างไรครับ ดังรูปตัวอย่าง คือเมือโพสต์ เนื้อหามากๆ หรือยาวว จะทำให้ส่วนที่แสดงหัวข้อ กับ ส่วนของผู้โพสต์หายไป ครับ
Last edited by Ittichai_chupol on 17/06/2019 4:02 pm, edited 2 times in total.
ขอให้วันนี้เป็นวันที่ดี
- mindphp
- ผู้ดูแลระบบ MindPHP
- Posts: 26561
- Joined: 22/09/2008 6:18 pm
- Contact:
Re: อยากทราบวิธีการ สร้าง css เพื่อกำหนดตำแหน่งในการแชร์
ภาพ กับ css คนละเรื่อง กันครับ FB สนใจที่เนื้อหา และ ขนาดไฟล์ภาพ ที่แชร์
ติดตาม VDO: http://www.youtube.com/c/MindphpVideoman
ติดตาม FB: https://www.facebook.com/pages/MindphpC ... 9517401606
หมวดแชร์ความรู้: https://www.mindphp.com/forums/viewforum.php?f=29
รับอบรม และพัฒนาระบบ: https://www.mindphp.com/forums/viewtopic.php?f=6&t=2042
ติดตาม FB: https://www.facebook.com/pages/MindphpC ... 9517401606
หมวดแชร์ความรู้: https://www.mindphp.com/forums/viewforum.php?f=29
รับอบรม และพัฒนาระบบ: https://www.mindphp.com/forums/viewtopic.php?f=6&t=2042
- Ittichai_chupol
- PHP VIP Members
- Posts: 5410
- Joined: 19/09/2018 10:33 am
Re: อยากทราบวิธีการ สร้าง css เพื่อกำหนดตำแหน่งในการแชร์
ผมไม่ต้องปรับ ณ ส่วนี้ที่ไฟล์ของ html ใช่ไหมครับ
ขอให้วันนี้เป็นวันที่ดี
- mindphp
- ผู้ดูแลระบบ MindPHP
- Posts: 26561
- Joined: 22/09/2008 6:18 pm
- Contact:
Re: อยากทราบวิธีการ สร้าง css เพื่อกำหนดตำแหน่งในการแชร์
คำถาม คือต้องการแชร์ ไฟล์ อะไร ต้นฉบับเป็น อย่างไร
ข้อมูลที่ต้องการแชร์ จริงๆ เป็น อะไร ?
ไม่ได้ บอกว่า ไม่ต้องปรับ หรือ ปรับอะไรเพราะ ยังไม่เข้าใจปัญหา ทั้งหมด เพราะ คำถามกับ ภาพที่ยกมา มันเป็นการแชร์ไฟล์ ภาพแต่คำถามที่ถามเรื่อง css
ที่ตอบไปคือ เรื่อง css นั้น facebook ที่มาดึงข้อมูลไปแชร์ เค้าไม่ได้ สนใจ css
เพราะ ฉนั้นถ้าถามว่าปรับ css อย่างไร กับ facebook คำตอบคือไม่เกี่ยวกัน
ข้อมูลที่ต้องการแชร์ จริงๆ เป็น อะไร ?
ไม่ได้ บอกว่า ไม่ต้องปรับ หรือ ปรับอะไรเพราะ ยังไม่เข้าใจปัญหา ทั้งหมด เพราะ คำถามกับ ภาพที่ยกมา มันเป็นการแชร์ไฟล์ ภาพแต่คำถามที่ถามเรื่อง css
ที่ตอบไปคือ เรื่อง css นั้น facebook ที่มาดึงข้อมูลไปแชร์ เค้าไม่ได้ สนใจ css
เพราะ ฉนั้นถ้าถามว่าปรับ css อย่างไร กับ facebook คำตอบคือไม่เกี่ยวกัน
ติดตาม VDO: http://www.youtube.com/c/MindphpVideoman
ติดตาม FB: https://www.facebook.com/pages/MindphpC ... 9517401606
หมวดแชร์ความรู้: https://www.mindphp.com/forums/viewforum.php?f=29
รับอบรม และพัฒนาระบบ: https://www.mindphp.com/forums/viewtopic.php?f=6&t=2042
ติดตาม FB: https://www.facebook.com/pages/MindphpC ... 9517401606
หมวดแชร์ความรู้: https://www.mindphp.com/forums/viewforum.php?f=29
รับอบรม และพัฒนาระบบ: https://www.mindphp.com/forums/viewtopic.php?f=6&t=2042
- Ittichai_chupol
- PHP VIP Members
- Posts: 5410
- Joined: 19/09/2018 10:33 am
Re: อยากทราบวิธีการ สร้าง css เพื่อกำหนดตำแหน่งในการแชร์
- ไฟล์ที่ถูกแชร์ออกไปนั้นจะเป็นรูปรูปภาพครับ
- เพียงแต่การได้มาซึ่งไฟล์รูปภาพนั้น คือ มาจากจาก ไฟล์ html ที่ผ่านการแปลง จาก html มาเป็น รูปภาพครับ
- ซึ่งเมือมีการแชร์โพสต์แล้ว จะมีการดึกข้อมูลโพสต์นั้นไปสร้างเป็น html ก่อน แล้วจะส่ง ไฟล์ html ที่ได้มาแปลงเป็นไฟลืรูปภาพเพื่อให้ facebook มาดึงรูปภาพนั้นไปเป็นรูป
โชว์ตอนแชร์
- แต่ในการแสดงรูปตอนเเชร์นั้น มันติดปัญหาที่ว่า ถ้าหาเนื่อหาของโพสต์นั้น หรือก็คือรูปมันมีความสูงมากเกินไป จะทำให้มีการแสดงผลของภาพที่เเสดงตอนแชร์ ที่ผิด คือ
ด้านส่วนบน กับ ด้านล่าง ของโพสต์มันหายไปครับ
ลิ้งค์ที่ผมใช้ทดสอบ link
- ตัวอย่างไฟล์รูปภาพที่ได้หลังจากการเเปลง html แล้วจะเห็นว่าจะมีส่วนที่แสดงส่วนของหัวข้อโพสต์ กับ ส่วนที่แสดงข้อมูลผู้โพสต์
ตัวอย่างผลลัพธ์หลังจากที่กดแชร์ แล้ว facebook ดึงรูปภาพไปสแดงกับพบว่า ณ ส่วนหัวข้อโพสต์ กับ ส่วนที่แสดงข้อมูลผู้โพสต์ ไม่มีแสดงมา
ดังนั้นสิ่งที่ผมอยากทราบก็คือ ถ้าหากต้องการจะปรับเพื่อให้มีการแสดงตอนตอนแชร์ facebook มีการแสดงที่ส่วน ส่วนหัวข้อโพสต์ กับ ส่วนที่แสดงข้อมูลผู้โพสต์ ด้วยจะต้องปรับอย่างไรครับ ที่ตัวแปลง html มาเป็น รูปภาพครับ หรือ ตรงส่วน css ของ html ครับ
- เพียงแต่การได้มาซึ่งไฟล์รูปภาพนั้น คือ มาจากจาก ไฟล์ html ที่ผ่านการแปลง จาก html มาเป็น รูปภาพครับ
- ซึ่งเมือมีการแชร์โพสต์แล้ว จะมีการดึกข้อมูลโพสต์นั้นไปสร้างเป็น html ก่อน แล้วจะส่ง ไฟล์ html ที่ได้มาแปลงเป็นไฟลืรูปภาพเพื่อให้ facebook มาดึงรูปภาพนั้นไปเป็นรูป
โชว์ตอนแชร์
- แต่ในการแสดงรูปตอนเเชร์นั้น มันติดปัญหาที่ว่า ถ้าหาเนื่อหาของโพสต์นั้น หรือก็คือรูปมันมีความสูงมากเกินไป จะทำให้มีการแสดงผลของภาพที่เเสดงตอนแชร์ ที่ผิด คือ
ด้านส่วนบน กับ ด้านล่าง ของโพสต์มันหายไปครับ
ลิ้งค์ที่ผมใช้ทดสอบ link
- ตัวอย่างไฟล์รูปภาพที่ได้หลังจากการเเปลง html แล้วจะเห็นว่าจะมีส่วนที่แสดงส่วนของหัวข้อโพสต์ กับ ส่วนที่แสดงข้อมูลผู้โพสต์
ตัวอย่างผลลัพธ์หลังจากที่กดแชร์ แล้ว facebook ดึงรูปภาพไปสแดงกับพบว่า ณ ส่วนหัวข้อโพสต์ กับ ส่วนที่แสดงข้อมูลผู้โพสต์ ไม่มีแสดงมา
ดังนั้นสิ่งที่ผมอยากทราบก็คือ ถ้าหากต้องการจะปรับเพื่อให้มีการแสดงตอนตอนแชร์ facebook มีการแสดงที่ส่วน ส่วนหัวข้อโพสต์ กับ ส่วนที่แสดงข้อมูลผู้โพสต์ ด้วยจะต้องปรับอย่างไรครับ ที่ตัวแปลง html มาเป็น รูปภาพครับ หรือ ตรงส่วน css ของ html ครับ
ขอให้วันนี้เป็นวันที่ดี
- mindphp
- ผู้ดูแลระบบ MindPHP
- Posts: 26561
- Joined: 22/09/2008 6:18 pm
- Contact:
Re: อยากทราบวิธีการ สร้าง css เพื่อกำหนดตำแหน่งในการแชร์
ในแนวทางแบบนี้
ต้องตัดเนื้อหา เพื่อให้ ขนาดภาพ ที่เหมาะสม ที่เอาไปแชร์ ครับ
เช่น ถ้ามีแค่ตัวอักษรก็ ตัดที่ 1 พัน 2พันตัวอักษร
หรือ ถ้ามีภาพ เราก็ดูว่าขนาดภาพที่แชร์นั้น ยาวเท่าไหร่ ถ้ายังยาวไม่เกิดขนาดที่เหมาะสมก็ให้ใช้ ข้อความมาต่อเพิ่มเข้าไป
ต้องตัดเนื้อหา เพื่อให้ ขนาดภาพ ที่เหมาะสม ที่เอาไปแชร์ ครับ
เช่น ถ้ามีแค่ตัวอักษรก็ ตัดที่ 1 พัน 2พันตัวอักษร
หรือ ถ้ามีภาพ เราก็ดูว่าขนาดภาพที่แชร์นั้น ยาวเท่าไหร่ ถ้ายังยาวไม่เกิดขนาดที่เหมาะสมก็ให้ใช้ ข้อความมาต่อเพิ่มเข้าไป
ติดตาม VDO: http://www.youtube.com/c/MindphpVideoman
ติดตาม FB: https://www.facebook.com/pages/MindphpC ... 9517401606
หมวดแชร์ความรู้: https://www.mindphp.com/forums/viewforum.php?f=29
รับอบรม และพัฒนาระบบ: https://www.mindphp.com/forums/viewtopic.php?f=6&t=2042
ติดตาม FB: https://www.facebook.com/pages/MindphpC ... 9517401606
หมวดแชร์ความรู้: https://www.mindphp.com/forums/viewforum.php?f=29
รับอบรม และพัฒนาระบบ: https://www.mindphp.com/forums/viewtopic.php?f=6&t=2042
- thatsawan
- PHP VIP Members
- Posts: 27925
- Joined: 31/03/2014 10:02 am
- Contact:
Re: อยากทราบวิธีการ สร้าง css เพื่อกำหนดตำแหน่งในการแชร์
ใช้ CSS ช่วยได้

-
- Similar Topics
- Replies
- Views
- Last post
-
-
อยากทราบวิธีการ สร้าง cookie เพื่อข้อมูลการตั้งค่าขนานอักษร ใน เว็บบอร์ด phpbb
by Ittichai_chupol » 30/03/2019 2:57 pm » in Programming - PHP - 0 Replies
- 402 Views
-
Last post by Ittichai_chupol
30/03/2019 2:57 pm
-
-
-
อยากทราบวิธีการ วนลูปให้ภาพไม่ซ้ำกันหน่อยครับ
by Patipat » 11/07/2019 11:35 am » in Joomla Development - 7 Replies
- 437 Views
-
Last post by tsukasaz
11/07/2019 7:27 pm
-
-
- 2 Replies
- 228 Views
-
Last post by numtan5839
19/11/2019 5:49 pm
-
-
อยากทราบวิธีการ แสดงจำนวนของความคิดเห็นย่อย โดยแบ่งออกเป็นของแต่ละโพส
by Ittichai_chupol » 01/03/2019 3:09 pm » in Programming - PHP - 1 Replies
- 1731 Views
-
Last post by Ittichai_chupol
02/03/2019 2:15 pm
-
-
-
อยากทราบวิธีการ แจ้งเตือนแบบกลุ่ม ใน phpbb
by Ittichai_chupol » 29/01/2019 1:30 pm » in Programming - PHP - 2 Replies
- 467 Views
-
Last post by Ittichai_chupol
29/01/2019 3:51 pm
-
-
- 4 Replies
- 271 Views
-
Last post by Ittichai_chupol
09/09/2019 6:10 pm
-
-
อยากทราบวิธีการ เปลี่ยนค่าของโพสต์ ใน phpbb
by Ittichai_chupol » 09/02/2019 1:11 pm » in Programming - PHP - 1 Replies
- 705 Views
-
Last post by mindphp
09/02/2019 1:13 pm
-
Who is online
Users browsing this forum: No registered users and 9 guests