SMF Responsive, ทำบอร์ด SMF ให้ตอบสนองในทุกสัมผัส

 ปัจจุบันคนนิยมเข้าถึงเว็บไซต์ด้วยมือถือ หรือแทบเล็ตมากขึ้น ดังนั้น ประดาเว็บไซต์ทั้งหลายจึงต้องปรับตัวตามผู้ใช้   จะให้เขาเปิดเข้าเว็บไซต์เราด้วยมือถือ แล้วหน้าเละเทะ ทับซ้อนจนปวดหัวไม่ได้

 Responsive Web Design  คือ คำตอบครับ
 หลายคนคงเข้าใจและรู้จักดีแล้ว ผมจึงจะเล่าแต่สั้นๆ พอได้ใจความ เพราะไม่ใช่ประเด็นหลักที่จะนำมาเขียนในวันนี้

 Responsive Web Design  คือ การออกแบบเว็บไซต์ให้ตอบสนองกับทุกอุปกรณ์ ไม่ว่าจะเป็น พีซี , มือถือ หรือว่าแท็บเล็ต
 เรียกว่าเปิดด้วยอุปกรณ์ตัวไหน เว็บไซต์ก็ยังไฉไลสวยเด้งดั่งเดิม

ลองคลิกเข้า  http://www.thairath.co.th/  แล้วย่อบราวเซอร์ให้เล็กลง จะเห็นชัดเจนครับ

เว็บไซต์ทั้งหลายก็ปรับสภาพออกแบบเป็น Responsive กันเกือบหมด โดยเฉพาะเว็บไซต์สำเร็จรูปอย่าง Wordpress เป็นเจ้าแรกๆที่ออกธีมแนว Responsive มาให้ดาวน์โหลดใช้

หันมาดู SMF เว็บบอร์ดเจ้าเก่า เก่าแก่ที่เหมือนจะมีปัญหามากกับ Responsive เพราะตัวโปรแกรมหลักออกแบบด้วยตาราง ถึงแม้หลังๆจะพยายามปรับเป็น css แล้ว แต่ css ของ smf ก็ยังไม่ Responsive อยู่ดี!

แต่ถามว่าทำได้ไหม? 

คำตอบคือ ทำได้ครับ แต่ยังไม่มีใครทำ?

จริงๆมีผู้ออกแบบเฟรมเวิร์กที่เป็น Responsive หลายเจ้าแล้วครับ และที่ดังๆ ก็คือ Bootstrap 
ฺคลิกเข้าไปดูครับ มีทั้งธีมตัวอย่าง และวิธีใช้งาน

ทีนี้ ถ้าจะทำ SMF ให้เป็น Responsive ก็ไม่ยากแล้วครับ Bootstrap คือคำตอบ

SMF + Bootstrap =  SMF Responsive  ด้วยประการฉะนี้.


บทความหน้า เรามาดูวิธีทำและตัวอย่างธีม SMF Responsive กันครับ ว่าหน้าตาจะเป็นอย่างไร?

[SMF] ไฟล์สำหรับแก้ไขTheme smf เพื่อไม่ให้กระทบโค๊ดหลัก (Core)

ที่ตั้งไฟล์   
Themes/โฟลเดอร์เทมเพลทของท่าน เช่น Themes/mythem/ (ย้ำว่าไม่ใช่ Themes/default/ นะครับ)

1. index.template.php
 ไฟล์ที่เป็นโครงสร้างหลักของธีม ประกอบด้วย Header และ Footer
 Header และFooter ในไฟล์นี้จะเป็นเหมือนกันทุกๆหน้า จากไฟล์ตัวนี้

2. BoardIndex.template.php
  แสดงหมวดหมู่ของกระทู้ทั้งหมด ซึ่งจะแสดงในหน้าแรก

3.MessageIndex.template.php
 ไฟล์นี้ แสดงกระทู้รวมในหมวดหนึ่งๆ ที่เราคลิกจากหน้าแรกมีโครงสร้างเป็นตาราง Table

4. Display.template.php
แสดงรายละเอียดของกระทู้ พร้อมทั้งคำตอบ

5. Post.template.php
 ไฟล์นี้จัดการฟอร์มสำหรับโพสต์กระทู้

 เมื่อรู้ว่าไฟล์ไหนทำอะไรแล้ว เวลาจะทำการจัดการแก้ไข ก็ง่ายขึ้นครับ

