Miso Blog nâng cấp giao diện

Miso Blog new theme version 3

Miso Blog đã trở lại, có thể nói là "vừa qua khỏi tình trạng thương tích đầy mình". Hiện tại bạn đã thấy Miso Blog có một giao diện mới, đây không phải là một theme khác, mà chỉ là bản nâng cấp (Version 3) của theme cũ. Lần edit này, mình đã cho site offline tận 6 ngày (thật là bi thảm nếu nhìn vào lượng truy cập của  ngày thứ 6). Đến thời điểm này tình hình cũng tạm ổn rồi nên mình phải mở cửa trở lại ngay, không thì bị mọi người ghét bỏ mất ^^

Thực ra không phải là 6 ngày. Trước đó một ngày nữa, chẳng hiểu động lực nào thúc đẩy mình phải thiết kế lại cái giao diện, và cùng một cái giao diện Clear Style xuất hiện rõ trong  đầu, mình bắt đầu ngay tối hôm đó. Đêm hôm đó giao diện mới đã tạm xong nên mình mở site lên liền. Nào ngờ đến sáng hôm sau thì phát hiện lỗi trình bày phần Comment rất ngớ ngẩn, đại để là khi ấn vào comment chi tiết từ module Latest Comment bên cột phải thì bỗng nhiên... tiêu đề bài viết chính bị hụt mất margin-top đến 30px. Khổ sở ở chỗ mình không thể sửa ở Công ty vì công việc khá bận, vậy là phải để đến tối. Đến tối, mình sửa sửa vá vá một lúc và đạt được thành quả bất ngờ: vỡ giao diện, lỗi code php trong component bài viết, website đại loạn.

Rồi đây bắt đầu công cuộc trường chinh: Backup database, cài mới lại Joomla và các extension, tách database rồi import lại từng phần cho Joomla và mỗi extension, sau bắt đầu làm lại giao diện từ đầu theo ý tưởng mới. Đáng ra phần này sẽ rất trơn tru, vì mình làm lại từ đầu tuy mất công nhưng mọi thứ đều rõ ràng rành mạch; nhưng trời không thương, tối nào cũng mất Internet vài giờ đồng hồ, và cứ đều như vắt chanh 12h đêm lại có trở lại. Internet phập phù như vậy là vì dự án hạ ngầm toàn bộ cable tín hiệu của FPT để hướng tới 1000 năm Thăng Long, cable thì hạ ngầm xong rồi nhưng tín hiệu thì vẫn đi đi về về không ở hẳn, báo hại mình mỗi đêm chỉ làm được một chút.

Tuy lần này công việc gián đoạn nhưng rất mừng là không hề có lỗi xảy ra :D. Cuối cùng thì mình đã hoàn thành giao diện mới và mở cửa trở lại. Những thay đổi cơ bản trong giao diện được sửa lại lần này là:

  • Cho toàn bộ layout chính dạt về phía trái, lấy nền trắng làm chủ đạo
  • Chuyển giao diện 2 cột chính, 3 cột footer thành giao diện 3 cột chính, bỏ footer
  • Đơn giản hoá Menu chính, Menu phụ và toàn bộ các module side bar
  • Làm lại logo, thay font chính và edit CSS nhiều chi tiết nhỏ như button, image, typography...

Miso xin chân thành xin lỗi những người đã 1 lần hoặc nhiều lần vào thăm Miso Blog các ngày qua nhưng lại phải thất vọng đi về vì site đóng cửa. Giao diện được sửa lại tuy giản dị hơn trước nhưng mình hy vọng những thay đổi đó vẫn giúp người đọc tiện lợi khi sử dụng. Sắp tới Miso Blog dự định sẽ bổ sung thêm vào giao diện những phần sau:

  • Social Media và RSS Feed (phần này phải có nhưng chưa làm xong)
  • Mở liên kết bằng hình ảnh trên side bar
  • Phần chia sẻ bài viết tới các mạng xã hội
  • Thêm một chút điểm nhấn màu sắc để không nhàm chán

Theme của Miso Blog có hệ thống layout phức tạp nhưng uyển chuyển, tuy đã test kỹ trên các trình duyệt (bỏ qua IE6) nhưng chắc chắn không tránh khỏi những lỗi còn tồn tại. Rất mong bạn bè, đồng nghiệp cùng tất cả bạn đọc ghé thăm góp ý và nêu cảm nhận. Miso rất ít khi thay toàn bộ hệ thống theme mới, nhưng lại rất hay làm mới lại bộ mặt website nên thường xuyên có những thay đổi trong giao diện; mọi ý kiến của bạn về khoảng cách, hướng căn lề, vị trí, kích thước, cách sắp xếp... mình đều sẽ ghi nhận và sửa đổi nếu hợp lý.

Cảm ơn bạn đã đọc bài viết, chúc bạn một ngày vui vẻ!

