ยินดีต้อนรับคุณ, บุคคลทั่วไป กรุณา เข้าสู่ระบบ หรือ ลงทะเบียน

เข้าสู่ระบบด้วยชื่อผู้ใช้ รหัสผ่าน และระยะเวลาในเซสชั่น

ThaiSEOBoard.comพัฒนาเว็บไซต์CMS & Free Scriptจัดรูปภาพ จัดตัวหนังสือใน Wordpress ยากมากครับ ท่านใดพอวิธีบ้างครับ
หน้า: [1] 2   ลงล่าง
พิมพ์
ผู้เขียน หัวข้อ: จัดรูปภาพ จัดตัวหนังสือใน Wordpress ยากมากครับ ท่านใดพอวิธีบ้างครับ  (อ่าน 6750 ครั้ง)
0 สมาชิก และ 1 บุคคลทั่วไป กำลังดูหัวข้อนี้
neutralart
ก๊วนเสียว
*

พลังน้ำใจ: 4
ออฟไลน์ ออฟไลน์

กระทู้: 307



ดูรายละเอียด
« เมื่อ: 03 ตุลาคม 2011, 10:56:32 »

จัดรูปภาพ จัดตัวหนังสือใน Wordpress ยากจังเลยครับ รู้สึกจะจัดได้แค่การเรียงจากบนลงล่างได้อย่างเดียว อยากจะวางรูปจากซ้ายไปขวา ใส่ capture ใต้ภาพก็ทำไม่ได้ หรือผมควรจะไปสร้างตารางโพสต์จัดหน้าให้เสร็จสรรพใน dreamweaver แล้ว copy-paste ใส่ WP ครับ

ท่านใดมี Trick ในการจัดตัวหนังสือรูปภาพแบบง่ายๆ บ้างครับ หรือมีปลั๊กอินอะไรบ้างครับที่ช่วยทำให้มันง่ายขึ้นครับ

ขอบคุณครับ
บันทึกการเข้า
เอิร์ธ
Verified Seller
เจ้าพ่อบอร์ดเสียว
*

พลังน้ำใจ: 325
ออฟไลน์ ออฟไลน์

กระทู้: 3,941



ดูรายละเอียด เว็บไซต์
« ตอบ #1 เมื่อ: 03 ตุลาคม 2011, 10:57:19 »

มันได้แหละท่านลองดู -*-

อาจจะยากนิดนึง
บันทึกการเข้า

neutralart
ก๊วนเสียว
*

พลังน้ำใจ: 4
ออฟไลน์ ออฟไลน์

กระทู้: 307



ดูรายละเอียด
« ตอบ #2 เมื่อ: 03 ตุลาคม 2011, 10:59:26 »

หมายถึงลองทำไปเรื่อยๆ เด๋วก็เก่งเองใช่ไหมครับ  wanwan031
มันได้แหละท่านลองดู -*-

อาจจะยากนิดนึง
บันทึกการเข้า
เอิร์ธ
Verified Seller
เจ้าพ่อบอร์ดเสียว
*

พลังน้ำใจ: 325
ออฟไลน์ ออฟไลน์

กระทู้: 3,941



ดูรายละเอียด เว็บไซต์
« ตอบ #3 เมื่อ: 03 ตุลาคม 2011, 11:00:31 »

จะจัดแบบไหนอะครับ

ถ้าซ้ายขวาก็ได้แค่ปรับ align

caption มันมีให้ใส่ตรงภาพนะ
บันทึกการเข้า

makoto
หัวหน้าแก๊งเสียว
*

พลังน้ำใจ: 152
ออฟไลน์ ออฟไลน์

กระทู้: 1,446



ดูรายละเอียด เว็บไซต์
« ตอบ #4 เมื่อ: 03 ตุลาคม 2011, 11:00:57 »

งงแฮะ
บันทึกการเข้า

เอิร์ธ
Verified Seller
เจ้าพ่อบอร์ดเสียว
*

พลังน้ำใจ: 325
ออฟไลน์ ออฟไลน์

กระทู้: 3,941



ดูรายละเอียด เว็บไซต์
« ตอบ #5 เมื่อ: 03 ตุลาคม 2011, 11:01:56 »

ุถ้านอกนั้นคงต้องรู้โค๊ดแล้วครับ

ไม่ก้ใช้ Theme ที่มี Shortcode ช่วย

ลองดู หรือหา Plugins Shortcode มา
บันทึกการเข้า

neutralart
ก๊วนเสียว
*

พลังน้ำใจ: 4
ออฟไลน์ ออฟไลน์

กระทู้: 307



