Chèn ảnh vào blog WordPress


I. Cách chèn hình vào blog

Đơn giản nhất là bạn up lên một nơi nào đó đã quen thuộc với bạn, như flick, photobucket…, rồi copy và paste vào khung soạn thảo, ở chỗ bạn muốn hiển thị hình

Cách thứ hai là bạn có thể up trực tiếp từ máy vào WordPress. Làm như sau:

– Ở dòng trên cùng, của khung soạn thảo, ngay sau chữ “tải lên/thêm”, bạn chọn nút đầu tiên:

Cửa sổ sau sẽ hiển thị cho phép bạn chọn ảnh từ máy tính bằng cách ấn vào nút “chọn tập tin”

Ở màn hình này, bạn cũng có thể insert hình có sẵn trên internet bằng cách chọn tab “Từ liên kết” và paste link của hình vào

Sau khi tập tin hình ảnh đã được tải xong, ở ngay bên dưới màn hình này sẽ hiển thị như sau:

Hãy làm như hướng dẫn trên hình rồi ấn nút “Thêm vào bài viết” là bức hình sẽ được thêm vào ở vị trí chuột của bạn trong khung soạn thảo.

II. Về kích thước hình chèn vào blog

Nhân tiện đọc được thắc mắc của Vo_chong_vui, tính reply ở comment nhưng lại nghĩ, viết thành bài để ai cũng đọc được.

Về độ rộng của khung viết bài của @WP thì tùy theme có thể từ 500-630 là thông thường. Có theme thì hẹp hoặc rộng hơn.

Tuy nhiên khi viết bài có chèn ảnh thì WP hỗ trợ một cách viết để co giãn độ rộng của hình theo % của bề ngang khung viết bài.

Sau khi paste hình vào, các bạn chuyển sang view dạng html bằng cách chọn tab HTML ở góc trên bên phải khung soạn thảo.

Tìm đường link của ảnh và sửa / hoặc thêm vào sau link ảnh đoạn code: width=”x%”, với x<=100.  Và nhớ là bỏ đoạn: height = “…” đi nhé. Chỉ cần set width như vậy là tấm hình sẽ co vào đúng tỷ lệ mình chọn và tỷ lệ dài rộng vẫn được giữ.

Thông thường nên chọn 90% là đẹp nhất 🙂

III. Về hình thức hiển thị hình trên blog:

– Nếu bạn đang viết tool tip hoặc trong bài viết thi thoảng chèn 1 hình thì không có cách nào khác là bạn phải lần lượt chèn từng hình vào chỗ mình thích. Bạn có thể copy paste trực tiếp từ một nơi khác vào. Hoặc làm như ở phần I mình đã nói.

– Nếu bạn muốn show toàn hình mà up trực tiếp lên WP (tất nhiên chỉ áp dụng cho từng bài) :

Trước hết là bạn Up tất cả các hình lên theo như các bước phần 1, nhưng Bạn có thể chọn một lúc nhiều tập tin và chờ up load xong, viết chú thích cho mỗi hình nếu muốn và không cần ấn nút “thêm vào bài viết” chỉ ấn vào nút “Lưu các thay đổi” . Mà hình sau sẽ được hiển thị. (Chuyển sang tab Thư viện của bài)

Bạn có thể chọn 1 trong 2 cách để hiển thị hình lên blog: Hiển thị theo dạng gellary hoặc slideshow bằng cách chọn các cài đặt cho thư viện (số cột nên là 3) rồi ấn nút  Thêm vào thư viện hoặc Insert Slideshow

Bạn cũng có thể viết code trực tiếp nếu không chọn một trong 2 nút trên mà tắt màn hình thêm hình luôn sau khi lưu các thay đổi:

+ Hiển thị tất cả các hình dưới dạng gellary với y cột thì bạn thêm dòng sau vào:

[g_allery columns=”y”] (Bỏ dấu _ đi nhé)

thông thường nên để y=3

Ta sẽ có như sau:


+ Hiển thị dưới dạng slideshow thì chỉ cần điền dòng sau vào nơi bạn muốn:

(Bỏ dấu _ đi nhé, mình phải viết thêm vào để cho nó không hiểu nhầm thành mình muốn chèn slide show vào :D)

Và kết quả sẽ là thế này:

This slideshow requires JavaScript.

 

Advertisements

11 responses

  1. bạn cho mình hỏi sao trên thanh công cụ khi viết bài mới của mình lại ko có mấy cái kí hieuj như trên hình của bạn vậy?
    tức là nó chỉ có 2 ô Hiển thị vz cả Text thôi ấy :((
    và nếu mình muốn cứ viết 1 đoạn xog lại chèn 1 ảnh thì phải làm thế nào hả bạn? mình có copy ảnh luôn từ 1 trag khác xog paste nhưng cứ đến cái thứ 2 lại ko hiện nữa ý :((

  2. Pingback: mệt rùi | nguyenbacHNMO

Trả lờ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 Đăng xuất / Thay đổi )

Twitter picture

Bạn đang bình luận bằng tài khoản Twitter Đăng xuất / Thay đổi )

Facebook photo

Bạn đang bình luận bằng tài khoản Facebook Đăng xuất / Thay đổi )

Google+ photo

Bạn đang bình luận bằng tài khoản Google+ Đăng xuất / Thay đổi )

Connecting to %s