Miso Blog new theme captured


Hứng thú với những bài viết trên MisoBlog? Hãy thử đăng ký nhận tin mới qua email, hoặc chia sẻ bài viết bằng thanh công cụ dưới đây.
Email Twitter Facebook Myspace Stumbleupon Digg Delicious Technorati blogger google reddit Yahoo

Comments  

Mr.Luat 2010-08-19 17:25#
Giao diện mới tuy đơn giản nhưng rất chuẩn, Miso làm blog bằng Joomla mà Việt cứ tưởng như là Wordpress, cần học hỏi Miso nhiều về Joomla đây
Reply
Misoat 2010-08-19 18:29#
Hê hê, biết là Việt khen nhưng mà tự dưng thấy buồn =.="
Bao giờ phải có người bảo là "Miso làm blog bằng WP mà trông đẹp như Joomla" thì mới vui :D
Theo Miso nghĩ thì nếu chỉ xét về giao diện, đẹp hay không là do cách thiết kế thôi, dù là WP hay Joomla :)
Reply
HiTheSunat 2010-08-19 18:03#
Hic trưa này làm cái comment dài ngoằn mà bị lỗi mất hết :(. Sun thấy giao diện hiện tại của Miso rất ư là Clear Type đó :D. Miso nên thêm vài hình ảnh để nhấn ở sidebar và footer nên thêm vài thông tin nữa + social là OK. Sun tin là Miso còn update dài dài mà phải không ;))
Tặng Miso Premium theme Clear Type này nữa: themeforest.net/.../92484 . Nếu có ghiền quá cũng đừng đổ thừa tại Sun nhé ^^. Sun thích theme này lắm đấy :D
Reply
Misoat 2010-08-19 18:35#
Ô, cái theme Hyperion này có nhiều thứ đáng để "chôm chỉa" đây :D
Nhưng layout của nó là dạng 2 cột và footer chia 3 (giống kiểu cũ của Miso), Miso sẽ chỉ tham khảo về mặt đồ hoạ của nó thôi. Cảm ơn Sun nhé.
À, vụ này muốn hỏi ý Sun. Miso có nên enable các smiley trong nội dung comment lên không nhỉ?
Reply
HiTheSunat 2010-08-19 18:48#
Sun nghĩ để vậy cũng tốt không cần Enable lên đâu Miso vì giao diện Miso chủ yếu là trắng nếu ai dùng Emoticon nhiều quá (như Sun chẳng hạn :D ) trông sẽ hơi rối :)
Miso ráng update cho đẹp nhá, Sun chờ Miso nhúng Hyperion vào đấy :D
Reply
Misoat 2010-08-20 08:53#
Vậy thôi chẳng cho hiện emoticon lên nữa, thế này cũng đẹp >:)
Reply
HiTheSunat 2010-08-20 14:19#
Tha hồ mà sáng tạo emoticon (_ _") hehe
Reply
BKMetalxat 2010-08-19 20:42#
Đẹp và thoáng hơn theme cũ :)
Reply
Misoat 2010-08-20 08:56#
Nhờ thoáng mới đẹp :D
Reply
thaimeoat 2010-08-19 21:56#
mãi mới thấy bác mở lại blog, em cứ thắc mắc, đổi giao diện thì làm ở localhost, bao giờ xong thì ném lên server, hóa ra bác chơi kiểu real-time luôn à :))
giao diện đẹp và thoáng ghê, vẫn có bóng đổ ầm ầm, rất sành điệu ;) :x
Reply
Misoat 2010-08-20 09:05#
Cái khoản bóng đổ là phải thật lực :))
Hồi trước thì tớ toàn chơi localhost trước, nhưng sau lười bác ạ.
Mới cả cái thằng Joomla bực lắm, trên localhost nó không thật, nhiều cái còn ko chạy được cơ >.
Reply
HiTheSunat 2010-08-20 14:19#
Đúng là Joomla rối nhiều thứ lắm, đôi khi local chạy mượt nhưng đưa lên host lại dính lỗi @.@, lúc trước Sun cũng nhiều phen đau đầu vì nó.
Reply
phamdoan87at 2010-08-20 01:13#
Theme đẹp thật nhìn font chữ mượt mượt. thấy bạn kia bảo làm bằng joomla kéo xuống footer thì đúng thật ^^!
Reply
Misoat 2010-08-20 09:20#
Joomla hay không là ở bên trong mà ^^
Reply
HiTheSunat 2010-08-20 14:18#
Cái contact đậm chất Joomla luôn ^^
Reply
Misoat 2010-08-20 17:39#
Yup, một số chỗ Miso vẫn để nguyên kiểu cách để không mất đi bản sắc Joomla :)
Reply
hoangphucd3at 2010-08-20 17:23#
Không hiểu máy mình có vấn đề gì không mà sao theme của Miso nó lại bị lệch nhỉ (trên IE 8 và FF 3.6).
Reply
Misoat 2010-08-20 17:31#
Khung theme yếu quá nên tớ dựa nó vào tường cho chắc đấy Phúc ạ :))
Reply
Chicken Soupat 2010-08-21 20:14#
Chicken Soup thấy theme này không đẹp cho lắm, tuy rằng bản chất là cái cũ nhưng bố cục nghiêng sang trái dễ làm người đọc có cảm giác ngứa mắt. Khung bên phải là hợp lý nhưng diện tích đất chua sử dụng bên phải chiếm quá nhiều gây khó chịu và "nhức sờ con mắt"
Reply
Misoat 2010-08-23 09:23#
Cảm ơn Chicken Soup đã nhận xét. Do một số điều kiện khách quan nên hiện nay Miso chưa thể hoàn thành nốt các thành phần còn lại của theme như đã nói trong bài, sắp tới nhất định sẽ thực hiện.
Sau khi hoàn thành, phần cột phải sẽ thêm một số module (social link, liên kết hình ảnh, tweets...) nên không sợ không đủ dài.
Tuy chỉ là edit theme nhưng Miso hoàn toàn có thể làm nó không còn một chút gì giống giao diện theme cũ nữa. Miso đã từ lâu ấn tượng với kiểu giao diện "align to left" nên lần này quyết định áp dụng nhằm tạo một cái nhìn mới. Dù là trên màn hình có độ phân giải 1920x1080 Miso vẫn chưa cảm thấy "ngứa mắt". Theme này có thể không đẹp, nhưng so với cái cũ Miso thấy nó tốt hơn :)
Reply
HiTheSunat 2010-08-24 15:38#
Gắn thêm cái Feed trông chuyên nghiệp hẳn Miso nhỉ :) Theo dõi từng ngày :D
Reply
Le Hoangat 2010-08-22 12:25#
Vô tình chui vô, hihi. Theme này đẹp, rõ ràng và dễ nhìn.
Reply
quocncat 2010-08-28 20:11#
cai comment cua ban design dep qua, minh ko lam` dc, ban huong dan minh dc ko, minh cai` Jcomment dc roi
Reply
Misoat 2010-08-29 23:02#
Ok. Nếu có thể bạn cho mình link website của bạn, mình xem với. Mình sẽ gửi cái theme của JComments mình đang dùng vào email để bạn tham khảo ;)
Reply
Viễn Chinhat 2010-08-28 23:58#
Nhớ hồi trước Misao dùng WP mà, giờ chuyển sang Joomla thì sao gọi là nâng cấp được nhỉ?
Reply
quocncat 2010-08-29 12:02#
day la miso, dau phai misao. kia la` miasaoblog.com
Reply
HiTheSunat 2010-08-29 12:31#
@Viễn Chinh và Quocnc: Miso và Misao hoàn toàn khác nhau nhé, phải nói rõ kẻo Miso buồn. Vài điểm khác biệt giữa 2 blogger này:
Miso: Dùng JOOMLA | Viết về Joomla và Graphic Design (PTS Tut hay các bộ ảnh độc đáo chẳng hạn), cái tên Miso là chữ viết tắt chữ đệm và tên của Minh Sơn = Miso

Misao: Dùng Wordpress | Viết về kiếm tiền Online, thủ thuật wordpress, game và phần mềm.

Vài điểm trên để mọi người không nhầm lẫn nữa ^^ (Trả lời thay chính chủ)
Reply
Misoat 2010-08-29 23:05#
Không khéo phải nghiên cứu làm nút Thank cho mỗi comment mới được :D Cứ như cái comment của Sun này là phải thank nhiệt tình!
Reply
HiTheSunat 2010-08-29 23:07#
;)) hehe được không, có thì Miso gắn ngay nhé. Còn comment này là rút kinh nghiệm từ lần trước và sau vài tháng săm soi MisoBlog :))
Reply
Munat 2010-09-02 02:24#
Nhiều người hay nhầm thật đấy. Khác biệt lớn nhất là a Miso ko kiếm xiền, chỉ kiếm bạn chia sẻ thôi :D
Reply
quocncat 2010-09-02 16:29#
tớ đâu có nhầm, tớ biết cả 2 blog, trước đây tớ hay dùng WP nên cũng có biết bác Misao, bây giờ tìm hiểu về JL nên biết bác Miso.tớ ko hề nhầm lẫn mà :|
Reply
Pika Rockat 2010-09-05 11:35#
miso hay bị nhầm với misao thật, pro joomla vs pro wp
Reply
quocncat 2010-08-30 13:50#
that ra minh cung chi moi bat dau xay dung web thoi, dang hoan thien theme roi moi bat dau post noi dung.neu co the ban share cho minh nhe :)
Email: ngocuongquoc@gm ail.com
Thank u so much!
Reply

Wanna say something?