Vũ Phương

Sử dụng Text Widget để trang trí blog WordPress

Posted in Tutorial, Work & Article by Vũ Phương on Tháng Tư 17, 2008

Một điểm rất hay của WordPress.com là nó cho phép người dùng thêm/xóa các Widget bằng cách kéo/thả để trang trí cho blog của mình. Bài viết sau đây tôi sẽ hướng dẫn các bạn sử dụng Text Widget để tổ điểm cho WordPress, ví dụ như khung My Profile và Friend List mà bạn thây trên blog tôi.

Text Widget là gì?

Như mọi Widget khác, Text Widget thêm những phần nội dung mới vào Sidebar của bạn. Điểm khác biệt của Text Widget là nó không có một chức năng cụ thể mà nó phụ thuộc vào quyết định của bạn và nó không có giới hạn cho số lần xuất hiện trên Sidebar.

Text Widget đơn giản là một khung soạn thảo cùng với tiêu đề. Nội dung sau khi soạn thảo sẽ xuất hiện trên Sidebar.

Cách sử dụng Text Widget

Sau khi vào Dashboard của bạn, hãy mở tab Design lên. Ở tab Design, nhấn vào link Widget để hiển thị toàn bộ danh sách các Widget đang có.

Tìm trong danh sách Widget có tên là Text rồi nhấn nút Add để thêm nó vào Sidebar.

Sau khi thêm, bạn có thể kéo thả vị trí cho phù hợp với ý thích của mình. Nhấn vào nút Edit để thay đổi nội dung.

Một khung lớn hơn sẽ xuất hiện bao gồm một text input và một text box. Text Input để nhập tiêu đề, ví dụ như My Profile, Friend List. Trong khi Text Box sẽ nhập nội dung mình muốn vào.

Sau khi hoàn thành, nhấn nút Change tại Text Widget rồi Save Change để WordPress lưu lại các thay đổi và hoàn thành.

My Profile – Thông tin cá nhân

Text Input: My Profile

Text box: Chép đoạn code này vào

<p align=”center”><img src=”http://img181.imageshack.us/img181/7962/459arb8.jpg“></p>
Nguyễn Vũ Phương Anh<br>
Age: 20<br>
Location: Hồ Chí Minh<br>
Work: Báo Thanh Niên, Cyworld
University: Ngoại Ngữ &amp; Tin Học<br><br>

Những chỗ gạch dưới là những chỗ bạn phải thay đổi. Ví dụ, link hình đầu tiên bạn phải đổi thành link hình của bạn. Các phần còn lại thì tùy ý thích.

Friends List – Danh sách bạn

Text Input: Friends List

Text box: Chép đoạn code này vào

<table width=”100%” border=”0″>

<!– Begin List –>

<tr>
<td width=”50%”><a href=”http://trantri.wordpress.com (1a)“><img src=”http://a.wordpress.com/avatar/mrkythien96.jpg?1208410852 (1b)“></a></td>
<td width=”50%”><a href=”http://chaulkt6m.wordpress.com (2a)“><img src=”http://a.wordpress.com/avatar/chaulkt6m96.jpg?1208410852 (2b)“></a></td>
</tr>
<tr>
<td align=”center”><b>Trần Trí (1c)</b></td>
<td align=”center”><b>ChAuLkT Le (2c)</b></td>
</tr>

<!– End List –>

[blah… blah]

</table>

Những chỗ gạch dưới là những chỗ bạn phải thay đổi. Ở đây, danh sách được chưa làm 2 cột trong một bảng. Mỗi hàng sẽ chưa 2 người. Có thể tách ra làm 3 thành phần như ví dụ trên:

  • a: Đường dẫn đến blog của người bạn muốn thêm vào
  • b: Đường dẫn đến avatar của người bạn muốn thêm vào. Ở đây mrkythien hay chaulkt6m là tên tài khoản, bạn có thể hỏi người bạn của mình để thêm vào. Còn 96 là 96 pixcel, kích thước thumbnail của avatar.
  • c: Tên của người bạn muốn thêm vào.

Code HTML trên là demo sẵn 2 người. Nếu bạn muốn thêm vào nữa thì cứ copy đoạn code trong tag Beign List & End List rồi Paste vào chỗ [blah… blah], sau đó sửa đổi thông tin lại cho phù hợp.

