Cu3er Post Elements – Làn gió mới cho blog của bạn

[tweet]Cu3er Post Elements – Một plugin vừa mới xuất hiện ngày hôm nay nhưng Hutek tin chắc rằng nó sẽ nhanh chóng được biết đến rộng rãi bởi vì những gì mà CU3ER tạo ra là hoàn toàn khác biệt.

Hutek xin được cung cấp một số thông tin cơ bản về CU3ER để các bạn biết. CU3ER là một flash 3d image slider, điều làm cho cu3er nổi bật chính là các hiệu ứng mà nó đem lại, nếu ai lần đầu nhìn thấy các hiệu ứng này đảm bảo sẽ mê luôn, và Hutek cũng không phải ngoại lệ, bên cạnh đó phải kể đến là khả năng tùy biến mạnh mẽ và đơn giản thông qua xml của CU3ER . Và ngay lần đầu tiên nhìn thấy CU3ER Hutek đã muốn ứng dụng ngay cho blog của mình, nhưng thật ko may là Hutek không thể nào tích hợp vào WordPress được, sau đó nếu các bạn để ý thì vào sinh nhật blog Hutek, hiệu ứng của CU3ER cũng đã xuất hiện trên hutek.info . Hutek đã đưa cu3er vào blog bằng iframe và đây cũng là cách duy nhất mà Hutek biết để đưa cu3er vào wp. Cách làm này khá là tốn công và không hiệu quả cho đến một ngày CU3ER Post Elements, đây cũng chính là plugin đầu tiên của WP về CU3ER và nó đã làm rất tốt việc tích hợp CU3ER với WP.

Các thành phần của Cu3er

Về CU3ER thì các bạn có thể xem thêm thông tin trên trang chủ của CU3ER tại địa chỉ  http://www.progressivered.com/cu3er/

Theo Hutek được biết hiện nay CU3ER đang cực hot, đặc biệt trên themeforest, rất nhiều designer đã ứng dụng CU3ER vào việc thiết kế theme của mình.

Tiếp theo đây Hutek sẽ nói kỹ về cách dùng CU3ER Post Elements cho WP vì phần hướng dẫn của tác giả tương đối sơ sài nên có thể các bạn ko hiểu hết được.

Đầu tiên cần phải xác định xem sẽ dùng CU3ER đảm nhận vị trí nào trên blog của bạn. Đẹp nhất là để CU3ER làm nơi giới thiệu những bài viết nổi bật trên blog của bạn, đây cũng là cách thông dụng nhất mà các blogger khác trên thế giới đã làm.

Sau khi xác định xong vai trò của CU3ER trên blog của bạn chúng ta sẽ tìm hiểu về nguyên lý hoạt động của CU3ER Post Elements. Nói một cách đơn giản CU3ER Post Elements tích hợp CU3ER vào WP và lấy thông tin từ các bài viết của WP để hiển thị ra slide..

Ở đây CU3ER Post Elements lấy mỗi bài viết tương đương với một slide trong đó phần hình ảnh cho slide tác giả dùng hàm scan ảnh trong bài viết và lấy ra ảnh đầu tiên (điều này tác giả lại ko nói trong hướng dẫn nên nhiều bạn ko biết tưởng slide ko chạy). Phần heading thì tác giả lấy thông tin từ tiêu đề bài viết còn phần description thì tác giả lấy thông tin từ excerpt của bài viết, nhưng bạn phải nhập excerpt vào thì phần description này mới hiện nhé.

Tiếp theo là cấu hình để CU3ER Post Elements hoạt động tốt trên blog của bạn. Đầu tiên bạn phải cài đặt CU3ER Post Elements bằng cách vào Plugins/Add New sau đó search với từ khóa CU3ER Post Elements rồi tiến hành cài đặt.

Sau khi active các bạn sẽ tiến hành làm theo các bước sau:

- Đầu tiên là phải thêm câu lệnh này vào nơi bạn muốn CU3ER hiển thị (có thể là index.php hoặc một file nào đó tùy thuộc vào theme bạn đang dùng)

- Tiếp theo chúng ta sẽ vào phần setting của plugin để chỉnh, các bạn xem hình dưới để biết thông tin nhé

Cu3er Post Element Setting

Về cơ bản chỉ cần như vậy là CU3ER đã có thể chạy còn nếu bạn muốn chỉnh nhiều hơn thì có thể edit lại file config.php trong thư mục plugin. Tất nhiên để có thể nghịch thì bạn cần phải nắm rõ về CU3ER đã, tài liệu về CU3ER các bạn có thể xem thêm ở đây http://www.progressivered.com/cu3er/docs/

Chúc các bạn config thành công CU3ER cho blog của mình, giống như Hutek đã làm vậy :D