ดูรายละเอียด
« ตอบ #6 เมื่อ: 03 ตุลาคม 2011, 11:02:15 »

ถ้าจัดเป็นซ้าย - ขวา ก็ align ได้ แต่ถ้าจะเรียงสัก 3 รูป ซ้ายไปขวา มันจัดโค-ตะ-ระยากครับ

จะจัดแบบไหนอะครับ

ถ้าซ้ายขวาก็ได้แค่ปรับ align

caption มันมีให้ใส่ตรงภาพนะ
บันทึกการเข้า
neutralart
ก๊วนเสียว
*

พลังน้ำใจ: 4
ออฟไลน์ ออฟไลน์

กระทู้: 307



ดูรายละเอียด
« ตอบ #7 เมื่อ: 03 ตุลาคม 2011, 11:04:39 »

แค่รู้สึกว่าจัดยากน่ะครับ อย่างจัดในโปรแกรมดรีมมันได้หมด ขึ้นอยู่กับการสร้างตาราง แต่ wordpress มันมีข้อจำกัดจัดได้แค่เรียงจากบนลงล่างได้อย่างเดียว ผมจะจัดเรียงเป็นแนวนอนซ้ายไปขวา เรียงกันสัก 3-4 รูปจะทำไม่ได้แล้วน่ะครับ

งงแฮะ
บันทึกการเข้า
aCustiCz
Verified Seller
หัวหน้าแก๊งเสียว
*

พลังน้ำใจ: 164
ออฟไลน์ ออฟไลน์

กระทู้: 1,820



ดูรายละเอียด
« ตอบ #8 เมื่อ: 03 ตุลาคม 2011, 11:10:29 »

ที่จริงมันทำได้หมดนะครับ แต่คุณอาจจะยังไม่คุ้นเครื่องมือ

ลองใช้ plugin พวกนี้ดู
http://wordpress.org/extend/plugins/ckeditor-for-wordpress/
http://wordpress.org/extend/plugins/tinymce-advanced/
บันทึกการเข้า
neutralart
ก๊วนเสียว
*

พลังน้ำใจ: 4
ออฟไลน์ ออฟไลน์

กระทู้: 307



ดูรายละเอียด
« ตอบ #9 เมื่อ: 03 ตุลาคม 2011, 11:11:35 »

ขอบคุณครับท่าน ผมจะลองใช้ดูครับ ขอบคุณครับๆ  wanwan017 wanwan017
ที่จริงมันทำได้หมดนะครับ แต่คุณอาจจะยังไม่คุ้นเครื่องมือ

ลองใช้ plugin พวกนี้ดู
http://wordpress.org/extend/plugins/ckeditor-for-wordpress/
http://wordpress.org/extend/plugins/tinymce-advanced/
บันทึกการเข้า
AM-PM
เจ้าพ่อบอร์ดเสียว
*

พลังน้ำใจ: 379
ออฟไลน์ ออฟไลน์

กระทู้: 4,969



ดูรายละเอียด
« ตอบ #10 เมื่อ: 03 ตุลาคม 2011, 11:13:41 »

แค่รู้สึกว่าจัดยากน่ะครับ อย่างจัดในโปรแกรมดรีมมันได้หมด ขึ้นอยู่กับการสร้างตาราง แต่ wordpress มันมีข้อจำกัดจัดได้แค่เรียงจากบนลงล่างได้อย่างเดียว ผมจะจัดเรียงเป็นแนวนอนซ้ายไปขวา เรียงกันสัก 3-4 รูปจะทำไม่ได้แล้วน่ะครับ

งงแฮะ
ถ้าจัดเป็นซ้าย - ขวา ก็ align ได้ แต่ถ้าจะเรียงสัก 3 รูป ซ้ายไปขวา มันจัดโค-ตะ-ระยากครับ

จะจัดแบบไหนอะครับ

ถ้าซ้ายขวาก็ได้แค่ปรับ align

caption มันมีให้ใส่ตรงภาพนะ
ทำโค๊ตตารางเอาครับ แต่ผมก็ว่ายากจริงๆด้วยนะ ผมเลยตัดปัญหาใส่มันรูปเดียวพอ
 Tongue
บันทึกการเข้า

ไม่ต้องบินให้สูงอย่างใครเขา... จงบินเอาเท่าที่เราจะบินไหว ท่าที่บินไม่จำเป็นต้องเหมือนใคร... แค่บินไปให้ถึงฝัน เท่านั้นพอ


Find out how I'm able to get up to 420 backlinks for month, by spending 30 seconds per day...all for FREE! - Click Here
makoto
หัวหน้าแก๊งเสียว
*

พลังน้ำใจ: 152
ออฟไลน์ ออฟไลน์

