Page Builder Sandwich sẽ tương thích với các mô-đun khác nhau của Jetpack.
Mô-đun Markdown thực hiện một thao tác đặc biệt khi lưu nội dung, dẫn đến việc các thay đổi bị mất trong quá trình chuyển đổi markdown. Để xử lý vấn đề này, văn bản markdown trong trình chỉnh sửa backend sẽ chuyển thành các thẻ html khi lưu các thay đổi của bạn từ frontend. (Cảm ơn Jake Jackson đã giúp đỡ)
Chúng tôi đã thử nghiệm Page Builder Sandwich với PHP 7 và mọi thứ sẽ hoạt động tốt mà không gặp bất kỳ sự cố nào.
Hãy cẩn thận khi nâng cấp trang web của bạn từ phiên bản thấp hơn lên PHP 7, vì có rất nhiều sự không tương thích với các phiên bản thấp hơn cần được xử lý trong tất cả các giao diện và plugin của bạn.
Có một lỗi Javascript xảy ra khi cả Page Builder Sandwich & Materialize cùng hoạt động cùng nhau. Có một xung đột giữa materialize.js và bộ chọn màu của WordPress Core.
Có một vấn đề đã được tạo trong kho lưu trữ GitHub của Materialize về lỗi này: https://github.com/Dogfalo/materialize/issues/2821
Plugin vẫn sẽ tiếp tục hoạt động bình thường miễn là bạn không hủy kích hoạt giấy phép trên trang web của mình. Khi bạn hủy kích hoạt, bạn không thể kích hoạt lại nữa.
Bạn sẽ không thể nhận bản cập nhật từ bảng điều khiển WordPress của mình, hoặc có quyền truy cập vào các phiên bản mới hơn. Chúng tôi sẽ không thể cung cấp cho bạn dịch vụ hỗ trợ tùy chỉnh tuyệt vời.
Bạn có thể thêm widget bằng cách nhấp vào nút Widget Element trong phần Elements ở thanh kiểm tra (inspector). Sau khi nhấp, một cửa sổ bật lên sẽ xuất hiện liệt kê tất cả các widget mà Page Builder Sandwich tìm thấy trên trang web của bạn.
Tất cả các widget được tìm thấy trên trang web WordPress của bạn đều có thể được thêm vào, tuy nhiên một số widget sử dụng mã Javascript tùy chỉnh/chuyên biệt bên trong phần cài đặt của chúng có thể sẽ không hoạt động bình thường. Các widget sử dụng những thành phần sau có thể không hoạt động:
Các widget mặc định của WordPress và các widget được tạo tương tự sẽ không gặp bất kỳ vấn đề nào.
Nếu bạn thực sự cần widget cụ thể đó hoạt động, có một giải pháp thay thế cho việc này.
Bạn có thể sử dụng plugin Custom Sidebars của WPMU Dev để tạo một thanh bên (sidebar)/khu vực widget mới, thêm widget của bạn vào đó theo cách thông thường trong Giao diện > Widget. Sau đó trong Page Builder Sandwich, thêm một Sidebar Element và chọn thanh bên chứa widget mà bạn cần.
Một giải pháp thay thế khác là tái tạo hiệu ứng bạn muốn bằng cách sử dụng các phần tử và kiểu dáng đa dạng có sẵn trong Page Builder Sandwich.
Khi bạn mua Page Builder Sandwich lần đầu tiên, một tệp .zip chứa plugin sẽ tự động được tải xuống máy tính của bạn.
Trong trường hợp bạn làm mất tệp này, bạn có thể tải lại tệp .zip của mình bằng cách truy cập liên kết này: https://dashboard.freemius.com/license-recovery/203/page-builder-sandwich/
Nhập giấy phép của bạn tại liên kết này sẽ cho phép bạn lấy lại tệp .zip của Page Builder Sandwich, cùng với thông tin giấy phép và tài khoản của bạn.
Về mặt kỹ thuật, công cụ này sẽ hoạt động được với bất kỳ và tất cả các giao diện.
Cùng với người dùng và khách hàng của mình, chúng tôi đã sử dụng thành công Page Builder Sandwich với rất nhiều giao diện bao gồm các giao diện từ kho lưu trữ giao diện WordPress.org, Genesis Themes, StudioPress Themes, Elegant Themes và các giao diện từ ThemeForest.
Tuy nhiên, đôi khi giao diện của bạn có thể sử dụng những cách thức không theo quy chuẩn và có thể khiến Page Builder Sandwich không hoạt động bình thường. Khi điều đó xảy ra, vui lòng gửi yêu cầu hỗ trợ cho chúng tôi và chúng tôi sẽ cố gắng khắc phục.
Có hàng ngàn giao diện và plugin khác ngoài kia. Vì vậy, mặc dù chúng tôi luôn cố gắng cẩn thận và xây dựng mọi thứ theo đúng tiêu chuẩn, đôi khi các vấn đề vẫn có thể xảy ra.
Nếu bạn thấy Page Builder Sandwich hoạt động không đúng trong cấu hình của mình, dưới đây là một vài bước bạn có thể thực hiện để khắc phục sự cố.
Hãy xem bài viết tại đây: Nút “Edit with Page Builder Sandwich” không xuất hiện Nếu bài viết không khắc phục được vấn đề, hãy đọc tiếp.
Duyệt qua các bài viết khác nhau trong Chuyên mục khắc phục sự cố trong tài liệu.
WordPress, các plugin, giao diện của bạn và thậm chí cả Page Builder Sandwich. Việc luôn cập nhật là rất tốt. Đảm bảo mọi thứ của bạn được cập nhật đồng nghĩa với việc bạn sẽ có các bản sửa lỗi và bản vá lỗ hổng bảo mật mới nhất cho trang web của mình.
Nếu bạn không thể chỉnh sửa nội dung của mình bằng Page Builder Sandwich (và có thể một cửa sổ thông báo lỗi đã xuất hiện), có thể nội dung của trang hiện tại hoàn toàn được tạo tự động bởi giao diện / một plugin. Để kiểm tra điều này, hãy chỉnh sửa trang/bài viết của bạn trong backend một cách bình thường bằng WordPress, sau đó kiểm tra xem nội dung đã lưu có hiển thị ở frontend hay không. Nếu không xuất hiện, điều đó có nghĩa là toàn bộ nội dung trang/bài viết được tạo tự động và không thể chỉnh sửa bằng PBS.
Đôi khi, một plugin có thể xảy ra xung đột với Page Builder Sandwich. Để kiểm tra plugin nào có thể đang gây ra xung đột, hãy hủy kích hoạt một plugin và kiểm tra xem PBS có hoạt động trở lại hay không. Hãy thực hiện thao tác này cho từng plugin đã kích hoạt của bạn. Nếu PBS bắt đầu hoạt động trở lại và bạn có thể chỉnh sửa các trang của mình, thì plugin bạn vừa hủy kích hoạt không tương thích với PBS. Trong những trường hợp đó, hãy liên hệ với chúng tôi qua email tại [email protected] và cho chúng tôi biết để chúng tôi có thể khắc phục.
Nếu việc hủy kích hoạt plugin không giải quyết được vấn đề, hãy thử chuyển giao diện của bạn sang giao diện WordPress mặc định (các giao diện Twenty-Something). Nếu bạn có thể bắt đầu chỉnh sửa nội dung của mình bằng Page Builder Sandwich trở lại, thì giao diện bạn đang sử dụng không tương thích với PBS. Hãy gửi thông tin này cho chúng tôi qua email tại [email protected] và cho chúng tôi biết để chúng tôi có thể khắc phục.
Trong những trường hợp hiếm hoi, một tiện ích mở rộng trình duyệt có thể ngăn mã Javascript trên trang web hoạt động bình thường. Để kiểm tra xem tiện ích mở rộng trình duyệt có gây ra sự cố hay không, hãy mở trình duyệt của bạn ở chế độ ẩn danh (Chrome) hoặc chế độ riêng tư và thử truy cập PBS, thao tác này sẽ mở một tab mới mà không có bất kỳ tiện ích mở rộng nào. Nếu hoạt động, điều đó có nghĩa là bạn đang có một tiện ích mở rộng gây xung đột.
Tiện ích mở rộng trình duyệt PageXray đã được ghi nhận là gây ra sự cố.
Việc xóa nội dung trong Page Builder Sandwich thường được thực hiện chỉ đơn giản bằng cách chọn văn bản hoặc phần tử rồi nhấn phím delete hoặc backspace.
Một cách khác là nhấp vào nút delete / remove trên thanh kiểm tra (inspector):
Có một số trường hợp cách này không hiệu quả. Các mục không áp dụng được cách này thường là các vùng chứa (container) như hàng, cột hoặc băng chuyền (carousel). Điều này nhằm tránh việc vô tình xóa khi đang xóa nội dung.
Để xóa các mục đó, hãy nhấp vào nút delete / remove trên thuộc tính của phần tử trong thanh kiểm tra (inspector). Ví dụ: để xóa một hàng, bạn sẽ phải sử dụng khu vực này:
Page Builder Sandwich hiện đã có sẵn bằng:
Nếu bạn muốn đóng góp xây dựng Page Builder Sandwich bằng cách dịch sang ngôn ngữ của mình, hãy truy cập trang Transifex của chúng tôi!
Việc thêm hình ảnh rất đơn giản. Bạn có thể:
Trước đây đã từng xảy ra sự cố liên quan đến NextGen và Page Builder Sandwich.
Trước phiên bản 2.12, PBS bằng cách nào đó đã khiến NextGen hiển thị thông báo lỗi làm cho trang web của bạn bị màn hình trắng xóa. Sự cố này đã được khắc phục kể từ phiên bản 2.12, vì vậy nếu bạn đang sử dụng phiên bản cũ hơn, vui lòng cập nhật.
Chúng tôi đã đảm bảo rằng Page Builder Sandwich gần như không ảnh hưởng đến hiệu suất trang web của bạn. Khi đăng xuất, tối thiểu chỉ có các kiểu CSS hàng và cột được đưa vào hàng đợi, cùng với các tập lệnh JS và CSS cần thiết cho các shortcode bạn đã sử dụng mới được đưa vào hàng đợi.
Về cơ bản, Markdown là một cú pháp mà bạn nhập vào trong khi chỉnh sửa để thêm hoặc thay đổi định dạng văn bản của mình. Chúng giống như các phím tắt, nhưng thay vì nhấn tổ hợp phím, bạn chỉ cần gõ chúng vào.
Dưới đây là danh sách tất cả các cú pháp Markdown được hỗ trợ trong Page Builder Sandwich.
## Tiêu đề 2
### Tiêu đề 3
cho đến:
###### Tiêu đề 6
> Trích dẫn
(4 khoảng trắng)Văn bản định dạng sẵn/Mã
* Danh sách dấu đầu dòng - Danh sách dấu đầu dòng
1. Danh sách đánh số 1) Danh sách đánh số
- ------------------------------(hoặc nhiều dấu gạch ngang)
Nhập URL sẽ tự động chuyển đổi thành một liên kết:
Truy cập https://pagebuildersandwich.com
Truy cập [Page Builder Sandwich](https://pagebuildersandwich.com
Shortcode có thể được dán hoặc nhập trực tiếp trong khi chỉnh sửa. Sau khi bạn đã nhập shortcode của mình, hãy nhấn phím enter hoặc chuyển con trỏ ra ngoài shortcode và nó sẽ hiển thị ở dạng kết xuất ngay lập tức.
Một cách khác để thê m shortcode là nhấp vào Phần tử Shortcode trê n bảng kiểm tra (inspector) của bạn. Thao tác này sẽ mở ra một cửa sổ bật lê n liệt kê tất cả các shortcode khả dụng trê n trang web của bạn. Chọn một cái hoặc nhấp đúp vào bất kỳ shortcode nào để chèn nó.
Bạn có thể chỉnh sửa shortcode theo 2 cách:
Các thuộc tính shortcode không thể được nhận diện bởi Page Builder Sandwich. Vì vậy bạn sẽ phải tự tay nhập chúng vào. Chúng tôi đang phát triển cách ánh xạ các shortcode vào hệ thống để giúp mọi người dễ dàng sử dụng hơn. Hãy đón chờ tính năng đó nhé.
Bạn có thể nhúng nội dung từ nhiều trang web khác nhau như video YouTube, video Vimeo, ảnh Instagram, ảnh Flickr, Tweet và thậm chí cả bình luận Reddit bằng cách dán trực tiếp URL liên kết cố định của chúng.
https://www.youtube.com/watch?v=dQw4w9WgXcQ
Bạn có thể tìm thấy danh sách các URL có thể nhúng từ WordPress codex: https://codex.wordpress.org/Embeds
Bạn cũng có thể cài đặt các plugin khác hỗ trợ thêm các URL nhúng bổ sung. Ví dụ: các URL Wistia không được WordPress hỗ trợ sẵn, bạn có thể cài đặt plugin của họ để bật tính năng nhúng, sau đó, PB Sandwich cũng có thể xử lý chúng.
Lưu ý rằng toàn bộ một dòng văn bản chỉ được chứa duy nhất URL thì tính năng này mới hoạt động.
Bạn cũng có thể dán trực tiếp mã nhúng.
Mã nhúng trông giống như thế này:
<iframe width="420" height="315" src="https://www.youtube.com/embed/dQw4w9WgXcQ" frameborder="0" allowfullscreen></iframe>
Lưu ý rằng toàn bộ một dòng văn bản chỉ được chứa duy nhất mã nhúng thì tính năng này mới hoạt động.
Nhấp vào công cụ “Thêm Media”, sau đó dán URL của bạn vào tab “Chèn từ URL”.
Bạn chỉ có thể chỉnh sửa nội dung của trang, bài viết và các loại bài viết tùy chỉnh bằng Page Builder Sandwich.
Tuy nhiên, bạn không thể chỉnh sửa các tệp mẫu giao diện chẳng hạn như:
Hãy nghĩ theo cách này, nếu có nút “Chỉnh sửa bài viết” hoặc “Chỉnh sửa trang” trên thanh quản trị ở giao diện người dùng của bạn, thì trang đó có thể chỉnh sửa được.
Bạn có thể nhúng nội dung từ nhiều trang web khác nhau như video YouTube, video Vimeo, Tweet và thậm chí cả bình luận Reddit bằng cách dán URL liên kết cố định của chúng vào Page Builder Sandwich.
Lưu ý rằng một dòng văn bản hoàn chỉnh chỉ nên chứa duy nhất URL
Page Builder Sandwich hoạt động song song với tính năng oEmbed của WordPress. Do đó, các URL mà bạn có thể nhúng ở phần phụ trợ (backend) đều sẽ được hỗ trợ. Các plugin bổ sung hỗ trợ cho các nhà cung cấp oEmbed khác cũng sẽ hoạt động tương tự.
Bạn có thể tìm thấy danh sách các nhà cung cấp oEmbed từ codex: https://codex.wordpress.org/Embeds
Trong phiên bản cao cấp của Page Builder Sandwich, bạn có thể sử dụng các biểu tượng SVG / vector của riêng mình. Sau đây là cách thực hiện:
Các biểu tượng đã tải lên cũng có thể được sử dụng làm biểu tượng dấu đầu dòng trong danh sách dấu đầu dòng và biểu tượng nút bấm.
Lưu ý: Nếu biểu tượng của bạn không xuất hiện trong các tìm kiếm, có thể do tên tệp chưa được PBS phân tích cú pháp đúng cách. Trong những trường hợp đó, bạn có thể sử dụng các từ khóa “custom” hoặc “upload” để tìm biểu tượng đã tải lên của mình.
Page Builder Sandwich được tạo ra để ít can thiệp nhất có thể, nhờ đó các plugin khác sẽ không gặp vấn đề gì khi cùng hoạt động với plugin của chúng tôi.
Tuy nhiên đôi khi vẫn có ngoại lệ. Dưới đây là danh sách các plugin có một số điểm bất thường khi hoạt động cùng với Page Builder Sandwich. Điều này không nhất thiết có nghĩa là chúng không hoạt động và không tương thích, mà chỉ là một số hành vi có thể sẽ khác đi.
Chúng tôi sẽ tiếp tục cập nhật danh sách này. Nếu bạn phát hiện thấy điều gì đó, đừng ngần ngại gửi phiếu hỗ trợ tới [email protected]
Kiểm tra xem PBS đã được bật và đang ở chế độ chỉnh sửa hay không.
if ( PBSEditor.isEditing() ) {
// Làm điều gì đó khi đang chỉnh sửa.
}
Không có.
Boolean. True khi hiện đang chỉnh sửa, false khi không chỉnh sửa.
Được sử dụng bên trong iframe mà PBS dùng để hiển thị chế độ xem thích ứng trong quá trình chỉnh sửa. Hook này được gọi ngay trước khi thẻ <head> đóng và có thể được sử dụng để thêm script và style.
Không có.
add_action( 'pbs_iframe_header', 'change_bg_color' );
function change_bg_color() {
?>
<style>
body {
background-color: hotpink;
}
</style>
<?php
}
Bạn có thể ngăn PB Sandwich hiển thị ở front-end bằng cách sử dụng bộ lọc pbs_is_editable_by_user.
Ví dụ: để ngăn PB Sandwich hiển thị trong Custom Post Type được xác định bởi slug slider, bạn có thể thêm đoạn mã này vào tệp functions.php của mình
add_filter( 'pbs_is_editable_by_user', 'stop_pbs_in_sliders' );
function stop_pbs_in_sliders( $editable ) {
if ( is_singular( 'slider' ) ) {
return false;
}
return $editable;
}
Để dừng PB Sandwich cho một trang/bài viết cụ thể, bạn có thể sử dụng ID bài viết để kiểm tra:
add_filter( 'pbs_is_editable_by_user', 'stop_pbs_for_123' );
function stop_pbs_for_123( $editable ) {
global $post;
if ( is_singular() && ! empty( $post ) ) {
if ( '123' === $post->ID ) {
return false;
}
}
return $editable;
}
Nếu bạn đang gặp khó khăn, chúng tôi luôn sẵn sàng trợ giúp! Nhưng trước tiên vui lòng kiểm tra các trang tài liệu, bạn có thể tìm thấy câu trả lời tại đây và tiết kiệm được thời gian.
Gửi email yêu cầu hỗ trợ của bạn cho chúng tôi tại [email protected]
PBS gửi số liệu thống kê sử dụng của những người dùng đã chọn tham gia mỗi khi họ lưu trong trình chỉnh sửa của PBS. Bộ lọc này có thể được sử dụng để ngừng gửi dữ liệu.
$true
Boolean. Giá trị này luôn là true.
Được kích hoạt khi người dùng chuyển đổi giữa các chế độ xem thích ứng khác nhau.
Không có.
Nếu bạn đang gặp sự cố, chúng tôi luôn sẵn sàng trợ giúp! Nhưng trước tiên, vui lòng kiểm tra các trang tài liệu hướng dẫn, bạn có thể tìm thấy câu trả lời tại đây và tiết kiệm thời gian.
Gửi email yêu cầu hỗ trợ của bạn cho chúng tôi tại [email protected]
$all_shortcodes = PageBuilderSandwich::get_all_shortcodes()
Không có.
Array. Một mảng chứa tất cả các thẻ shortcode được phát hiện.
Được kích hoạt khi một tùy chọn (từ trình kiểm tra) được thay đổi.
Không có.
PBS >= 4.3
PBS thêm một wrapper để xác định vùng nội dung của một bài viết. Thao tác này được gọi trước khi wrapper được đặt.
$content
String. Nội dung bài viết đã được áp dụng wrapper.
Được sử dụng bên trong iframe mà PBS dùng để hiển thị chế độ xem thích ứng trong quá trình chỉnh sửa. Mục này được gọi ngay trước khi thẻ <body> đóng và có thể được dùng để thêm tập lệnh và kiểu.
Không có.
PBS >= 4.3
Ghi đè quyết định về việc có tải PBS ở front-end hay không và cho phép người dùng sử dụng PBS để chỉnh sửa bài viết.
$is_editable
Boolean. True nếu bài viết có thể chỉnh sửa bằng PBS. False nếu ngược lại
Không cho phép các post_type portfolio có thể chỉnh sửa bằng PBS
add_filter( 'pbs_is_editable_by_user', 'disallow_portfolios' );
function disallow_portfolios( $is_editable ) {
global $post;
if ( $post ) {
if ( 'portfolio' === get_post_type( $post ) ) {
return false;
}
}
return $is_editable;
}
PBS >= 4.3
Lấy instance của PageBuilderSandwich
$pbs = PageBuilderSandwich::instance()
Không có.
Đối tượng PageBuilderSandwich. Instance hiện tại của lớp PBS.
PBS thêm một wrapper để xác định vùng nội dung của bài viết. Nó được gọi sau khi wrapper đã được đặt.
$content
Chuỗi. Nội dung bài viết đã được áp dụng wrapper.
PageBuilderSandwich::is_editable_by_user()
Không có.
Boolean. True nếu PBS có thể chỉnh sửa bài viết, ngược lại là false.
Một bộ lọc để sửa đổi các kiểu CSS đang được lưu cho một bài viết. Bộ lọc này được gọi khi thao tác lưu được bắt đầu từ trình biên tập PBS.
$style
Chuỗi. Các kiểu CSS được gửi để lưu.
$post_id
Số nguyên. ID bài viết đang được lưu.
Được gọi khi trình biên tập PBS tải xong (không được gọi khi người dùng nhấp vào nút bắt đầu chỉnh sửa)
Thực hiện tác vụ sau khi PBS tải xong
wp.hooks.addAction( 'pbs.init', function() {
console.log( 'PBS is ready!' );
}
Danh sách các thẻ shortcode cần ẩn trong trình chọn shortcode của PBS. Sử dụng hook này nếu bạn có các shortcode hiển thị trong cửa sổ popup của trình chọn mà bạn đã ngừng hỗ trợ hoặc chỉ muốn ẩn khỏi người dùng.
$shortcodes
Mảng. Một mảng chứa các thẻ shortcode.
Ẩn shortcode khỏi trình chọn.
add_filter( 'pbs_shortcodes_to_hide_in_picker, 'hide_embed_shortcode' );
function hide_embed_shortcode( $shortcodes ) {
$shortcodes[] = 'embed';
return $shortcodes;
}
Phần lớn Page Builder Sandwich là Javascript, và chúng tôi đã thêm nhiều phương thức để các nhà phát triển có thể mở rộng và bổ sung thêm tính năng cho trình tạo trang của chúng tôi.
Để giúp các nhà phát triển thao tác dễ dàng hơn, chúng tôi đã mô phỏng theo cách hoạt động của WordPress – thông qua các hook!
Trong WordPress, bạn thường sử dụng các hàm add_filter() và add_action() để sửa đổi hoặc bổ sung hành vi của WP. Tương tự trong PBS, bạn có thể sử dụng wp.hooks.addFilter() và wp.hooks.addAction().
Cách bạn sử dụng chúng cũng giống nhau: sử dụng filter để sửa đổi dữ liệu và sử dụng action để thực hiện các tác vụ bổ sung. Hai lệnh gọi hàm này về cơ bản tương tự như các hàm tương đương bên PHP, ngoại trừ việc chúng chạy trong Javascript.
Để không bị nhầm lẫn giữa hook PHP và hook Javascript, chúng tôi đã đặt tên cho các hook Javascript bằng kiểu “period-case” (từ tự chế). Các hook PHP đều sử dụng snake case:
Tham khảo các danh mục Javascript Actions và Javascript Filters ở menu bên trái để duyệt xem tất cả các hook.
Dành cho những ai tò mò, chúng tôi đang sử dụng https://github.com/carldanley/WP-JS-Hooks để thêm các lệnh gọi hook tiện ích đó trong Javascript
Thêm các thuộc tính Javascript vào đối tượng pbsFrontendParams ở front-end. Đối tượng pbsFrontendParams khả dụng ở front-end bất kể khi người dùng đã đăng nhập và đang chỉnh sửa.
$params
Mảng. Một mảng gồm các khóa và giá trị sẽ khả dụng trong biến Javascript cấp độ window pbsFrontendParams
Làm cho một biến có thể truy cập được ở front-end
add_filter( 'pbs_localize_frontend_scripts, 'add_my_property' );
function add_my_property( $params ) {
// Điều này sẽ khả dụng trong Javascript tại pbsFrontendParams.myProperty
$params['myProperty'] = 'My Property';
return $params;
}
Được gọi ngay trước khi trình chỉnh sửa lưu nội dung. Bạn có thể sử dụng hook này để đưa thêm dữ liệu cần gửi trong khi lưu (thao tác này không lưu dữ liệu, chỉ gửi dữ liệu qua Ajax tới backend)
payload
Đối tượng FormData. Dữ liệu được gửi qua Ajax để lưu.
wp.hooks.addAction( 'pbs.save.payload', function( payload ) {
// Thêm dữ liệu cần gửi trong khi lưu.
payload.append( 'my_data', 'My Data' );
}
Thêm các thuộc tính Javascript vào đối tượng pbsParams ở front-end. Đối tượng pbsParams khả dụng ở front-end khi người dùng đã đăng nhập và có quyền chỉnh sửa trang.
Biến này cũng chứa nhiều thuộc tính được PBS sử dụng trong quá trình chỉnh sửa, chẳng hạn như nonce, danh sách tất cả các shortcode đã tải và các chuỗi dịch thuật.
$params
Mảng. Một mảng gồm các khóa và giá trị sẽ khả dụng trong biến Javascript cấp độ window pbsParams
Thêm một shortcode chưa được phát hiện vào trình chỉnh sửa
add_filter( 'pbs_frontend_scripts, 'add_my_shortcode' );
function add_my_shortcode( $params ) {
$params['shortcodes'][] = 'my_shortcode';
return $params;
}
Đưa một script hoặc style vào hàng đợi cùng với PBS. Hàm này chỉ được gọi khi bài viết có thể chỉnh sửa bằng PBS. Khi trang không thể chỉnh sửa bằng PBS, hàm này hoàn toàn không được sử dụng.
Không có.
Khi PBS tải, đồng thời đưa my-script.js vào hàng đợi
add_action( 'pbs_enqueue_scripts, 'add_my_script' );
function add_my_script() {
wp_enqueue_script( 'my-script' , plugins_url( 'js/my-script.js', __FILE__ ) );
}
Nếu bạn không tìm thấy nơi mình đã lưu bản sao plugin Premium, bạn có thể truy cập vào đây và nhập địa chỉ email để khôi phục lại. Plugin sẽ được gửi qua email cho bạn.
https://dashboard.freemius.com/license-recovery/203/page-builder-sandwich/
Đây là tính năng cao cấp và có sẵn trong phiên bản 4.0.1+
Liên kết neo cuộn cùng trang là các liên kết trỏ đến một vị trí cụ thể trong cùng một trang. Khi bạn nhấp vào liên kết cùng trang, trình duyệt của bạn sẽ cuộn tới khu vực được trỏ đến.
Bạn cần hai thứ để tạo liên kết neo cùng trang:
Chọn bất kỳ phần tử nào ở gần cuối trang của bạn và sau đó mở thuộc tính của nó. Trong khu vực nâng cao, thêm một class tùy chỉnh hoặc ID tùy chỉnh có tên ” go_here“
Bây giờ hãy tạo một liên kết hoặc thêm một phần tử nút ở đâu đó gần đầu trang của bạn. Thay vì thêm một URL làm liên kết, hãy sử dụng ” .go_here” (với dấu chấm) nếu bạn đã thêm “go_here” dưới dạng class tùy chỉnh; hoặc sử dụng “#go_here” (với dấu thăng) nếu bạn đã thêm nó dưới dạng ID tùy chỉnh.
Sau khi bạn lưu trang của mình, khi bạn nhấp vào liên kết/nút của mình, trang sẽ cuộn mượt mà về phía phần tử ở cuối trang của bạn.
Các liên kết neo có tên chẳng hạn như
<a name="go_here"></a>
cũng có thể được nhắm mục tiêu bằng cách thêm một liên kết đến “#go_here” (với dấu thăng)
Bạn cũng có thể nhắm mục tiêu bất kỳ khu vực nào khác trong trang của mình, thậm chí bên ngoài khu vực trình chỉnh sửa miễn là bạn nhắm mục tiêu chúng bằng tên class hoặc ID của chúng.
Được gọi sau khi nội dung được lưu. Hàm này được gọi khi thao tác lưu được bắt đầu từ trình chỉnh sửa PBS.
Không có
Một bộ lọc để chỉnh sửa dữ liệu bài viết cần lưu. Bộ lọc này được gọi khi thao tác lưu được bắt đầu từ trình chỉnh sửa PBS.
$post_data
Mảng. Dữ liệu bài viết cuối cùng cần lưu, dữ liệu này sẽ được truyền trực tiếp tới wp_update_post() sau đó.
$_POST
Mảng. Dữ liệu bài viết thô được gửi từ trình chỉnh sửa để lưu. Dữ liệu này đã được xác thực nonce.
$post_id
Số nguyên. ID bài viết mà chúng ta đang lưu.
add_filter( 'pbs_save_content_data', 'save_always_as_draft', 10, 3 );
function save_always_as_draft( $post_data, $_post, $post_id ) {
// Vì lý do nào đó, chúng ta luôn muốn bài viết ở trạng thái bản nháp.
$post_data['post_status'] = 'draft';
return $post_data;
}
Kể từ phiên bản 4.0, bạn đã có thể chuyển đổi giữa các chế độ xem máy tính để bàn, máy tính bảng và điện thoại di động trong khi chỉnh sửa! Chúng tôi gọi đây là chế độ thích ứng. Ở chế độ thích ứng, trang web của bạn sẽ thay đổi kích thước thành kích thước nhỏ hơn để mô phỏng giao diện trang web của bạn trông như thế nào trên các màn hình nhỏ hơn.
Khi xem trang web của bạn ở chế độ xem máy tính bảng hoặc điện thoại di động, bạn sẽ có các khả năng chỉnh sửa bị giới hạn. Với chế độ này, bạn CHỈ có thể làm những việc sau:
* PBS áp dụng một số kiểu dáng thích ứng cho các phần tử và hàng của bạn, vì vậy một số lề sẽ không thể điều chỉnh được.
Dưới đây là một số điều bạn không thể làm:
Nếu bạn đang xem trang web của mình ở chế độ xem máy tính bảng hoặc điện thoại di động, bất kỳ điều chỉnh lề nào bạn thực hiện chỉ được áp dụng cho chế độ xem hiện tại và chế độ xem nhỏ hơn. Điều này cho phép bạn tinh chỉnh các thiết kế của mình để làm cho chúng trông đẹp hơn trên các màn hình nhỏ hơn, tách biệt khỏi phiên bản máy tính để bàn đầy đủ.
Dưới đây là một ví dụ để mọi thứ rõ ràng hơn.
Điều này chỉ áp dụng cho các điều chỉnh lề, các thay đổi văn bản hoặc thay đổi kiểu văn bản sẽ được áp dụng trên tất cả các kích thước màn hình.
Khi xem ở chế độ xem máy tính bảng hoặc điện thoại di động, các hàng của bạn sẽ có một nút thanh công cụ hình “con mắt” mới xuất hiện khi bạn di chuột qua chúng. Nhấp vào nút này sẽ cho phép bạn hiện/ẩn hàng cho kích thước màn hình hiện tại.
Các hàng bị ẩn sẽ trở nên hơi trong suốt khi chỉnh sửa để biểu thị rằng chúng sẽ bị ẩn khi bạn hoàn tất việc chỉnh sửa.
Lưu ý rằng tính năng này chỉ khả dụng cho các hàng.
CloudFlare là một dịch vụ DNS CDN miễn phí được sử dụng rộng rãi. Dịch vụ này rất tuyệt vời, nhưng PBS hiện gặp vấn đề đối với tính năng Rocket Loader. Rocket Loader giúp cải thiện thời gian tải của các tệp Javascript, nhưng nó làm rối loạn thứ tự phụ thuộc và thứ tự gọi các tập lệnh của PBS. Nếu bạn đang bật Rocket Loader, nút chỉnh sửa của Page Builder Sandwich sẽ không xuất hiện (và cũng không có lỗi bảng điều khiển Javascript nào hiển thị).
Để tắt Rocket Loader, hãy đăng nhập vào tài khoản CloudFlare của bạn và vào phần cài đặt cho tên miền của bạn. Điều hướng đến phần cài đặt Speed:
Sau đó cuộn xuống phần cài đặt Rocket Loader rồi đảm bảo rằng cài đặt này đã được chuyển sang off:
Sau khi tắt tính năng này, hãy nhớ xóa toàn bộ bộ nhớ đệm (cache) của trang web từ phần cài đặt Caching:
Sau khi xóa sạch bộ nhớ cache, bạn có thể tải lại trang và nút chỉnh sửa của Page Builder Sandwich bây giờ sẽ hiển thị.
Nếu bạn là một nhà phát triển giao diện, việc tích hợp PBS vào giao diện của bạn có thể làm tăng đáng kể giá trị sản phẩm của bạn.
Hãy liên hệ với chúng tôi tại [email protected], chúng ta hãy cùng hợp tác!
Được gọi ngay trước khi nội dung được lưu. Hàm này được gọi khi một thao tác lưu được khởi tạo từ trình chỉnh sửa PBS.
Không có
Một bộ lọc để chỉnh sửa nội dung bài viết cần lưu. Bộ lọc này được gọi khi thao tác lưu được bắt đầu từ trình chỉnh sửa PBS.
$content
Chuỗi. Nội dung bài viết cuối cùng cần lưu.
$post_id
Số nguyên. ID bài viết đang được lưu.
Markdown về cơ bản là một cú pháp mà bạn nhập vào trong khi chỉnh sửa để thêm hoặc thay đổi định dạng văn bản của mình. Chúng giống như các phím tắt, nhưng thay vì nhấn tổ hợp phím, bạn gõ chúng vào.
Dưới đây là danh sách tất cả các cú pháp Markdown được hỗ trợ trong Page Builder Sandwich.
(Lưu ý khoảng trắng)
# Tiàu đề 1
## Tiàu đề 2
lên đến:
###### Tiàu đề 6
> Trích dẫn
(4 khoảng trắng)Văn bản/Đoạn mã định dạng sẵn
* Danh sách dấu đầu dòng - Danh sách dấu đầu dòng
1. Danh sách đánh số 1) Danh sách đánh số
- ------------------------------(hoặc nhiều dấu gạch ngang)
Nhập các url sẽ tự động chuyển thành liêan kết:
Truy cập https://pagebuildersandwich.com
Gõ "lorem" sau đó nhấn tab để tạo nội dung văn bản mẫu.
Trong khi sử dụng Varnish Cache và nếu sau khi lưu các thay đổi của bạn mà bạn vẫn thấy nội dung cũ, thì có thể Varnish Cache chưa được xóa tự động.
Có một số plugin WordPress cho phép bạn xóa bộ nhớ cache của mình: https://wordpress.org/plugins/search/varnish+cache/
Nếu cách đó không hiệu quả, bạn cũng có thể xóa Varnish Cache theo cách thủ công bằng cách thực hiện lệnh này trong terminal:
curl -X PURGE http://mysite.com/my-page/
Để hủy kích hoạt PBS, trước tiên hãy đăng nhập vào Bảng điều khiển / trang quản trị của bạn, sau đó điều hướng đến Plugins > Installed Plugins:
Khi ở trong trang Plugins, hãy cuộn xuống danh sách các plugin của bạn và tìm Page Builder Sandwich. Ngay bên dưới tên, bạn sẽ thấy liên kết deactivate cùng với các liên kết khác như Edit hoặc Change License (điều này có thể khác nhau trên trang web của bạn). Nhấp vào liên kết deactivate để vô hiệu hóa plugin.
Nếu bạn đã lưu các thay đổi trên trang của mình và…
điều này có thể có nghĩa là thao tác lưu đã không kích hoạt giải pháp bộ nhớ đệm của bạn xóa dữ liệu đã lưu trữ.
Nếu bạn đang sử dụng một loại giải pháp lưu vào bộ nhớ đệm nào đó – chẳng hạn như một plugin bộ nhớ đệm như W3 Total Cache, một phần mềm bộ nhớ đệm phía máy chủ như Memcached hoặc Redis, hoặc bộ nhớ đệm DNS như CloudFlare – thì có thể nó vẫn chưa xóa nội dung đã lưu của bạn.
Một cách để kiểm tra xem có phải do nguyên nhân này hay không là chỉnh sửa trang của bạn trong trang quản trị (theo cách thông thường), sau đó xem trang của bạn ở giao diện người dùng. Nếu nội dung của bạn không thay đổi, thì có thể bộ nhớ đệm của bạn đã không tự động xóa.
Một số giải pháp bộ nhớ đệm không thuộc WordPress có một plugin WordPress đi kèm để giúp thanh lọc hoặc xóa bộ nhớ đệm hiện tại, các giải pháp WordPress thường có các nút hoặc tùy chọn cho việc này.
Cũng có khả năng đã xảy ra lỗi PHP nào đó trong quá trình lưu.
Để kiểm tra xem điều này có đang xảy ra hay không, hãy mở bảng điều khiển dành cho nhà phát triển (tốt nhất là trên Chrome), sau đó điều hướng đến tab Network. Khi đã ở đó, hãy lưu các thay đổi của bạn trong PBS, sau đó bạn sẽ thấy nhiều mục hướng đến admin-ajax.php. Nếu bạn thấy mục này có màu đỏ, điều đó biểu thị rằng đã xảy ra lỗi. Hãy kiểm tra xem bạn có thấy nội dung tương tự như thế này không:
Nếu đúng là trường hợp này, vui lòng gửi email cho chúng tôi theo địa chỉ [email protected] cùng với thông tin đăng nhập cần thiết để chúng tôi có thể kiểm tra và khắc phục sự cố giúp bạn.
Vui lòng đọc bài viết về khả năng tương thích của Wordfence tại đây: http://docs.pagebuildersandwich.com/article/214-wordfence-firewall-setup-compatibility
Lưu ý: Điều này không áp dụng cho khách hàng của Envato
Nếu bạn gặp lỗi khi kích hoạt giấy phép của mình, dưới đây là một vài cách để thử xử lý..
Điều này chủ yếu xảy ra với những người cập nhật lên phiên bản cao hơn. Nếu bạn trực tiếp cập nhật các tệp của plugin theo cách thủ công và bỏ qua toàn bộ các bước cập nhật hoặc hủy kích hoạt-kích hoạt lại, một số tiến trình có thể đã không chạy bình thường. Vui lòng hủy kích hoạt plugin, sau đó kích hoạt lại và thử nhập lại giấy phép của bạn.
Kể từ phiên bản v3.2, Page Builder Sandwich đã tích hợp với Freemius. Đã có những trường hợp việc xóa dữ liệu Freemius khắc phục được lỗi kích hoạt giấy phép. Dưới đây là cách khắc phục.
Truy cập vào bảng điều khiển của bạn và thay đổi url thành http://yoursite.com/wp-admin/admin.php?page=freemius (đừng quên đổi URL tương ứng với trang web của bạn.) Nếu bạn đến trang hiển thị bên dưới, thì bạn đã vào đúng nơi.
Nhấp vào nút Delete All Accounts, và sau đó cũng nhấp vào nút Clear API Cache. Sau khi thực hiện việc này, hãy thử nhập lại khóa giấy phép của bạn.
Nếu cách trên vẫn không hiệu quả, vui lòng liên hệ với chúng tôi tại [email protected] và vui lòng cung cấp cho chúng tôi thông tin chi tiết về sự cố cũng như trang web của bạn.
Trong hầu hết các phần tử (tuy nhiên không bao gồm shortcode), bạn có thể chỉ định một hiệu ứng động xuất hiện sẽ phát khi phần tử hiển thị trên màn hình của bạn.
Để thực hiện việc này, hãy di chuột qua một phần tử để thanh công cụ xuất hiện, sau đó nhấp vào nút hình bánh răng.
Thao tác này sẽ hiển thị bảng kiểm tra (inspector). Điều hướng đến khu vực Animations, mở ra và sau đó chọn một hiệu ứng động.
Sau khi chọn một hiệu ứng động, nó sẽ phát để bạn xem trước. Bạn có thể tinh chỉnh thêm hiệu ứng động bằng các tùy chọn khác được cung cấp.
Hiệu ứng động chỉ phát khi người dùng cuộn trang và phần tử xuất hiện trong tầm nhìn. Nếu phần tử đã hiển thị sẵn khi bạn vừa vào trang, nó sẽ không tạo hiệu ứng động.
Không, bạn sẽ không bị mất! Tất cả các trang và nội dung của bạn vẫn sẽ còn nguyên trên trang web. Điều này có nghĩa là bạn có thể hủy kích hoạt PBS một cách an toàn khi nâng cấp từ phiên bản miễn phí lên phiên bản trả phí hoặc khi bạn chỉ đang thử nghiệm.
Tuy nhiên, không phải mọi thứ đều trông giống như cũ. Bạn sẽ nhận thấy rằng một số mục trên trang của bạn sẽ thay đổi vì PBS chứa các kiểu dáng và tập lệnh bổ sung cần thiết cho một số phần tử phức tạp hơn.
Dưới đây là một số nội dung vẫn sẽ được giữ lại khi bạn hủy kích hoạt PBS:
Dưới đây là một số nội dung sẽ mất đi khi bạn hủy kích hoạt PBS:
Ở đây tôi đã thêm một hàng có màu nền rồi thêm một hình ảnh vào bên trong. Đây là kết quả:
Để làm cho nó “nhô lên” phía trên khung chứa, hãy di chuột qua phần tử bạn muốn di chuyển. Sau đó, khi các đường viền ngoài hiển thị, hãy di chuyển chuột lên phía trên cạnh trên của đường viền. Nó sẽ hiển thị giá trị lề trên hiện tại:
Nhấp và kéo lề trên lên trên để giảm khoảng cách lề, biến nó thành giá trị âm:
Bây giờ hình ảnh đã “nhô” ra ngoài hàng!
Nếu phần tử bị cắt mất khi vượt ra ngoài phạm vi của hàng, hãy mở trình kiểm tra thuộc tính (properties inspector) cho hàng đó và tắt tùy chọn overflow hidden trong các tùy chọn Advanced:
Page Builder Sandwich tương thích với tất cả các plugin tạo bộ nhớ đệm (caching). Tuy nhiên, bạn có thể gặp một số vấn đề nếu bật tính năng nén mã nguồn (minify) hoặc bộ nhớ đệm (caching) của chúng.
Chỉ cần đảm bảo rằng tính năng minify đã được tắt đối với người dùng đã đăng nhập thì mọi thứ sẽ hoạt động bình thường.
Chúng tôi chỉ minh họa cài đặt của W3 Total Cache tại đây, nhưng các plugin bộ nhớ đệm & nén mã nguồn khác cũng sẽ có các cài đặt tương tự.
Đảm bảo rằng mục Don’t cache pages for logged in users (Không lưu vào bộ nhớ đệm các trang cho người dùng đã đăng nhập) được chọn trong phần Performance > Page Cache
Nếu bạn đang sử dụng minify, hãy đảm bảo rằng mục Disable minify for logged in users (Tắt minify cho người dùng đã đăng nhập) được chọn trong phần Performance > Minify
Để thêm nhanh văn bản giả, hãy nhập từ “lorem” rồi nhấn tab hoặc enter để thêm nhanh văn bản giữ chỗ lorem ipsum:
Lorem ipsum dolor sit amet, consectetur adipisicing elit. At dolor sed numquam? Sapiente autem adipisci, minus expedita enim, suscipit laboriosam deleniti possimus sequi pariatur explicabo numquam alias atque officia sit.
Nếu bạn đang cố kéo các tay cầm margin hoặc padding trên và dưới mà margin/padding của phần tử không thay đổi, có thể có các kiểu định dạng khác đang ghi đè một cách cưỡng bức mọi thay đổi định dạng. Điều này cũng có thể xảy ra khi bạn không thể thay đổi hình nền, viền hoặc khi các hình ảnh trong suốt luôn bị dính màu nền.
Để tìm ra nguyên nhân, hãy mở công cụ kiểm tra (inspector) của trình duyệt và kiểm tra phần tử đó. Xem qua các kiểu định dạng cho phần tử đó. Nếu bạn thấy nội dung tương tự thế này:
Thì bạn có thể chắc chắn rằng giao diện (theme) hoặc một plugin đang ngăn chặn các kiểu định dạng khác áp dụng cho phần tử. Rê chuột qua bảng kiểu định dạng (stylesheet) để tìm xem nó xuất phát từ giao diện/plugin nào.
Để khắc phục vấn đề này, hãy xóa phần “! important” của kiểu định dạng, và bạn sẽ có thể áp dụng lại các kiểu định dạng bình thường. Bạn có thể cần liên hệ với tác giả của giao diện hoặc plugin để khắc phục điều này.
Để nhúng nội dung từ các trang web bên ngoài, chỉ cần dán URL và sau đó nhấn enter. Ví dụ: bạn có thể sao chép và dán URL này từ YouTube:
https://www.youtube.com/watch?v=dQw4w9WgXcQ
Việc nhúng Iframe cũng có thể thực hiện được bằng cách dán mã nhúng <iframe>. Ví dụ: sao chép và dán chuỗi nhúng này:
<iframe width=”560″ height=”315″ src=”https://www.youtube.com/embed/dQw4w9WgXcQ?rel=0″ frameborder=”0″ allowfullscreen></iframe>
Bạn có thể nhúng các URL từ các trang web được liệt kê trong WordPress Codex: https://codex.wordpress.org/Embeds và bất kỳ trang web nào được kích hoạt oEmbed.
Page Builder Sandwich thường xuyên kiểm tra xem bạn có còn đăng nhập vào WordPress hay không. Việc này được thực hiện nhằm đảm bảo rằng các thay đổi của bạn sẽ thực sự được lưu khi bạn nhấn nút lưu. Điều này cũng được dùng để khóa bài viết và tự động lưu.
Chúng tôi dựa vào WordPress Heartbeat API để thực hiện việc kiểm tra của mình, và đến lượt API này lại phụ thuộc vào cookie và phiên trình duyệt. Vì vậy, nếu bạn liên tục nhận được các thông báo bật lên “phiên đã hết hạn” trong khi chỉnh sửa, có thể có điều gì đó đang cản trở WordPress theo dõi bạn đúng cách. Dưới đây là một số điều bạn có thể làm để giải quyết vấn đề này:
Nếu bạn đã cài đặt các plugin tạo bộ nhớ đệm, hoặc bộ nhớ đệm DNS, hay bất kỳ hình thức bộ nhớ đệm nào, hãy xóa chúng. Đồng thời hãy xóa bộ nhớ đệm của trình duyệt. Có khả năng bạn đang không được phân phối các tập lệnh mới nhất cho trang web của mình.
Cũng có thể cookie của bạn đã bị hỏng, điều này có thể dễ dàng giải quyết bằng cách xóa cookie trình duyệt từ cài đặt của trình duyệt. Tùy chọn này thường nằm gần tùy chọn xóa bộ nhớ đệm của trình duyệt.
Đi tới Cài đặt > Tổng quan và kiểm tra các cài đặt của bạn. Hãy tìm các cài đặt cho Địa chỉ WordPress (URL) và Địa chỉ trang web (URL). Tên miền và giao thức của các mục đó phải khớp với tên miền thực tế của bạn. Ví dụ: nếu một mục có “http://” nhưng bạn truy cập trang web của mình bằng “https://”, thì cài đặt đó phải hiển thị là “https://”. Một sự cố phổ biến khác là một trong các URL đó có “www” còn URL kia thì không.
Các mục này phải khớp nhau:
hoặc:
Để khắc phục điều này, bạn có thể thay đổi cài đặt từ Cài đặt > Tổng quan. Nếu bạn không thể chỉnh sửa các cài đặt đó, bạn có thể mở FTP của mình và chỉnh sửa tệp wp-config.php, rồi thêm vào các dòng sau:
define( 'WP_HOME', 'http://example.com' ); define( 'WP_SITEURL', 'http://example.com' );
Bạn có thể thêm hình nền vào các hàng và nền của mình. Hơn nữa, bạn cũng có thể phủ màu cho hình nền bằng một màu sắc để giúp hình nền phù hợp hơn với thiết kế của bạn.
Ví dụ: ở đây tôi có một hàng chứa hình nền cùng với một số văn bản màu trắng phủ lên trên. Hiện tại khá khó nhìn thấy văn bản do hình nền tôi đã chọn.
Để làm cho mọi thứ trông đẹp mắt hơn, chúng ta có thể thêm một chút màu sắc vào hình nền của mình. Để thực hiện việc này, hãy di chuột qua hàng, sau đó nhấp vào biểu tượng bánh răng của hàng để mở các thuộc tính của nó. Đi tới các tùy chọn Background, sau đó bật Background Image Tint.
Sau khi được bật, bạn thay đổi màu nền và lúc này nó sẽ thêm một lớp phủ màu vào hình nền của bạn. Bạn cũng có thể thay đổi độ đậm hoặc độ mờ đục của lớp phủ. Dưới đây là hình nền của tôi đã được phủ màu xanh lá cây để giúp văn bản dễ nhìn hơn:
Lưu ý: Theo mặc định, header chỉ được xóa khỏi trang chủ (frontpage).
Để xóa header hoặc menu khỏi bất kỳ trang nào của bạn, bạn sẽ cần một plugin cho phép thêm CSS tùy chỉnh, chẳng hạn như Jetpack.
Để xóa header, bạn sẽ cần ID bài viết của trang/bài viết đó, sau đó thêm CSS tùy chỉnh này (thay thế 9999 ở đây bằng ID bài viết của bạn):
body.page-id-9999 #masthead {
display: none;
}
Để xóa các menu khỏi một trang (thay thế 9999 ở đây bằng ID bài viết của bạn):
body.page-id-9999 #header-wrapper {
display: none;
}
hoặc khi chỉ xóa menu khỏi trang chủ của bạn:
body.page-id-9999 #header-wrapper {
display: none;
}
| Phiên bản Lite | Không khả dụng |
| Phiên bản Premium | Khả dụng tất cả tính năng
|
Carousel là một cách mới lạ để thêm nội dung lặp đi lặp lại vào tầm nhìn. Page Builder Sandwich có phần tử carousel tích hợp sẵn có thể sử dụng, loại bỏ nhu cầu về các plugin carousel bên ngoài.
Nhấp vào nút bánh răng của phần tử carousel cho phép bạn cấu hình hành vi của carousel, chẳng hạn như hiệu ứng chuyển động của slide, độ trễ và nhiều hơn nữa. Khi tạo, bạn được cung cấp ba slide carousel để thao tác, cùng với tùy chọn thêm hoặc xóa slide. Tất cả các slide này đều chấp nhận các phần tử thông thường hay dùng, chẳng hạn như văn bản, hình ảnh và một số shortcode nhất định.
Chuyển đổi slide rất dễ dàng chỉ bằng cách chọn chính các nút điều hướng. Thứ tự slide cũng có thể được sửa đổi thông qua thuộc tính (biểu tượng bánh răng).
Để thay đổi trạng thái bài viết của bạn, hãy di chuột qua biểu tượng mũi tên thả xuống trên nút lưu ở phía trên bên trái màn hình. Thao tác này sẽ hiển thị thêm các tùy chọn lưu.
Nếu bạn đang sử dụng phiên bản lite, bạn có thể nhận thấy các lá cờ hình tam giác màu vàng. Những lá cờ đó biểu thị liệu một nút/phần tử/tùy chọn nhất định có phải là tính năng cao cấp (premium) hay không.
Nếu bạn muốn ẩn chúng, bạn có thể đi vào Bảng điều khiển của mình, điều hướng đến trang cài đặt trong PBSandwich > Settings và tích chọn cài đặt Hide Premium Feature Flags
Chúng tôi không muốn một giao diện lộn xộn, mà muốn mọi thứ đều trực quan và dễ khám phá. Vì vậy, mặc dù giao diện người dùng của Page Builder Sandwich trông đơn giản, nhưng nó khá mạnh mẽ và bạn có thể làm được rất nhiều điều trong khi chỉnh sửa.
Bạn cũng có thể làm rất nhiều điều tiện lợi bằng con trỏ chuột. Các lớp phủ tương tác và thanh công cụ sẽ xuất hiện khi bạn di chuột qua các phần tử khác nhau. Mỗi lớp phủ đó làm những việc khác nhau, chẳng hạn như:
| Phiên bản Lite | Tất cả tính năng đều khả dụng |
| Phiên bản Premium | Tất cả tính năng đều khả dụng |
Nhấp vào phần tử HTML trong Inspector để thêm một phần tử HTML mới, một cửa sổ phương thức (modal) sẽ xuất hiện. Nhập hoặc dán mã HTML của bạn vào đó, sau đó nhấp vào lưu HTML. Mã HTML của bạn bây giờ sẽ hiển thị bên trong trình biên tập.
Di chuột qua phần tử HTML để hiển thị thanh công cụ. Bạn có thể chỉnh sửa HTML của mình bằng cách nhấp vào biểu tượng bút chì trên thanh công cụ, hoặc bằng cách nhấp đúp vào chính phần tử đó.
Nếu bạn không thấy nút “Edit with Page Builder Sandwich” ở giao diện ngoài (frontend) trang web của mình, dưới đây là một vài cách bạn có thể thử:
Nút chỉnh sửa cho PB Sandwich có sẵn trên thanh quản trị ở frontend của bạn. Hãy đảm bảo thanh quản trị được hiển thị bằng cách truy cập vào trang quản trị của bạn và điều hướng đến Users > Your Profile và kiểm tra kỹ xem tùy chọn Show Toolbar when viewing site đã được đánh dấu hay chưa.
Chỉ có Bài viết, Trang & Custom Post Type mới có thể chỉnh sửa được ở Frontend. Bạn chỉ có thể chỉnh sửa nội dung ở frontend nếu bạn có thể chỉnh sửa chúng bằng trình chỉnh sửa nội dung của WordPress trong backend. Các khu vực khác trên trang web của bạn – ví dụ: danh sách bài viết blog ở trang chủ, danh sách tất cả bài viết blog, danh mục lưu trữ, trang 404, trang tìm kiếm – là các trang động do WordPress cùng giao diện bạn đang sử dụng tạo ra và không thể chỉnh sửa bằng PB Sandwich.
Một dấu hiệu để nhận biết trang web hiện tại có chỉnh sửa được hay không là bạn có thấy nút “Edit Post” hoặc “Edit Page” trên thanh quản trị của mình hay không.
Nếu trang/bài viết của bạn được tạo động bởi giao diện hoặc plugin, trang đó sẽ không thể chỉnh sửa được bằng Page Builder Sandwich (và rất có thể là cả các trình tạo trang khác). Nếu bạn nhận thấy trình chỉnh sửa nội dung trong backend trống rỗng, nhưng khi xem trang ở frontend lại đầy ắp nội dung, thì đây là một dấu hiệu rõ ràng cho thấy trang của bạn được tạo động.
Để kiểm tra xem trang của bạn có được tạo động hay không, hãy xem mã nguồn trang web của bạn (nhấp chuột phải rồi chọn “Xem nguồn trang”). Tìm kiếm cụm từ “pbs-main-wrapper”, nếu bạn không thấy cụm từ đó ở bất cứ đâu, trang của bạn đã được tạo động.
Dưới đây là một vài ví dụ về nội dung được tạo động:
Đã có những trường hợp giao diện hoàn toàn không hiển thị nội dung nếu nội dung đó trống, và điều này khiến PBS hiểu nhầm rằng trang không thể chỉnh sửa. Để kiểm tra xem có phải rơi vào trường hợp này không, hãy chỉnh sửa trang/bài viết của bạn trong trình chỉnh sửa backend, thử thêm bất kỳ đoạn văn bản nào vào nội dung (ví dụ: “hello”), sau đó nhấp vào nút “Edit with Page Builder Sandwich” từ đó.
Cảm ơn Mathias Hellquist về mẹo này!
Một số trình tạo trang bắt bạn chọn sử dụng trình chỉnh sửa nội dung mặc định của WordPress hoặc trình chỉnh sửa riêng của chính trình tạo trang đó. Nếu bạn đã chỉnh sửa trang của mình bằng một trình tạo trang khác, có thể trình tạo trang đó đã “chiếm giữ” nội dung, và các hook/filter nội dung khác không thể hoạt động được nữa. Do đó, đôi khi Page Builder Sandwich sẽ không thể nhận diện được nội dung của bạn ở đâu và sẽ không hiển thị nút chỉnh sửa vì không có gì để chỉnh sửa.
Để khắc phục điều này, bạn chỉ cần chọn không sử dụng trình tạo trang đó cho trang/bài viết cụ thể đó, và chọn chỉ sử dụng trình chỉnh sửa nội dung mặc định của WordPress.
Đảm bảo bạn có quyền chỉnh sửa trên trang
Nút chỉnh sửa sẽ không xuất hiện nếu bạn không có quyền chỉnh sửa trang. Ví dụ: nếu bạn là biên tập viên (editor) hoặc cộng tác viên (contributor) và có thể viết các bài đăng blog cũng như bài viết trên trang, điều đó không nhất thiết có nghĩa là bạn có thể chỉnh sửa trang chủ hoặc trang liên hệ. Nếu bạn có thể thấy nút “Edit Post” trên thanh quản trị của mình, thì bạn cũng có thể chỉnh sửa trang đó bằng PB Sandwich. Hãy liên hệ với quản trị viên trang web của bạn để được cấp quyền chỉnh sửa nếu cần.
PB Sandwich sử dụng Javascript rất nhiều. Nếu có lỗi Javascript xuất phát từ các tập lệnh khác trên trang web của bạn, điều này có thể ngăn PB Sandwich hoạt động. Để kiểm tra xem có phải do nguyên nhân này không, bạn có thể mở bảng điều khiển dành cho nhà phát triển (developer console) trong trình duyệt để kiểm tra lỗi.
Tôi khuyên bạn nên sử dụng Chrome cho việc này. Nhấp chuột phải vào bất kỳ vị trí nào trên trang, sau đó nhấp vào tùy chọn “Kiểm tra” (Inspect). Thao tác này sẽ mở ra một khu vực mới ở dưới cùng trình duyệt của bạn, hãy nhấp vào tab “Console”. Nếu có lỗi, bạn sẽ thấy nội dung tương tự như sau:
Nếu bạn gặp lỗi, bạn cũng có thể biết được lỗi này bắt nguồn từ đâu bằng cách nhấp hoặc di chuột qua tên của tập lệnh:
Những lỗi này có thể bắt nguồn từ giao diện của bạn hoặc các plugin khác mà bạn đang cài đặt. Việc khắc phục những lỗi đó có thể giúp PB Sandwich hoạt động trở lại.
Nếu giao diện hoặc một trong các plugin của bạn gây ra lỗi Javascript, vui lòng thông báo cho chúng tôi qua email tại [email protected] và chúng tôi sẽ cố gắng hết sức để khắc phục sự cố 🙂
CloudFlare là dịch vụ DNS CDN miễn phí được sử dụng rộng rãi. Dịch vụ này rất tuyệt, nhưng PBS hiện gặp vấn đề khi liên quan đến tính năng Rocket Loader. Rocket Loader giúp cải thiện thời gian tải các tệp Javascript, nhưng nó làm đảo lộn thứ tự phụ thuộc và thứ tự gọi các tập lệnh của PBS. Nếu bạn bật Rocket Loader, nút chỉnh sửa cho Page Builder Sandwich sẽ không xuất hiện (và không có lỗi Javascript nào hiển thị trong bảng điều khiển console).
Để kiểm tra xem trang web của bạn có đang sử dụng Rocket Loader của CloudFlare hay không, hãy xem mã nguồn trang web của bạn (nhấp chuột phải rồi chọn “Xem nguồn trang”), sau đó tìm kiếm chuỗi văn bản “rocketscript”, nếu tìm thấy chuỗi đó thì bạn đang bật Rocket Loader.
Đọc bài viết về Khả năng tương thích của CloudFlare & Rocket Loader để biết hướng dẫn đầy đủ về cách tắt tính năng này.
Được rồi, tại thời điểm này, nếu không có giải pháp nào ở trên mang lại hiệu quả, thì có lẽ đã đến lúc giải thích tại sao nút không hiển thị và cần làm gì để xử lý. Sẵn sàng chưa? Hãy bắt đầu nào!
Page Builder Sandwich cần biết nội dung trang/bài viết của bạn nằm ở đâu. Chúng tôi thực hiện việc này bằng cách theo dõi khi nào WordPress tải nội dung bài viết và “đánh dấu” khu vực đó, để khi mọi thứ đã được tải xong, chúng tôi có thể tìm thấy vị trí nội dung cần chỉnh sửa.
Đôi khi, một số plugin ghi đè hoặc bỏ qua quy trình này và thay vào đó cố gắng tải nội dung theo cách riêng của chúng. Đôi khi điều này không sao, nhưng trong một số tình huống nhất định, đặc biệt là khi liên quan đến việc tải nội dung bài viết chính, điều này có thể khiến một số plugin ngừng hoạt động. Khi một plugin khác bỏ qua quá trình tải này, các “dấu vết” mà chúng tôi tạo ra có thể bị mất, và khi đến lúc trình chỉnh sửa được kích hoạt, nó không thể tìm thấy nội dung của bạn ở đâu nữa. Vì vậy, nút chỉnh sửa không xuất hiện! Bạn cũng có thể thấy rằng một số plugin thêm nội dung vào trang của bạn, chẳng hạn như một số plugin chia sẻ mạng xã hội, cũng có thể ngừng hoạt động vì chính lý do này.
Page Builder Sandwich cần biết nơi đặt nội dung trang/bài viết của bạn, và nó thực hiện việc này bằng cách móc nối vào bộ lọc the_content và thêm một lớp bao bọc (wrapper) xung quanh nội dung chính của bạn. Một số plugin có thể ghi đè điều này và thay vào đó ghi đè nội dung bằng hàm get_the_content() ở giai đoạn sau. Thật không may, việc làm này ngăn TẤT CẢ các bộ lọc the_content được gọi và do đó wrapper của PBS bị mất. Mọi thay đổi của các plugin khác cũng sẽ bị mất theo.
Bản thân việc sử dụng get_the_content() không có gì sai, nhưng có thể có những tác động tiêu cực nếu hàm này được sử dụng trong truy vấn chính và bên trong trang mẫu (template) bài viết đơn lẻ thay vì lệnh gọi the_content() thông thường, nơi tất cả các bộ lọc the_content được thực thi.
Bạn có thể kiểm tra xem “dấu vết” của Page Builder Sandwich có bị thiếu hay không bằng cách truy cập trang/bài viết của bạn ở frontend và xem mã nguồn trang trong khi đã đăng nhập. Tìm kiếm trong mớ mã nguồn xem bạn có thể tìm thấy chuỗi sau không:
data-name="main-content"
Nếu bạn tìm thấy chuỗi này, thì có thể chỉ là sự cố Javascript ở đâu đó; hãy cho chúng tôi biết giao diện và các plugin bạn đang sử dụng và chúng tôi có thể khắc phục sự cố đó.
Nhưng nếu bạn không thể tìm thấy, thì có thể là do giao diện của bạn (hoặc một plugin, nhưng rất có thể là giao diện nếu đó là một trang hoặc bài đăng blog) đang can thiệp vào nội dung bài viết. Nếu đúng như vậy, bạn nên liên hệ với tác giả giao diện và thông báo cho họ về sự cố này! Bạn cũng có thể gửi cho họ phần giải thích kỹ thuật về lý do “tại sao” ở trên, điều này có thể giúp ích cho quá trình gỡ lỗi 🙂
Nếu bạn tự tin chỉnh sửa mã PHP, bạn có thể thử khắc phục bằng cách tìm tệp template xử lý nội dung bài viết. Một giải pháp mà chúng tôi đã gặp là thay thế các lệnh gọi:
$content = get_the_content();
bằng:
ob_start(); the_content(); $content = ob_get_clean();<br>
Lưu ý: Biến PHP trong mã của bạn có thể khác, nhưng bản chất vẫn như nhau. Nếu cách này hiệu quả, sẽ tốt hơn nếu bạn tạo một child theme thay vì trực tiếp áp dụng thay đổi này vào giao diện chính của bạn. Thay đổi này cũng có thể gây ra tác dụng phụ, vì vậy tốt nhất bạn nên tham khảo ý kiến của tác giả giao diện về vấn đề này.
Khi bạn bắt đầu chỉnh sửa bằng PBS, hãy di chuột qua tiêu đề trang/bài viết của bạn, một đường viền sẽ xuất hiện xung quanh tiêu đề. Nhấp vào tiêu đề để đặt con trỏ vào đó và chỉnh sửa.
Các công cụ định dạng không khả dụng trong khu vực tiêu đề, bạn không thể sửa đổi kiểu dáng của tiêu đề cũng như không thể thêm các thành phần vào tiêu đề.
Hàng & cột là các công cụ bạn có thể sử dụng để tạo nội dung phân theo từng phần.
Khi chỉnh sửa bằng Page Builder Sandwich từ một trang/bài viết mới tạo, nội dung bạn nhập vào sẽ được đặt toàn bộ trong một cột duy nhất. Điều này phù hợp để viết bài đăng blog, nhưng nếu bạn muốn có bố cục đặc biệt cho các trang đích hoặc trang liên hệ, bạn có thể sẽ muốn bố cục 2 cột hoặc thậm chí kết hợp nhiều cột khác nhau trên toàn bộ trang của mình.
Bạn có thể thêm hàng & cột bằng cách sử dụng các nút này trong bảng điều khiển:
Sau khi được thêm, hàng mới của bạn sẽ có đường viền bao quanh:
Bạn có thể đặt bất cứ thứ gì bên trong các hàng và cột của mình – văn bản, shortcode, widget, và thậm chí thêm nhiều hàng & cột hơn nữa.
Khi một hàng (hoặc nội dung bên trong hàng) được chọn, nhiều tùy chọn hơn sẽ xuất hiện trong bảng điều khiển của bạn. Bạn có thể sử dụng các nút này để tiếp tục tùy chỉnh kiểu dáng cho phần của mình:
Phía dưới phần này trong bảng điều khiển cũng có các tùy chọn bổ sung để tùy chỉnh kiểu dáng cho các cột của bạn.
Bạn có thể di chuyển các hàng đến các vị trí khác nhau bằng cách nhấp và giữ vào chính hàng đó (nếu bạn nhấp và giữ vào một phần tử bên trong nó, phần tử đó sẽ bị kéo chứ không phải là hàng).
| Phiên bản Lite | Không khả dụng |
| Phiên bản Premium | Tất cả tính năng đều khả dụng
|
Tùy chọn bôi đen một đoạn văn bản, sau đó nhấp vào phần tử nút trong bảng kiểm tra (inspector). Thao tác này sẽ hiển thị một cửa sổ bật lên (modal) nơi bạn có thể nhập URL để liên kết tới cho nút của mình. Bạn cũng có thể tìm kiếm bất kỳ trang web hiện có nào trên trang web của mình từ đó.
Không giống như các phần tử khác, các nút được đặt nội dòng (inline), nghĩa là chúng sẽ được đặt cạnh văn bản khác (hoặc các nút khác). Bạn không thể kéo và thả từng nút riêng lẻ đến các vị trí khác, mà thay vào đó hãy kéo nút cùng với văn bản xung quanh nó.
Trong khi chỉnh sửa, khi bạn nhấp vào một nút, bạn sẽ có thể thấy các tùy chọn kiểu dáng bổ sung trong bảng kiểm tra. Bạn cũng có thể di chuột qua các nút để xem URL mà chúng liên kết tới, cùng các lệnh khác.
Lưu ý: Thực hiện việc này khi bạn đã cài đặt và kích hoạt PBS, đồng thời bạn muốn cập nhật nó bằng tệp zip đã tải xuống từ trang web hoặc từ tệp đính kèm mà chúng tôi gửi cho bạn qua email.
Lưu ý: Chúng tôi đang sử dụng một plugin khác để thực hiện cập nhật, điều này cho phép chúng tôi cập nhật PBS ngay lập tức mà không cần phải gỡ cài đặt trước.
Đi tới Plugin > Thêm mới, sau đó trong hộp tìm kiếm, tìm kiếm plugin “Easy Theme and Plugin Upgrades”
Khi bạn tìm thấy plugin, hãy cài đặt và kích hoạt nó.
Sau khi kích hoạt plugin Easy Theme and Plugin Upgrades, hãy đi tới Plugin > Thêm mới một lần nữa, sau đó nhấp vào nút Tải plugin lên ở gần phía trên cùng:
Chọn và cài đặt tệp zip của Page Builder Sandwich,
Vậy là xong. Bây giờ bạn đã có phiên bản mới của PBS.
| Phiên bản Lite | Khả dụng với kiểu dáng giới hạn |
| Phiên bản Premium | Khả dụng tất cả tính năng
|
Nhấp vào phần tử bản đồ để thêm bản đồ vào trang của bạn. Bất cứ khi nào phần tử bản đồ được chọn, bảng kiểm tra sẽ hiển thị các cài đặt bản đồ. Bạn có thể nhập tọa độ vĩ độ & kinh độ hoặc một địa chỉ vào trường vị trí trong bảng kiểm tra để căn giữa bản đồ vào khu vực đó. Ngoài ra còn có các tùy chọn kiểu dáng khác tại đó.
Bạn có thể thao tác thêm với phần tử bản đồ bằng cách xoay hoặc phóng to/thu nhỏ bản đồ. Lưu ý rằng các thay đổi của bạn trên bản đồ sẽ được áp dụng trên phần tử.
Đối với người dùng premium, bạn có thể tạo kiểu cho bản đồ của mình bằng cách chọn một màu để pha màu; một tùy chọn khác là sử dụng snazzymaps.com để tạo một số bảng màu rồi áp dụng chúng. SnazzyMaps có thể được sử dụng để tạo các bảng màu tương tự như mẫu này: https://snazzymaps.com/style/20053/papuportal-dark Để sử dụng các bảng màu này, hãy sao chép mảng kiểu Javascript vào bảng kiểm tra.
Chiều cao bản đồ có thể điều chỉnh, tuy nhiên chiều rộng bản đồ thì không và sẽ luôn đổi kích thước theo chiều rộng tối đa hiện có. Để thay đổi kích thước, hãy đặt bản đồ bên trong các hàng và cột. Bạn cũng có thể cài đặt bản đồ chiếm toàn bộ chiều rộng của trình duyệt.
Page Builder Sandwich không giống như trình tạo trang thông thường của bạn, nó không phức tạp và rất dễ sử dụng.
Bạn có thể xem video dưới đây để có một cái nhìn tổng quan nhanh chóng.
Đầu tiên, hãy tạo một trang, bài viết hoặc CPT mới. Sau đó truy cập bài viết mới hoặc bất kỳ bài viết hiện có nào ở frontend. PBS hoạt động 100% ở frontend, bạn sẽ không phải loay hoay trong backend.
Sẽ có một nút “Page Builder Sandwich” ở đầu trang của bạn (trên thanh quản trị), hãy nhấp vào đó để bắt đầu chỉnh sửa. Bạn sẽ thấy vùng định dạng văn bản bật lên từ phía trên cùng và bảng thêm phần tử bật lên từ bên cạnh. Vùng nội dung của giao diện giờ đây chính là trình chỉnh sửa của bạn!
Bạn chỉ có thể chỉnh sửa từng trang đơn lẻ với PBS. Bạn không thể chỉnh sửa danh sách bài viết blog hoặc trang 404 vì những trang đó do giao diện của bạn tạo ra. Các bài viết, trang và loại bài viết tùy chỉnh đều được hỗ trợ.
Bây giờ là phần tuyệt vời nhất.. khi bạn đã ở frontend và bên trong trình chỉnh sửa, hãy nhấp vào bất kỳ văn bản nào trong nội dung của bạn hoặc nhấp vào bên trong vùng nội dung và bắt đầu gõ! Không giống như các trình tạo trang khác, PBS cho phép bạn chỉnh sửa nội dung trực tiếp mà không cần phải thông qua các hộp thoại popup.
Trong khi chỉnh sửa, khu vực ở trên cùng được gọi là Thanh định dạng văn bản. Thanh này chứa tất cả các công cụ định dạng mà bạn sẽ sử dụng để tạo kiểu cho văn bản như: màu sắc, in đậm, in nghiêng, căn chỉnh, thêm liên kết, dấu đầu dòng và nhiều tính năng khác. Di chuột qua từng nút để biết chức năng của công cụ đó.
Di chuột qua nút Thêm phần tử ở phía trên bên trái màn hình để hiển thị Bảng thêm phần tử. Bạn cũng có thể chỉ cần di chuyển chuột sang phía bên trái màn hình để bảng xuất hiện.
Để chèn bất kỳ phần tử nào, hãy nhấn giữ chuột vào phần tử đó, rồi kéo vào vùng nội dung của bạn. Khu vực mà phần tử sẽ được đặt vào sẽ được đánh dấu nổi bật. Thả nút chuột để đặt phần tử.
Di chuột qua bất kỳ phần tử nào trong nội dung của bạn và đường viền cùng các thanh công cụ sẽ xuất hiện phía trên chúng.
Bạn có thể di chuột qua các cạnh của đường viền để tăng/giảm lề giữa các phần tử.
Bạn cũng có thể nhấp vào một nút trên thanh công cụ để thực hiện các thao tác nhanh trên phần tử. Nhấp vào biểu tượng bánh răng trên thanh công cụ sẽ mở ra Trình kiểm tra thuộc tính chứa nhiều tùy chọn hơn.
Trình kiểm tra thuộc tính cung cấp cho bạn nhiều quyền kiểm soát hơn đối với giao diện của các phần tử. Bạn có thể thêm nhiều thứ như đổ bóng, hiệu ứng hoạt họa, thay đổi màu bản đồ, bán kính bo góc và nhiều tính năng khác.
Bạn cũng có thể truy cập các thuộc tính của các phần tử cha. Ví dụ: nếu bạn đặt một hình ảnh bên trong một cột và mở trình kiểm tra thuộc tính, bạn có thể truy cập các thuộc tính của hình ảnh, của cột chứa nó và của hàng chứa cột đó.
Trình kiểm tra thuộc tính chứa rất nhiều cài đặt khác nhau cho các phần tử khác nhau, vì vậy hãy nhớ khám phá tất cả chúng.
Page Builder Sandwich hiển thị cho bạn các shortcode thực tế ở frontend và bạn cũng có thể chỉnh sửa chúng một cách dễ dàng!
Nếu bạn đã ghi nhớ các shortcode của mình, bạn có thể chèn shortcode bằng cách gõ trực tiếp vào nội dung. Nhưng nếu bạn không nhớ hết (ai mà nhớ nổi chứ?), trình kiểm tra sẽ liệt kê tất cả các shortcode hiện có trên trang web của bạn. Kéo nút Shortcode từ trình kiểm tra vào vùng nội dung của bạn và tìm shortcode bạn muốn chèn, nhấp vào đó để chèn.
Shortcode được hiển thị thành nội dung thực tế ở frontend; để chỉnh sửa, bạn có thể chọn nó và kiểm tra các thuộc tính của chúng trong trình kiểm tra. Hoặc để kiểm soát nhiều hơn, bạn có thể nhấp đúp vào shortcode để chỉnh sửa ở dạng thô. Sau khi thực hiện các chỉnh sửa, shortcode của bạn sẽ cập nhật để phản ánh các thay đổi.
Bạn có thể nhấp và kéo bất kỳ thứ gì rồi di chuyển chúng đến bất cứ đâu với PBS. Khi kéo một mục, hãy di chuyển mục đó lên trên một phần tử khác trong trang, bạn có thể chuyển chúng lên trên hoặc xuống dưới bất kỳ nội dung nào khác.
Lưu công việc của bạn
Khi bạn đã hài lòng với thiết kế của mình, chỉ cần nhấp vào nút lưu ở phía trên bên trái trang của bạn. Thế là xong!
Page Builder Sandwich không giống như trình tạo trang thông thường của bạn, nó không hề phức tạp và rất đơn giản để sử dụng.
Bạn có thể xem video bên dưới để xem giới thiệu nhanh.
Đầu tiên, hãy tạo một trang (page), bài viết (post) hoặc CPT mới. Sau đó truy cập bài viết mới của bạn hoặc bất kỳ bài viết hiện có nào ở giao diện người dùng (frontend). PBS hoạt động 100% ở frontend, bạn sẽ không cần phải loay hoay trong trang quản trị (backend).
Sẽ có một nút “Page Builder Sandwich” ở đầu trang của bạn (trên thanh quản trị), hãy nhấp vào đó để bắt đầu chỉnh sửa. Bạn sẽ thấy khu vực định dạng văn bản xuất hiện từ phía trên cùng và bảng thêm phần tử xuất hiện từ bên cạnh. Khu vực nội dung trong giao diện (theme) của bạn giờ đây chính là trình chỉnh sửa!
Bạn chỉ có thể chỉnh sửa các trang đơn với PBS. Bạn không thể chỉnh sửa danh sách bài viết blog hoặc trang 404 vì chúng do giao diện (theme) của bạn tạo ra. Các bài viết, trang và custom post type đều được hỗ trợ.
Bây giờ là phần tuyệt vời nhất.. khi bạn đã ở frontend và bên trong trình chỉnh sửa, hãy nhấp vào bất kỳ văn bản nào trong nội dung của bạn hoặc nhấp vào bên trong khu vực nội dung và bắt đầu nhập văn bản! Không giống như các trình tạo trang khác, PBS cho phép bạn chỉnh sửa nội dung trực tiếp mà không cần phải thông qua các hộp thoại bật lên (popup).
Trong khi chỉnh sửa, khu vực ở trên cùng được gọi là Thanh định dạng văn bản (Text Formatting Bar). Thanh này chứa tất cả các công cụ định dạng mà bạn sẽ sử dụng để tạo kiểu cho văn bản như: màu sắc, in đậm, in nghiêng, căn chỉnh, thêm liên kết, danh sách dấu đầu dòng và nhiều hơn nữa. Di chuột qua từng nút để biết chức năng của công cụ đó.
Di chuột qua nút Add Elements ở góc trên bên trái màn hình để hiển thị Bảng thêm phần tử (Add Element Panel). Bạn cũng có thể chỉ cần di chuyển chuột sang phía bên trái màn hình để làm cho bảng này hiển thị.
Để chèn bất kỳ phần tử nào, hãy giữ chuột vào phần tử đó, rồi kéo vào khu vực nội dung của bạn. Khu vực mà phần tử sẽ được đặt vào sẽ được làm nổi bật. Thả chuột để đặt phần tử vào vị trí.
Di chuột qua bất kỳ phần tử nào bạn có trong nội dung và các đường viền cùng thanh công cụ sẽ xuất hiện phía trên chúng.
Bạn có thể di chuột qua các cạnh của đường viền để tăng/giảm lề (margin) giữa các phần tử.
Bạn cũng có thể nhấp vào một nút trên thanh công cụ để thực hiện các thao tác nhanh trên phần tử. Nhấp vào biểu tượng bánh răng trên thanh công cụ sẽ mở ra Trình kiểm tra thuộc tính (Properties Inspector) chứa nhiều tùy chọn hơn.
Trình kiểm tra thuộc tính mang lại cho bạn nhiều quyền kiểm soát hơn đối với giao diện của các phần tử. Bạn có thể thêm rất nhiều thứ như đổ bóng, hiệu ứng động, thay đổi màu bản đồ, bo góc viền và nhiều tính năng khác nữa.
Bạn cũng có thể truy cập các thuộc tính của các phần tử cha. Ví dụ: nếu bạn đặt một hình ảnh bên trong một cột và mở trình kiểm tra thuộc tính, bạn có thể truy cập các thuộc tính của hình ảnh, của cột chứa hình ảnh đó và của hàng chứa cột đó.
Trình kiểm tra thuộc tính chứa rất nhiều cài đặt khác nhau cho các phần tử khác nhau, vì vậy hãy nhớ khám phá tất cả các cài đặt này.
Page Builder Sandwich hiển thị cho bạn các shortcode thực tế ngay ở giao diện người dùng, và bạn cũng có thể chỉnh sửa chúng một cách dễ dàng!
Nếu bạn đã ghi nhớ các shortcode của mình, bạn có thể chèn shortcode bằng cách nhập trực tiếp vào nội dung. Nhưng nếu bạn chưa nhớ hết chúng (ai mà làm vậy chứ?), trình kiểm tra sẽ liệt kê tất cả các shortcode có sẵn trên trang web của bạn. Kéo nút Shortcode từ trình kiểm tra vào khu vực nội dung của bạn và tìm shortcode bạn muốn chèn, nhấp vào đó để chèn.
Các shortcode sẽ được hiển thị thành nội dung thực tế ở frontend, để chỉnh sửa chúng, bạn có thể chọn shortcode và xem qua các thuộc tính của chúng trong trình kiểm tra. Hoặc để kiểm soát nhiều hơn, bạn có thể nhấp đúp vào shortcode để chỉnh sửa ở dạng thô. Sau khi thực hiện các chỉnh sửa, shortcode của bạn sẽ cập nhật để phản ánh các thay đổi.
Bạn có thể nhấp và kéo bất kỳ thứ gì rồi di chuyển chúng đến bất kỳ đâu với PBS. Khi bạn kéo một phần tử, hãy di chuyển nó lên trên một phần tử khác trên trang, bạn có thể đặt chúng ở phía trên hoặc phía dưới bất kỳ nội dung nào khác.
Lưu công việc của bạn
Khi bạn đã hài lòng với thiết kế của mình, chỉ cần nhấp vào nút lưu ở trên cùng bên trái trang của bạn. Vậy là xong!
Bạn có thể sử dụng chuột để nhanh chóng đặt con trỏ ở các khu vực khác nhau trong nội dung hoặc chọn các phần tử khác nhau.
Bạn cũng có thể sử dụng các phím mũi tên trên bàn phím để di chuyển con trỏ trong nội dung của mình. Bạn có thể sử dụng thao tác này để đi lên trên hoặc xuống dưới các hàng.
Khi làm việc với các hàng và cột, bạn có thể nhấp vào các cạnh của hàng để thêm nội dung ngay trước hoặc sau hàng. Điều này đặc biệt hữu ích nếu bạn có nhiều hàng lồng vào nhau và muốn thêm nội dung vào giữa chúng.
Plugin Lite và plugin Premium là hai plugin khác nhau. Để sử dụng các tính năng cao cấp, bạn sẽ phải hủy kích hoạt (hoặc gỡ cài đặt) phiên bản Lite, sau đó cài đặt và kích hoạt plugin Premium, rồi nhập khóa bản quyền của bạn.
Lưu ý: Nếu bạn kích hoạt cả hai plugin lite & premium cùng một lúc, plugin sẽ thông báo bạn hủy kích hoạt phiên bản hiện có trước khi tiếp tục.
Lưu ý dành cho khách hàng đã mua PBS từ pagebuildersandwich.com: Bạn cũng có thể tải xuống plugin từ trang web, khóa bản quyền hiện tại mà bạn có vẫn sẽ hoạt động. Nếu không hoạt động, vui lòng liên hệ với chúng tôi và chúng tôi có thể cấp cho bạn một khóa mới.
Sau khi mua PBS, bạn sẽ nhận được một email chứa hai mục:
Cài đặt & kích hoạt plugin premium, và sau đó bạn sẽ thấy màn hình này xuất hiện:
Nhập khóa bản quyền của bạn vào đây và nhấp vào Agree & Activate License. Giờ đây, các tính năng cao cấp đã sẵn sàng để sử dụng.
Ngoài ra, bạn cũng có thể truy cập trang plugin của mình và tìm plugin Page Builder Sandwich trong danh sách:
Nhấp vào liên kết Activate License , và bạn sẽ có thể nhập bản quyền của mình từ đó.
Để giúp bạn làm việc nhanh hơn, bạn có thể sử dụng các phím tắt khác nhau có sẵn trong Page Builder Sandwich.
Đây là các phím tắt cho các lệnh không phải định dạng/công cụ. Đối với các phím tắt định dạng/công cụ, hãy di chuột qua từng nút trên thanh định dạng văn bản để xem tổ hợp phím tắt tương ứng.
| Phím tắt | Mô tả |
| CTRL+E (khi không chỉnh sửa) | Bắt đầu chỉnh sửa |
| CTRL+SHIFT+R (khi đang chỉnh sửa) | Làm mới trang (vì CTRL+R được dùng để căn phải) |
| CTRL+S | Lưu thay đổi |
| CTRL+ESC | Hủy thay đổi và dừng chỉnh sửa |
| CTRL+C | Sao chép |
| CTRL+V | Dán |
| CTRL+X | Cắt |
| CTRL+ENTER | Ngắt dòng / xuống dòng |
| CTRL+Z | Hoàn tác |
| CTRL+SHIFT+Z (Mac) CTRL+Y (PC) |
Làm lại |
Gần đây, chúng tôi đã bổ sung một số bản sửa lỗi liên quan đến sự cố tương thích khi cả hai plugin Page Builder Sandwich và IMPress for IDX Broker cùng được kích hoạt, điều này đã gây ra lỗi sập ở giao diện người dùng đối với người dùng đã đăng nhập.
Bản sửa lỗi đã giúp PBS hoạt động trở lại, nhưng chúng tôi phải loại bỏ khả năng chèn widget IDX Broker vào bên trong trình chỉnh sửa. Mặc dù vậy, widget IDX Broker vẫn có thể được sử dụng trong menu Giao diện > Tiện ích của bạn.
Bạn chỉ có thể chỉnh sửa các trang hoặc bài viết đơn lẻ bằng Page Builder Sandwich. Hãy nghĩ theo cách này, nếu có khu vực “Bài viết mới” với trình chỉnh sửa nội dung trong trang quản trị cho nó, thì bạn có thể chỉnh sửa nó bằng Page Builder Sandwich.
Bạn có thể chỉnh sửa nội dung của bất kỳ loại bài viết tùy chỉnh nào.
Chúng tôi đã đảm bảo rằng Page Builder Sandwich gần như không ảnh hưởng đến hiệu suất trang web của bạn. Khi đăng xuất, ở mức tối thiểu, chỉ các kiểu CSS hàng và cột được đưa vào hàng đợi, cùng với các tệp lệnh JS và CSS cần thiết cho các shortcode bạn đã sử dụng được đưa vào hàng đợi.
Đối với khách truy cập trang web của bạn, ở mức tối thiểu, chỉ các kiểu CSS hàng và cột được đưa vào hàng đợi, cùng với các tệp lệnh JS và CSS cần thiết cho các shortcode bạn đã sử dụng được bao gồm.