ThaiSEOBoard.com

พัฒนาเว็บไซต์ => CMS & Free Script => ข้อความที่เริ่มโดย: neutralart ที่ 03 ตุลาคม 2011, 10:56:32



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

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

ขอบคุณครับ


หัวข้อ: Re: จัดรูปภาพ จัดตัวหนังสือใน Wordpress ยากมากครับ ท่านใดพอวิธีบ้างครับ
เริ่มหัวข้อโดย: เอิร์ธ ที่ 03 ตุลาคม 2011, 10:57:19
มันได้แหละท่านลองดู -*-

อาจจะยากนิดนึง


หัวข้อ: Re: จัดรูปภาพ จัดตัวหนังสือใน Wordpress ยากมากครับ ท่านใดพอวิธีบ้างครับ
เริ่มหัวข้อโดย: neutralart ที่ 03 ตุลาคม 2011, 10:59:26
หมายถึงลองทำไปเรื่อยๆ เด๋วก็เก่งเองใช่ไหมครับ  :wanwan031:
มันได้แหละท่านลองดู -*-

อาจจะยากนิดนึง


หัวข้อ: Re: จัดรูปภาพ จัดตัวหนังสือใน Wordpress ยากมากครับ ท่านใดพอวิธีบ้างครับ
เริ่มหัวข้อโดย: เอิร์ธ ที่ 03 ตุลาคม 2011, 11:00:31
จะจัดแบบไหนอะครับ

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

caption มันมีให้ใส่ตรงภาพนะ


หัวข้อ: Re: จัดรูปภาพ จัดตัวหนังสือใน Wordpress ยากมากครับ ท่านใดพอวิธีบ้างครับ
เริ่มหัวข้อโดย: makoto ที่ 03 ตุลาคม 2011, 11:00:57
งงแฮะ


หัวข้อ: Re: จัดรูปภาพ จัดตัวหนังสือใน Wordpress ยากมากครับ ท่านใดพอวิธีบ้างครับ
เริ่มหัวข้อโดย: เอิร์ธ ที่ 03 ตุลาคม 2011, 11:01:56
ุถ้านอกนั้นคงต้องรู้โค๊ดแล้วครับ

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

ลองดู หรือหา Plugins Shortcode มา


หัวข้อ: Re: จัดรูปภาพ จัดตัวหนังสือใน Wordpress ยากมากครับ ท่านใดพอวิธีบ้างครับ
เริ่มหัวข้อโดย: neutralart ที่ 03 ตุลาคม 2011, 11:02:15
ถ้าจัดเป็นซ้าย - ขวา ก็ align ได้ แต่ถ้าจะเรียงสัก 3 รูป ซ้ายไปขวา มันจัดโค-ตะ-ระยากครับ

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

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

caption มันมีให้ใส่ตรงภาพนะ


หัวข้อ: Re: จัดรูปภาพ จัดตัวหนังสือใน Wordpress ยากมากครับ ท่านใดพอวิธีบ้างครับ
เริ่มหัวข้อโดย: neutralart ที่ 03 ตุลาคม 2011, 11:04:39
แค่รู้สึกว่าจัดยากน่ะครับ อย่างจัดในโปรแกรมดรีมมันได้หมด ขึ้นอยู่กับการสร้างตาราง แต่ wordpress มันมีข้อจำกัดจัดได้แค่เรียงจากบนลงล่างได้อย่างเดียว ผมจะจัดเรียงเป็นแนวนอนซ้ายไปขวา เรียงกันสัก 3-4 รูปจะทำไม่ได้แล้วน่ะครับ

งงแฮะ


หัวข้อ: Re: จัดรูปภาพ จัดตัวหนังสือใน Wordpress ยากมากครับ ท่านใดพอวิธีบ้างครับ
เริ่มหัวข้อโดย: aCustiCz ที่ 03 ตุลาคม 2011, 11:10:29
ที่จริงมันทำได้หมดนะครับ แต่คุณอาจจะยังไม่คุ้นเครื่องมือ

ลองใช้ plugin พวกนี้ดู
http://wordpress.org/extend/plugins/ckeditor-for-wordpress/
http://wordpress.org/extend/plugins/tinymce-advanced/


หัวข้อ: Re: จัดรูปภาพ จัดตัวหนังสือใน Wordpress ยากมากครับ ท่านใดพอวิธีบ้างครับ
เริ่มหัวข้อโดย: neutralart ที่ 03 ตุลาคม 2011, 11:11:35
ขอบคุณครับท่าน ผมจะลองใช้ดูครับ ขอบคุณครับๆ  :wanwan017: :wanwan017:
ที่จริงมันทำได้หมดนะครับ แต่คุณอาจจะยังไม่คุ้นเครื่องมือ