กระทู้: 1,446



ดูรายละเอียด เว็บไซต์
« ตอบ #11 เมื่อ: 03 ตุลาคม 2011, 11:24:29 »

แค่รู้สึกว่าจัดยากน่ะครับ อย่างจัดในโปรแกรมดรีมมันได้หมด ขึ้นอยู่กับการสร้างตาราง แต่ wordpress มันมีข้อจำกัดจัดได้แค่เรียงจากบนลงล่างได้อย่างเดียว ผมจะจัดเรียงเป็นแนวนอนซ้ายไปขวา เรียงกันสัก 3-4 รูปจะทำไม่ได้แล้วน่ะครับ

งงแฮะ

เขียน div ครอบก่อนครับ ตั้งให้เป็น id ไว้
แล้วก็ div float:left ทั้งหมด 3 ครั้ง
ตั้ง div clear:left ปิดภาพทั้งหมดให้เป็นปกติ
แล้วปิด div ที่ครอบ

ตัวอย่าง
<div id="warp_img_left">
   <div style="float:left">ภาพ 1</div>
   <div style="float:left">ภาพ 2</div>
   <div style="float:left">ภาพ 3</div>
   <div style="clear:left"></div>
</div> { ข้อความ }

แต่ถ้าจะให้กรอบภาพอยู่ด้านซ้ายด้วย (ภาพ ภาพ ภาพ : ตัวหนังสือ)
ก็ใส่ float:left ต่อหลัง div ใหญ่นั้นไปก็ได้และกำหนดความกว้างของ div ที่เป็นกรอบไว้ถ้าไม่กำหนด div ที่เป็นภาพด้านในจะแสดงผิดพลาด เช่น <div id="warp_img_left" style="float:left;width:300px;">

ลองเอาไปดัดแปลงดูผมยังไม่ได้ทดสอบ code นี้
บันทึกการเข้า

neutralart
ก๊วนเสียว
*

พลังน้ำใจ: 4
ออฟไลน์ ออฟไลน์

กระทู้: 307



ดูรายละเอียด
« ตอบ #12 เมื่อ: 03 ตุลาคม 2011, 11:28:58 »

พอเข้าใจแล้วครับท่าน แต่ใน wordpress ต้องมาเขียนกันขนาดนี้เลยหรอครับ อิอิ...แบบนี้คนที่เขียนโค้ดไม่เป็นก็อ่วมเลยสิครับ  wanwan009

แค่รู้สึกว่าจัดยากน่ะครับ อย่างจัดในโปรแกรมดรีมมันได้หมด ขึ้นอยู่กับการสร้างตาราง แต่ wordpress มันมีข้อจำกัดจัดได้แค่เรียงจากบนลงล่างได้อย่างเดียว ผมจะจัดเรียงเป็นแนวนอนซ้ายไปขวา เรียงกันสัก 3-4 รูปจะทำไม่ได้แล้วน่ะครับ

งงแฮะ

เขียน div ครอบก่อนครับ ตั้งให้เป็น id ไว้
แล้วก็ div float:left ทั้งหมด 3 ครั้ง
ตั้ง div clear:left ปิดภาพทั้งหมดให้เป็นปกติ
แล้วปิด div ที่ครอบ

ตัวอย่าง
<div id="warp_img_left">
   <div style="float:left">ภาพ 1</div>
   <div style="float:left">ภาพ 2</div>
   <div style="float:left">ภาพ 3</div>
   <div style="clear:left"></div>
</div> { ข้อความ }

แต่ถ้าจะให้กรอบภาพอยู่ด้านซ้ายด้วย (ภาพ ภาพ ภาพ : ตัวหนังสือ)
ก็ใส่ float:left ต่อหลัง div ใหญ่นั้นไปก็ได้และกำหนดความกว้างของ div ที่เป็นกรอบไว้ถ้าไม่กำหนด div ที่เป็นภาพด้านในจะแสดงผิดพลาด เช่น <div id="warp_img_left" style="float:left;width:300px;">

ลองเอาไปดัดแปลงดูผมยังไม่ได้ทดสอบ code นี้
บันทึกการเข้า
makoto
หัวหน้าแก๊งเสียว
*

พลังน้ำใจ: 152
ออฟไลน์ ออฟไลน์

กระทู้: 1,446



ดูรายละเอียด เว็บไซต์
« ตอบ #13 เมื่อ: 03 ตุลาคม 2011, 11:43:33 »

