Thêm khối wordpress
|
Bạn có quá nhiều hình ảnh lưu trữ trên web và không biết phải quản lý thế nào cho hiệu quả? Show  Hình ảnh là yếu tố quan trọng giúp nâng cao trải nghiệm của người dùng trên web. Tuy nhiên, nhiều người vẫn còn xuất hiện thờ ơ với việc quản lý hình ảnh trên trang web của mình. Để giúp bạn hiểu rõ hơn về vai trò quan trọng, tính năng Thư viện phương tiện trên WordPress đồng thời biết cách lưu trữ, quản lý hình ảnh hiệu quả hơn. Chúng tôi sẽ cung cấp các hướng dẫn chi tiết trong bài viết dưới đây Các thao tác quản trị ảnh trên WordPressSau đây là các hướng dẫn giúp bạn quản trị và tối ưu hóa hình ảnh trên WordPress tốt hơn. Hãy cùng tìm hiểu chi tiết về cách
Kiểm tra kích thước ảnh có trên trang webĐể tối ưu hóa hình ảnh hiển thị trên web. WordPress có tính năng tự động cắt ảnh thành nhiều kích thước khác nhau default system has 3 size image is
Như vậy có nghĩa là ngoài tệp ảnh gốc, trên thư mục /wp-content/uploads của WordPress còn có thêm 3 tệp ảnh khác với kích thước như trên Khi chèn ảnh vào bài viết. Bạn có thể lựa chọn kích thước ảnh theo 3 kích thước này để tối ưu hóa cấu hình ảnh cho trang web. Ưu điểm lớn của chức năng này làm cho hình ảnh nhẹ hơn, giảm thời gian tải lên trang web Tuy lợi thế như vậy nhưng chức năng tự động này của WordPress lại có nhược điểm là tạo ra quá nhiều hình ảnh, gây ra dung lượng lưu trữ Vì vậy phải làm sao để WordPress không tự động tạo ảnh với các kích thước khác nhau nữa? Cách đơn giản nhất là bạn vào khu vực Settings -> Media và chuyển tất cả các tham số kích thước của thumbnail size, medium size, large size về 0. Sau đó nhấp vào nút “Lưu thay đổi” ở bên dưới Tuy nhiên, với cách làm này, nếu bạn đã cài đặt thêm một số plugin có kích thước ảnh mới được khai báo như NextGen Gallery, Yet Another Related Posts,… Thì các tệp ảnh vẫn sẽ tiếp tục được tạo ra. Trong trường hợp này, để ngăn chặn WordPress tự động tạo kích thước ảnh. Bạn cần cài đặt plugin AJAX Thumbnail Rebuild Sau khi hoàn thành cài đặt. Vui lòng vào Tools -> Rebuild Thumbnail, bạn sẽ thấy danh sách các key size ảnh max có trên trang web. Để vô hiệu hóa những kích thước ảnh được tạo tự động này. Bạn cần chèn đoạn mã sau vào hàm tệp. php trong chủ đề 01020304050607080910function remove_unused_image_size( $sizes) { unset( $sizes[‘thumbnail’]);Lưu ý, hãy đổi tên key size ảnh cho phù hợp và mỗi size ảnh là một dòng bỏ đặt. Như vậy, sau này, bất kể khi nào bạn tải ảnh lên thì nó cũng sẽ không bị chia ra thành các kích thước nhỏ nữa
Sau khi thực hiện các thao tác như phần hướng dẫn trên thì vẫn còn một vấn đề. Đó là đối với kích thước ảnh cũ đã được WordPress tự động tạo trước đó thì chúng vẫn tồn tại trong bộ nhớ Để xóa những ảnh này (các ảnh không sử dụng, không đưa vào bài viết hoặc tệp đính kèm ở bất kỳ trang nào). Bạn có thể sử dụng plugin miễn phí Image Cleanup Sau khi cài đặt xong, bạn vào Media -> Cleaner để sử dụng công cụ. Plugin này sẽ tự động quét và hiển thị danh sách các hình ảnh không sử dụng trên trang web. Bạn có thể chọn “Xóa tất cả” để xóa toàn bộ hoặc nhấp chọn xóa từng hình Tạo Thư viện ảnh trên WordPressKhông chỉ cho phép bạn chèn từng hình ảnh vào bài viết mà WordPress còn có chức năng tạo thư viện riêng (có thể hiển thị nhiều hình ảnh trong cùng một bài viết) To create Gallery rất đơn giản. Bạn chỉ cần nhấn vào nút Add Media trên khung soạn thảo văn bản, chọn mục Create Gallery. Tiếp theo, hãy nhấp vào các ảnh muốn thêm vào thư viện và nhấp vào nút Tạo thư viện mới ở bên dưới góc phải Sau khi tạo xong bộ sưu tập, bạn có thể thay đổi, sắp xếp lại thứ tự hiển thị của hình ảnh. Cuối cùng, chỉ cần nhấn nút Chèn thư viện để thêm tất cả các ảnh trong thư viện vào bài viết Tối ưu dung lượng ảnhĐể tối ưu hóa dung lượng và chất lượng hình ảnh trên trang web một cách tự động. Bạn có thể nhờ sự trợ giúp của plugin miễn phí EWWW Image Optimizer. Công cụ này có chức năng hỗ trợ giảm dung lượng ảnh hàng loạt. Ngoài ra, nếu bạn chèn ảnh vào bài viết thì EWWW Image Optimizer cũng sẽ tự động giảm dung lượng của các ảnh đó về mức tối ưu Chỉnh sửa ảnh trực tiếp trên WordPressĐể chỉnh sửa ảnh trực tiếp trên WordPress. Bạn cần vào mục Phương tiện -> chọn một bức ảnh bất kỳ và nhấn nút Chỉnh sửa Tại đây, bạn có thể thực hiện rất nhiều thao tác chỉnh sửa ảnh như. cắt ảnh, đảo chiều ảnh, thay đổi kích thước ảnh,… Sau khi đã điều chỉnh theo ý muốn, bạn chỉ cần lưu lại. WordPress sẽ tự động tạo ra một tệp ảnh mới theo kết quả đã chỉnh sửa Tăng tốc độ tải ảnh với bộ đệmĐể người truy cập vào trang nhanh hơn trong lần thứ hai trở đi. Bạn nên thiết lập trình duyệt cache cho các tệp ảnh trên web. Các thao tác cần được thực hiện trên tệp. htaccess ở thư mục gốc của trang web. Vui lòng chèn đoạn mã này vào 01020304 ExpiresActive On ExpiresDefault A 2592000Trong đó, con số 2592000 là số giây được lưu lại trong bộ đệm của trình duyệt. Data will be auto update after this interval. Tùy theo nhu cầu, bạn có thể chọn một số khác lâu hơn hoặc nhanh hơn Tham khảo thêm Cách tối ưu hình ảnh WordPress tốt nhất cho SEO 2019 Move from version 5. 0, WordPress đã thay thế trình soạn thảo classic editor cũ sang thành block editor (hay còn gọi là Gutenberg). Hiện tại, nó đã trở thành một phần chính thức của WordPress trong trình duyệt mặc định Với Gutenberg, người dùng sẽ tạo ra bài viết bằng cách sử dụng các khối (khối) nội dung và phương tiện khác nhau. Tuy hiện tại có nhiều người vẫn đang sử dụng bản classic editor cũ. Tuy nhiên sớm muộn gì bạn cũng phải làm quen với phiên bản block editor mới này Trong phần này, chúng ta sẽ cùng tìm hiểu các thao tác liên quan đến Khối phương tiện trên WordPress bao gồm
Dưới đây là thông tin chi tiết Khối hình ảnhImage Block (khối hình ảnh) cho phép bạn thêm một hình ảnh bất kỳ vào nội dung của mình. To add Image Block to content. Bạn nhấp vào biểu tượng dấu cộng (+) trên trình soạn thảo -> chọn nút “Hình ảnh” Sau khi chèn Image Block xong. Bạn có thể nhấp chuột vào nút “Tải lên” để tải ảnh lên từ máy tính lên Thư viện phương tiện hoặc nhấp vào nút “Thư viện phương tiện” để chọn một tệp bất kỳ trong đó Ngoài ra, bạn cũng có thể chèn ảnh từ URL bằng cách nhấp vào nút “Chèn từ URL” Đặc biệt, một cách dễ dàng hơn, hình ảnh có thể được kéo thả trực tiếp vào Khối hình ảnh trên trang soạn thảo nội dung và hiển thị trực tiếp trên đó Khi hình ảnh đã được thêm vào khối. Bạn sẽ có thêm các tùy chọn chỉnh sửa ở thanh cài đặt bên phải. Tại đây, bạn có thể điều chỉnh các thông số như. kiểu ảnh, kích thước ảnh, chú thích ảnh,… Khối thư việnĐể thêm Thư viện vào khối soạn thảo, bạn nhấp vào biểu tượng dấu cộng (+) trên trình soạn thảo -> chọn nút “Thư viện” Gallery Block cho phép bạn cùng một lúc thêm nhiều hình ảnh vào bài viết. Tương tự như Image Block, bạn cũng có thể chỉnh sửa Thư viện ở thanh cài đặt bên phải với các thiết lập như. thêm ghi chú cho từng hình ảnh hoặc toàn bộ Thư viện, cách hiển thị hình ảnh,,… Khối videoĐể thêm Thư viện vào khối soạn thảo, bạn nhấp vào biểu tượng dấu cộng (+) trên trình soạn thảo -> chọn nút “Video” Khối video cho phép bạn thêm bất kỳ đoạn clip nào vào nội dung. Bạn có thể chọn video có sẵn trong thư viện WordPress hoặc tải lên một video mới. Ngoài ra, bạn cũng có thể chèn video từ URL. Giống như Khối hình ảnh, bạn cũng có thể kéo thả video vào khối và nó sẽ tự động tải lên Để hiển thị chú thích văn bản cho video, bạn chỉ cần nhấp vào phần “Viết chú thích…” bên dưới clip và nhập đoạn văn bản mình muốn Sau khi đã thêm video vào khối. Bạn có thể chỉnh sửa các tùy chọn có sẵn ở thanh cài đặt bên phải như. cho video tự động phát và lặp lại, tự động tắt âm thanh, hiển thị toàn màn hình, chỉ định hình áp phích cho video,... Điều quan trọng cần lưu ý là Khối video khác với chức năng nhúng YouTube và Vimeo. Nếu muốn nhúng video từ YouTube hoặc Vimeo, tốt nhất bạn nên sử dụng Khối nhúng (khối nhúng). Nhưng nếu bạn định dạng URL Youtube hoặc Vimeo vào Video Block thì nó cũng sẽ tự động chuyển đổi thành nhúng Youtube hoặc nhúng Vimeo. Và khi khối của bạn được chuyển đổi thành nhúng như vậy, thì sẽ không có tùy chọn nào về video ở thanh cài đặt nữa nhúngCách tuyệt vời để thêm video hoặc nội dung từ một trang khác vào trang web của bạn là sử dụng khối nhúng (khối nhúng). Để thực hiện nhúng bất kỳ nội dung nào, bạn chỉ cần nhấp vào biểu tượng dấu cộng (+) trên trình soạn thảo -> chọn nút “Nhúng” -> chọn trang web muốn nhúng. Sau đó, sao chép – dán URL của nội dung bạn muốn nhúng vào và nhấp vào nút “Nhúng” để hoàn tất WordPress hiện có chức năng nhúng cho nhiều trang web phổ biến như. Amazon Kindle, DailyMotion, Facebook, Flickr, Instagram, Kickstarter, Meetup. com, MixCloud, Reddit, SlideShare, Spotify, TED, Tumblr, Twitter, Vimeo, WordPress, YouTube,… Phần này chứa các tiện ích đặc biệt như. Khối shortcode, khối lưu trữ (khối lưu trữ Chặn Danh mục, Khối Bình luận Mới nhất (khối bình luận gần nhất) và Khối Bài viết Mới nhất (khối bài đăng mới nhất) Các thao tác cần biết với thư viện ảnh trên WordPressThư viện phương tiện là nơi bạn có thể tìm thấy tất cả các tệp (bao gồm các tệp hình ảnh, tài liệu, video,…) mà bạn đã tải lên. Có hai loại chế độ xem khác nhau mà bạn có thể chọn khi xem Media Library của mình. Bạn có thể nhấp vào biểu tượng Chế độ xem danh sách ( ) để hiển thị hình ảnh của mình ở dạng danh sách hoặc nhấp vào biểu tượng Chế độ xem lưới ( ) để xem hình ảnh của mình theo bố cục mạng Tại đây, bạn có thể thực hiện các thao tác thêm, xóa và thay đổi thông tin, kích thước của ảnh Dưới đây là hướng dẫn một số thao tác liên quan đến
Để thêm một tệp mới vào Thư viện phương tiện, trước tiên hãy nhấp vào Phương tiện -> Thêm mới. Bạn sẽ thấy một khung để tải lên phương tiện, chỉ cần nhấp vào nút “Chọn tệp” hoặc kéo thả ảnh vào khung thì ảnh sẽ tự động tải lên Khi hình ảnh hoặc tệp phương tiện của bạn được tải lên, chúng sẽ được liệt kê bên dưới. Nếu bạn muốn chỉnh sửa các thuộc tính của tệp, hãy nhấp vào liên kết Chỉnh sửa bên cạnh tệp đó Để xóa tệp khỏi Thư viện phương tiện khi sử dụng Chế độ xem lưới. Đầu tiên, hãy nhấp vào hình ảnh để xem các thuộc tính của tệp. Sau đó nhấp vào “Xóa vĩnh viễn” To delete file from Library phương tiện khi sử dụng Chế độ xem danh sách. Vui lòng nhấp vào dòng chữ “Xóa vĩnh viễn” ở ngay phía dưới tệp (dòng chữ sẽ xuất hiện khi bạn di chuyển con trỏ đến vị trí của hình ảnh mình muốn xóa) Nếu đang xem các tệp của mình bằng Chế độ xem lưới, chỉ cần nhấp vào một tệp bất kỳ, bạn sẽ thấy một cửa sổ bật lên, hiển thị các thuộc tính có liên quan đến tệp đó. Sau khi cập nhật từng trường thông tin (Alt text, title, caption,…), các thay đổi của bạn sẽ được lưu tự động Để chỉnh sửa các thuộc tính của tệp khi sử dụng Chế độ xem danh sách. Vui lòng di chuyển con trỏ đến vị trí tệp bạn muốn chỉnh sửa và nhấp vào “Chỉnh sửa”. Sau đó, các thuộc tính của tệp sẽ được hiển thị, bao gồm tiêu đề, URL, tên, loại tệp, kích thước tệp, mô tả,… Sau khi chỉnh sửa xong, nhấp vào nút “Cập nhật” để hoàn tất =>> Tham khảo chi tiết gói WordPress Hosting – giải pháp tối ưu nhất cho website WordPress Trên đây là những hướng dẫn về cách tối ưu hóa, chỉnh sửa, sử dụng hình ảnh và sử dụng khối phương tiện trên WordPress hiệu quả. Hy vọng với những chia sẻ này, bạn sẽ có thể quản lý hình ảnh trên trang web tốt hơn. Chúc bạn thành công |