ลองใช้ plugin พวกนี้ดู
http://wordpress.org/extend/plugins/ckeditor-for-wordpress/
http://wordpress.org/extend/plugins/tinymce-advanced/


หัวข้อ: Re: จัดรูปภาพ จัดตัวหนังสือใน Wordpress ยากมากครับ ท่านใดพอวิธีบ้างครับ
เริ่มหัวข้อโดย: AM-PM ที่ 03 ตุลาคม 2011, 11:13:41
แค่รู้สึกว่าจัดยากน่ะครับ อย่างจัดในโปรแกรมดรีมมันได้หมด ขึ้นอยู่กับการสร้างตาราง แต่ wordpress มันมีข้อจำกัดจัดได้แค่เรียงจากบนลงล่างได้อย่างเดียว ผมจะจัดเรียงเป็นแนวนอนซ้ายไปขวา เรียงกันสัก 3-4 รูปจะทำไม่ได้แล้วน่ะครับ

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

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

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

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


หัวข้อ: Re: จัดรูปภาพ จัดตัวหนังสือใน Wordpress ยากมากครับ ท่านใดพอวิธีบ้างครับ
เริ่มหัวข้อโดย: makoto ที่ 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 นี้


หัวข้อ: Re: จัดรูปภาพ จัดตัวหนังสือใน Wordpress ยากมากครับ ท่านใดพอวิธีบ้างครับ
เริ่มหัวข้อโดย: neutralart ที่ 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 นี้


หัวข้อ: Re: จัดรูปภาพ จัดตัวหนังสือใน Wordpress ยากมากครับ ท่านใดพอวิธีบ้างครับ
เริ่มหัวข้อโดย: makoto ที่ 03 ตุลาคม 2011, 11:43:33
เขียนใน css สิครับ แล้วแทนค่าด้วย id ด้วย class เอา อยากใส่อะไรก็แทนค่าด้วย class เอา ผมทำบ่อยไป
ไม่งั้นคุณก็ไปหา class หรือ id บนสุดที่เป็นส่วนของ content น่ะ แล้วเพิ่มค่าเอาว่า ให้ img เรียงกันแบบไหน
พอคุณแทรกภาพลงเนื้อหา มันก็จัดรูปแบบให้เองแล้วครับ แต่ต้องดูดีๆ นะ เพราะถ้ากำหนด class ไม่ดี
ภาพทุกอันมันจะเรียงต่อกันไปหมด


หัวข้อ: Re: จัดรูปภาพ จัดตัวหนังสือใน Wordpress ยากมากครับ ท่านใดพอวิธีบ้างครับ
เริ่มหัวข้อโดย: neutralart ที่ 03 ตุลาคม 2011, 11:47:19
ผมแค่รู้โค้ดแบบบ้านๆ น่ะครับ เด๋วผมขอลอง plugin ก่อนแล้วกันครับ ขอบคุณครับ
เขียนใน css สิครับ แล้วแทนค่าด้วย id ด้วย class เอา อยากใส่อะไรก็แทนค่าด้วย class เอา ผมทำบ่อยไป
ไม่งั้นคุณก็ไปหา class หรือ id บนสุดที่เป็นส่วนของ content น่ะ แล้วเพิ่มค่าเอาว่า ให้ img เรียงกันแบบไหน
พอคุณแทรกภาพลงเนื้อหา มันก็จัดรูปแบบให้เองแล้วครับ แต่ต้องดูดีๆ นะ เพราะถ้ากำหนด class ไม่ดี
ภาพทุกอันมันจะเรียงต่อกันไปหมด


หัวข้อ: Re: จัดรูปภาพ จัดตัวหนังสือใน Wordpress ยากมากครับ ท่านใดพอวิธีบ้างครับ
เริ่มหัวข้อโดย: neutralart ที่ 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/


หัวข้อ: Re: จัดรูปภาพ จัดตัวหนังสือใน Wordpress ยากมากครับ ท่านใดพอวิธีบ้างครับ
เริ่มหัวข้อโดย: topsitemp4 ที่ 03 ตุลาคม 2011, 13:15:41
ใช้บ่อยเดี๋ยวคล่องเองครับ  :wanwan004:


