Theme

Region 15 ช่อง ในธีม Bartik ของ Drupal 7

สิ่งที่เปลี่ยนแปลงอย่างเห็นได้ชัดใน Drupal 7 คือ Theme ที่เป็นธีมเริ่มต้น โดยเปลี่ยนจาก Garland เป็นการใช้บริการของ ธีม Bartik (คือยังมี Garland ให้เลือกใช้ แต่ถูกปิดการใช้งานโดยพื้นฐาน) และธีมของ admin ใช้ธีม Seven ที่โล่งมาก

ธีม Bartik ใน Drupal 7 มาพร้อมกับพื้นที่ Block region เหลือเฟือ คือมีมากถึง 15 ช่อง ซึ่งเพียงพอสำหรับความต้องการของเว็บทั่วไปได้ทันที (ในขณะที่ ธีม Garland ใน Drupal 7 มี region เพียง 7 ช่อง)

หมายเหตุ: Region คือพื้นที่ๆ สามารถย้ายข้อมูลหรือกล่องเนื้อหา ไปในพื้นที่ต่างๆ ได้อย่างอิสระ ได้ตามที่เราต้องการ โดยใช้งานร่วมกับ เมนู Structure / Block

15 Regions in Bartik #drupal7themes

สำหรับการเปลี่ยน ธีม ใน Drupal 7 ได้ทำการย้ายเมนูจากที่ซ่อนอยู่ข้างใน (Site building / Themes) เอาออกมาไว้ข้างนอกเป็นเมนูหลัก คือเมนู Appearance โดยเราสามารถทำการ Settings, Disable หรือ Set default ได้ทั้งหมด

อีกทั้งยังทำการติดตั้งเพิ่มธีมใหม่ เพียงแค่คลิก + Install new theme แล้วเอา link ดาวน์โหลดธีม ที่มีนามสกุลไฟล์ .tar.gz จากเว็บ drupal.org หรืออัพโหลดจากไฟล์ .tar.gz ที่มีอยู่ในเครื่องของเรา ดำเนินการผ่านหน้าเว็บได้ทันที (ซึ่งจะถูกนำไปเก็บไว้ที่ path = /sites/all/themes)

ปล. สำหรับการ Install ธีมผ่านหน้าเว็บ ในบางธีมยังไม่ได้ทำ link ของเมนูนี้ ผู้ใช้อาจต้องใช้วิธีสลับไปใช้ธีม Bartik หรือ Seven เพื่อที่จะใช้เมนู + Install new theme ผ่านหน้าเว็บ

Drupal new design in Localize page

ธีมใหม่ในเว็บไซต์ drupal.org ที่เปิดใช้งานในหน้า localize.drupal.org — ทดลองคลิกดูในหน้าอื่นๆ ยังคงเป็นธีมเดิม

drupal-new

Drupal Theme: FarmWork

Node: Drupal 6.x FarmWork theme modified from Framework 2.6 original

แจกธีมดัดแปลง

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

เลยตั้งชื่อล้อเลียนต้นฉบับว่า FarmWork โดยดัดแปลงให้เข้ากับจริต(ของผมเอง)ให้มากขึ้น

drupal.in.th โฉมใหม่ แจ๋วเลย!

drupal.in.th + beach theme

@sugree ใจกล้ามาก (gibbo กล่าว :-P) จัดการเปลี่ยนธีมของเว็บ drupal.in.th ซึ่งก่อนหน้านี้ หน้าตามันดู CMS จ๋า มาใช้ beach theme หน้าตาสวย น่าใช้ ใครที่กำลังคิดว่าจะใช้ CMS ในการทำเว็บ drupal เป็นทางเลือกที่ดี drupal.in.th คอนเฟิร์ม อิอิ

แทรก css style ของ table ในบางธีม

ช่วงนี้ต้องจัดการกับธีมในหลายเว็บ แล้วมีปัญหากับ css style ของ tag เกี่ยวกับตาราง พวก table, th  และ td ที่มันไม่เว้นช่องว่าง (แม้จะพยายามแทรก code เข้าไปใน html ก็ยังช่วยไม่ได้)

เลยไปหาชุด css style พื้นฐานมาอันนึง แปะเข้าไปในไฟล์ .css เลยละกัน โดยถ้าในหน้าเว็บนั้นมีการสั่งตารางเอาไว้ ก็ให้ดึง css ชุดนี้มาแสดงผลโดยอัตโนมัติ (ถ้าไม่มีชุดอื่นมาสั่งทับทีหลัง)

table {
  border: 1px #666 solid;
  border-collapse: collapse;
  border-spacing: 0px;
}
tr th {
  border-bottom: 1px #666 solid;
  font-weight: bold;
  padding-top: 4px;
  padding-bottom: 4px;
  padding-left: 8px;
  padding-right: 4px;
}
tr td {
  border-bottom: 1px #aaa dotted;
  padding-top: 4px;
  padding-bottom: 4px;
  padding-left: 8px;
  padding-right: 4px;
}

ทดลองแล้วใช้ได้กับเกือบทุกเว็บที่ทำอยู่

ตัวอย่าง ก่อนดำเนินการ...
before add css table style

ตัวอย่าง หลังจากเพิ่มโค้ดแล้ว...
after add css table style

ปล.ใครเอาไปใช้ ตรวจสอบให้ดีนะครับ หากแสดงผลผิดพลาดผมไม่เกี่ยวนะ ฮา...