เขียนใน css สิครับ แล้วแทนค่าด้วย id ด้วย class เอา อยากใส่อะไรก็แทนค่าด้วย class เอา ผมทำบ่อยไป
ไม่งั้นคุณก็ไปหา class หรือ id บนสุดที่เป็นส่วนของ content น่ะ แล้วเพิ่มค่าเอาว่า ให้ img เรียงกันแบบไหน
พอคุณแทรกภาพลงเนื้อหา มันก็จัดรูปแบบให้เองแล้วครับ แต่ต้องดูดีๆ นะ เพราะถ้ากำหนด class ไม่ดี
ภาพทุกอันมันจะเรียงต่อกันไปหมด
บันทึกการเข้า

neutralart
ก๊วนเสียว
*

พลังน้ำใจ: 4
ออฟไลน์ ออฟไลน์

กระทู้: 307



ดูรายละเอียด
« ตอบ #14 เมื่อ: 03 ตุลาคม 2011, 11:47:19 »

ผมแค่รู้โค้ดแบบบ้านๆ น่ะครับ เด๋วผมขอลอง plugin ก่อนแล้วกันครับ ขอบคุณครับ
เขียนใน css สิครับ แล้วแทนค่าด้วย id ด้วย class เอา อยากใส่อะไรก็แทนค่าด้วย class เอา ผมทำบ่อยไป
ไม่งั้นคุณก็ไปหา class หรือ id บนสุดที่เป็นส่วนของ content น่ะ แล้วเพิ่มค่าเอาว่า ให้ img เรียงกันแบบไหน
พอคุณแทรกภาพลงเนื้อหา มันก็จัดรูปแบบให้เองแล้วครับ แต่ต้องดูดีๆ นะ เพราะถ้ากำหนด class ไม่ดี
ภาพทุกอันมันจะเรียงต่อกันไปหมด
บันทึกการเข้า
neutralart
ก๊วนเสียว
*

พลังน้ำใจ: 4
ออฟไลน์ ออฟไลน์

กระทู้: 307



ดูรายละเอียด
« ตอบ #15 เมื่อ: 03 ตุลาคม 2011, 13:05:11 »

ปลั๊กอิน CK Editor สุดยอดดดมากครับท่าน...กราบขอบพระคุณท่านมากๆๆ ครับ  wanwan017 wanwan017 wanwan017 wanwan017

ที่จริงมันทำได้หมดนะครับ แต่คุณอาจจะยังไม่คุ้นเครื่องมือ

ลองใช้ plugin พวกนี้ดู
http://wordpress.org/extend/plugins/ckeditor-for-wordpress/
http://wordpress.org/extend/plugins/tinymce-advanced/
บันทึกการเข้า
topsitemp4
หัวหน้าแก๊งเสียว
*

พลังน้ำใจ: 19
ออฟไลน์ ออฟไลน์

กระทู้: 1,185



ดูรายละเอียด เว็บไซต์
« ตอบ #16 เมื่อ: 03 ตุลาคม 2011, 13:15:41 »

ใช้บ่อยเดี๋ยวคล่องเองครับ  wanwan004
บันทึกการเข้า

nui_unseen
สมุนแก๊งเสียว
*

พลังน้ำใจ: 74
ออฟไลน์ ออฟไลน์

กระทู้: 503



ดูรายละเอียด
« ตอบ #17 เมื่อ: 03 ตุลาคม 2011, 13:35:42 »

งงครับ ปกติไม่ต้องแก้อะไรมันก็เรียงได้หนิครับ แค่ตอนอัพภาพก่อนที่จะใส่ในโพส เลือกที่การจัดเรียงเป็นแบบ "None" แล้วโพส

ตัวอย่างของผม

http://www.xn--72ca1bev3cd3b0b...0%b8%a3%e0%b8%b2%e0%b8%a2.html
« แก้ไขครั้งสุดท้าย: 03 ตุลาคม 2011, 13:36:31 โดย nui_unseen » บันทึกการเข้า
neutralart
ก๊วนเสียว
*

พลังน้ำใจ: 4
ออฟไลน์ ออฟไลน์

กระทู้: 307



ดูรายละเอียด
« ตอบ #18 เมื่อ: 03 ตุลาคม 2011, 13:37:52 »

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

ตัวอย่างของผม

http://www.xn--72ca1bev3cd3b0b...0%b8%a3%e0%b8%b2%e0%b8%a2.html
บันทึกการเข้า
muaythaivariety
คนรักเสียว
*

พลังน้ำใจ: 3
ออฟไลน์ ออฟไลน์

กระทู้: 137



ดูรายละเอียด เว็บไซต์
« ตอบ #19 เมื่อ: 03 ตุลาคม 2011, 13:38:48 »

ผมใส่ html  คับ
บันทึกการเข้า

หน้า: [1] 2   ขึ้นบน
พิมพ์