[stextbox id="info" caption="Một vài demo để các bạn cảm nhận:"]iMaxell Premium Corporate Template
Display 3 in 1 – Business & Portfolio WordPress by Kriesi[/stextbox]

Phản hồi (82) | Gửi một phản hồi

  1. Mình thấy cái Plugin này chỉ thích hợp với các CSM Bussiness thui , chứ blog thì không hợp lắm ~O)

    Reply
  2. cái này mình thấy một số trang có cũng đẹp … nhưng xem cho biết thôi :x cám ơn hutek nha :2:
    .-= hoangloi´s last blog ..Begin Study C++ =-.

    Reply
  3. Nhìn đã quá, muốn đưa vào blog nhưng làm nguyên 1 buổi mà không được, cái theme em đang xài tích hợp sẳn feature, xóa hay đổi bằgn code của cu3er mà không được, em gửi file features.php nhờ anh edit giúp em được không vậy :2:
    .-= nguyentrung167´s last blog ..Du xuân đất Hàn =-.

    Reply
  4. Có cái nào ko xài flash mà vẫn tạo được featured giống thế ko nhỉ ?
    .-= Tech Daring´s last blog ..Google Buzz takes sharing realtime =-.

    Reply
  5. Cho em hỏi. Làm sao để đặt link vào chính hình đang chạy ạ?

    Reply
  6. Có cách nào để chọn ID của từng bài mình muốn đưa vào không các bác?

    Reply
  7. Ơ. Dạ cho em hỏi em đã install cái plugin này. Sau đó thêm cái đoạn code vào page.php trong theme webzine 1.0 nhưng nó không hiện. Em phải làm sao nữa ạ >.< xin anh giúp cho

    Reply
    • Trong webzine 1 em phải thêm câu lệnh của nó vào file feature.php ấy

      Reply
      • Em đã chuyển qua wpline 1.1 rồi. Theme của a rất đẹp. Em làm giống như a chỉ là vào feature.php thêm đoạn đó vào (thêm trên đầu) nhưng nó vẫn trơ ra. >.<

        Reply
  8. Bác Hutek ơi làm thế nào đẻ sử dụng được bộ template wpline của bác vậy. “hì hì hơi gà” em mới tập tẹ vô web mà.Em đã đăng kí cái tên miền miễn phí rùi.Em nghe nới phải up lên host. Em đã thử mà không được. Bác Hutek có bài hướng dẫn cụ thể Up code lên host thì cho em xin cái. Thanks bác trước nhé

    Reply
    autofix
    25/01/2010
  9. Chưa hỗ trợ Unicode nhỉ? :D
    Bác Hutek share bộ Smiles dc hok?

    Reply
    • Hỗ trợ rồi mà, bác có thể vào file config.php của plugin phần font ấy, rồi có thể dùng font mình thích

      Reply
  10. Làm sao cho nó hiện hình ảnh chỉ trong Cu3er chứ không phải trong bài viết?
    .-= Tinh´s last blog ..Skype Chiếm 12% Lưu Lượng Các Cuộc Gọi Quốc Tế =-.

    Reply
  11. ╔╗╔╗╔══╗╔══╗╔══╗╔╗╔╗

    ║╚╝║║══║║══║║══║║╚╝║

    ║╔╗║║╔╗║║╔═╝║╔═╝╚═╗║

    ╚╝╚╝╚╝╚╝╚╝ • N E W Y E A R 2 0 1 0 •
    :birthday:

    Reply
  12. Năm mới chúc bác làm ăn ngày càng phát đạt, rãnh rãnh ra thêm nhiều theme cho anh em sài ké :2:
    .-= Hư Trúc´s last blog ..Tổng kết cuối năm 2009 =-.

    Reply
  13. Chúc năm mới gặp nhiều may mắn! chúc bác mập thêm vài ký! chúc bác sớm có bồ và nhanh có cưới để sinh hoàng tử nhé! :D :x
    .-= Lê Hiếu´s last blog ..Chúc mừng năm mới! =-.

    Reply
    • Hehe, bác cứ chuẩn bị tinh thần đi, em là sắp mời bác đi ăn cỗ rồi đấy :D

      Reply
  14. câu lệnh mà thêm vào nơi muốn hiển thị là câu lạnh nào anh H ơi :x
    .-= Phuongly´s last blog ..Người mẫu Nhật Bản ngày càng bốc lửa =-.

    Reply
  15. Chưa xài thử chưa biết thấy mấy bác chém gió dữ quá nên nghía thử

    Reply
  16. Top 10 plugin nên có cho bbpress nè anh :cuoi_duyen:
    http://photoshopvn.net/bbpress/top-10-plugin-nen-co-cho-bbpress/
    .-= PenFlag´s last blog ..Top 10 plugin nên có cho bbpress =-.

    Reply
  17. Đã làm và chạy hoàn hảo :x . Mời các pác sang ngắm nghía tí nhé :vic:
    .-= TomCat´s last blog ..Quản lý Domain,E-mail với Google App =-.

    Reply
  18. Anh Hutek ơi Plugin này có tác dụng với các hình ảnh ngoài host không ạ!?
    .-= All 4 You Blog´s last blog ..Miễn phí License Software Aimersoft DVD to 3GP Converter! =-.

    Reply
    • có nhưng mà load chậm lắm, tốt nhất là để trên host của mình

      Reply
  19. em nghĩ cái này chỉ dành cho các template dạng CMS business ,kiểu Woothemes Viral chẳng hạn … có 1 khoảng bên dưới thanh navigation dùng làm feature là ngon nhất … chứ với các dạng template cho mục đích khác như Magazine ,hay Photoblog thì em nghĩ cái dạng slide này ko thích hợp …để kiểu truyền thống hay hơn

    Reply
    Dinh Quang Huy
    28/12/2009
    • Cái này phụ thuộc vào thiết kế thôi, mà chú dạo này ko viết blog nữa hả, đợt rồi anh vào cái blog cũ mà thấy tên miền ko tồn tại.

      Reply
  20. Đợi bài hướng dẫn custom field của bác rồi sử dụng :D
    .-= Hư Trúc´s last blog ..Tạo link rút gọn bài viết không dùng dịch vụ =-.

    Reply
  21. Anh ơi cái này có tích hợp với WpLine ko anh!?
    .-= All 4 You Blog´s last blog ..Miễn phí License Software O&O Defrag 10 Professional Edition! =-.

    Reply
  22. if your theme doesn’t use wp_head() function the cu3er will not be displayed. Always use wp_head() as a part of your theme.
    Phải kiểm tra hàm này ở đâu vậy Hưng, giúp mình cái nhé. Cài rồi mà chẳng hiện gì cả, có rãnh thì nghía wa xem giúp anh tí nhá. Cảm ơn nhiều
    .-= GiaKhang´s last blog ..Cu3er Post Elements – cho blog của bạn thật chuyên nghiệp =-.

    Reply
  23. anh hutek hướng dẫn em thay thế phần Featured bằng cu3er nhá.
    câu hỏi em đã đăng lên 4rum :D
    .-= nghiadoi´s last blog ..Tony Buzan và Phương pháp tư duy Mindmap =-.

    Reply
  24. Thấy thằng này đẹp thật , nhưng em vẫn không cần lắm :D , blog của em chả có gì gọi là feature cả bác ạ . hì hì :((
    .-= Blog tin học´s last blog ..15+ Wallpaper Happy New Year 2010 =-.

    Reply
  25. hình như plugin chưa chạy với tiếng việt unicode, em cài mãi mà ko thấy nó chạy gì cả
    .-= adsl viettel´s last blog ..Sony Ericsson Aino – “Đáng đồng tiền bát gạo” =-.

    Reply
    • bác đọc kỹ lại mấy cái comment của em sẽ biết vì sao nó ko chạy, còn nó vẫn hiện được unicode nhưng mà làm thế nào thì bác chờ em tí, em sắp mổ xẻ cái plugin này rồi, lúc đó bác sẽ hiểu hơn

      Reply
  26. vừa vào blog đã thấy khác lạ, đang định hỏi bác thì đã thấy guide đây rồi
    cảm ơn bác nhé
    .-= adsl viettel´s last blog ..Sony Ericsson Aino – “Đáng đồng tiền bát gạo” =-.

    Reply
  27. Hihi , thằng này ra lò là bác viết review ngay à . Thằng này chắc ra muốn cạnh tranh với featured content gallery ấy các bác nhỉ
    .-= Blog tin học´s last blog ..7 Free & Best Premium WordPress Theme =-.

    Reply
    • anh nghĩ là ko, tác giả chỉ đơn giản là muốn đưa cu3er vào wp và chúng ta phải cảm ơn vì điều đó vì xưa nay wp có chơi với flash mấy đâu, nhất lại là dạng có file xml đi kèm. Còn tất nhiên với sự xuất hiện của ngôi sao mới nổi cu3er thì featured content gallery (fcg) chắc sẽ phải bán sới khỏi cái đất wp này. Nói vậy thôi chư fcg vẫn còn nhiều đất dụng võ lắm mà đâu phải ai cũng biết đến cu3er và có thể tích hợp thành công cu3er vào blog của mình đâu.

      Reply
  28. Tớ đã làm như pác ok nó cũng hiển thị nhưng sao chọn đúng ID nó chỉ hiển thị 4 bài rồi tắt ngấm, mặc dù hiển thị tới lận 5 bài.
    Bác ghé qua xem blog tớ thử xem nó bị gì thế :((
    .-= TomCat´s last blog ..ĐIỀU NGHỊCH LÝ CỦA NGÀY NAY =-.

    Reply
    • Mỗi bài viết bác phải cho nó một cái ảnh ở trong bài vì nó dùng hàm quét ảnh để lấy ra cái ảnh làm slideshow mà, chỉ cần một bài ko có là hỏng hết slide ngay. Lưu ý kỹ điều này nhé.
      Một điều cũng cần quan tâm là nên up ảnh lên host của mình thì load sẽ nhanh hơn là dùng ảnh bên ngoài, có thể tớ sẽ hướng dẫn thay hàm quét ảnh bằng custom field vì làm như thế khá là bất tiện.
      Hiện tại blog của tớ lấy ảnh cho slide bằng custom field chứ ko phải bằng hàm có sẵn của plugin này.

      Reply
      • Bài viết nào tớ cũng có ảnh hết mà ảnh thì toàn là up lên host.
        .-= TomCat´s last blog ..ĐIỀU NGHỊCH LÝ CỦA NGÀY NAY =-.

        Reply
        • Chạy rồi phải ko, nhưng cần phải tinh chỉnh thì mới ngon được

          Reply
          • :x chạy rất mượt pác ạ
            .-= TomCat´s last blog ..ĐIỀU NGHỊCH LÝ CỦA NGÀY NAY =-.

            Reply
          • Cơ chế đọc link cái này hơi kì quái pác ơi, blog hiện tại là mình chuyển data từ blog wordpress.com sang khi dùng Cu3er này bấm vào link thì nó nhảy sang blog bên Wp.com… NHƯNG click link trực tiếp trên blog hiện tại thì nó vẫn ra blog hiện tại.
            Mình không hiểu vì sao nó lại nhảy sang link bên WP.COm

            Reply
            • em sang blog bác thấy về cơ bản là ổn rồi, ngày mai em sẽ có bài phân tích tỉ mỉ hơn về cơ chế hoạt động của thằng này, hy vọng là sẽ giải đáp được phần nào những thắc mắc của bác.

              Reply
  29. Đẹp dã man luôn. :x

    Reply
    anhmjn
    26/12/2009
  30. Cám ơn bài viết nhưng theme nhiều quá, bội thực mất thôi …

    Reply
    • Có thể thử nhiều nhưng dùng thì chỉ một hai cái tâm đắc thôi chứ nhỉ, đổi theme nhiều cũng không tốt đâu TA à. Khi đã tâm đắc một theme nào đó thì mình sẽ tối ưu để cho nó trở nên hoàn hảo đúng ko nào.

      Reply
      • Đúng rồi anh à. Còn anh thì sao ?
        Hình như cái theme này của anh Hutek là phiên bản cái tiến của theme màu đen và vàng nghệ cách đây 2 tuần trước ?

        Reply
        • Cũng có thể nói là như vậy, nhưng cái còn giữ lại chỉ là giao diện kiểu 2 cột truyền thống còn đồ họa là hoàn toàn khác :P

          Reply
  31. Tính năng này hay thật, mình nhìn cũng mê nhưng với Thesis sẽ mất công và với mình thì vẫn botay.com, chắc đợi xem cao thủ nào ứng dụng rồi mình làm theo cho theme mình thôi :2:

    Reply

Gửi một phản hồi

  Tự động TELEX Tắt

:D ^:)^ ~O) :P =(( =P~ :(( =)) more »

PingBack/TrackBack

  1. How To Integrate Cu3er Post Elements To Thesis Theme Feature Box —Theme free for Everyone ThemeMarket .Net - Download free theme , Theme for XP, Theme for Windows Vista, Theme for Windows 7 and more...
  2. Cu3er Post Elements - Feature ấn tượng cho Wordpress
  3. [Thesis Tutorials] How To Integrate Cu3er Post Elements To Thesis Theme Feature Box | All Tips for Bloggers
  4. Cu3er Post Elements – Mang phong cách Pro đến cho Blog bạn | SuperSite for Windows
  5. Cu3er Post Elements - Feature ấn tượng cho Wordpress | HuTruc.Com
  6. Tổng hợp tuần qua #3 & Linklove #2 — Minh Mèo's Blog

jQuery('#large_banner').cycle({
    fx:     'scrollDown', 
    easing: 'bounceout', 
    delay:  -4000,
    timeout: 8000 
});
jQuery('#breaking_news').cycle({
    fx:     'scrollDown', 
    delay:  -4000 
});