Hướng dẫn wordpress gallery shortcode - shortcode thư viện wordpress
|
Điểm bài viết [Tổng cộng: 1 Trung bình: 4]1 Trung bình: 4] WordPress và nút Thêm Media thần thánh giúp bạn dễ dàng thêm album ảnh, nhưng bạn có biết rằng chúng ta có thể tận dụng Gallery shortcode để xây dựng những markup khác như slideshow không? Gallery Shortcode trong WordPress vốn dĩ là một native shortcode giúp bạn tạo 1 grid album ảnh để chèn vào trong bài viết. Trong phần lớn tình huống, gần như nhiều người không thường sử dụng chức năng này. Với mục đích tận dụng các native features được hỗ trợ bởi WordPress thay vì sử dụng các plugin/hacking từ bên thứ ba, Code Tốt sẽ trình bày phương án giúp các bạn tuỳ biến output của Gallery Shortcode sao cho phù hợp với markup mình mong muốn. Bài toán đặt ra là thay vì hiển thị 1 loạt các content, thì ta sẽ chỉ tìm ra các img src và output nó trong 1 Hoặc trong 1 page list các partners, ta muốn có dạng sau: Bạn thấy đấy, nếu bạn output mặc định như Gallery thì kết quả sẽ không thể nào ra như mình mong muốn đúng không? 00đánh giá
0 đánh giá Đánh giá bài viết Post Views:362 362 Th2 18, 2019 Hai G. 8ít nhất Đọc Thư viện ảnh được dùng rất nhiều trên web. Thực tế, nhiều site web đã có ít nhất một thư viện ảnh đâu đó. Nếu muốn, bạn cũng có thể tạo WordPress gallery trong vài bước thôi, nó rất đơn giản. Thời gian bạn sẽ tốn nhiều là chọn hình ảnh bạn cần dùng để đưa lên thư viện. Trong bài này, chúng tôi sẽ chỉ bạn cách tạo WordPress gallery trong 3 bước: Ngoài ra, chúng tôi còn giới thiệu đến bạn 7 plugin WordPress gallery mà chúng tôi rất thích, bạn có thể tận dụng những plugin này để tăng thêm trải nghiệm tính năng cho website. Hãy bắt đầu thôi! Bước #2: Thêm ảnh vào WordPress Gallery Bước #3: Đưa WordPress Gallery lên website của bạnMedia > Library tab. Khi bạn đã vào trong, nhấn vào nút Add New trên đầu màn hình: 7 Plugin Gallery WordPress để thể hiện ảnh của bạnSelect Files,
nó sẽ mở cửa sổ chọn file lên cho bạn: Lời kếtpuppies trên máy tính để upload: Bạn cần đưa vài ảnh lên WordPress gallery trước. Trong bài hướng dẫn này, chúng tôi sẽ dùng ảnh stock của thú cưng. Đầu tiên, đăng nhập vào WordPress dashboard and navigate to your Media > Library tab. Khi bạn đã vào trong, nhấn vào nút Add New trên đầu màn hình: Tiếp theo, click vào nút Select Files, nó sẽ mở cửa sổ chọn file lên cho bạn: Để cho nhanh, chúng tôi khuyên bạn nên upload toàn bộ ảnh lên thư viện cùng lúc. Chúng tôi có sẵn thư mục puppies trên máy tính để upload: Khi bạn chọn nhiều hình để upload cùng lúc, WordPress sẽ hiện tiến trình upload tuần tự lên cho bạn xem: Bước #3: Đưa WordPress Gallery lên website của bạn 7 Plugin Gallery WordPress để thể hiện ảnh của bạnAdd Media trên cùng: Lời kếtCreate Gallery, và chọn tab Media Library ở bên phải: Bạn cần đưa vài ảnh lên WordPress gallery trước. Trong bài hướng dẫn này, chúng tôi sẽ dùng ảnh stock của thú cưng.Create a new gallery
ở dưới cùng bên phải màn hình, vậy đã đủ! Bước cuối cùng sẽ là cách chọn chỗ đặt cho gallery WordPress. 7 Plugin Gallery WordPress để thể hiện ảnh của bạnEdit Gallery, hiển thị tất cả hình ảnh bạn đã chèn ở bước 2. Trong màn hình này, bạn có thể chọn số lượng cột bạn muốn dùng, kích thước của thumbnails, và cách sắp xếp của hình
ảnh: Lời kết Bạn cần đưa vài ảnh lên WordPress gallery trước. Trong bài hướng dẫn này, chúng tôi sẽ dùng ảnh stock của thú cưng.Insert Gallery, thư viện ảnh của bạn sẽ hiện lên trong WordPress editor: Đầu tiên, đăng nhập vào WordPress dashboard and navigate to your Media > Library tab. Khi bạn đã vào trong, nhấn vào nút Add New trên đầu màn hình: Tiếp theo, click vào nút Select Files, nó sẽ mở cửa sổ chọn file lên cho bạn:Appearance > Widgets và tìm đến widget Gallery: Để cho nhanh, chúng tôi khuyên bạn nên upload toàn bộ ảnh lên thư viện cùng lúc. Chúng tôi có sẵn thư mục puppies trên máy tính để upload: Khi bạn chọn nhiều hình để upload cùng lúc, WordPress sẽ hiện tiến trình upload tuần tự lên cho bạn xem: Chờ platform này xử lý, nhanh chậm sẽ tùy tốc độ và kích thước của ảnh bạn đang upload.Save, bạn sẽ có thể thấy ảnh trên front end: Nếu bạn thấy upload quá lâu, bạn nên hủy upload và tối ưu ảnh hay thu nhỏ ảnh trước khi đưa nó lên website. Lưu ý là mặc dù ảnh chất lượng đẹp hơn, nhưng nó sẽ rất nặng. Trong hầu hết các trường hợp, bạn nên cân nhắc nén lại ảnh nhưng không làm ảnh hưởng chất lượng hiển thị trên web – quá trình này gọi là tối ưu ảnh. Tuy nhiên, thư viện ảnh WordPress như vậy thì không có tính năng gì đặc biệt. Nếu bạn muốn “nâng cấp” WordPress gallery, bạn sẽ cần sử dụng plugin, chúng tôi sẽ nói về nó ngay đây. Không có gì sai với tính năng thư viện ảnh của WordPress. Nhưng với plugin thích hợp, bạn còn có thể sử dụng nhiều tính năng hay hơn nữa. Bắt đầu bằng các lựa chọn tốt nhất thôi! Photo Gallery by 10web hay hơn rất nhiều so với hệ gallery của WordPress. Nó có nhiều giao diện thư viện ảnh bạn có thể sử dụng, bao gồm slideshow, compact album. Bạn cũng có thể sử dụng plugin này để thiết lập các hiệu ứng lightbox, sẽ mở ảnh ở chế độ đầy đủ khi mọi người click vào. Hơn nữa, plugin WordPress gallery cũng giúp bạn chèn ảnh và video vào cùng một gallery. Bạn có nhiều lựa chọn để sử dụng widget thay vì chỉ có 1 widget với WordPress. Nhìn chung, plugin này là phương pháp tốt nhất nếu bạn muốn có một thư viện ảnh có nhiều tính năng liên quan đến việc quản lý ảnh. Tính năng chính: Giá: Giá ban đầu là miễn phí, nhưng cũng có gói premium với nhiều hiệu ứng, themes và widget hơn. Giá ban đầu là miễn phí, nhưng cũng có gói premium với nhiều hiệu ứng, themes và widget hơn. Gallery by Robo là một plugin tuyệt vời khác nếu bạn muốn có nhiều quyền kiểm soát lên phong cách của thư viện và cách vận hành của nó. Giống với plugin trước, plugin gallery WordPress này cũng cho bạn chọn từ nhiều bố cục. Tuy nhiên, nó còn có thể thêm slideshshow và tạo hiệu ứng di chuột tới, tùy chỉnh font chữ, và thậm chí tạo viền cho ảnh. Bên cạnh các tùy chỉnh về phong cách, Gallery by Robo còn hỗ trợ chỉnh sửa kích thước ảnh tự động ngay khi upload. Tính năng này giúp bạn tiết kiệm được kh6ong gian, vì hầu hết các site đều không cần ảnh quá lớn. Cuối cùng, plugin này còn đảm bảo thư viện ảnh WordPress của bạn thân thiện với di động. Tóm lại, khả năng tùy chỉnh cao của Gallery by Robo là lý do mà chúng tôi rất thích. Tính năng chính: 2. Gallery by Robo Bạn có thể tạo được 3 thư viện ảnh miễn phí, hoặc trả $30 cho giấy phép premium, không giới hạn thư viện Bên cạnh các tùy chỉnh về phong cách, Gallery by Robo còn hỗ trợ chỉnh sửa kích thước ảnh tự động ngay khi upload. Tính năng này giúp bạn tiết kiệm được kh6ong gian, vì hầu hết các site đều không cần ảnh quá lớn. Cuối cùng, plugin này còn đảm bảo thư viện ảnh WordPress của bạn thân thiện với di động. Tóm lại, khả năng tùy chỉnh cao của Gallery by Robo là lý do mà chúng tôi rất thích. Tính năng chính: Giá: Giá ban đầu là miễn phí, nhưng cũng có gói premium với nhiều hiệu ứng, themes và widget hơn. GridKit là plugin miễn phí. Bạn cũng có thể mua bản pro để sử dụng thêm nhiều tính khác. Gallery by Robo là một plugin tuyệt vời khác nếu bạn muốn có nhiều quyền kiểm soát lên phong cách của thư viện và cách vận hành của nó. Giống với plugin trước, plugin gallery WordPress này cũng cho bạn chọn từ nhiều bố cục. Tuy nhiên, nó còn có thể thêm slideshshow và tạo hiệu ứng di chuột tới, tùy chỉnh font chữ, và thậm chí tạo viền cho ảnh. Bên cạnh các tùy chỉnh về phong cách, Gallery by Robo còn hỗ trợ chỉnh sửa kích thước ảnh tự động ngay khi upload. Tính năng này giúp bạn tiết kiệm được kh6ong gian, vì hầu hết các site đều không cần ảnh quá lớn. Cuối cùng, plugin này còn đảm bảo thư viện ảnh WordPress của bạn thân thiện với di động. Tính năng chính: Sử dụng được nhiều widget để thêm thư viện Plugin này miễn phí trong thư viện WordPress Plugin. Bạn có thể
mua thêm phần mở rộng trên website của nhà phát triển. 2. Gallery by Robo Gallery by Robo là một plugin tuyệt vời khác nếu bạn muốn có nhiều quyền kiểm soát lên phong cách của thư viện và cách vận hành của nó. Giống với plugin trước, plugin gallery WordPress này cũng cho bạn chọn từ nhiều bố cục. Tuy nhiên, nó còn có thể thêm slideshshow và tạo hiệu ứng di chuột tới, tùy chỉnh font chữ, và thậm chí tạo viền cho ảnh. Tính năng chính: Giá: Plugin này hoàn toàn miễn phí. Plugin này hoàn toàn miễn phí. Mặc dù tên của nó không đặc biệt, Photo Gallery lại là lựa chọn rất thích hợp. Nó là plugin dạng tất cả trong một khi nói đến WordPress gallery, vì nó gần như chứa tất cả các tính năng của các plugins kể trên Ví dụ, tools này giúp bạn kích hoạt hiệu ứng di chuột và thay đổi ảnh. Nó cũng hỗ trợ phân mục ảnh và điều hướng, khiến cho library lớn trông đơn giản hơn nhiều. Ngoài ra, Photo Gallery còn có lựa chọn thêm videos cho thư viện, và load ảnh dạng tuần tự, cùng với tính năng chia sẽ cho mạng xã hội. Tóm lại, nếu bạn thích kiểm soát giao diện và cách vận hành của thư viện một cách tỉ mỉ, thì plugin này là lựa chọn thích hợp. Với nó, bạn gần như có thể điều khiển mọi khía cạnh của gallery. Tính năng chính: Giá: Phiên bản miễn phí của plugin này sẽ giúp bạn tạo 2 thư viện ảnh và đặt nó lên bài viết hoặc trang WordPress. Phiên bản premium cho phép bạn tạo nhiều thư viện ảnh và đặt nó lên nhiều vì trí hơn, bên cạnh một số tính năng hữu ích khác. Phiên bản miễn phí của plugin này sẽ giúp bạn tạo 2 thư viện ảnh và đặt nó lên bài viết hoặc trang
WordPress. Phiên bản premium cho phép bạn tạo nhiều thư viện ảnh và đặt nó lên nhiều vì trí hơn, bên cạnh một số tính năng hữu ích khác. Cuối cùng, Envira Gallery là plugin gallery WordPress thân thiện với người dùng nhất. Ví dụ, nó có wizard để tạo thư viện, khiến cho việc tạo thư viện dễ chịu và đơn giản hơn. Mục tiêu của Envira Galler là giúp bạn tạo nhiều thư viện ảnh và cấu hình nó dễ dàng. Vì vậy, nó có sẵn nhiều templates khác nhau của nhiều loại WordPress gallery, tính năng slideshow, và tính năng social. Nếu bạn tìm một plugin gallery WordPress đẹp và dễ dùng, thì Envira Gallery nên là lựa chọn hàng đầu của bạn. Tính năng chính: Giá: Bạn có thể dùng phiên bản miễn phí, hoặc phiên bản pro để có thêm nhiều tính năng hơn, nhận hỗ trợ và thậm chí là thêm custom CSS. Bạn có thể dùng phiên bản miễn phí, hoặc phiên bản pro để có thêm nhiều tính năng hơn, nhận hỗ trợ và thậm chí là thêm custom CSS. WordPress Gallery là một yếu tố đơn giản nhưng hữu ích. Quá trình tạo thư viện ảnh WordPress cũng đơn giản, thời gian bạn cần tốn nhiều nhất chắc là việc chọn ảnh nào để chèn vào. Khi gallery WordPress đã khả dụng, bạn cần chọn vị trí đặt nó. Tất nhiên, nếu muốn thư viện trông đẹp hơn, bạn có thể tận dụng một số plugin gallery WordPress. Việc này còn giúp bạn tùy chỉnh tốt hơn, đảm bảo website của bạn chuyên nghiệp và hài hóa hết mức có thể. Bạn có câu hỏi nào khác về việc tạo thư viện ảnh WordPress? Hãy cứ để lại câu hỏi hay bình luận bên dưới để cùng thảo luận nhé! Hải G. là chuyên gia quản lý, vận hành các dịch vụ website. Anh có nhiều năm kinh nghiệm về VPS, Hosting, technical SEO, CMS. Đặc biệt yêu thích WordPress và đã dùng nó hơn 5 năm nay. Sở thích của anh là đọc, viết blog, đi du lịch và tư vấn cho các bạn trẻ khởi nghiệp. |