Dĩ nhiên, đây là một cách làm thủ công, chỉ mang tính mô phỏng là chính. Bạn cũng có thể add thành link trong Blogroll, tuy nhiên tôi nghĩ làm kiểu này sẽ trực quan và đặc biệt hơn.

Chúc bạn những giây phúc vui vẻ khi sử dụng WordPress🙂

Tagged with:

68 phản hồi

Subscribe to comments with RSS.

  1. galoi14 said, on Tháng Bảy 12, 2010 at 5:59 Chiều

    Mình đang tìm hiểu cách tạo nhạc nền cho blog wordpress.com. Mò hoài mà chưa thấy! Mình đoán như thế này có đúng không nhe: Dùng widget Văn bản (Text) và kết hợp đoạn code nhạc (lấy từ nhaccuatui.com chẳng hạn). Mình thấy bạn nói nhiều về widget này. Chắc bạn rành lắm! cho mình xin ý kiến nhe!

    • Thụy Trang said, on Tháng Chín 13, 2011 at 2:40 Chiều

      tạo nhạc nền cho wp thì phải vào soundcloud.com bạn ạ
      nếu bạn muốn biết thêm về cách chèn nhạc vào wp thì hãy liên lạc với mình!

  2. kimketech said, on Tháng Tám 25, 2010 at 2:51 Chiều

    Mình sẽ thử làm theo cách của bạn. HIHIHIHI!!!!

  3. hathuong said, on Tháng Mười Một 27, 2010 at 11:36 Chiều

    Anh ơi phần my profile ảnh làm như thế nào thì nó hiển thị hả anh
    em làm như anh nói rùi lấy URL của ảnh mà k thấy ảnh đâu cả
    Help me …

  4. 2010 in review « Vũ Phương said, on Tháng Một 2, 2011 at 1:52 Chiều

    […] Sử dụng Text Widget để trang trí blog WordPress April 2008 58 comments and 2 Likes on WordPress.com 4 […]

  5. chanhngot88 said, on Tháng Một 17, 2011 at 10:34 Chiều

    troi ak
    m chang hieu j ka
    hjc
    co ai chi cho m voi
    m lap nen dc wp rui ma trong day chi toan tieng anh thui minh cha hiu j ka
    hjc hjc hjc
    ai chi giup m voi
    m muon doi theme voi lai trang tri lai

  6. Nguyễn Hạnh Phúc said, on Tháng Ba 25, 2011 at 2:40 Chiều

    thú thực là tôi không tìm thấy tab Design trong Dashboard đâu cả. Các bạn chỉ tôi với. Thanks,

    • Y Phong said, on Tháng Một 30, 2012 at 6:57 Chiều

      Bạn có thể vào phần Giao diện phía bên trái rồi chọn Widget được mà !!!

  7. y8 said, on Tháng Tư 19, 2011 at 5:13 Chiều

    cái này cũng dễ hiểu thôi mà, các bạn bình tĩnh làm theo hướng dẫn của tác giả là đc!

  8. topwebviet.com said, on Tháng Năm 26, 2011 at 4:34 Chiều

    1 thủ thuật hay có dân WP. Cảm ơn bạn.

  9. cokhatmua said, on Tháng Sáu 8, 2012 at 8:13 Chiều

    Làm sao để add friend vậy bạn?

  10. ªŽąmï ∫ëę (●^o^●) said, on Tháng Tám 31, 2012 at 8:58 Chiều

    bạn ơi cho hỏi cái mục Blog Stats của bạn làm sao có vậy?

  11. nguyentaiquyet said, on Tháng Mười 13, 2012 at 4:14 Sáng

    bài này rất hay và ý nghĩa. Các bạn có theertham khảo thêm các bài viết tại đây: http://nguyentaiquyet.wordpress.com/


Gửi phản hồi

Mời bạn điền thông tin vào ô dưới đây hoặc kích vào một biểu tượng để đăng nhập:

WordPress.com Logo

Bạn đang bình luận bằng tài khoản WordPress.com Log Out / Thay đổi )

Twitter picture

Bạn đang bình luận bằng tài khoản Twitter Log Out / Thay đổi )

Facebook photo

Bạn đang bình luận bằng tài khoản Facebook Log Out / Thay đổi )

Google+ photo

Bạn đang bình luận bằng tài khoản Google+ Log Out / Thay đổi )

Connecting to %s

%d bloggers like this: