Special Text Boxes – Tạo text-post đặc biệt trong bài viết

by Mr.TipsViet on December 20, 2009

in Blogging,Plugins

Thông thường khi muốn mọi người chú ý vào một nội dung hoặc phần heading nào đó của bài viết thì chúng ta làm đậm nó lên, hoặc format màu mè cho nó, cũng có thể tăng size,… TipsViet xin giới thiệu với các bạn plugin Special Text Boxes, cho phép chúng ta có thể chèn các text-box đặc biệt, có thể giúp mọi người đặt nội dung cần chú ý vào đó một cách dễ dàng mà lại… đẹp.

Một số ví dụ

Simple box

Một ví dụ về text-box alert, sử dụng id “alert
Một ví dụ về text-box download, sử dụng id “download
Một ví dụ về text-box info, sử dụng id “info
Một ví dụ về text-box warning, sử dụng id “warning
Một ví dụ về text-box custom, sử dụng id “custom

Simple box với icon lớn

Một ví dụ về text-box alert, sử dụng id “alert
Một ví dụ về text-box download, sử dụng id “download
Một ví dụ về text-box info, sử dụng id “info
Một ví dụ về text-box warning, sử dụng id “warning
Một ví dụ về text-box custom, sử dụng id “custom

Captioned box

Captioned box chỉ khác với Simple Box là text-box có thêm title và có thêm 1 button giúp nội dung có thẻ thả xuống hoặc kéo lên như ý muốn, dạng như menu drop vậy.

Đây là Alert Text-box
show Special Text Boxes   Tạo text post đặc biệt trong bài viết
Đây là Download Text-box
show Special Text Boxes   Tạo text post đặc biệt trong bài viết
Đây là Alert Text-box
show Special Text Boxes   Tạo text post đặc biệt trong bài viết
Đây là Warning Text-box
show Special Text Boxes   Tạo text post đặc biệt trong bài viết
Đây là Black Text-box
show Special Text Boxes   Tạo text post đặc biệt trong bài viết
Đây là Custom Text-box
show Special Text Boxes   Tạo text post đặc biệt trong bài viết

Cài đặt

  • Tải Special Text Boxes tại đây, up lên wp-content/plugins rồi active
  • Hoặc vào Add New, điền vào ô Search Special Text Boxes và cài đặt.

Cấu hình

Special Text Boxes Setting Special Text Boxes   Tạo text post đặc biệt trong bài viết

Sử dụng

Sau khi cài đặt thì plugin sẽ tích hợp ngay trong khung soạn thảo bài viết, bạn chú ý sẽ thấy nút Insert Special Text Box. Đầu tiên hãy chọn đoạn văn bản cần định dạng rồi nhấn vào nút đó

minhhoa Special Text Boxes   Tạo text post đặc biệt trong bài viết

  • Nếu bạn muốn text -box dạng Captioned Box thì hãy điền title vào mục Caption (như hình)
  • Chọn type box, có thể là alert, download, info, warning, custom.

Sau khi nhấn Insert thì tự động đoạn văn bản đó sẽ được nằm trong 1 đoạn code. Vầy là xong.

Special Text Widget

Bạn vào Appearance -> Widget tại Available Widgets thêm 1 widget với tên Special Widget, tương tự với widget Text có sẵn của chúng ta vậy nhưng lại kết hợp với tính năng tạo text-box đặc biệt. Special Text đa tính năng hơn so với Text mặc định, chúng ta có thể tùy chỉnh cho Widget này có thể nằm ở vị trí trang mong muốn. Ví dụ, chỉ ở trang chủ, hoặc chỉ hiện ở trang Archive,…

Chúc các bạn thành công

Các bài viết liên quan

{ 16 comments… read them below or add one }

1 TomCat December 20, 2009 at 11:01 pm

Follow on Twitter Follow @meopro on Twitter.



Ui thanks cái này nhé :kiss:: lôi về nhà mình test ngay.

Reply

2 Lê Hiếu December 20, 2009 at 11:42 pm

Cái nút thanks đâu ấy nhỉ? vừa test…đẹp hoan hô

