Cách thêm văn bản trên đầu hình ảnh trong WordPress (3 Phương thức)

Thêm văn bản trên đầu một hình ảnh là một kỹ thuật phổ biến để tăng cường sự hấp dẫn trực quan của nội dung hoặc websitecủa họ. Ngoài ra, đó là một cách tuyệt vời để làm cho hình ảnh của bạn nhiều thông tin hơn và hấp dẫn hơn.

Trong bài viết này, chúng tôi đã tìm thấy ba cách dễ dàng để thêm văn bản lên trên một hình ảnh trong WordPress. Cho dù bạn thích sử dụng trình soạn thảo khối, plugin hoặc mã tùy chỉnh. Hãy tìm hiểu!

Tại sao điều quan trọng là thêm văn bản vào đầu hình ảnh

Trước khi chuyển tiếp đến các phương thức, bạn cần biết lý do đằng sau lý do tại sao thêm văn bản trên đỉnh của hình ảnh là quan trọng.

1. Lấy chú ý

Nếu người dùng nhanh chóng cuộn qua nội dung, việc thêm hình ảnh có thể không đủ để thu hút sự chú ý của họ. Đó là lý do tại sao bạn cần thêm văn bản vào đầu hình ảnh để giúp bạn thu hút sự chú ý của người dùng và truyền tải thông điệp của bạn hiệu quả hơn.

2. Nâng cao trải nghiệm người dùng

Đúng là hình ảnh có thể tự mình cung cấp nhiều giá trị, tuy nhiên, việc thêm văn bản vào đầu chúng, chẳng hạn như chú thích, trích dẫn hoặc nội dung dựa trên văn bản khác, có thể khiến chúng trở nên hữu ích hơn. Hơn nữa, người dùng có thể hiểu bối cảnh của hình ảnh và cách nó liên quan đến nội dung của bạn.

3. Cải thiện khả năng tiếp cận

Bạn cũng có thể giúp cải thiện khả năng tiếp cận cho người dùng có thể gặp khó khăn trong việc xem hình ảnh. Bằng cách cung cấp một thay thế văn bản, bạn có thể đảm bảo rằng nội dung của bạn có thể truy cập được cho phạm vi người dùng rộng hơn.

4. Tăng cường SEO

Thêm các từ khóa có liên quan vào chú thích hình ảnh của bạn hoặc văn bản Alt có thể giúp cải thiện thứ hạng công cụ tìm kiếm của website . Điều này là do các công cụ tìm kiếm sử dụng thông tin này để hiểu nội dung của website và xác định mức độ phù hợp của nó đối với các truy vấn tìm kiếm của người dùng.

3 Phương pháp Cách thêm văn bản trên đầu hình ảnh trong WordPress

1. Sử dụng Trình chỉnh sửa khối WordPress

Đầu tiên, đi đến trang hoặc đăng mà bạn sẽ thêm văn bản vào hình ảnh.

Chọn bìa để viết văn bản qua hình ảnh.

Sau đó, nó sẽ bắt đầu xuất hiện trên màn hình của bạn. Nó hiển thị cho bạn hình ảnh mặc định, nhưng bạn có thể thay đổi hình ảnh như bạn muốn.

Bạn cũng có thể thay thế hình ảnh mặc định bằng hình ảnh tùy chỉnh của bạn. Nhấp vào nút Thay thế và sau đó tải lên hình ảnh hoặc chỉ cần chọn từ thư viện phương tiện .

Nó sẽ trông như thế này, sau đó bạn có thể viết văn bản qua hình ảnh như bạn muốn.

Bấm đúp vào văn bản, bạn sẽ nhận được tùy chọn Chỉnh sửa cho văn bản. Bạn có thể điều chỉnh kích thước, màu sắc và nhiều hơn theo yêu cầu của bạn.

Cuối cùng, nhấp vào nút Cập nhật hoặc nếu bạn đã thêm bài đăng hoặc trang mới, sau đó nhấp vào nút Xuất bản.

2. Sử dụng CSS

Mở trình chỉnh sửa khối WordPress và chọn khối hình ảnh nơi bạn muốn thêm văn bản. Trong thanh bên phải, nhấp vào nâng cao .

Trong lớp CSS bổ sung , thêm một lớp tùy chỉnh cho khối hình ảnh.

Lưu các thay đổi và xuất bản hoặc cập nhật trang hoặc bài đăng.