หัวข้อ: Re: จัดรูปภาพ จัดตัวหนังสือใน Wordpress ยากมากครับ ท่านใดพอวิธีบ้างครับ
เริ่มหัวข้อโดย: nui_unseen ที่ 03 ตุลาคม 2011, 13:35:42
งงครับ ปกติไม่ต้องแก้อะไรมันก็เรียงได้หนิครับ แค่ตอนอัพภาพก่อนที่จะใส่ในโพส เลือกที่การจัดเรียงเป็นแบบ "None" แล้วโพส

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

http://www.xn--72ca1bev3cd3b0bcq0cgk3h5h2cj.com/%e0%b8%95%e0%b8%b1%e0%b8%a7%e0%b8%ad%e0%b8%a2%e0%b9%88%e0%b8%b2%e0%b8%87%e0%b8%ab%e0%b8%99%e0%b8%b1%e0%b8%87-friday-killer-%e0%b8%ab%e0%b8%a1%e0%b8%b2%e0%b9%81%e0%b8%81%e0%b9%88%e0%b8%ad%e0%b8%b1%e0%b8%99%e0%b8%95%e0%b8%a3%e0%b8%b2%e0%b8%a2.html


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

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

http://www.xn--72ca1bev3cd3b0bcq0cgk3h5h2cj.com/%e0%b8%95%e0%b8%b1%e0%b8%a7%e0%b8%ad%e0%b8%a2%e0%b9%88%e0%b8%b2%e0%b8%87%e0%b8%ab%e0%b8%99%e0%b8%b1%e0%b8%87-friday-killer-%e0%b8%ab%e0%b8%a1%e0%b8%b2%e0%b9%81%e0%b8%81%e0%b9%88%e0%b8%ad%e0%b8%b1%e0%b8%99%e0%b8%95%e0%b8%a3%e0%b8%b2%e0%b8%a2.html


หัวข้อ: Re: จัดรูปภาพ จัดตัวหนังสือใน Wordpress ยากมากครับ ท่านใดพอวิธีบ้างครับ
เริ่มหัวข้อโดย: muaythaivariety ที่ 03 ตุลาคม 2011, 13:38:48
ผมใส่ html  คับ


หัวข้อ: Re: จัดรูปภาพ จัดตัวหนังสือใน Wordpress ยากมากครับ ท่านใดพอวิธีบ้างครับ
เริ่มหัวข้อโดย: neutralart ที่ 03 ตุลาคม 2011, 13:39:29
โห อันนั้น ผมทำไม่เป็นครับ ยังไม่เทพครับ

ผมใส่ html  คับ


หัวข้อ: Re: จัดรูปภาพ จัดตัวหนังสือใน Wordpress ยากมากครับ ท่านใดพอวิธีบ้างครับ
เริ่มหัวข้อโดย: airada.p ที่ 03 ตุลาคม 2011, 13:41:18
มาเก็บความรู้ด้วยค่ะ :wanwan011:


หัวข้อ: Re: จัดรูปภาพ จัดตัวหนังสือใน Wordpress ยากมากครับ ท่านใดพอวิธีบ้างครับ
เริ่มหัวข้อโดย: gb1977 ที่ 04 ตุลาคม 2011, 13:32:28
ขอบคุณครับ ผมก้กำลัง ฝึกทำ wp ครับ


หัวข้อ: Re: จัดรูปภาพ จัดตัวหนังสือใน Wordpress ยากมากครับ ท่านใดพอวิธีบ้างครับ
เริ่มหัวข้อโดย: melodee ที่ 04 ตุลาคม 2011, 13:57:29
ผมก็อบโค๊ดทุกอย่างไปไว้ใน dream แล้วค่อยทำใน dream แล้วก็ก็อบมาวางไว้ใน wp เหมือนเดิม ครับ


หัวข้อ: Re: จัดรูปภาพ จัดตัวหนังสือใน Wordpress ยากมากครับ ท่านใดพอวิธีบ้างครับ
เริ่มหัวข้อโดย: neutralart ที่ 04 ตุลาคม 2011, 13:59:01
ไปนั่งสร้างตารางในดรีม ทำเป็นพื้นหลังสีขาว แล้ว copy มาใส่ก็ได้ใช่ไหมครับ
ผมก็อบโค๊ดทุกอย่างไปไว้ใน dream แล้วค่อยทำใน dream แล้วก็ก็อบมาวางไว้ใน wp เหมือนเดิม ครับ