[SMF] การใส่ TextEditor สำหรับ smf เวอร์ชั่น 2++

จุดที่เป็นเอกลักษณ์ แต่บางคนอาจมองว่าเป็นจุดด้อยของ smf  อีกข้อหนึ่ง ก็คือ TextEditor 
ถ้าใครคิดภาพไม่ออกว่า TextEditor คืออะไร?
ผมจะสาธยายให้ฟัง..

TextEditor  ก็คือ ฟอร์มสำหรับตั้งหรือตอบกระทู้นั่นแหละครับ ที่อื่นเขามีฟอร์มโพสต์ง่ายๆ ใช้คำสั่ง html หรือใช้ตัวหนา ตัวหนา ใส่ลิงค์ก็ง่ายๆ เบสิกๆ แต่พี่ SMF เรานั่นไม่
แกใช้ bbccode  มีความเป็นเอกลัษณ์ของเอกบุรุษ แต่สร้างความยุ่งยากสำหรับคนที่ไม่่ชินอยู่ไม่น้อย

วันนี้เลยขอเสนอ TextEditor ที่จะช่วยให้การโพสต์ข้อความง่ายขึ้น เหมือนชาวบ้านมากขึ้น
มันคือ  CKEditor  http://ckeditor.com/demo

ตัวนี้ใช้ง่ายแสนง่ายครับ

ขั้นตอนที่ 1. ไปดาวน์โหลดมาก่อนเลยที่  http://ckeditor.com/download

ขั้นตอนที่ 2. เอา ckeditor  ที่ดาวน์โหลดมาแล้วไปไว้ที่โฟลเดอร์ธีมของเรา \Themes\YourTheme_naja

ขั้นตอนที่ 3. เปิดไฟล์ Post.template.php ใน \Themes\default เสร็จแล้ว Save as.. ไปไว้ที่โฟลเดอร์ธีมของเรา  \Themes\YourTheme_naja

ขั้นตอนที่ 4. เปิดไฟล์  Post.template.php ในโฟลเดอร์ธีมของเรานะครับ ไม่ใช่ธีม default เพื่อไม่ให้กระทบกับธีมหลัก แล้วหาคำว่า

// Finally, the submit buttons.
echo '
 
 เพิ่มโค๊ดนี้เข้าไปต่อท้าย คำที่ค้นหา

<script type="text/javascript" src="',$settings['theme_url'],'/ckeditor/ckeditor.js"></script>
    <script src="',$settings['theme_url'],'/ckeditor/samples/sample.js" type="text/javascript"></script>
    <link href="',$settings['theme_url'],'/ckeditor/samples/sample.css" rel="stylesheet" type="text/css" />

ขั้นตอนที่ 5. เปิดไฟล์ GenericControls.template.php ใน\Themes\default  ค้นหาคำว่า
<textarea class="editor"
ใส่คำนี้ไปแทน
<textarea class="ckeditor"