.Custom-class {vị trí: tương đối; } .Custom-class p {vị trí: Tuyệt đối; Top: 50%; Trái: 50%; biến đổi: dịch (-50%, -50%); kích thước phông chữ: 24px; Màu sắc: #FFFFFF; Văn bản-Shadow: 2px 2px 2px #000000; } 

Trong mã trên, thay thế " -class-class " bằng lớp tùy chỉnh mà bạn đã thêm vào khối hình ảnh. Bạn cũng có thể tùy chỉnh kích thước phông chữ, màu sắc và các tùy chọn kiểu dáng khác để phù hợp với sở thích của bạn.

3. Sử dụng plugin WordPress

Nếu bạn muốn tự do tạo các thiết kế trang hoàn toàn tùy chỉnh, thì bạn sẽ cần một plugin Trình tạo trang. Một trong những plugin Trình tạo trang WordPress là SeedProd, cho phép bạn thêm văn bản trên bất kỳ hình ảnh nào trên toàn bộ website .

Đầu tiên, cài đặt và kích hoạt plugin SeedProd. Khi kích hoạt, bạn sẽ cần nhập khóa cấp phép. Đăng nhập vào tài khoản SeedProd của bạn, sau đó nhấp vào Tải xuống .

Sau khi hoàn tất, hãy sao chép khóa trong cấp phép .

Bây giờ bạn có thể dán khóa này vào khu vực quản trị WordPress của mình bằng cách truy cập trang Cài đặt SeedProd » .

Khi bạn ở đây, hãy tiếp tục và dán khóa của bạn vào trường khóa cấp phép. Sau đó, bạn chỉ cần nhấp vào Xác minh khóa .

Tiếp theo, sẽ đi đến SeedProd »trang đích và nhấp vào thêm trang đích mới .

Sau đó, chọn một mẫu. Bất kể bạn chọn mẫu hạt giống nào, bạn có thể tùy chỉnh mọi phần của mẫu để phù hợp hoàn hảo với website và thương hiệu của bạn.

Tuy nhiên, nếu bạn thích bắt đầu với một tấm bạt trống, thì hãy nhấp vào mẫu trống .

Khi bạn đã tìm thấy một mẫu, hãy di chuột qua nó. Sau đó, bạn có thể nhấp vào biểu tượng xem trước .

Nếu bạn hài lòng với mẫu này trông như thế nào, thì hãy tiếp tục và nhấp vào nút Chọn mẫu này .

Trong Tên trang , nhập tên cho trang.

Nếu bạn muốn thay đổi URL được tạo tự động, hãy chỉnh sửa văn bản trong URL trang .

Nhấp vào lưu và bắt đầu chỉnh sửa nút trang . Điều này sẽ mở mẫu trong trình soạn thảo kéo và thả của SeedProd.

Trong thanh bên trái, bạn sẽ thấy tất cả các khối và các phần mà bạn có thể thêm vào trang của mình bằng cách sử dụng kéo và thả.

Trừ khi bạn đang sử dụng mẫu trống, trang SeedProd của bạn sẽ có một số khối và phần. Để chỉnh sửa bất kỳ nội dung nào, bấm để chọn khối hoặc phần .

Menu bên trái của SeedProd giờ đây sẽ hiển thị tất cả các cài đặt bạn có thể sử dụng để tùy chỉnh khối hoặc phần này.

Cách dễ nhất để thêm văn bản lên trên một hình ảnh là bằng cách sử dụng một trong các phần anh hùng làm sẵn của SeedProd.

Các phần này có một trình giữ chỗ, hình ảnh nền toàn chiều rộng, với một số văn bản giữ chỗ được thêm vào trên cùng. Bạn có thể chỉ cần thay thế hình ảnh nền và văn bản mặc định bằng nội dung của riêng bạn.

Nhấp vào tab Phần trong menu bên trái.

Sau đó, nhấp vào Hero để xem tất cả các phần anh hùng được làm sẵn mà bạn có thể thêm vào trang của mình.

Để tiếp tục và thêm phần anh hùng này vào thiết kế của bạn, chỉ cần nhấp vào chọn phần này.

Nhấp vào hình ảnh chứng khoán để chọn nó nếu bạn muốn thay thế cổ phiếu của mẫu bằng hình ảnh của riêng bạn.

Di chuột hình ảnh cho đến khi một biểu tượng có thể xuất hiện. Sau đó, bạn có thể đi trước và nhấp vào biểu tượng này để xóa hình ảnh giữ chỗ.

Tiếp theo, nhấp vào sử dụng hình ảnh của riêng bạn . Sau đó, bạn có thể chọn một hình ảnh từ thư viện phương tiện WordPress hoặc sử dụng hình ảnh chứng khoán.

Khi bạn đã thêm một hình ảnh, bạn đã sẵn sàng để thay thế văn bản giữ chỗ.

Bấm để chọn khối văn bản . Sau đó, trong khu vực văn bản , chỉ cần nhập văn bản mà bạn muốn sử dụng.

Một số mẫu anh hùng của SeedProd có nội dung bổ sung, chẳng hạn như các nút kêu gọi hành động.

Nếu bạn muốn thay đổi nội dung này, bấm vào để chọn khối và sau đó thực hiện các thay đổi của bạn trong menu bên trái của SeedProd.

Một tùy chọn khác là xóa khối khỏi mẫu anh hùng.

Để thực hiện việc này, nhấp để chọn khối và sau đó nhấp vào biểu tượng rác .

Nếu bạn hài lòng với thiết kế trang của bạn, nhấp vào nút Lưu .

Từ đây, bạn có thể chọn xuất bản trang hoặc lưu nó dưới dạng mẫu.

Phần kết luận

Đó là tất cả ba phương thức để thêm văn bản trên đầu một hình ảnh trong WordPress. Dễ dàng phải không? Chọn cách tiếp cận phù hợp nhất với mức độ kỹ năng và sở thích thiết kế của bạn.

Ngoài ra, tổ chức, tối ưu hóa và quản lý các tệp phương tiện của bạn như một Pro với WP Media Folder . Đó là thời điểm thích hợp để nói lời tạm biệt với các thư viện lộn xộn!