Reply

3 Mr.TipsViet December 21, 2009 at 7:31 am

Follow on Twitter Follow @tipsviet on Twitter.



Bạn comment cho tớ là tớ vui ròi…hì :yoyo::

Reply

4 TomCat December 20, 2009 at 11:48 pm

Follow on Twitter Follow @meopro on Twitter.



chia buồn cùng pác là tớ vừa test bị error ko edit được bài viết ::ki::
Àh cho tớ hỏi thêm cái cuối mỗi bài viết có box: Article by…. là dùng plugin j thế? :h:

Reply

5 Mr.TipsViet December 21, 2009 at 7:26 am

Follow on Twitter Follow @tipsviet on Twitter.



Ồ… tớ vẫn edit được mà bạn, còn cái box Article by bạn xem hướng dẫn Tại đây

Reply

6 Pavel December 24, 2009 at 11:40 am

Bên WP tiện lợi thật, chỉ cần cài plug-in là sử dụng được ngay. Cái này mà làm bên blogger thì phải mất một đoạn CSS khá dài.

Reply

7 Mr.TipsViet December 24, 2009 at 11:50 am

Follow on Twitter Follow @tipsviet on Twitter.



Uhm… WP có 1 hệ thống Plugin cực kì đồ sộ mà bạn :h:

Reply

8 Minh@MinhMeo.info December 25, 2009 at 12:20 pm

Follow on Twitter Follow @ngoanhminh on Twitter.



Với những ai dùng Thesis như Minh Mèo’s Blog và TipsViet thì chỉ cần thêm 1 dòng CSS vào custom.css là ngon, không phải cài plugin cho nặng :D

Reply

9 Mr.TipsViet December 25, 2009 at 5:31 pm

Follow on Twitter Follow @tipsviet on Twitter.



Yes :yoyo::

Reply

10 Hutek December 28, 2009 at 8:02 am

Thank em, plugin rất hữu ích.

Reply

11 Hu Truc December 29, 2009 at 3:26 am

Follow on Twitter Follow @Hutruc on Twitter.



Hay wa nhi, mai loi no ve nha thoi :d

Reply

12 Nguyen Hung December 30, 2009 at 11:00 am

Follow on Twitter Follow @Gltecdomainvn on Twitter.



Bác cho hỏi thêm nếu trong blog của WP có làm được như vậy không? Thanks bác nhiều.

Reply

13 Mr.TipsViet December 30, 2009 at 12:02 pm

Follow on Twitter Follow @tipsviet on Twitter.



Plugin này dùng cho WP mà bạn :th::

Reply

14 Minh@MinhMeo.info December 31, 2009 at 11:07 am

Follow on Twitter Follow @ngoanhminh on Twitter.



Chắc ý đồng chí Hung hỏi là WordPress.com chứ không phải self-host WordPress :D

>>> Trả lời: Không

Reply

15 Mr.TipsViet January 1, 2010 at 9:46 pm

Follow on Twitter Follow @tipsviet on Twitter.



16 ngocthachez December 31, 2009 at 10:03 am

Follow on Twitter Follow @ngocthachez on Twitter.



Plugin khá hay , rất thích hợp với các blog công nghê. Nhưng đối với người lơ tơ mơ như tớ thì chắc cũng như không , tớ cũng đã cài plugin Style Box rồi mà không bao giờ dùng đến vì quên :h:

Reply

Leave a Comment

You can use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

CommentLuv Enabled
uhm... phù... hé hé hjc boss :yoyo:: :what?: :what::: :wh:: :th:: :no::: :no:: :kiss:: :hjc:: :hihi:: :haha:: :h: :gru::: :christ:: :bye :angry :alo:: :T_T :??: :==: ::xemday:: ::woa: ::try::: ::pig:: ::phu:: ::oh.no ::oc:: ::not:: ::lose: ::loaloa:: ::leu:: ::kute:: ::ki:: ::hot:: ::hihi::: ::hehe:::: ::hehe:: ::gr: ::fly:: ::dsf: ::congr:: ::boctem:: ::amo:: ::0bad::

Previous:

Next: