Chào mừng bạn đến với bài viết này, chúng tôi rất vui được giới thiệu đến bạn sản phẩm mới của chúng tôi – Nicepage. Nicepage cho phép bạn tạo bất kỳ thiết kế trang web nào chỉ trong vài phút. Nicepage có sẵn trên trực tuyến, cho Windows và Mac OS, và là một plugin cho WordPress và Joomla. Chúng tôi sẽ giới thiệu các tính năng của Nicepage bằng cách sử dụng plugin WordPress như một ví dụ. Vậy bây giờ, hãy để chúng tôi giới thiệu cho bạn Nicepage cho WordPress, từng bước một.
Contents
- 1 Cài đặt Plugin WordPress
- 2 Thêm Trang WordPress
- 3 Giao diện người dùng
- 4 Trình soạn thảo khối trong Plugin WordPress
- 5 Cài đặt Chủ đề WordPress
- 6 Làm việc với Khối
- 7 Khối CMS WordPress
- 8 Làm việc với Trình soạn thảo trong Plugin WordPress
- 9 Làm việc với Ô trong Plugin WordPress
- 10 Thêm Biểu tượng trong Plugin WordPress
- 11 Thêm Văn bản
- 12 Shortcodes và Widgets trong Plugin WordPress
- 13 Xem trước trong Plugin WordPress
- 14 Xem trên thiết bị di động trong Plugin WordPress
- 15 Chủ đề WordPress
- 16 Xem thêm
- 17 Bắt đầu với Nicepage
Cài đặt Plugin WordPress
Tải Plugin WordPress về
Đầu tiên, hãy truy cập vào trang web nicepage.com. Tải xuống Plugin Nicepage cho WordPress. Mở WordPress Admin. Plugin được cài đặt như thường lệ cho các plugin, dưới dạng một gói zip.
Cài đặt Plugin WordPress
Đi vào Admin panel -> Plugins -> Add New… Tải lên Plugin bằng cách chọn file zip đã tải về từ thư mục cục bộ của bạn. Cài đặt nó. Sau đó kích hoạt. Sau khi kích hoạt, tab Nicepage sẽ xuất hiện trong thanh điều hướng WordPress.
Thêm Trang WordPress
Trang WordPress trống
Thêm một trang mới từ menu WordPress bên trái. Thêm một trang mới. Đầu tiên, bạn có thể tạo các trang từ đầu.
Trình xây dựng trang trong Plugin WordPress
Thứ hai, bạn có thể xây dựng bằng cách sử dụng trình xây dựng trang. Tải lên hình ảnh cho trình xây dựng bằng cách kéo thả hình ảnh từ thư mục cục bộ. Chọn hình ảnh cho các khối, sau đó chọn một kiểu dáng. Tất cả các trang đó không phải là trước tạo và được tạo tự động trên fly.
Chủ đề được thiết kế trước cho WordPress
Cuối cùng, bạn luôn có thể sử dụng các ví dụ được thiết kế trước được tạo bởi các nhà thiết kế. Chúng ta có thể bắt đầu với bất kỳ mẫu nào trong số này.
Giao diện người dùng
Hãy bắt đầu bằng việc xem xét các yếu tố giao diện người dùng cơ bản của Nicepage WordPress Theme Builder.
Thanh trên trong Plugin WordPress
Thanh trên chứa danh sách các trang WordPress, Cài đặt trang web, Cài đặt chủ đề và Menu Thêm ở trung tâm phía trên. Bên phải có các chế độ Responsive, Xem trước và Cập nhật WordPress. Sau khi nhấn Cập nhật, Trang sẽ được lưu như một bản nháp trong trang WordPress.
Hoạt động với các khối trong Plugin WordPress
Trình duyệt trang web nằm ở phía trái. Nó giúp bạn dễ dàng chọn và thao tác các khối. Mỗi khối đều có một menu và chúng ta sẽ sử dụng thao tác Duplicate để sao chép khối hiện tại. Bạn có thể dễ dàng chuyển đổi khối và thay đổi thứ tự của chúng trong trình duyệt trang web.
Thay đổi tên trang WordPress
Các hoạt động với khối được thực hiện dễ dàng, giống như trong Microsoft PowerPoint hoặc Apple KeyNote. Nếu bạn muốn xóa một khối, hãy chọn tùy chọn Xóa từ Menu Khối. Ở phía trên cùng của trình duyệt trang web, có một tên trang. Nhấp vào tên trang để thay đổi nó. Nhập một tên mới, sau đó Lưu.
Trình soạn thảo khối trong Plugin WordPress
Tổng quan về trình soạn thảo
Phần trung tâm của Nicepage là trình soạn thảo khối. Ở đây, bạn có thể thêm, di chuyển, sắp xếp và căn chỉnh các điều khiển khác nhau. Làm việc với trình soạn thảo rất đơn giản. Một lần nữa, nó cũng dễ dàng như làm việc với Microsoft PowerPoint hoặc Apple KeyNote. Bạn nhận được mã sạch và HTML đáp ứng hoàn toàn trong kết quả.
Chọn các phần tử
Trong quá trình chọn các phần tử trong trình soạn thảo, phần giữa, chúng ta thấy các Thuộc tính hiển thị trong Bảng Thuộc tính ở bên phải. Thay đổi các thông số sẽ thay đổi phần tử được chọn. Ngoài ra, trong các bảng, các Tab cho phép tiếp cận các thuộc tính của container hoặc khối.
Cài đặt Chủ đề WordPress
Cài đặt toàn cầu
Tất cả các trang web và chủ đề hiện đại đều có Cài đặt Toàn cầu, bao gồm cài đặt Màu sắc, cài đặt Phông chữ và Kiểu chữ. Hãy xem xét cài đặt Chủ đề một cách chi tiết. Chúng tôi sẽ bắt đầu với cài đặt Màu sắc trong Bảng màu.
Màu sắc
Trên thực tế, không có nhiều trang web sử dụng hơn năm màu sắc. Do đó, các Palettes của chúng tôi được tạo ra để đáp ứng nhu cầu đa dạng về màu sắc, cho phép thực hiện bất kỳ ý tưởng màu sắc nào. Hãy chọn Bảng màu này. Bây giờ, những màu này có sẵn cho tất cả các phần tử trên trang web.
Phông chữ
Bây giờ, hãy chỉnh sửa Phông chữ. Chủ đề Phông chữ của chúng tôi được tạo bằng cách chọn từ các Phông chữ phổ biến nhất của Google và các Kết hợp. Bây giờ chúng tôi chọn Chủ đề Phông chữ.
Kiểu chữ
Tiếp theo, chúng tôi sẽ xác định Kiểu chữ. Các Bộ Kiểu chữ thay đổi văn bản được trình bày trên Trang. Các thiết lập đã chọn sẽ được sử dụng cho tất cả văn bản theo mặc định. Ngoài ra, các yếu tố kiểu chữ này được chọn trong danh sách Kiểu chữ Văn bản.
Đầu đề và Văn bản
Việc điều chỉnh phông chữ cụ thể cho phần tử trang được thực hiện trong Đầu đề và Văn bản.
Làm việc với Khối
Tổng quan về Khối
Chúng tôi tiếp tục với thiết kế trang. Hiện nay, các trang web chủ yếu là các khối, các khối xây dựng chính của thiết kế web hiện đại. Nicepage cho phép sử dụng các khối được thiết kế trước và xây dựng các khối bằng cách sử dụng Trình xây dựng và từ đầu.
Thêm Khối
Hãy Thêm Một Khối Mới. Có hơn một ngàn khối được thiết kế trước có sẵn, và mỗi khối đó có thiết kế và bố cục độc đáo.
Các Khối Được Thiết Kế Trước
Danh sách Kiểu khối nằm bên trái và Các Thể loại Chủ đề ở phía trên. Bằng cách chọn các kiểu và loại, bạn làm hẹp số lượng khối được đề xuất, giúp bạn chọn kiểu phù hợp nhất.
Thay đổi kiểu
Nếu bạn thay đổi ý kiến hoặc không thích kiểu bạn vừa chọn, bạn có thể dễ dàng chọn kiểu khác cho Khối của bạn. Bây giờ chúng ta chọn một kiểu khối khác và thấy rằng khối đã thay đổi. Ngoài ra, chúng tôi có thể thêm nhiều khoảng trống giữa các ô.
Các Khối Chức năng
Giả sử rằng bạn cần một khối chức năng, ví dụ như một biểu mẫu liên hệ hoặc địa chỉ với bản đồ. Thì rất dễ dàng để thêm một Khối như vậy. Thêm một khối mới. Trong hộp thoại, chọn danh mục Mẫu liên hệ. Chọn và thêm một khối với biểu mẫu và bản đồ. Sau khi thêm khối, nếu bạn nhấp vào bản đồ hoặc điều khiển biểu mẫu, bạn sẽ thấy tất cả các thuộc tính có sẵn trong bảng điều khiển.
Trình xây dựng trong Plugin WordPress
Hãy thêm các khối bằng cách sử dụng Trình xây dựng. Trong hộp thoại Thêm Khối, nhấp vào Trình xây dựng. Bạn có thể tìm kiếm hình ảnh trực tuyến cho Khối và sử dụng hình ảnh từ bất kỳ tài khoản xã hội nào hoặc thư mục cục bộ của bạn. Kéo hình ảnh từ thư mục cục bộ. Chọn hình ảnh cho Khối. Chọn văn bản yêu cầu cho Khối. Sau đó chọn một kiểu từ các biến thể được tạo ra. Và cuối cùng, thêm Các Khối này vào Trang của bạn.
Khối CMS WordPress
Các Khối Đăng
Cùng một cách, chúng ta sẽ thêm các khối tự động được tạo từ các Bài viết WordPress. Trong Trình xây dựng khối mới, chọn Tab “Mạng xã hội và Web”. Chuyển sang tab Bài viết. Chọn Hình ảnh và Văn bản Bài viết. Chọn một thiết kế.
Các Khối Sản phẩm
Thêm một khối để hiển thị Sản phẩm. Nhấp vào Trình xây dựng. Chuyển sang tab Sản phẩm. Chọn Hình ảnh Sản phẩm. Chọn Mô tả Sản phẩm liên quan đến Sản phẩm đó. Chọn một kiểu cho Khối. Nhấp vào Hoàn thành.
Làm việc với Trình soạn thảo trong Plugin WordPress
Thêm Khối Trống
Giả sử bạn cần ý tưởng cho một khối, một mô phỏng mà bạn vẽ trong bất kỳ trình chỉnh sửa đồ họa nào, ví dụ như Adobe Photoshop. Đây là Khối chúng tôi muốn thêm vào trang web của chúng tôi. Hãy thêm một khối trống. Nếu cần, chúng ta có thể thay đổi chiều cao của khối. Tất cả các điều khiển được thêm nằm trong Menu Thêm ở trên cùng.
Thêm điều khiển
Trong Menu Thêm, chúng ta thấy Các Kontainer, Các điều khiển Cơ bản và Các điều khiển Chức năng. Để tạo khối này, chúng ta cần thêm một lưới mà chúng ta sẽ thêm văn bản và hình ảnh vào.
Sử dụng các lưới
Chọn “Lưới” và thêm nó vào Khối. Giảm chiều cao và chiều rộng của Lưới này. Chúng ta cũng thay đổi vị trí và vị trí của Lưới. Tất cả đều được thực hiện một cách rất dễ dàng, vì có các hướng dẫn và các kích thước trong các hộp màu đỏ để giúp căn chỉnh.
Làm việc với Ô trong Plugin WordPress
Nền ô
Hãy thay thế các hình ảnh. Hình ảnh được thay đổi bằng cách kéo và thả hình ảnh từ thư mục hoặc màn hình chính vào Khối. Thay đổi dễ dàng nền ô từ Điền hình ảnh thành Màu.
Cắt ảnh nền
Chúng ta cũng có thể thay đổi cắt ảnh nền. Hãy thêm khoảng trống để phân tách ô một cách hình ảnh. Thu nhỏ hình ảnh để làm cho nó trở thành một phần của nội dung và mở rộng để làm nền lại.
Di chuyển ô
Để thay đổi vị trí của các ô, kéo một ô qua một ô khác. Trong khi kéo một điểm đến, một ô và một khối sẽ được làm nổi bằng viền, và có một gợi ý phía trên điểm đến. Do đó, luôn rõ ràng điều khiển đặt ở đâu.
Sao chép và Xóa ô
Để sao chép một ô hoặc một điều khiển, kéo nguồn một ô hoặc điều khiển trong khi giữ phím CTRL. Để xóa điều khiển hoặc nội dung của ô, chọn ô, sau đó nhấn phím DELETE.
Thêm Biểu tượng trong Plugin WordPress
Menu Thêm
Chúng ta sẽ thay đổi màu nền của ô trống. Tiếp theo, chúng ta sẽ thêm nội dung vào ô. Bắt đầu bằng một Biểu tượng, thành phần phổ biến nhất trong thiết kế văn bản. Hãy thêm một biểu tượng vào ô. Nhấp vào “Thêm” và chọn “Biểu tượng”.
Chỉnh sửa biểu tượng
Trong hộp thoại mở ra, gõ “Ý tưởng” vào trường tìm kiếm. Chúng ta thấy các tab lọc Biểu tượng theo kiểu. Chọn “Tất cả” và chọn biểu tượng Đèn LED Tuyến tính. Có các thiết lập được sẵn có phổ biến nhất cho Biểu tượng, và chúng ta chọn một biến thể với hình tròn. Bạn có thể thay đổi màu sắc. Nhưng các màu sử dụng trong Cài đặt trước đó là từ Bảng màu đã chọn. Chúng tôi sẽ giữ màu đầu tiên.
Thêm Văn bản
Thêm Văn bản
Thêm một Đầu đề. Chỉnh sửa Đầu đề bằng cách nhập văn bản mới. Thay đổi kích thước văn bản và khoảng cách giữa các chữ cái. Nếu bạn không thích kết quả hoặc đã thay đổi ý kiến, bạn có thể hoàn tác các thay đổi bằng cách chọn Mặc định của Đầu đề từ danh sách, hiển thị các kiểu đã xác định trong Đầu đề và Văn bản trước đó.
Chỉnh sửa văn bản
Thêm một Văn bản. Chọn một phần của văn bản và làm cho nó đậm và nghiêng. Chọn một phần của văn bản và thêm một liên kết. Xác định trang WordPress đích trong hộp thoại.
Thêm một nút
Thêm nút bằng cách sử dụng cách thay thế, bằng cách nhấp vào Dấu cộng bên phải của khung chứa ô. Nút cũng có cài đặt sẵn. Hãy giữ nút có ranh giới như vậy. Làm tròn nút. Thay đổi chiều cao của nút. Nhập văn bản mới. Sau khi điều chỉnh tốt, chọn Trang WordPress Đích cho nút.
Canh chỉnh ô
Nhấp vào Cập nhật để lưu trước Trang. Khi di chuyển điều khiển, chúng ta thấy các hướng dẫn và kích thước trong các hộp màu đỏ, giúp căn chỉnh theo các nguyên tắc đó. Bạn có thể di chuyển Đầu đề, Biểu tượng, Văn bản – bất kỳ phần tử nào, vào Khối trên Lưới và ô khác.
Hiển thị điểm nổi bật
Các khung chứa được nhấn mạnh bằng viền và được đánh dấu bằng gợi ý. Do đó, luôn rõ ràng vị trí điều khiển được đặt. Nội dung trong ô có thể được căn chỉnh tự động theo chiều ngang và dọc. Kết quả đã đạt được có thể dễ dàng và nhanh chóng, ngay cả nhanh hơn việc vẽ cùng một khối, ví dụ, trong Adobe Photoshop.
Shortcodes và Widgets trong Plugin WordPress
Thêm Shortcode
Chúng tôi sẽ thêm một khối đen khác để minh họa việc làm việc với các widget và shortcode WordPress. Thêm một lưới với hai ô. Xóa nội dung mặc định trong các ô bằng cách nhấn phím DELETE.
Thêm Tiện ích WordPress
Chọn ô bên trái. Nhấp vào menu Thêm -> Tiện ích WordPress -> Tiện ích Lịch. Mở rộng khu vực tiện ích lên ô. Chọn ô màu đỏ. Nhấp vào ô màu đỏ. Nhấp vào menu Thêm -> Shortcode. Nhập mã trong Khu vực Shortcode trong Bảng điều khiển bên phải. Mở rộng khu vực tiện ích lên ô. Các hướng dẫn màu đỏ rất hữu ích cho việc thay đổi kích thước và căn chỉnh.
Xem trước trong Plugin WordPress
Để xem dữ liệu thực tế trong các khối này, nhấp vào Xem trước. Chúng tôi đã hoàn thành việc thêm các khối.
Xem trên thiết bị di động trong Plugin WordPress
Chế độ đáp ứng
Không có thiết kế hiện đại nào được coi là hoàn chỉnh nếu không hiển thị đúng trên tất cả các loại thiết bị hiện đại, bao gồm cả các thiết bị di động. Trong Nicepage, tất cả điều này đều được xem xét. Trang được tạo bằng Nicepage được hiển thị đúng trên tất cả các thiết bị hiện đại và thuận tiện cho việc đọc.
Chỉnh sửa trong chế độ đáp ứng
Ngoài ra, cho tất cả các chế độ đáp ứng, tất cả các tính năng chỉnh sửa đều được hỗ trợ. Ví dụ, bạn có thể thay đổi cách cắt ảnh và thay đổi kích thước tiêu đề. Ẩn/hiện bất kỳ điều khiển, ô, bất kỳ phần tử nào cho thiết bị mong muốn.
Nhấn “Cập nhật”.
Chủ đề WordPress
Trang quản trị
Chuyển sang WordPress. Mở Trang. Mở Trang bạn vừa tạo. Bạn có thể chọn bất kỳ mẫu chủ đề nào khác và nhấp vào “Xuất bản”. Bây giờ Trang đã lưu trước đó được xuất bản cuối cùng.
Chuyển Mẫu
Tuy nhiên, các khối trang trông khác so với cách chúng đã được thiết kế trong Nicepage. Chọn mẫu Nicepage với Header và Footer WordPress để sửa điều này. Cập nhật Trang. Xem trước các thay đổi. Các khối Trang bây giờ trông đúng.
Chỉnh sửa trong Nicepage
Bạn sẽ thấy nút “Chỉnh sửa trong Nicepage” mở trình soạn thảo Nicepage cho trang WordPress được tạo trong Nicepage. Nhấp vào Xem trước để xem Trang.
Chúng tôi thấy rằng làm việc với Nicepage là dễ dàng như sử dụng Microsoft PowerPoint hoặc Apple KeyNote. Bạn nhận được mã sạch và HTML đáp ứng hoàn toàn trong kết quả.
Chúng tôi hy vọng bạn đã thích cách trình bày Nicepage Website Builder cho WordPress.
Xem thêm
- Cài đặt Nicepage cho WordPress
- Thanh bên WordPress với Nicepage
- Menu WordPress với Nicepage
- Nicepage trên YouTube
- Hướng dẫn video Nicepage