หัวข้อ: Re: จัดรูปภาพ จัดตัวหนังสือใน Wordpress ยากมากครับ ท่านใดพอวิธีบ้างครับ
เริ่มหัวข้อโดย: j0ne500 ที่ 04 ตุลาคม 2011, 15:09:22
เจอปัญหาแบบนี้เหมือนกันครับ บางทีเข้าไปแก้ที่โค้ด พอเซฟไปแล้วมันก็เป็นแบบเดิมอีก

อย่างผมจะให้มันขึ้นบรรทัดใหม่ 2 ที ใส่ <p><p> ไป เซฟปุ๊บ ok ขึ้นบรรทัดใหม่ 2 ที

แต่พอกลับเข้าไปแก้บทความแล้วเซฟอีกทีไอ <p><p> ดันหายไปซะงั้น  :-X


หัวข้อ: Re: จัดรูปภาพ จัดตัวหนังสือใน Wordpress ยากมากครับ ท่านใดพอวิธีบ้างครับ
เริ่มหัวข้อโดย: watchakorn ที่ 04 ตุลาคม 2011, 15:12:49
เข้ามาเก็บครับ


หัวข้อ: Re: จัดรูปภาพ จัดตัวหนังสือใน Wordpress ยากมากครับ ท่านใดพอวิธีบ้างครับ
เริ่มหัวข้อโดย: 13Tech ที่ 04 ตุลาคม 2011, 15:19:10
ได้ความรู้เพิ่ม


หัวข้อ: Re: จัดรูปภาพ จัดตัวหนังสือใน Wordpress ยากมากครับ ท่านใดพอวิธีบ้างครับ
เริ่มหัวข้อโดย: melodee ที่ 05 ตุลาคม 2011, 14:22:20
ไปนั่งสร้างตารางในดรีม ทำเป็นพื้นหลังสีขาว แล้ว copy มาใส่ก็ได้ใช่ไหมครับ
ผมก็อบโค๊ดทุกอย่างไปไว้ใน dream แล้วค่อยทำใน dream แล้วก็ก็อบมาวางไว้ใน wp เหมือนเดิม ครับ

ได้ครับ ทำได้ปกติเลย


หัวข้อ: Re: จัดรูปภาพ จัดตัวหนังสือใน Wordpress ยากมากครับ ท่านใดพอวิธีบ้างครับ
เริ่มหัวข้อโดย: melodee ที่ 05 ตุลาคม 2011, 14:23:14
แต่ว่าถ้าจะใส่ css ด้วยอย่าลืมไปเพิ่ม id,class ในไฟล์ css ด้วยนะครับ


หัวข้อ: Re: จัดรูปภาพ จัดตัวหนังสือใน Wordpress ยากมากครับ ท่านใดพอวิธีบ้างครับ
เริ่มหัวข้อโดย: neutralart ที่ 05 ตุลาคม 2011, 14:25:21
ไอ้ตรงนี้แหล่ะครับ่ท่าน ผมยังไม่รู้วิธีการเพิ่ม CSS ใน WOrdpress  อันนี้ผมก็เพียง Copy จาก style.css ในดรีมมาวางต่อด้านล่างใน css ของ template ได้เลยใช่ไหม??

แต่ว่าถ้าจะใส่ css ด้วยอย่าลืมไปเพิ่ม id,class ในไฟล์ css ด้วยนะครับ


หัวข้อ: Re: จัดรูปภาพ จัดตัวหนังสือใน Wordpress ยากมากครับ ท่านใดพอวิธีบ้างครับ
เริ่มหัวข้อโดย: melodee ที่ 05 ตุลาคม 2011, 15:43:32
ก็ก็อป style.css มาเปิดในดรีม แล้วก็ต่อเพิ่มด้านล่างเลยครับ
พอทำเสร็จก็อัพขึ้นทับไฟล์เดิมเลย เหมือนเราทำ css ปกตินั่นแหละครับ
แค่มันจะเพิ่มขั้นตอนขึ้นมานิดหน่อย


หัวข้อ: Re: จัดรูปภาพ จัดตัวหนังสือใน Wordpress ยากมากครับ ท่านใดพอวิธีบ้างครับ
เริ่มหัวข้อโดย: neutralart ที่ 05 ตุลาคม 2011, 15:44:22
ขอบคุณมากครับ จะปฏิบัติตามครับ
ก็ก็อป style.css มาเปิดในดรีม แล้วก็ต่อเพิ่มด้านล่างเลยครับ
พอทำเสร็จก็อัพขึ้นทับไฟล์เดิมเลย เหมือนเราทำ css ปกตินั่นแหละครับ
แค่มันจะเพิ่มขั้นตอนขึ้นมานิดหน่อย