ขั้นตอนที่ 6 . เปิดไฟล์ Subs-Post ในโฟลเดอร์ Sources
หา $message = strtr(implode('', $parts), array('  ' => '  ', "\n" => '
',

แทนที่ด้วยคำสั่งนี้
$message = strtr(implode('', $parts), array('  ' => ' ', "\n" => '
', '&lt;' => '<', '<' => '<', '&gt;' => ">", '>' => '>', '"' => '"', '&nbsp;' => ' ', '&ldquo;' => '“', '&rdquo;' => '”',

เป็นอันเสร็จพิธีครับ

ปล. วิธีนี้ผมทดสอบใช้กับเวอร์ชั่น 2.0.7 หากจะใช้กับเวอร์ชั่นต่ำกว่านี้ ลองเข้าไปดูวิธีได้ที่   http://htmlthai.com/index.php?topic=597.0


ที่มา http://htmlthai.com/index.php?topic=597.0

SMFเดินทางมาถึงเวอร์ชั่น 2.0.7 แล้ว

เผลอแป๊บเดียวก็เข้าปีใหม่ ปี 2014 มาตั้งเดือนหนึ่งแล้ว 
เช่นเดียวกันเผลอแป๊บเดียว SMF ก็ออกมาถึงเวอร์ชั่น 2.0.7 แล้ว นั่นแสดงให้เห็นว่า กลุ่มผู้ใช้ SMF มีไม่น้อย ผู้พัฒนาถึงได้พัฒนาเวอร์ชั่นออกมาเรื่อยๆ
 
 เท่าที่อ่านใน log ของ SMF 2.0.7 เวอร์ชั่นนี้ปรับปรุงจากเดิมไม่มาก ส่วนใหญ่เป็นรายละเอียดเล็กๆน้อยๆในระบบ ซึ่งจะไม่เกี่ยวข้องในส่วน Design ภายนอก เช่น
 เรื่องของการsupport ก็ PHP 5.5 มากขึ้น , เรื่องชื่อยาวเมื่อล็อกอินระบบจะตัดให้สั้นโดยอัตโนมัติ , แก้ไขปฏิทินวันหยุด
 
จะเห็นว่ารายละเีอียดที่เพิ่มเติมมาในเวอร์ชั่นใหม่ ก็ไม่มีอะไรมากนัก จะยังไม่อัพเกรดเวอร์ชั่นก็ไม่มีปัญหาอะไร

ตอนนี้ร้างๆจากบทความเรื่อง smf และไม่ได้ทำธีมใหม่ๆมาแจกเลย สถานการณ์บ้านเมืองมันชวนปวดหัวครับ


คิดไรไม่ออก :o

[SMF] ระบบไม่ส่งอีเมล์ให้สมาชิก เมื่อสมาชิกลงทะเบียนใหม่

ไม่ได้อัพเดทซะนาน สถานการณ์บ้านเมืองตอนนี้ คนไทยทุกหมู่เหล่า คณะอาจารย์  นักศึกษาทั้งศิษย์เก่า และศิษย์ปัจจุบัน หลายๆมหาวิทยาลัย หมอ พยาบาลทุกแห่งลุกฮือ ต่อต้าน พรบ. นิรโทษกรรมแบบสุดซอย

ดูเหมือนว่า คนมีอำนาจและคนมีกะตังค์ชอบคิดว่าคนอื่นจะโง่กว่าตัวเองอยู่เสมอ  อยู่ๆก็จะมายกความผิดตัวเองทิ้งแล้วจะกลับบ้านเหมือนไม่มีอะไรเกิดขึ้น .. มันง่ายขนาดนั้นเลยรึ?


.. กลับมาเรื่อง smf ดีกว่าครับ
ปัญหาที่จะพูดถึงวันนี้  ที่พึ่งพบประสบเจอ คือ smf ส่งอีเมล์หาสมาชิกไม่ได้!!
กรณีคนเข้ามาในบอร์ดของเราแล้วต้องการสมัครสมาชิก โอเค ถ้าบอร์ดไหน เปิดให้สมัครสมาชิกแบบง่ายๆ ไม่ต้องมีพิธีรีตรอง ไม่เน้นความปลอดภัย เปิดอกให้สแปมเข้าบ้าน สมัครปุ๊บ ใช้งานได้ปั๊บแบบไม่ต้องมีอีเมล์แจ้งเพื่อactive ก็คงไม่มีปัญหาเรื่องสมาชิกไม่ได้รับอีเมล์

แต่บอร์ดที่มีการสมัครสมาชิก แบบที่ต้องยืนยันตัวตน ถ้าไม่ได้อีเมล์จากระบบเพื่อคลิกยืนยันแล้วละก็ อย่าหวังว่าจะได้เข้าบอร์ดของข้าได้
ปัญหาที่เจอคือ สมัครสมาชิกแล้ว แต่ไม่มีอีเมล์ออกมาเลย ปัญหานี้พบในอีเมล์ที่เป็น hotmail ซะส่วนใหญ่

ปัญหานี้แก้ไขได้โดยให้ทางผู้ให้บริการเซิฟเวอร์ หรือถ้าท่านเช่าโฮสท์แบบ vps ก็สามารถเข้าไปแก้ไขได้ที่ไฟล์ php.ini ใน cpanel

ค้นหาคำว่า ;extension=php_openssl.dll 
เจอแล้วให้เอา ; ด้านหน้าออก เสร็จแล้ว restart apache เป็นอันเสร็จพิธี

ต่อแต่นี้ ปัญหาสมาชิกจะไม่ได้รับอีเมล์จากท่านจะหมดไปอย่างแน่นอน