WordPress WYSIWYG hướng dẫnbạn đang sử dụng WordPress’ định dạng các tính năng để tối đa của họ?

Tôi hy vọng bạn đã biết những điều cơ bản của định dạng bài đăng trên blog của bạn để làm cho họ dễ đọc hơn. (Nếu bạn chỉ mới bắt đầu, bạn có thể muốn kiểm tra 4 WordPress Formatting Mẹo để Thực hiện bài viết của bạn dễ đọc hơn cho một tổng quan về những điều cơ bản.)

Nhưng blogger nhiều – thậm chí những người có kinh nghiệm – không nhận ra chỉ có bao nhiêu tính năng định dạng được xây dựng vào WordPress.

Tìm hiểu về WordPress WYSIWYG Editor

Cho dù bạn viết bản thảo của bạn trong trình soạn thảo WordPress hay ở nơi khác, điều quan trọng là phải làm quen với thanh công cụ WordPress WYSIWYG và biết những gì tất cả những nút làm.

WYSIWYG (phát âm là “Wizzy-tóc giả”) viết tắt của “What You See Is What You Get”, và mô tả bất kỳ giao diện mà bạn có thể thấy văn bản của bạn sẽ thực sự trông như bạn áp dụng nhiều loại định dạng cho nó. Phần mềm soạn thảo văn bản, Google Docs và WordPress là tất cả trình soạn thảo WYSIWYG.

Bất cứ khi nào bạn tạo một bài mới hoặc trang trong WordPress, bạn sẽ thấy các trình soạn thảo WYSIWYG. thanh công cụ (các nút dọc theo phía trên) trông như thế này:

(Nếu bạn không thấy các nút, chắc chắn rằng bạn đang sử dụng “Visual” chứ không phải là “Văn bản” phiên bản của trình biên tập. Bạn có thể trao đổi giữa hai sử dụng các tab ở phía bên phải của hộp nơi bạn viết bài viết của bạn.)

Nếu bạn đã viết và định dạng bài viết của bạn trong một trình soạn thảo WYSIWYG và sao chép văn bản vào WordPress, một số các định dạng có thể được bảo tồn. Nhưng một số tùy chọn định dạng, như blockquotes và các quy tắc ngang, chỉ có thể được áp dụng trong WordPress.

(Đừng lo lắng nếu bạn không có ý tưởng gì “blockquotes” và “quy tắc ngang” là. Bạn sẽ biết tất cả về họ, và làm thế nào để sử dụng, họ vào cuối của bài viết này!)

Thậm chí nếu một số các nút nhìn khó hiểu ngay bây giờ, tất cả họ đang đơn giản để sử dụng. Chúng tôi sẽ đưa thanh công cụ một hàng tại một thời điểm.

Các Row Top of the Toolbar: Các Tùy chọn định dạng thường gặp nhất

Các nút được chia thành hai hàng. Hàng trên cùng chứa các tùy chọn bạn có khả năng sử dụng thường xuyên nhất.

Họ đây rồi:

Chúng tôi sẽ đi qua từng cái một:

#1: "Đoạn văn” thả xuống

HTML tag tương đương: <h1>, <h2>, <h3>, vv. và <trước>.

menu thả xuống này cho phép bạn định dạng văn bản bằng cách sử dụng kiểu tiêu đề:

Tiêu đề 1 được sử dụng cho tiêu đề của bài viết của bạn, và vì vậy nên tránh cho phân nhóm trong phạm vi bài viết của bạn.

Hầu hết các blogger sử dụng nhóm 2 cho phân nhóm chính của họ và Tựa đề 3 đối với bất kỳ phân nhóm lồng nhau dưới những. (Trong bài viết này, ví dụ, phân nhóm The Row Đầu Buttons: The Most Common Tùy chọn định dạng được nhóm 2, và phân nhóm #1: “Đoạn thả xuống” được nhóm 3.)

Các “định dạng trước” tùy chọn có thể được sử dụng nếu bạn bao gồm các phần của mã trong bài viết của bạn. nó sẽ hiển thị văn bản một cách chính xác bằng cách sử dụng các font chữ đơn.

#2: Chữ in đậm

HTML tag tương đương: <mạnh>

Nút trông giống như một B có lẽ quen thuộc với bạn từ Microsoft Word và các chương trình khác. Nó làm cho văn bản của bạn đậm như thế này.

Để dùng nó, bạn có thể:

Nhấp vào “B” nút, gõ văn bản mà bạn muốn in đậm, sau đó bấm vào nút “B” một lần nữa để quay trở lại văn bản bình thường.
Gõ văn bản của bạn như bình thường, sau đó đánh dấu phần bạn muốn in đậm và bấm vào nút “B”.

Sử dụng nó cho: Nhấn mạnh một câu then chốt, hoặc tạo ra một tiêu đề phụ mà bạn không muốn sử dụng một kiểu tiêu đề.

#3: Tiêu đề nghiêng

HTML tag tương đương: <trong>

Các nút trông giống như một tôi có lẽ cũng rất quen thuộc. Nó làm cho nghiêng văn bản của bạn như thế này.

Sử dụng nó cho: Nhấn mạnh vào một từ cụ thể, hoặc cho một hoặc hai câu của văn bản giải thích (ví dụ. một lưu ý khi bắt đầu bài viết của bạn nói Đây là lần đầu tiên trong một loạt bốn phần).

#4: Danh sách có thứ tự (Bullet điểm)

HTML tag tương đương: <các> cho danh sách, <trong> cho mỗi mục trong danh sách

Nút với ba dấu chấm và đường có thể trông hơi giống Mã Morse, nhưng nó thực sự sử dụng để tạo ra một danh sách gạch đầu dòng (còn được gọi là một “danh sách không có thứ tự”) như thế này:

mục một
mục hai
item ba

Sử dụng nó cho: Một danh sách nơi trật tự hoặc số mục không đặc biệt quan trọng. Nếu mỗi mục trong danh sách của bạn có nhiều hơn một đoạn dài, có thể bạn sẽ muốn định dạng danh sách của bạn khác nhau (ví dụ. sử dụng phân nhóm).

#5: Danh sách được yêu cầu (số)

HTML tag tương đương: <ol> cho danh sách, <trong> cho mỗi mục trong danh sách

Nút danh sách thứ hai là dành cho một danh sách đánh số (còn được gọi là “ra lệnh” danh sách) như thế này:

mục một
mục hai
item ba

Sử dụng nó cho: Một danh sách nơi số điện thoại hoặc đặt hàng các mặt hàng quan trọng (ví dụ. bạn đang đưa ra hướng dẫn từng bước hoặc viết một danh sách top mười).

Để được trợ giúp nhiều hơn với danh sách, kiểm tra bài của tôi Làm thế nào để Sử dụng danh sách có hiệu quả trong Blog bài viết của bạn.

#6: blockquote

HTML tag tương đương: <blockquote>

blockquote (hoặc báo giá khối) định dạng được sử dụng để văn bản phong cách trích dẫn quá (thường) nó có một lề trái rộng hơn so với văn bản chuẩn. Tùy thuộc vào chủ đề của blog của bạn, văn bản blockquote cũng có thể nằm trong một phông chữ khác nhau và có dấu ngoặc kép bên cạnh.

Đây là cách blockquotes tìm trên blog thực thụ.

Sử dụng nó cho: Bất kỳ trích dẫn từ một người nào đó khác hơn bạn đó là hơn một vài từ lâu. dấu ngoặc kép rất ngắn có thể được đặt trong dấu ngoặc kép trong một câu.

#7: Align Left / Center / Phải

thẻ tương đương HTML: <p>, <p style =”text-align: trung tâm;”>, <p style =”text-align: đúng;”>

Theo mặc định, văn bản của bạn sẽ được canh trái (ngang bằng với lề trái tay). Nhưng bạn cũng có thể sắp xếp văn bản của bạn vì vậy nó làm trung tâm hay canh phải.

Văn bản này tập trung.

Văn bản này là canh phải.

Sử dụng nó cho: Tạo một trang bán hàng hoặc cung cấp đặc biệt, nơi mà nó có thể làm cho tinh thần để tập trung văn bản của bạn. Một số blogger thậm chí sử dụng văn bản làm trung tâm cho những bài thơ hay các loại hơi bất thường khác của nội dung.

#8: Liên kết / Hủy liên kết

HTML tag tương đương: <a href>

Nút này cho phép bạn chuyển văn bản thành một liên kết mà người đọc có thể bấm vào để ghé thăm một bài khác nhau hoặc trang. Đơn giản chỉ cần gõ văn bản (ví dụ. tiêu đề của một bài), sau đó đánh dấu nó và nhấn vào nút liên kết. Bạn sẽ thấy điều này:

Sau đó bạn có thể dán vào URL (địa chỉ web) của trang / bài bạn muốn hoặc, nếu nó trên blog của riêng bạn, bạn có thể tìm kiếm trang / bài theo tiêu đề.

liên kết của bạn sẽ hiển thị như thế này:

Đó là giải pháp Blog Hosting tốt nhất?

Sử dụng nó cho: liên kết nội bộ để bài viết của bạn (tốt cho SEO và khuyến khích người đọc để dính vào xung quanh còn trên blog của bạn), và các liên kết bên ngoài để bài viết của người khác hoặc các nguồn lực khác (tốt để chứng minh kiến ​​thức của bạn / chuyên môn trong lĩnh vực của bạn, và các mối quan hệ xây dựng).

#9: Read More Tag

WordPress thẻ tương đương: <!–hơn–>

Một số chủ đề trên blog hiển thị nhiều bài viết trên trang đầu hoặc trang chỉ mục. Một “đọc thêm” tag phá vỡ bài thành hai phần: phần đầu tiên sẽ xuất hiện trong chỉ mục, và phần còn lại sẽ chỉ được hiển thị khi người đọc nhấp chuột “đọc thêm” (hoặc nhấp chuột vào tiêu đề bài).

Các chủ đề khác được thiết kế để chỉ hiển thị một đoạn trích từ bài (tạo tự động hoặc bằng tay crafted), vì vậy bạn sẽ không cần một “đọc thêm” nhãn. Bạn có thể thấy điều này trong hành động trên của chúng tôi “Blog riêng” trang.

Sử dụng nó cho: Breaking tắt bài viết sau khi giới thiệu, hoặc nếu bạn muốn hiển thị phần của mỗi bài chứ không phải là bài viết đầy đủ trên trang index của bạn Trang nhà / blog.

#10: Chuyển đổi Toolbar

WordPress thẻ tương đương: n / a

“Thanh công cụ Chuyển đổi” cho phép bạn hiển thị / ẩn các hàng thứ hai của các biểu tượng trên thanh công cụ của bạn. (Nó thường được gọi là “Show / Hide Chậu Bếp”, mà bạn có thể nhận ra nếu bạn đã viết blog trong một thời gian dài.)

Sử dụng nó cho: Xem hàng thứ hai của các nút trên thanh công cụ. Hoặc ẩn chúng nếu bạn tìm thấy chúng mất tập trung hoặc chỉ có một màn hình nhỏ để làm việc với.

Hàng dưới cùng của Thanh công cụ: Tùy chọn định dạng ít phổ biến

Trong khi bạn có thể không sử dụng các nút này rất thường xuyên, nó là hữu ích để biết những gì họ làm chỉ trong trường hợp bạn cần chúng.

Lần nữa, chúng tôi sẽ đưa họ cùng một lúc bắt đầu ở bên trái.

#1: gạch ngang chữ

HTML tag tương đương: <các>

Gạch ngang văn bản được gạch bỏ, như thế này. Như với đậm và nghiêng, bạn có thể nhấp vào nút gạch ngang sau đó gõ, hoặc bạn có thể đánh dấu văn bản hiện hành và áp dụng định dạng gạch ngang với nó.

Sử dụng nó cho: hiệu ứng hài hước (nếu phù hợp với giai điệu blog của bạn), hoặc cho khuyến mại đặc biệt trên các sản phẩm của bạn (bạn có thể “gạch bỏ” giá bình thường và hiển thị giá chào bán).

#2: Quy tắc ngang

HTML tag tương đương: <hr />

Nguyên tắc ngang tạo ra một dòng chạy ngang bài viết của bạn. Nó có thể hữu ích cho phá vỡ một bài vào một hoặc nhiều bộ phận thị giác (mặc dù nó không đóng vai trò như một “đọc thêm” nhãn).

Nó trông giống như thế này:

Sử dụng nó cho: Thiết lập ra khi bắt đầu hoặc kết thúc của một bài (ví dụ. nếu bạn đang giới thiệu một loạt bài đăng trên blog vào lúc bắt đầu, hoặc thực hiện chào bán đặc biệt ở cuối).

#3: Văn bản màu

HTML tag tương đương: <span style =”màu: #ff0000;”> (cho màu đỏ)

văn bản của bạn sẽ mặc định là màu được thiết lập bởi chủ đề của blog của bạn – thường màu đen hoặc màu xám rất tối.

Đôi khi, bạn có thể muốn đặt văn bản trong một màu khác nhau. Bạn có thể làm điều này bằng một trong hai:

chọn màu, bằng cách sử dụng một danh sách thả xuống, sau đó gõ
làm nổi bật văn bản hiện hành và sau đó chọn một màu cho nó.

Sau khi bạn click vào menu thả xuống, bạn có thể chọn một màu đơn giản bằng cách nhấp vào nó:

Nếu bạn thích, bạn có thể tạo ra màu sắc tùy chỉnh cụ thể bằng cách nhấn vào “Custom…” và sau đó thiết lập các giá trị RGB.

Sử dụng nó cho: văn bản màu thỉnh thoảng, có lẽ để làm nổi bật một thông báo đặc biệt hoặc phục vụ. Hãy cẩn thận không để quá nhiệt tình với màu sắc khác nhau trong bài viết của mình. Bạn có thể muốn sử dụng “tùy chỉnh” lựa chọn màu sắc để phù hợp với văn bản màu đặc biệt để các bảng màu của tiêu đề của bạn hay xây dựng thương hiệu nói chung.

#4: Dán như văn bản

HTML tag tương đương: n / a

Hầu hết thời gian bạn sẽ muốn dán văn bản vào trình soạn thảo WordPress và giữ định dạng của nó. Nếu bạn dán văn bản mà bạn soạn thảo trong Word, hầu hết các định dạng sẽ tự động sao chép qua quá.

Nhưng đôi khi bạn có thể muốn dán văn bản mà không cần định dạng. Đơn giản chỉ cần nhấp vào nút này, mà trông giống như một T trên một clipboard, để bật tắt “dán” chức năng để “chế độ plain text”.

Từ giờ trở đi, khi bạn dán văn bản, tất cả các định dạng sẽ được gỡ bỏ. (Bạn có thể nhấp vào nó một lần nữa để chuyển trở lại chế độ bình thường.)

Sử dụng nó cho: Dán văn bản định dạng (ví dụ. blog của tiêu đề bài viết được định dạng như một tiêu đề, khi bạn không muốn giữ lại bất kỳ định dạng). Hãy nhớ để chuyển đổi nó trở lại ra một lần nữa nếu bạn chỉ muốn sử dụng nó tạm thời.

#5: rõ ràng Formatting

HTML tag tương đương: n / a

Để loại bỏ định dạng, bạn không cần phải thoát khỏi mỗi trường hợp của táo bạo, nghiêng, văn bản màu,  vv. riêng. Thay thế, bạn có thể sử dụng “Clear Formatting” nút, trông giống như một cục tẩy.

Đơn giản chỉ cần đánh dấu văn bản định dạng bạn muốn thay đổi và nhấp vào nút.

Sử dụng nó cho: Bắt thoát khỏi để định dạng mà bạn không muốn. Điều đó có thể được định dạng mà bạn vô tình áp dụng, hoặc định dạng đó là xuất hiện khi bạn đã sao chép văn bản vào bài viết của bạn.

#6: Tính cách đặc biệt

HTML tag tương đương: n / a, mặc dù đặc điểm cá nhân sẽ có một mã ASCII đặc biệt

thỉnh thoảng, bạn có thể muốn bao gồm một nhân vật đặc biệt trong đường bưu điện hoặc trang mà bạn không thể thực sự gõ của bạn, chẳng hạn như biểu tượng bản quyền ©.

Để sử dụng tính năng này, vị trí con trỏ vào nơi bạn muốn các nhân vật đặc biệt để xuất hiện, sau đó nhấp vào biểu tượng Omega để mở một bảng ký tự đặc biệt và chọn một trong những bạn muốn:

Sử dụng nó cho: Chèn thông báo bản quyền với ©, sử dụng một đăng ký ® hoặc thương hiệu ™ nhân vật khi viết về các sản phẩm của bạn / thương hiệu hoặc của người khác (nếu thích hợp), hoặc chèn bất kỳ ký tự đặc biệt khác!

#7: Tăng / Giảm Thụt lề

HTML tag tương đương: <p style =”padding-left: 30px;”>

Nếu bạn muốn thụt văn bản (đẩy nó qua bên phải), bạn có thể sử dụng tính năng này. Nút bên phải của hai tạo ra thụt lề; bạn có thể nhấp vào nó một lần nữa để tăng thụt lề.

Sử dụng nút trái tay để giảm bớt hoặc loại bỏ một thụt lề mà bạn đã tạo.

Sử dụng nó cho: Bạn có thể chọn để thiết lập tắt văn bản cụ thể sử dụng một thụt lề và có lẽ một màu khác nhau quá (ví dụ. nếu đưa ra một ví dụ trong một “làm thế nào để” bậc thang).

#8: Undo / Redo

HTML tag tương đương: n / a

Bạn có thể đã quen thuộc với các nút từ xử lý văn bản thông thường của bạn. Sử dụng “Undo” (vào mũi tên trỏ sang trái) để hoàn tác bất cứ điều gì bạn chỉ cần làm. Sử dụng “Redo” nếu bạn thay đổi suy nghĩ của bạn một lần nữa.

Sử dụng nó cho: Dễ dàng hoàn tác hành động (ví dụ. Nếu bạn áp dụng định dạng bạn nhận ra bạn không muốn, hoặc bạn vô tình xóa toàn bộ bài viết của bạn và muốn nó trở lại).

#9: Các phím tắt bàn phím

HTML tag tương đương: n / a

Hầu hết các chức năng trên thanh công cụ cũng có một phím tắt, vì vậy bạn có thể dễ dàng sử dụng chúng mà không cần phải di chuyển bàn tay của bạn từ bàn phím để chuột. Nhấn vào ? nút để nhìn thấy chúng trong một danh sách tiện dụng:

Một số các phím tắt có thể quen thuộc từ các chương trình khác, chẳng hạn như Ctrl + B cho “chữ in đậm” và Ctrl + Z để “undo”.

Nhưng cũng có những người khác ở đây là đặc trưng cho các biên tập viên WordPress, như Shift + Alt + m để chèn / chỉnh sửa hình ảnh.

Sử dụng nó cho: Đẩy nhanh tiến độ công việc của bạn, đặc biệt là nếu có một loại đặc biệt của định dạng bạn sử dụng rất nhiều.

Trong khi các nút trên thanh công cụ WordPress thể không phải là khía cạnh ly kỳ nhất của blog, việc có thể để định dạng bài viết và các trang của bạn một cách hiệu quả thực sự có thể tạo sự khác biệt. bài viết có định dạng đúng trông chuyên nghiệp và dễ đọc, và các trang có định dạng đúng có thể làm một công việc tốt hơn chuyển đổi triển vọng vào tiềm hoặc khách hàng.

Có một tính năng mới, bạn sẽ được sử dụng trong bài đăng blog tiếp theo của bạn, hoặc trên một trong các trang của bạn? Mà một trong những bạn sẽ được thử?

Hay bạn tìm hiểu về một tính năng mà bạn không bao giờ thậm chí nhận ra tồn tại? Cho chúng tôi biết trong các ý kiến.

Bài Làm thế nào để sử dụng WordPress WYSIWYG Toolbar để định dạng bài viết blog của bạn Giống như một Pro xuất hiện đầu tiên trên thực thụ.


      

Đọc thêm về vấn đề này tại problogger.com.

Để lại phiếu bầu của bạn

0 điểm
upvote downvote

Tổng số phiếu: 0

upvotes: 0

upvotes tỷ lệ phần trăm: 0.000000%

downvotes: 0

downvotes tỷ lệ phần trăm: 0.000000%