افزونه Page Builder Sandwich باید با ماژول‌های مختلف جت‌پک سازگار باشد.
ماژول مارک‌داون هنگام ذخیره محتوا کار خاصی انجام می‌دهد که باعث از بین رفتن تغییرات در طول تبدیل مارک‌داون می‌شود. برای رفع این مشکل، هنگام ذخیره تغییرات از بخش فرانت‌اند، متن مارک‌داون در ویرایشگر بک‌اند به برچسب‌های html تبدیل می‌شود. (با تشکر از جیک جکسون برای کمک)
ما Page Builder Sandwich را با PHP 7 آزمایش کرده‌ایم و همه چیز باید بدون هیچ مشکلی به‌خوبی کار کند.
هنگام ارتقای سایت خود از نسخه‌های پایین‌تر به PHP 7 مراقب باشید، زیرا ناسازگاری‌های زیادی با نسخه‌های پایین‌تر وجود دارد که باید در تمام قالب‌ها و افزونه‌های شما برطرف شوند.
یک خطای جاوااسکریپت وجود دارد که هنگام استفاده هم‌زمان از Page Builder Sandwich و Materialize رخ می‌دهد. تداخلی بین materialize.js و انتخابگر رنگ هسته وردپرس وجود دارد.
یک گزارش مشکل در مخزن گیت‌هاب Materialize در این باره ثبت شده است: https://github.com/Dogfalo/materialize/issues/2821
تا زمانی که مجوز را در سایت خود غیرفعال نکنید، افزونه همچنان به درستی کار خواهد کرد. به محض اینکه آن را غیرفعال کنید، دیگر نمی‌توانید آن را دوباره فعال نمایید.
شما قادر به دریافت به‌روزرسانی‌ها از پیشخوان وردپرس خود یا دسترسی به نسخه‌های جدیدتر نخواهید بود. ما قادر به ارائه پشتیبانی اختصاصی و فوق‌العاده به شما نخواهیم بود.
افزودن ابزارک‌ها را می‌توان با کلیک روی دکمهٔ عنصر ابزارک (Widget Element) در بخش عناصر (Elements section) در بازرس انجام داد. پس از کلیک، یک پنجرهٔ بازشو ظاهر می‌شود که تمام ابزارک‌های یافت‌شده توسط Page Builder Sandwich در سایت شما را فهرست می‌کند.
تمام ابزارک‌های یافت‌شده در سایت وردپرس شما را می‌توان اضافه کرد، با این حال برخی از ابزارک‌هایی که از کدهای سفارشی/اختصاصی جاوااسکریپت در تنظیمات خود استفاده می‌کنند ممکن است به‌درستی کار نکنند. ابزارک‌هایی که از این موارد استفاده می‌کنند ممکن است کار نکنند:
ابزارک‌های پیش‌فرض وردپرس و ابزارک‌هایی که به‌طور مشابه ایجاد شده‌اند نباید مشکلی داشته باشند.
اگر واقعاً نیاز دارید که آن ابزارک خاص کار کند، یک راهکار برای این موضوع وجود دارد.
می‌توانید از افزونهٔ Custom Sidebars by WPMU Dev برای ایجاد یک سایدبار/ناحیه ابزارک جدید استفاده کنید و ابزارک خود را با استفاده از روش معمولی در نمایش > ابزارک‌ها به آن اضافه نمایید. سپس در Page Builder Sandwich، یک عنصر نوار کناری (Sidebar Element) اضافه کنید و سایدباری را که شامل ابزارک مورد نظر شماست انتخاب کنید.
راهکار دیگر این است که جلوهٔ مورد نظر خود را با استفاده از عناصر و استایل‌های متنوع موجود در Page Builder Sandwich دوباره ایجاد کنید.
هنگامی که برای نخستین بار Page Builder Sandwich را خریداری می‌کنید، یک فایل .zip حاوی افزونه به‌طور خودکار در رایانه شما دانلود می‌شود.
در صورت گم کردن آن، می‌توانید با مراجعه به این پیوند دوباره فایل .zip خود را دانلود کنید: https://dashboard.freemius.com/license-recovery/203/page-builder-sandwich/
وارد کردن لایسنس خود در این پیوند به شما امکان می‌دهد فایل .zip افزونه Page Builder Sandwich را به همراه مشخصات لایسنس و اطلاعات حساب خود بازیابی کنید.
از نظر فنی این مورد باید با هر پوسته و تمام پوسته‌ها کار کند.
ما در کنار کاربران و مشتریان خود، با موفقیت از Page Builder Sandwich با پوسته‌های زیادی از جمله پوسته‌های مخزن پوسته WordPress.org، پوسته‌های Genesis، پوسته‌های StudioPress، پوسته‌های Elegant Themes و پوسته‌های ThemeForest استفاده کرده‌ایم.
با این حال، ممکن است مواقعی وجود داشته باشد که پوسته شما عملکردی غیرمعمول داشته باشد و ممکن است مانع از کارکرد صحیح Page Builder Sandwich شود. هنگامی که این اتفاق افتاد، لطفاً یک درخواست پشتیبانی برای ما ارسال کنید تا تلاش کنیم و آن را برطرف سازیم.
حذف موارد در Page Builder Sandwich معمولاً به سادگی با انتخاب متن یا المان و سپس فشردن کلید delete یا backspace انجام می‌شود.
راهکار دیگر کلیک بر روی دکمه delete / remove (حذف) در بازرس (inspector) است:
در برخی موارد این روش کار نمی‌کند. مواردی که با این روش حذف نمی‌شوند معمولاً نگه‌دارنده‌هایی مانند سطرها، ستون‌ها یا کاروسل‌ها هستند. این برای جلوگیری از حذف تصادفی هنگام پاک کردن محتوا است.
برای حذف این آیتم‌ها، روی دکمه delete / remove در بخش ویژگی‌های المان در inspector کلیک کنید. به عنوان مثال، برای حذف یک سطر، باید از این بخش استفاده کنید:
Page Builder Sandwich اکنون به زبان‌های زیر در دسترس است:
اگر مایلید با ترجمه Page Builder Sandwich به زبان خود در توسعه آن مشارکت کنید، به صفحه Transifex ما مراجعه کنید!
افزودن تصاویر بسیار ساده است. شما می‌توانید:
ما مطمئن شده‌ایم که Page Builder Sandwich تأثیری نزدیک به صفر بر عملکرد وب‌سایت شما دارد. هنگام خروج از حساب کاربری، در کمترین حالت ممکن، تنها استایل‌های CSS سطر و ستون، همراه با اسکریپت‌های JS و CSS ضروری برای کدهای کوتاهی که استفاده کرده‌اید در صف قرار می‌گیرند.
قبلاً مشکلی در رابطه با NextGen و Page Builder Sandwich وجود داشت.
قبل از نسخه ۲.۱۲، PBS به نحوی باعث می‌شد NextGen پیام خطایی را نشان دهد که موجب سفید شدن صفحه سایت شما می‌شد. این مشکل از نسخه ۲.۱۲ برطرف شده است، بنابراین اگر از نسخه قدیمی‌تری استفاده می‌کنید، لطفاً آن را به‌روزرسانی کنید.
هزاران قالب و افزونه دیگر وجود دارد. بنابراین در حالی که ما تلاش می‌کنیم دقت به خرج دهیم و همه‌چیز را طبق استانداردها بسازیم، گاهی اوقات ممکن است اوضاع به درستی پیش نرود.
اگر متوجه شدید که Page Builder Sandwich در سیستم شما به درستی کار نمی‌کند، چند مرحله وجود دارد که می‌توانید برای عیب‌یابی این مشکل انجام دهید.
این مقاله را در اینجا بررسی کنید: دکمه «Edit with Page Builder Sandwich» ظاهر نمی‌شود. اگر مشکل را حل نکرد، ادامه مطلب را بخوانید.
مقالات مختلف را در دسته‌بندی عیب‌یابی در مستندات مرور کنید.
وردپرس، افزونه‌های شما، قالب شما و حتی Page Builder Sandwich. به‌روز بودن همیشه خوب است. اطمینان از به‌روز بودن موارد شما به این معنی است که آخرین رفع اشکالات و آسیب‌پذیری‌ها را برای سایت خود خواهید داشت.
اگر نمی‌توانید محتوای خود را با Page Builder Sandwich ویرایش کنید (و احتمالاً یک خطای پاپ‌آپ ظاهر شده است)، ممکن است محتوای صفحه فعلی که در آن هستید کاملاً توسط قالب / یک افزونه تولید شده باشد. برای بررسی این موضوع، صفحه/پست خود را در پیشخوان به صورت عادی با استفاده از وردپرس ویرایش کنید، سپس بررسی کنید که آیا محتوای ذخیره‌شده شما در بخش کاربری نمایش داده می‌شود یا خیر. اگر ظاهر نشد، به این معنی است که محتوای صفحه/پست تماماً به صورت خودکار تولید شده و با استفاده از PBS قابل ویرایش نیست.
گاهی اوقات، یک افزونه ممکن است با Page Builder Sandwich تداخل داشته باشد. برای بررسی اینکه کدام افزونه ممکن است باعث تداخل شده باشد، یک افزونه را غیرفعال کرده و بررسی کنید که آیا PBS دوباره شروع به کار می‌کند یا خیر. این کار را برای تک‌تک افزونه‌های فعال خود انجام دهید. اگر PBS دوباره شروع به کار کرد و توانستید صفحات خود را ویرایش کنید، افزونه‌ای که به تازگی غیرفعال کرده‌اید با PBS سازگار نیست. در این موارد، از طریق ایمیل به آدرس [email protected] با ما تماس بگیرید و به ما اطلاع دهید تا بتوانیم آن را برطرف کنیم.
اگر غیرفعال کردن افزونه‌ها تأثیری نداشت، سعی کنید قالب خود را به قالب پیش‌فرض وردپرس (قالب‌های Twenty) تغییر دهید. اگر توانستید دوباره محتوای خود را با Page Builder Sandwich ویرایش کنید، قالبی که استفاده می‌کنید با PBS سازگار نیست. این اطلاعات را از طریق ایمیل به آدرس [email protected] برای ما ارسال کنید و به ما اطلاع دهید تا بتوانیم آن را اصلاح کنیم.
در موارد نادر، یک افزونه مرورگر می‌تواند مانع از اجرای صحیح کدهای جاوا اسکریپت در یک وب‌سایت شود. برای بررسی اینکه آیا یک افزونه مرورگر باعث ایجاد مشکل شده است یا خیر، مرورگر خود را در حالت ناشناس (Chrome) یا حالت خصوصی (Private) باز کنید و سعی کنید به PBS دسترسی پیدا کنید؛ این کار یک تب جدید بدون هیچ افزونه‌ای باز می‌کند. اگر کار کرد، شما یک افزونه دارای تداخل دارید.
مشخص شده است که افزونه مرورگر PageXray باعث ایجاد مشکل می‌شود.
شما می‌توانید با جای‌گذاری نشانی‌های اینترنتی پیوند یکتای محتوا از سایت‌های مختلف مانند ویدیوهای یوتیوب، ویدیوهای ویمیو، توییت‌ها و حتی نظرات ردیت در Page Builder Sandwich، آنها را جاسازی کنید.
توجه داشته باشید که یک خط کامل از متن باید تنها شامل نشانی اینترنتی باشد
Page Builder Sandwich در کنار ویژگی oEmbed وردپرس کار می‌کند. بنابراین نشانی‌های اینترنتی که می‌توانید در بخش مدیریت جاسازی کنید باید پشتیبانی شوند. افزونه‌هایی که پشتیبانی از ارائه‌دهندگان oEmbed بیشتری را اضافه می‌کنند نیز باید کار کنند.
می‌توانید فهرستی از ارائه‌دهندگان oEmbed را در کُدکس بیابید: https://codex.wordpress.org/Embeds
کدهای کوتاه را می‌توان در حین ویرایش جای‌گذاری (paste) کرد یا مستقیماً تایپ نمود. پس از اینکه کد کوتاه خود را تایپ کردید، کلید اینتر را فشار دهید یا از محدوده کد کوتاه خارج شوید، و باید بلافاصله به شکل رندرشده و نهایی خود نمایش داده شود.
روش دیگر برای افزودن کدهای کوتاه، کلیک روی عنصر کد کوتاه (Shortcode Element) در پنل بازرس (inspector) است. با این کار پنجره‌ای باز می‌شود که تمام کدهای کوتاه موجود در سایت شما را فهرست می‌کند. یکی را انتخاب کنید یا روی هر کدام دوبار کلیک نمایید تا درج شود.
شما می‌توانید کدهای کوتاه را به ۲ روش ویرایش کنید:
ویژگی‌های کد کوتاه توسط Page Builder Sandwich قابل تشخیص نیستند. بنابراین باید آنها را دستی تایپ کنید. ما در حال کار بر روی روشی برای نگاشت کدهای کوتاه در سیستم هستیم تا استفاده از آن برای همه آسان شود. منتظر این قابلیت باشید.
شما تنها می‌توانید محتوای برگه‌ها، نوشته‌ها و انواع پست‌های سفارشی را با استفاده از Page Builder Sandwich ویرایش کنید.
با این حال، نمی‌توانید فایل‌های قالب پوسته را ویرایش کنید، مانند:
این‌طور در نظر بگیرید: اگر گزینه «ویرایش نوشته» یا «ویرایش برگه» در نوار مدیریت بالای سایت (فرانت‌اند) شما وجود دارد، آن برگه باید قابل ویرایش باشد.
شما می‌توانید با جای‌گذاری مستقیم نشانی‌های اینترنتی یکتا (پیوند یکتا)، محتوا را از سایت‌های گوناگون مانند ویدیوهای یوتیوب، ویدیوهای ویمیو، عکس‌های اینستاگرام، عکس‌های فلیکر، توییت‌ها و حتی نظرات ردیت جاسازی کنید.
https://www.youtube.com/watch?v=dQw4w9WgXcQ
می‌توانید فهرستی از نشانی‌های اینترنتی قابل جاسازی را در کُدکس وردپرس پیدا کنید: https://codex.wordpress.org/Embeds
همچنین می‌توانید افزونه‌های دیگری را نصب کنید که پشتیبانی از نشانی‌های اینترنتی جاسازی بیشتری را اضافه می‌کنند. برای مثال، نشانی‌های اینترنتی Wistia به صورت پیش‌فرض توسط وردپرس پشتیبانی نمی‌شوند، می‌توانید افزونه آنها را برای فعال‌سازی امکان جاسازی نصب کنید؛ پس از آن، PB Sandwich نیز باید بتواند آنها را مدیریت کند.
توجه داشته باشید که برای کارکرد این قابلیت، یک خط کامل از متن باید تنها شامل نشانی اینترنتی باشد.
همچنین می‌توانید کدهای جاسازی را مستقیماً جای‌گذاری کنید.
کدهای جاسازی به این شکل هستند:
<iframe width="420" height="315" src="https://www.youtube.com/embed/dQw4w9WgXcQ" frameborder="0" allowfullscreen></iframe>
توجه داشته باشید که برای کارکرد این قابلیت، یک خط کامل از متن باید تنها شامل کد جاسازی باشد.
روی ابزار «افزودن پرونده چندرسانه‌ای» کلیک کنید، سپس نشانی اینترنتی خود را در برگه «گذاشتن از نشانی» جای‌گذاری نمایید.
مارک‌داون در اصل ساختاری است که هنگام ویرایش تایپ می‌کنید تا قالب‌بندی متن خود را اضافه کرده یا تغییر دهید. این‌ها مانند کلیدهای میانبر هستند، اما به جای فشردن کلیدهای ترکیبی، آنها را تایپ می‌کنید.
در زیر فهرستی از تمام ساختارهای مارک‌داون پشتیبانی‌شده در Page Builder Sandwich آورده شده است.
## عنوان ۲
### عنوان ۳
تا:
###### عنوان ۶
> نقل‌قول
(4 فاصله)متن پیش‌قالب‌بندی‌شده/کد
* فهرست نشانه‌دار - فهرست نشانه‌دار
1. فهرست شماره‌دار 1) فهرست شماره‌دار
- ------------------------------(یا چندین خط تیره)
تایپ کردن نشانی‌های وب به طور خودکار به پیوند تبدیل می‌شود:
به https://pagebuildersandwich.com بروید
به [Page Builder Sandwich](https://pagebuildersandwich.com بروید
افزونه Page Builder Sandwich به گونه‌ای ساخته شده است که تا حد ممکن غیرمزاحم باشد، به‌طوری که سایر افزونه‌ها نباید مشکلی در همزیستی با افزونه ما داشته باشند.
با این حال، گاهی اوقات استثنائاتی وجود دارد. در ادامه فهرستی از افزونه‌هایی آورده شده است که هنگام کار در کنار Page Builder Sandwich دارای رفتارهای خاصی هستند. این لزوماً به این معنی نیست که آنها کار نمی‌کنند یا ناسازگار هستند، بلکه فقط ممکن است برخی از رفتارها متفاوت باشد.
ما به به‌روزرسانی این فهرست ادامه خواهیم داد. اگر به موردی برخوردید، با خیال راحت یک تیکت پشتیبانی به [email protected] ارسال کنید.
در نسخه پرمیوم Page Builder Sandwich، می‌توانید از آیکون‌های SVG / برداری دلخواه خود استفاده کنید. روش کار بدین صورت است:
آیکون‌های بارگذاری‌شده همچنین می‌توانند به عنوان نمادهای بالت در فهرست‌های نشانه‌دار و آیکون دکمه‌ها استفاده شوند.
توجه: اگر آیکون شما در جستجوهایتان نمایش داده نمی‌شود، ممکن است به این دلیل باشد که نام فایل به درستی توسط PBS تجزیه نشده است. در این موارد، می‌توانید از عبارت‌های “custom” یا “upload” برای پیدا کردن آیکون‌های بارگذاری‌شده خود استفاده کنید.
بررسی می‌کند که آیا PBS روشن و در حالت ویرایش است یا خیر.
if ( PBSEditor.isEditing() ) {
// هنگام ویرایش، کاری انجام دهید.
}
ندارد.
Boolean. در صورتی که در حال حاضر در حالت ویرایش باشد True، و در غیر این صورت False.
درون آی‌فریمی که PBS برای رندر کردن نمای واکنش‌گرای خود هنگام ویرایش استفاده می‌کند، به کار می‌رود. این قلاب درست قبل از بسته شدن تگ <head> فراخوانی می‌شود و می‌تواند برای افزودن اسکریپت‌ها و استایل‌ها استفاده شود.
هیچ.
add_action( 'pbs_iframe_header', 'change_bg_color' );
function change_bg_color() {
?>
<style>
body {
background-color: hotpink;
}
</style>
<?php
}
اگر با مشکلی مواجه شده‌اید، ما برای کمک اینجا هستیم! اما لطفاً ابتدا صفحات مستندات را بررسی کنید، ممکن است پاسخ خود را در اینجا پیدا کرده و در وقت خود صرفه‌جویی کنید.
درخواست‌های پشتیبانی خود را به این نشانی ایمیل کنید: [email protected]
هنگامی فعال می‌شود که کاربر بین نماهای واکنش‌گرای مختلف جابجا شود.
هیچ.
شما می‌توانید با استفاده از فیلتر pbs_is_editable_by_user از نمایش PB Sandwich در بخش کاربری (فرانت‌اند) جلوگیری کنید.
به عنوان مثال، برای جلوگیری از نمایش PB Sandwich در یک نوع نوشته سفارشی (Custom Post Type) با نامک slider، می‌توانید این قطعه کد را به فایل functions.php خود اضافه کنید
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;
}
برای متوقف کردن PB Sandwich در یک برگه/نوشته خاص، می‌توانید از شناسه نوشته (post ID) برای بررسی استفاده کنید:
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;
}
PBS هر بار که کاربرانی که موافقت کرده‌اند در ویرایشگر PBS ذخیره می‌کنند، آمار استفاده را ارسال می‌کند. از این فیلتر می‌توان برای توقف ارسال داده‌ها استفاده کرد.
$true
بولین. این مقدار همیشه true است.
اگر با مشکلی مواجه شده‌اید، ما اینجا هستیم تا کمک کنیم! اما لطفاً ابتدا صفحات مستندات را بررسی کنید، ممکن است پاسخ خود را در اینجا پیدا کنید و در وقت خود صرفه‌جویی نمایید.
پرسش‌های پشتیبانی خود را به این آدرس برای ما ایمیل کنید: [email protected]
هنگامی که گزینه‌ای (از بخش بازرس/inspector) تغییر کرد، فعال می‌شود.
هیچ.
PBS >= 4.3
PBS یک نگه‌دارنده جهت شناسایی ناحیه محتوای نوشته اضافه می‌کند. این قبل از قرار گرفتن نگه‌دارنده فراخوانی می‌شود.
$content
رشته. محتوای نوشته با نگه‌دارنده اعمال‌شده.
$all_shortcodes = PageBuilderSandwich::get_all_shortcodes()
هیچ‌کدام.
آرایه. آرایه‌ای از تمام برچسب‌های کدهای کوتاه شناسایی‌شده.
PBS >= 4.3
تصمیم‌گیری در خصوص بارگذاری یا عدم بارگذاری PBS در فرانت‌اند و امکان استفاده کاربر از PBS برای ویرایش نوشته را بازنویسی می‌کند.
$is_editable
بولین. اگر نوشته باید با PBS قابل ویرایش باشد، مقدار True؛ در غیر این صورت False
غیرفعال کردن امکان ویرایش انواع نوشته portfolio با 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 برای رندر نمای واکنش‌گرای آن در حین ویرایش استفاده می‌شود. این قلاب دقیقاً قبل از بسته شدن تگ <body> فراخوانی می‌شود و می‌تواند برای افزودن اسکریپت‌ها و استایل‌ها استفاده شود.
ندارد.
سامانه PBS برای شناسایی ناحیه محتوای یک نوشته، یک دربرگیرنده (wrapper) اضافه می‌کند. این بعد از قرار گرفتن دربرگیرنده فراخوانی می‌شود.
$content
رشته. محتوای نوشته به همراه دربرگیرنده اعمال‌شده.
PBS >= 4.3
نمونه‌ی PageBuilderSandwich را دریافت می‌کند
$pbs = PageBuilderSandwich::instance()
هیچ.
شیء PageBuilderSandwich. نمونه‌ی فعلی کلاس PBS.
PageBuilderSandwich::is_editable_by_user()
هیچ‌کدام.
Boolean. در صورتی که PBS بتواند نوشته را ویرایش کند True، در غیر این صورت false.
فیلتری برای ویرایش استایل‌های CSS که برای یک نوشته ذخیره می‌شوند. این فیلتر هنگامی فراخوانی می‌شود که عملیات ذخیره‌سازی از ویرایشگر PBS آغاز شده باشد.
$style
رشته (String). استایل‌های CSS ارسال‌شده برای ذخیره‌سازی.
$post_id
عدد صحیح (Int). شناسه نوشته‌ای که در حال ذخیره آن هستیم.
هنگامی که بارگذاری ویرایشگر PBS به پایان می‌رسد فراخوانی می‌شود (هنگامی که کاربر روی دکمه شروع ویرایش کلیک می‌کند فراخوانی نمی‌شود)
انجام کاری پس از بارگذاری PBS
wp.hooks.addAction( 'pbs.init', function() {
console.log( 'PBS is ready!' );
}
فهرستی از تگ‌های کد کوتاه برای پنهان کردن در انتخابگر کد کوتاه PBS. از این مورد زمانی استفاده کنید که کدهای کوتاهی در پنجره پاپ‌آپ انتخابگر نمایش داده می‌شوند که قبلاً منسوخ شده‌اند یا صرفاً می‌خواهید آنها را از کاربران پنهان کنید.
$shortcodes
آرایه. آرایه‌ای از تگ‌های کد کوتاه.
پنهان کردن کد کوتاه از انتخابگر.
add_filter( 'pbs_shortcodes_to_hide_in_picker, 'hide_embed_shortcode' );
function hide_embed_shortcode( $shortcodes ) {
$shortcodes[] = 'embed';
return $shortcodes;
}
ویژگی‌های جاوااسکریپت را به شیء pbsFrontendParams در فرانت‌اند اضافه می‌کند. شیء pbsFrontendParams در فرانت‌اند بدون توجه به اینکه کاربر وارد سیستم شده و در حال ویرایش است، در دسترس خواهد بود.
$params
آرایه. آرایه‌ای از کلیدها و مقادیر که در متغیر جاوااسکریپت در سطح window یعنی pbsFrontendParams در دسترس قرار می‌گیرند
قابل دسترس کردن یک متغیر در فرانت‌اند
add_filter( 'pbs_localize_frontend_scripts, 'add_my_property' );
function add_my_property( $params ) {
// این مقدار در جاوااسکریپت تحت pbsFrontendParams.myProperty در دسترس خواهد بود
$params['myProperty'] = 'My Property';
return $params;
}
درست قبل از اینکه ویرایشگر محتوا را ذخیره کند، فراخوانی می‌شود. می‌توانید از این مورد برای قرار دادن داده‌های اضافی جهت ارسال در حین ذخیره‌سازی استفاده کنید (این کار داده‌ها را ذخیره نمی‌کند، فقط آنها را از طریق Ajax به بک‌اند ارسال می‌کند)
payload
شیء FormData. داده‌های ارسال‌شده از طریق Ajax برای ذخیره‌سازی.
wp.hooks.addAction( 'pbs.save.payload', function( payload ) {
// Add data to be sent during saving.
payload.append( 'my_data', 'My Data' );
}
بخش عمده Page Builder Sandwich با جاوااسکریپت نوشته شده است، و ما متدهای متعددی اضافه کرده‌ایم تا توسعه‌دهندگان بتوانند قابلیت‌های صفحه‌ساز ما را گسترش داده و امکانات بیشتری به آن اضافه کنند.
برای آسان‌تر کردن کار توسعه‌دهندگان، ما روندها را مانند نحوه عملکرد وردپرس پیاده‌سازی کرده‌ایم — از طریق هوک‌ها!
در وردپرس، شما معمولاً از توابع add_filter() و add_action() برای تغییر یا افزودن به رفتار WP استفاده می‌کنید. به طور مشابه در PBS، می‌توانید از wp.hooks.addFilter() و wp.hooks.addAction() استفاده کنید.
نحوه استفاده از آنها نیز یکسان است: از فیلترها برای تغییر موارد و از اکشن‌ها برای انجام کارهای جانبی استفاده کنید. این دو فراخوانی تابع اساساً مشابه معادل‌های PHP خود هستند، با این تفاوت که در جاوااسکریپت اجرا می‌شوند.
برای اینکه هوک‌های PHP و هوک‌های جاوااسکریپت اشتباه گرفته نشوند، ما هوک‌های جاوااسکریپت را به صورت “period-case” (واژه‌ای ابداعی) نام‌گذاری کرده‌ایم. هوک‌های PHP همگی از snake case استفاده می‌کنند:
برای مرور تمامی هوک‌ها، به دسته‌بندی‌های Javascript Actions و Javascript Filters در منوی سمت چپ مراجعه کنید.
برای افراد کنجکاو، ما از https://github.com/carldanley/WP-JS-Hooks برای اضافه کردن این فراخوانی‌های هوک کاربردی در جاوااسکریپت استفاده می‌کنیم
اگر نمی‌توانید جایی را که نسخه افزونه پریمیوم خود را ذخیره کرده‌اید پیدا کنید، می‌توانید به اینجا بروید و آدرس ایمیل خود را برای بازیابی آن وارد کنید. افزونه برای شما ایمیل خواهد شد.
https://dashboard.freemius.com/license-recovery/203/page-builder-sandwich/
ویژگی‌های جاوااسکریپت را به شیء pbsParams در بخش کاربری (فرانت‌اند) اضافه می‌کند. شیء pbsParams هنگامی که کاربر وارد سیستم شده و امکان ویرایش صفحه را داشته باشد، در بخش کاربری در دسترس است.
این متغیر همچنین شامل بسیاری از ویژگی‌های مورد استفاده توسط PBS در هنگام ویرایش است، مانند نانس‌ها (nonces)، فهرستی از تمام کدهای کوتاه بارگذاری‌شده، و رشته‌های ترجمه.
$params
آرایه. آرایه‌ای از کلیدها و مقادیر که در متغیر جاوااسکریپت سطح پنجره (window) یعنی pbsParams در دسترس خواهند بود.
افزودن یک کد کوتاه شناسایی‌نشده به ویرایشگر
add_filter( 'pbs_frontend_scripts, 'add_my_shortcode' );
function add_my_shortcode( $params ) {
$params['shortcodes'][] = 'my_shortcode';
return $params;
}
یک اسکریپت یا استایل را در کنار PBS در صف بارگذاری (enqueue) قرار دهید. این قلاب تنها زمانی فراخوانی می‌شود که نوشته با PBS قابل ویرایش باشد. هنگامی که برگه با PBS قابل ویرایش نباشد، اصلاً استفاده نمی‌شود.
هیچ‌کدام.
هنگامی که PBS بارگذاری می‌شود، my-script.js را نیز در صف قرار دهید
add_action( 'pbs_enqueue_scripts, 'add_my_script' );
function add_my_script() {
wp_enqueue_script( 'my-script' , plugins_url( 'js/my-script.js', __FILE__ ) );
}
این یک ویژگی پرمیوم است و در نسخه 4.0.1 به بالا در دسترس می‌باشد
پیوندهای لنگر اسکرول در همان صفحه، پیوندهایی هستند که به مکان خاصی در همان صفحه اشاره می‌کنند. هنگامی که روی یک پیوند درون‌صفحه‌ای کلیک می‌کنید، مرورگر شما به سمت ناحیه مشخص‌شده اسکرول می‌کند.
برای ایجاد پیوند لنگر در همان صفحه به دو چیز نیاز دارید:
هر عنصری را در نزدیکی پایین صفحه خود انتخاب کرده و سپس ویژگی‌های آن را باز کنید. در بخش پیشرفته، یک کلاس سفارشی یا شناسه سفارشی به نام ” go_here” اضافه کنید
اکنون در جایی نزدیک به بالای صفحه خود یک پیوند ایجاد کرده یا یک عنصر دکمه اضافه کنید. به جای افزودن یک URL به عنوان پیوند، اگر “go_here” را به عنوان کلاس سفارشی اضافه کرده‌اید از ” .go_here” (همراه با نقطه) استفاده کنید؛ یا اگر آن را به عنوان شناسه سفارشی اضافه کرده‌اید از “#go_here” (همراه با هش) استفاده نمایید.
پس از اینکه صفحه خود را ذخیره کردید، وقتی روی پیوند/دکمه خود کلیک می‌کنید، اکنون باید به آرامی به سمت عنصر موجود در پایین صفحه شما اسکرول شود.
لنگرهای نام‌گذاری‌شده مانند
<a name="go_here"></a>
نیز می‌توانند با افزودن پیوندی به “#go_here” (همراه با هش) هدف قرار گیرند
همچنین می‌توانید هر بخش دیگری از صفحه خود را، حتی خارج از ناحیه ویرایشگر، هدف قرار دهید تا زمانی که آنها را با استفاده از نام کلاس یا شناسه‌هایشان هدف بگیرید.
پس از ذخیره شدن محتوا فراخوانی می‌شود. این مورد زمانی فراخوانی می‌شود که ذخیره‌سازی از ویرایشگر PBS آغاز شده باشد.
هیچ‌کدام
فیلتری برای تغییر داده‌های نوشته که قرار است ذخیره شوند. این فیلتر هنگامی فراخوانی می‌شود که ذخیره‌سازی از ویرایشگر PBS آغاز شده باشد.
$post_data
آرایه. داده‌های نهایی نوشته برای ذخیره‌سازی؛ این داده‌ها متعاقباً مستقیماً به wp_update_post() ارسال می‌شوند.
$_POST
آرایه. داده‌های خام نوشته ارسال‌شده از ویرایشگر برای ذخیره‌سازی. اعتبار نانس (Nonce) این داده‌ها از قبل تأیید شده است.
$post_id
عدد صحیح. شناسه نوشته‌ای که در حال ذخیره آن هستیم.
add_filter( 'pbs_save_content_data', 'save_always_as_draft', 10, 3 );
function save_always_as_draft( $post_data, $_post, $post_id ) {
// بنا به دلایلی، ما همیشه می‌خواهیم نوشته به صورت پیش‌نویس باشد.
$post_data['post_status'] = 'draft';
return $post_data;
}
درست پیش از ذخیره شدن محتوا فراخوانی می‌شود. این مورد زمانی فراخوانی می‌شود که ذخیره‌سازی از ویرایشگر PBS آغاز شده باشد.
هیچ
اگر شما توسعه‌دهنده قالب هستید، گنجاندن PBS در قالبتان می‌تواند ارزش محصول شما را به میزان چشمگیری افزایش دهد.
با ما از طریق [email protected] تماس بگیرید، بیایید همکاری کنیم!
کلودفلر (CloudFlare) یک DNS CDN رایگان با کاربرد گسترده است. این سرویس عالی است، اما در حال حاضر PBS با ویژگی Rocket Loader مشکل دارد. راکت لودر (Rocket Loader) زمان بارگذاری فایل‌های جاوا اسکریپت را بهبود می‌بخشد، اما وابستگی و ترتیب فراخوانی اسکریپت‌های PBS را به هم می‌زند. اگر Rocket Loader فعال باشد، دکمه ویرایش Page Builder Sandwich ظاهر نخواهد شد (و هیچ خطایی نیز در کنسول جاوا اسکریپت نمایش داده نمی‌شود).
برای خاموش کردن Rocket Loader، وارد حساب کاربری CloudFlare خود شوید و به تنظیمات دامنه خود بروید. به تنظیمات Speed هدایت شوید:
سپس به پایین صفحه و بخش تنظیمات Rocket Loader اسکرول کنید و مطمئن شوید که این تنظیم خاموش (off) است:
پس از خاموش کردن این گزینه، حتماً تمام حافظه پنهان (کش) سایت خود را پاکسازی (purge) کنید از طریق تنظیمات Cache:
پس از پاکسازی کامل کش، می‌توانید صفحه را رفرش کنید و اکنون دکمه ویرایش Page Builder Sandwich باید نمایش داده شود.
فیلتری برای اصلاح محتوای نوشته جهت ذخیره‌سازی. این فیلتر زمانی فراخوانی می‌شود که ذخیره از ویرایشگر PBS آغاز شده باشد.
$content
String. محتوای نهایی نوشته که قرار است ذخیره شود.
$post_id
Int. شناسه نوشته‌ای که در حال ذخیره آن هستیم.
از نسخه ۴.۰ به بعد، اکنون می‌توانید هنگام ویرایش بین نماهای دسکتاپ، تبلت و تلفن همراه جابه‌جا شوید! ما این را حالت واکنش‌گرا می‌نامیم. در حالت واکنش‌گرا، اندازه سایت شما به اندازه کوچک‌تری تغییر می‌یابد تا نحوه نمایش آن در صفحه‌نمایش‌های کوچک‌تر شبیه‌سازی شود.
هنگام مشاهده سایت خود در نماهای تبلت یا تلفن همراه، قابلیت‌های ویرایش محدودی خواهید داشت. با این شرایط، شما تنها می‌توانید کارهای زیر را انجام دهید:
* سیستم PBS برخی استایل‌های واکنش‌گرا را روی المان‌ها و ردیف‌های شما اعمال می‌کند، بنابراین برخی از حاشیه‌ها قابل تنظیم نخواهند بود.
در اینجا مواردی وجود دارد که نمی‌توانید انجام دهید:
اگر در حال مشاهده سایت خود در نماهای تبلت یا تلفن همراه هستید، هرگونه تنظیم حاشیه که انجام می‌دهید فقط برای نمای فعلی و نمای کوچک‌تر اعمال می‌شود. این ویژگی به شما امکان می‌دهد طراحی‌های خود را طوری بهینه‌سازی کنید که در صفحه‌نمایش‌های کوچک‌تر، مستقل از نسخه کامل دسکتاپ، بهتر به نظر برسند.
در اینجا یک مثال برای روشن‌تر شدن موضوع آورده شده است.
این موضوع فقط برای تنظیمات حاشیه‌ها صدق می‌کند؛ تغییرات متن یا تغییرات سبک متن در تمام اندازه‌های صفحه‌نمایش اعمال می‌شوند.
هنگام مشاهده در نماهای تبلت یا تلفن همراه، ردیف‌های شما دکمه جدیدی به شکل «چشم» در نوار ابزار خواهند داشت که با بردن ماوس روی آنها ظاهر می‌شود. با کلیک بر روی آن می‌توانید ردیف را برای اندازه صفحه‌نمایش فعلی نمایش داده یا مخفی کنید.
ردیف‌های مخفی هنگام ویرایش کمی شفاف می‌شوند تا نشان دهند که پس از پایان ویرایش پنهان خواهند بود.
توجه داشته باشید که این ویژگی فقط برای ردیف‌ها در دسترس است.
هنگام استفاده از کش وارنیش، چنانچه پس از ذخیره تغییرات خود همچنان محتوای قبلی را مشاهده می‌کنید، ممکن است کش وارنیش به‌طور خودکار پاک نشده باشد.
برخی افزونه‌های وردپرس وجود دارند که به شما امکان می‌دهند کش خود را پاک کنید: https://wordpress.org/plugins/search/varnish+cache/
اگر این روش کارساز نبود، می‌توانید با اجرای این دستور در ترمینال، کش وارنیش را به‌صورت دستی نیز پاکسازی کنید:
curl -X PURGE http://mysite.com/my-page/
مارک‌داون اساساً ساختاری متنی است که هنگام ویرایش آن را تایپ می‌کنید تا قالب‌بندی متن خود را اضافه کرده یا تغییر دهید. این‌ها مانند کلیدهای میانبر هستند، اما به جای فشردن کلیدهای ترکیبی، آنها را تایپ می‌کنید.
در زیر فهرستی از تمام ساختارهای پشتیبانی‌شده مارک‌داون در Page Builder Sandwich آورده شده است.
(به فاصله‌ها دقت کنید)
# عنوان ۱
## عنوان ۲
تا:
###### عنوان ۶
> نقل‌قول
(۴ فاصله)متن پیش‌قالب‌بندی‌شده/کد
* فهرست نشانه‌دار - فهرست نشانه‌دار
1. فهرست شماره‌دار 1) فهرست شماره‌دار
- ------------------------------(یا چند خط تیره)
تایپ کردن نشانی‌های اینترنتی به‌طور خودکار به پیوند تبدیل می‌شود:
به https://pagebuildersandwich.com سر بزنید
برای ایجاد محتوای متنی ساختگی، عبارت «lorem» را تایپ کرده و سپس کلید tab را فشار دهید.
برای غیرفعال کردن PBS، ابتدا وارد پیشخوان / بخش مدیریت خود شوید، سپس به مسیر افزونه‌ها > افزونه‌های نصب‌شده بروید:
وقتی در برگه افزونه‌ها هستید، فهرست افزونه‌های خود را به سمت پایین پیمایش کنید و افزونه Page Builder Sandwich را بیابید. درست در زیر نام آن، باید بتوانید پیوند غیرفعال‌کردن را به همراه پیوندهای دیگری مانند «ویرایش» یا «تغییر مجوز» مشاهده کنید (این مورد ممکن است در سایت شما متفاوت باشد). روی پیوند غیرفعال‌کردن کلیک کنید تا افزونه غیرفعال شود.
در اکثر المان‌ها (البته نه در کدهای کوتاه)، می‌توانید یک پویانمایی ورود تعیین کنید که هنگام نمایان شدن المان روی صفحه نمایش شما پخش می‌شود.
برای انجام این کار، ماوس را روی یک المان ببرید تا نوار ابزار ظاهر شود، و سپس روی دکمه چرخ‌دنده کلیک کنید.
این کار باید بازرس (inspector) را بالا بیاورد. به بخش Animations (پویانمایی‌ها) بروید، آن را باز کنید و سپس یک پویانمایی انتخاب نمایید.
پس از انتخاب یک پویانمایی، باید برای نمایش پیش‌نمایش به شما اجرا شود. می‌توانید با استفاده از گزینه‌های دیگر ارائه‌شده، پویانمایی را بیشتر تنظیم و سفارشی‌سازی کنید.
پویانمایی‌ها تنها زمانی پخش می‌شوند که کاربر پیمایش (اسکرول) کند و المان در کادر دید قرار گیرد. اگر المان هنگام ورود شما به صفحه از قبل قابل مشاهده باشد، متحرک نخواهد شد.
خیر، این اتفاق نخواهد افتاد! تمام برگه‌ها و محتوای شما همچنان در سایتتان باقی خواهد ماند. این بدان معناست که هنگام ارتقا از نسخه رایگان به نسخه پریمیوم، یا زمانی که صرفاً در حال آزمایش هستید، می‌توانید با خیال راحت PBS را غیرفعال کنید.
با این حال، همه چیز به همان شکل سابق نخواهد بود. متوجه خواهید شد که برخی از موارد در برگه شما تغییر می‌کنند، زیرا PBS حاوی استایل‌ها و اسکریپت‌های اضافی مورد نیاز برای برخی از المان‌های پیچیده‌تر است.
در اینجا مواردی آورده شده است که هنگام غیرفعال کردن PBS باقی خواهند ماند:
در اینجا مواردی آورده شده است که هنگام غیرفعال کردن PBS از بین خواهند رفت:
اگر تغییرات خود را در صفحه ذخیره کرده‌اید و…
این ممکن است به این معنی باشد که ذخیره‌سازی، راهکار کش شما را برای پاک کردن داده‌های ذخیره‌شده‌اش فعال نکرده است.
اگر از نوعی راهکار کش استفاده می‌کنید – مانند یک افزونه کش مثل W3 Total Cache، یک نرم‌افزار کش سمت سرور مثل Memcached یا Redis، یا کش DNS مانند CloudFlare – ممکن است محتوای ذخیره‌شده شما را پاک نکرده باشد.
یک روش برای بررسی اینکه آیا مورد همین است یا خیر، ویرایش صفحه شما در بخش مدیریت (روش معمول) و سپس مشاهده صفحه در بخش کاربری است. اگر محتوای شما تغییر نکرد، احتمالاً کش شما به‌طور خودکار پاک نشده است.
برخی از راه‌کارهای کش غیروردپرسی دارای یک افزونه مکمل وردپرس هستند که می‌تواند به تخلیه یا پاکسازی کش فعلی کمک کند؛ راه‌کارهای وردپرسی معمولاً دکمه‌ها یا گزینه‌هایی برای این کار دارند.
همچنین این احتمال وجود دارد که در حین ذخیره‌سازی، نوعی خطای PHP رخ داده باشد.
برای بررسی اینکه آیا این اتفاق می‌افتد یا خیر، کنسول توسعه‌دهنده خود را (ترجیحاً در کروم) باز کرده و به تب Network بروید. پس از ورود به آنجا، تغییرات خود را در PBS ذخیره کنید، سپس باید چندین ورودی به سمت admin-ajax.php مشاهده کنید. اگر این را به رنگ قرمز مشاهده کردید، نشان‌دهنده رخ دادن خطا است. بررسی کنید که آیا چیزی شبیه به این می‌بینید:
اگر موضوع این است، لطفاً به همراه اطلاعات ورود لازم به ما در [email protected] ایمیل بزنید تا بتوانیم آن را بررسی کرده و برای شما برطرف کنیم.
لطفاً مقاله مربوط به سازگاری Wordfence را در اینجا بخوانید: http://docs.pagebuildersandwich.com/article/214-wordfence-firewall-setup-compatibility
توجه: این مورد شامل مشتریان Envato نمی‌شود
اگر هنگام فعال‌سازی لایسنس خود با خطا مواجه می‌شوید، چند راهکار زیر را امتحان کنید…
این مشکل بیشتر برای افرادی رخ می‌دهد که به نسخه بالاتری به‌روزرسانی می‌کنند. اگر فایل‌های افزونه را مستقیماً به صورت دستی به‌روزرسانی کرده‌اید و مراحل معمول به‌روزرسانی یا غیرفعال‌سازی-فعال‌سازی را انجام نداده‌اید، ممکن است برخی از فرآیندها به درستی اجرا نشده باشند. لطفاً افزونه را غیرفعال کرده، سپس مجدداً فعال کنید و لایسنس خود را دوباره وارد نمایید.
از نسخه ۳.۲، Page Builder Sandwich با Freemius ادغام شده است. در مواردی پاک کردن داده‌های Freemius خطاهای فعال‌سازی لایسنس را برطرف می‌کند. روش انجام آن به این صورت است.
به پیشخوان خود بروید و نشانی اینترنتی (URL) را به http://yoursite.com/wp-admin/admin.php?page=freemius تغییر دهید (فراموش نکنید نشانی را متناسب با سایت خود تغییر دهید.) اگر به صفحه تصویر زیر رسیدید، در جای درستی قرار دارید.
روی دکمه Delete All Accounts کلیک کنید و سپس روی دکمه Clear API Cache نیز کلیک نمایید. پس از انجام این کار، کلید لایسنس خود را مجدداً وارد کنید.
اگر مشکل برطرف نشد، لطفاً از طریق [email protected] با ما تماس بگیرید و جزئیات مشکل و اطلاعات سایت خود را برای ما ارسال کنید.
برای افزودن سریع مقداری متن ساختگی، کلمه «lorem» را تایپ کرده و سپس کلید tab یا enter را فشار دهید تا مقداری متن جایگزین 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.
در اینجا من یک ردیف با رنگ پس‌زمینه اضافه کرده‌ام و سپس یک تصویر داخل آن قرار داده‌ام. تصویر اینجاست:
برای اینکه تصویر به بیرون از بالای کانتینر «سرک بکشد»، ماوس خود را روی عنصری که می‌خواهید جابه‌جا کنید نگه‌دارید. سپس وقتی خطوط حاشیه نمایان شدند، ماوس خود را به بالاتر از حاشیه بالایی ببرید. باید مقدار مارجین بالای فعلی را نشان دهد:
مارجین بالایی را کلیک کنید و به سمت بالا بکشید تا مارجین شما کاهش یابد و به یک مقدار منفی تبدیل شود:
اکنون تصویر به بیرون از ردیف «سرک کشیده» است!
اگر هنگام عبور عنصر از محدوده ردیف، تصویر بریده می‌شود، بازرس ویژگی‌ها (properties inspector) را برای آن ردیف باز کنید و گزینه overflow hidden را در بخش گزینه‌های Advanced خاموش کنید:
برای جاسازی محتوا از وب‌سایت‌های خارجی، به‌سادگی نشانی اینترنتی (URL) را جای‌گذاری کرده و سپس کلید Enter را فشار دهید. برای مثال، می‌توانید این نشانی را از یوتیوب کپی و جای‌گذاری کنید:
https://www.youtube.com/watch?v=dQw4w9WgXcQ
جاسازی از طریق آی‌فریم نیز با جای‌گذاری کدهای جاسازی <iframe> امکان‌پذیر است. برای مثال، این رشته کد جاسازی را کپی و جای‌گذاری کنید:
<iframe width=”560″ height=”315″ src=”https://www.youtube.com/embed/dQw4w9WgXcQ?rel=0″ frameborder=”0″ allowfullscreen></iframe>
شما می‌توانید نشانی‌های اینترنتی را از سایت‌های فهرست‌شده در کادکس وردپرس: https://codex.wordpress.org/Embeds و هر سایتی که oEmbed در آن فعال باشد جاسازی کنید.
افزونه Page Builder Sandwich با تمامی افزونه‌های کش سازگار است. با این حال، اگر قابلیت minify یا caching آنها را فعال کنید، ممکن است با مشکلاتی مواجه شوید.
فقط مطمئن شوید که فشرده‌سازی کدها (minify) برای کاربران واردشده غیرفعال باشد، در این صورت بدون مشکل کار خواهد کرد.
ما در اینجا فقط تنظیمات W3 Total Cache را نشان می‌دهیم، اما سایر افزونه‌های کش و minify نیز باید تنظیمات مشابهی داشته باشند.
مطمئن شوید که گزینه Don’t cache pages for logged in users در بخش Performance > Page Cache تیک خورده باشد
اگر از minify استفاده می‌کنید، مطمئن شوید گزینه Disable minify for logged in users در بخش Performance > Minify تیک خورده باشد
اگر در حال تلاش برای کشیدن دستگیره‌های مارجین یا پدینگ بالا و پایین هستید و مارجین/پدینگ‌های المان تغییر نمی‌کنند، ممکن است استایل‌های دیگری وجود داشته باشند که به اجبار هرگونه تغییر استایل را بازنویسی (override) می‌کنند. این مسئله همچنین ممکن است زمانی رخ دهد که نمی‌توانید پس‌زمینه‌ها، حاشیه‌ها را تغییر دهید یا وقتی که تصاویر شفاف همیشه یک رنگ پس‌زمینه دریافت می‌کنند.
برای پیدا کردن مشکل، بازرس (Inspector) مرورگر خود را باز کرده و المان را بررسی کنید. استایل‌های مربوط به آن المان را مرور کنید. اگر چیزی شبیه به این مشاهده کردید:
در این صورت می‌توانید مطمئن شوید که یا قالب شما یا یک افزونه مانع از اعمال هرگونه استایل دیگر روی المان می‌شود. نشانگر ماوس را روی شیوه‌نامه (stylesheet) ببرید تا متوجه شوید از کدام قالب/افزونه نشأت می‌گیرد.
برای رفع این مشکل، بخش «! important» استایل را حذف کنید، و باید بتوانید دوباره استایل‌ها را اعمال نمایید. ممکن است لازم باشد برای رفع این مورد با سازنده قالب یا افزونه تماس بگیرید.
نکته: به طور پیش‌فرض، سربرگ تنها از صفحه اصلی حذف می‌شود.
برای حذف سربرگ یا منو از هر یک از برگه‌های خود، به افزونه‌ای نیاز دارید که به شما امکان افزودن CSS سفارشی را بدهد، چیزی مانند Jetpack.
برای حذف سربرگ، به شناسه نوشته (post ID) خود نیاز دارید، سپس این CSS سفارشی را اضافه کنید (در اینجا 9999 را با شناسه نوشته خود جایگزین کنید):
body.page-id-9999 #masthead {
display: none;
}
برای حذف منوها از یک برگه (در اینجا 9999 را با شناسه نوشته خود جایگزین کنید):
body.page-id-9999 #header-wrapper {
display: none;
}
یا هنگام حذف منو تنها از صفحه اصلی خود:
body.page-id-9999 #header-wrapper {
display: none;
}
شما می‌توانید تصاویر پس‌زمینه را به ردیف‌ها و پس‌زمینه‌های خود اضافه کنید. علاوه بر این، می‌توانید به تصویر پس‌زمینه خود یک ته‌رنگ اضافه کنید تا با طراحی شما هماهنگی بهتری داشته باشد.
برای مثال، در اینجا یک ردیف با تصویر پس‌زمینه و متنی سفید روی آن دارم. در حال حاضر به دلیل تصویر پس‌زمینه‌ای که انتخاب کرده‌ام، دیدن متن بسیار دشوار است.
برای بهبود ظاهر، می‌توانیم مقداری رنگ به تصویر پس‌زمینه خود اضافه کنیم. برای این کار، نشانگر ماوس را روی ردیف ببرید، سپس روی آیکون چرخ‌دنده ردیف کلیک کنید تا تنظیمات آن باز شود. به گزینه‌های Background بروید، سپس Background Image Tint را روشن کنید.
پس از فعال شدن، رنگ پس‌زمینه را تغییر دهید تا یک ته‌رنگ رنگی به تصویر پس‌زمینه شما اضافه شود. همچنین می‌توانید شدت یا میزان شفافیت ته‌رنگ را تغییر دهید. در اینجا پس‌زمینه من با ته‌رنگ سبز نشان داده شده تا متن خواناتر باشد:
افزونه Page Builder Sandwich مرتباً بررسی می‌کند که آیا شما هنوز در وردپرس وارد (لاگین) شده‌اید یا خیر. این کار انجام می‌شود تا اطمینان حاصل شود تغییرات شما هنگام کلیک روی دکمه ذخیره، حتماً ذخیره خواهند شد. همچنین این قابلیت برای قفل کردن نوشته‌ها و ذخیره خودکار استفاده می‌شود.
ما برای انجام بررسی‌های خود به Heartbeat API وردپرس متکی هستیم که آن هم به نوبه خود به کوکی‌ها و نشست‌های (sessions) مرورگر وابسته است. بنابراین اگر هنگام ویرایش مدام با این پاپ‌آپ‌های «جلسه منقضی شد» مواجه می‌شوید، ممکن است عاملی مانع از ردیابی صحیح شما توسط وردپرس شده باشد. در اینجا چند راه‌حل برای رفع این مشکل آورده شده است:
اگر افزونه‌های کش، کش DNS یا هر نوع کش دیگری دارید، آنها را پاک کنید. همچنین کش مرورگر خود را نیز پاک کنید. ممکن است جدیدترین اسکریپت‌های سایت به شما نمایش داده نشوند.
این احتمال نیز وجود دارد که کوکی‌های شما خراب شده باشند؛ این مشکل به راحتی با پاک کردن کوکی‌های مرورگر از طریق تنظیمات مرورگرتان برطرف می‌شود. این گزینه معمولاً در کنار گزینه پاک کردن کش مرورگر قرار دارد.
به مسیر تنظیمات > عمومی بروید و تنظیمات خود را بررسی کنید. به دنبال گزینه‌های نشانی وردپرس (URL) و نشانی سایت (URL) بگردید. دامنه‌ها و پروتکل‌های آنها باید با دامنه واقعی شما مطابقت داشته باشند. به عنوان مثال، اگر یکی دارای “http://” باشد اما شما با “https://” به سایت خود مراجعه می‌کنید، هر دو تنظیم باید “https://” باشند. یکی دیگر از مشکلات رایج این است که یکی از این آدرس‌ها دارای “www” باشد و دیگری نباشد.
این موارد باید با یکدیگر مطابقت داشته باشند:
یا:
برای رفع این مشکل، می‌توانید تنظیمات را از مسیر تنظیمات > عمومی تغییر دهید. اگر نمی‌توانید این تنظیمات را ویرایش کنید، می‌توانید FTP خود را باز کرده و فایل wp-config.php را ویرایش کنید و خطوط زیر را به آن اضافه نمایید:
define( 'WP_HOME', 'http://example.com' ); define( 'WP_SITEURL', 'http://example.com' );
| نسخه لایت | در دسترس نیست |
| نسخه پریمیوم | تمام ویژگی‌ها در دسترس هستند
|
کاروسل‌ها روشی نوین برای افزودن محتوایی هستند که به‌صورت چرخشی و مکرر در معرض دید قرار می‌گیرد. Page Builder Sandwich دارای یک المان کاروسل بومی است که می‌توان از آن استفاده کرد و نیاز به افزونه‌های جانبی کاروسل را از بین می‌برد.
کلیک بر روی دکمه چرخ‌دنده المان کاروسل به شما امکان می‌دهد رفتار کاروسل مانند انیمیشن اسلاید، تأخیر و موارد دیگر را پیکربندی کنید. پس از ایجاد، سه اسلاید کاروسل برای کار در اختیار شما قرار می‌گیرد و امکان افزودن یا حذف اسلایدها نیز وجود دارد. همه این اسلایدها عناصر معمول مورد استفاده مانند متن، تصاویر و کدهای کوتاه خاص را می‌پذیرند.
جابه‌جایی بین اسلایدها به سادگیِ کلیک روی دکمه‌های ناوبری است. ترتیب اسلایدها را نیز می‌توان از طریق ویژگی‌ها (آیکون چرخ‌دنده) تغییر داد.
برای تغییر وضعیت پست خود، ماوس را روی نشانگر کشویی دکمه ذخیره در بالا سمت چپ صفحه نگه دارید. با این کار گزینه‌های بیشتری برای ذخیره نمایش داده می‌شود.
اگر از نسخه لایت استفاده می‌کنید، ممکن است متوجه پرچم‌های مثلثی زرد رنگ شده باشید. آنها نشان می‌دهند که آیا یک دکمه/عنصر/گزینه خاص، از ویژگی‌های پریمیوم است یا خیر.
اگر می‌خواهید آنها را پنهان کنید، می‌توانید به پیشخوان خود بروید، به صفحه تنظیمات در PBSandwich > Settings بروید و گزینه Hide Premium Feature Flags را علامت بزنید
ما یک رابط کاربری شلوغ نمی‌خواستیم و تمایل داشتیم همه چیز شهودی و پیدا کردنش آسان باشد. بنابراین با وجود اینکه رابط کاربری Page Builder Sandwich ساده به نظر می‌رسد، بسیار قدرتمند است و هنگام ویرایش می‌توانید کارهای زیادی انجام دهید.
شما همچنین می‌توانید با استفاده از نشانگر ماوس خود کارهای جالب زیادی انجام دهید. هنگام بردن ماوس روی عناصر مختلف، لایه‌های تعاملی و نوارهای ابزار ظاهر می‌شوند. هر یک از آنها کارهای متفاوتی انجام می‌دهند، از جمله:
| نسخه لایت | تمام ویژگی‌ها در دسترس هستند |
| نسخه پریمیوم | تمام ویژگی‌ها در دسترس هستند |
روی عنصر HTML در بازرس (Inspector) کلیک کنید تا یک عنصر HTML جدید اضافه شود، یک پنجره مودال باید ظاهر شود. کد HTML خود را در آنجا تایپ یا جای‌گذاری کنید، سپس روی ذخیره HTML کلیک کنید. اکنون کد HTML شما باید در داخل ویرایشگر نمایش داده شود.
ماوس خود را روی عنصر HTML نگه‌دارید تا نوار ابزار نمایش داده شود. می‌توانید HTML خود را با کلیک روی نماد مداد در نوار ابزار، یا با دوبار کلیک کردن روی خود عنصر ویرایش کنید.
هنگامی که ویرایش با PBS را شروع کردید، ماوس خود را روی عنوان برگه/نوشته خود نگه دارید، کادری در اطراف آن ظاهر می‌شود. روی عنوان کلیک کنید تا نشانگر روی آن قرار گیرد و آن را تغییر دهید.
ابزارهای قالب‌بندی در ناحیه عنوان در دسترس نیستند، شما نمی‌توانید استایل‌های آن را تغییر دهید یا المان‌هایی به عنوان اضافه کنید.
ردیف‌ها و ستون‌ها ابزارهایی هستند که می‌توانید از آنها برای ایجاد محتوای بخش‌بندی‌شده استفاده کنید.
هنگام ویرایش با استفاده از Page Builder Sandwich در یک برگه/نوشته تازه ایجادشده، محتوایی که تایپ می‌کنید همگی در یک ستون واحد قرار می‌گیرند. این حالت برای نوشتن پست‌های وبلاگ خوب است، اما اگر می‌خواهید چیدمان‌های خاصی برای صفحات فرود یا صفحات تماس داشته باشید، احتمالاً یک چیدمان ۲ ستونی یا حتی ترکیبی از ستون‌های مختلف را در سراسر صفحه خود خواهید خواست.
می‌توانید با استفاده از این دکمه‌ها در بازرس (Inspector)، ردیف‌ها و ستون‌ها را اضافه کنید:
پس از افزودن، دور ردیف جدید شما خط کشیده می‌شود:
شما می‌توانید هر چیزی را درون ردیف‌ها و ستون‌های خود قرار دهید – متن، کدهای کوتاه، ابزارک‌ها و حتی ردیف‌ها و ستون‌های بیشتری اضافه کنید.
هنگامی که یک ردیف (یا محتوایی در داخل ردیف شما) انتخاب می‌شود، گزینه‌های بیشتری در بازرس در دسترس قرار می‌گیرند. می‌توانید از این دکمه‌ها برای استایل‌دهی بیشتر به بخش خود استفاده کنید:
همچنین در زیر این قسمت در بازرس، گزینه‌های اضافی برای استایل‌دهی به ستون‌های شما وجود دارد.
می‌توانید با کلیک کردن و نگه داشتن روی خود ردیف، ردیف‌ها را به مکان‌های مختلف جابه‌جا کنید (اگر روی عنصری در داخل آن کلیک کنید و نگه دارید، آن عنصر کشیده می‌شود و نه ردیف).
| نسخه لایت (Lite) | در دسترس نیست |
| نسخه پرمیوم (Premium) | تمام ویژگی‌ها در دسترس هستند
|
در صورت تمایل بخشی از متن را انتخاب (هایلایت) کنید، سپس روی المان دکمه در بازرس (inspector) کلیک کنید. با این کار پنجره‌ای باز می‌شود که می‌توانید آدرس اینترنتی (URL) مد نظر برای لینک دادن به دکمه‌تان را در آن وارد کنید. همچنین از آنجا می‌توانید هر یک از صفحات وب موجود در وب‌سایت خود را جستجو کنید.
برخلاف سایر المان‌ها، دکمه‌ها به صورت درون‌خطی (inline) قرار می‌گیرند، به این معنی که در کنار متن‌های دیگر (یا دکمه‌های دیگر) قرار خواهند گرفت. شما نمی‌توانید دکمه‌های تکی را بکشید و در مکان‌های دیگر رها کنید (drag and drop)، بلکه باید دکمه را همراه با متن اطراف آن جابجا کنید.
در حین ویرایش، هنگامی که روی یک دکمه کلیک می‌کنید، می‌توانید گزینه‌های استایل‌دهی اضافی را در بازرس مشاهده کنید. همچنین می‌توانید نشانگر ماوس خود را روی دکمه‌ها ببرید تا آدرس لینکی که به آن متصل هستند و سایر دستورات را مشاهده نمایید.
توجه: این کار را زمانی انجام دهید که قبلاً PBS را نصب و فعال کرده‌اید و می‌خواهید آن را با یک فایل زیپ که از سایت دانلود کرده‌اید یا از طریق فایلی که با ایمیل برایتان ارسال کرده‌ایم، به‌روزرسانی کنید.
توجه: ما برای انجام به‌روزرسانی‌ها از افزونه دیگری استفاده می‌کنیم؛ این کار به ما اجازه می‌دهد PBS را بدون نیاز به حذف نصب اولیه آن، بلافاصله به‌روزرسانی کنیم.
به مسیر افزونه‌ها > افزودن بروید، سپس در کادر جستجو، افزونه «Easy Theme and Plugin Upgrades» را جستجو کنید
پس از پیدا کردن افزونه، آن را نصب و فعال کنید.
پس از فعال‌سازی افزونه Easy Theme and Plugin Upgrades، دوباره به مسیر افزونه‌ها > افزودن بروید، سپس روی دکمه بارگذاری افزونه در بالای صفحه کلیک کنید:
فایل زیپ Page Builder Sandwich را انتخاب و نصب کنید،
تمام شد. اکنون نسخه جدید PBS را در اختیار دارید.
| نسخه لایت | با استایل‌دهی محدود در دسترس است |
| نسخه پرمیوم | تمامی امکانات در دسترس است
|
روی المان نقشه کلیک کنید تا یک نقشه به صفحه خود اضافه نمایید. هر زمان که المان نقشه انتخاب شود، اینسپکتور باید تنظیمات نقشه را نمایش دهد. شما می‌توانید مختصات عرض و طول جغرافیایی یا یک آدرس را در فیلد موقعیت مکانی در اینسپکتور وارد کنید تا نقشه شما روی آن منطقه متمرکز شود. گزینه‌های استایل‌دهی دیگری نیز در آنجا در دسترس هستند.
شما همچنین می‌توانید با جابه‌جا کردن یا بزرگ‌نمایی/کوچک‌نمایی نقشه، المان نقشه را بیشتر تغییر دهید. توجه داشته باشید که تغییرات شما روی نقشه بر روی المان اعمال خواهد شد.
برای کاربران نسخه پرمیوم، می‌توانید با انتخاب یک رنگ برای تغییر ته‌رنگ، به نقشه خود استایل دهید؛ گزینه دیگر استفاده از snazzymaps.com برای ایجاد طرح‌های رنگی و سپس استفاده از آنها است. از SnazzyMaps می‌توان برای ایجاد طرح‌های رنگی مشابه این مورد استفاده کرد: https://snazzymaps.com/style/20053/papuportal-dark برای استفاده از این طرح‌های رنگی، Javascript style array را درون اینسپکتور کپی کنید.
ارتفاع نقشه قابل تنظیم است، با این حال عرض نقشه قابل تنظیم نیست و همیشه به حداکثر عرض موجود تغییر اندازه می‌دهد. برای تغییر اندازه آن، نقشه‌های خود را درون سطرها و ستون‌ها قرار دهید. همچنین می‌توانید نقشه‌ها را طوری تنظیم کنید که تمام عرض مرورگر را اشغال کنند.
شما می‌توانید از ماوس خود برای قرار دادن سریع مکان‌نما در بخش‌های مختلف محتوا یا انتخاب عناصر مختلف استفاده کنید.
همچنین می‌توانید از کلیدهای جهت‌نما روی صفحه‌کلید خود برای جابجایی مکان‌نما در سراسر محتوا استفاده کنید. می‌توانید از این ویژگی برای رفتن به بالا یا پایین سطرها استفاده نمایید.
هنگام کار با سطرها و ستون‌ها، می‌توانید روی لبه‌های سطرها کلیک کنید تا محتوایی را دقیقاً قبل یا بعد از سطر خود اضافه کنید. این مورد به‌ویژه زمانی مفید است که چندین سطر درون یکدیگر دارید و می‌خواهید مقداری محتوا بین آنها اضافه نمایید.
اگر نمی‌توانید دکمه «ویرایش با Page Builder Sandwich» را در بخش کاربری سایت خود مشاهده کنید، چند مورد وجود دارد که می‌توانید امتحان کنید:
دکمه ویرایش PB Sandwich در نوار مدیریت بخش کاربری سایت شما در دسترس است. با رفتن به بخش مدیریت و مراجعه به کاربران > شناسنامه شما مطمئن شوید نوار مدیریت قابل مشاهده است و دوباره بررسی کنید که گزینه نمایش نوار ابزار هنگام مشاهده سایت تیک خورده باشد.
فقط نوشته‌ها، برگه‌ها و انواع پست سفارشی در بخش کاربری قابل ویرایش هستند. شما تنها زمانی می‌توانید موارد را در بخش کاربری ویرایش کنید که امکان ویرایش آنها را با استفاده از ویرایشگر محتوای وردپرس در بخش مدیریت داشته باشید. سایر بخش‌های سایت شما – مانند فهرست نوشته‌های وبلاگ در صفحه اصلی، فهرست همه نوشته‌های وبلاگ، فهرست دسته‌بندی‌ها، برگه‌های ۴۰۴، برگه‌های جستجو – صفحاتی پویا هستند که توسط وردپرس به همراه قالبی که استفاده می‌کنید ساخته شده‌اند و با PB Sandwich قابل ویرایش نیستند.
یکی از نشانه‌های قابل ویرایش بودن صفحه وب فعلی این است که بتوانید دکمه «ویرایش نوشته» یا «ویرایش برگه» را در نوار مدیریت خود ببینید.
اگر برگه/نوشته شما به صورت پویا توسط یک قالب یا افزونه ایجاد شده باشد، با Page Builder Sandwich (و به احتمال زیاد در سایر صفحه‌سازها نیز) قابل ویرایش نخواهد بود. اگر متوجه شدید که ویرایشگر محتوای شما در بخش مدیریت خالی است، اما هنگام مشاهده برگه در فرانت‌اند پر از محتواست، این نشانه خوبی از پویایی تولید محتوای صفحه شما است.
برای بررسی اینکه آیا برگه شما به صورت پویا تولید شده است یا خیر، سورس صفحه وب خود را مشاهده کنید (راست‌کلیک کرده و سپس «View Page Source» را انتخاب کنید). عبارت «pbs-main-wrapper» را جستجو کنید؛ اگر این عبارت را در هیچ کجایی پیدا نکردید، برگه شما به صورت پویا تولید شده است.
در اینجا چند نمونه از محتوای تولیدشده به صورت پویا آورده شده است:
مواردی وجود داشته که در صورت خالی بودن محتوا، قالب اصلاً آن را نمایش نداده و این باعث شده PBS به اشتباه تصور کند برگه غیرقابل ویرایش است. برای بررسی این موضوع، برگه/نوشته خود را در ویرایشگر بخش مدیریت ویرایش کنید، متنی دلخواه در محتوای خود بنویسید (مثلاً «سلام»)، سپس از آنجا روی دکمه «ویرایش با Page Builder Sandwich» کلیک کنید.
با تشکر از Mathias Hellquist بابت این نکته!
برخی از صفحه‌سازها شما را مخیر می‌کنند که یا از ویرایشگر پیش‌فرض محتوای وردپرس استفاده کنید، یا از ویرایشگر اختصاصی خودِ صفحه‌ساز. اگر قبلاً برگه خود را با صفحه‌ساز دیگری ویرایش کرده‌اید، ممکن است آن صفحه‌ساز محتوا را در انحصار خود گرفته باشد و دیگر هوک‌ها/فیلترهای محتوا نتوانند اجرا شوند. به همین دلیل، گاهی اوقات Page Builder Sandwich قادر به تشخیص محل محتوای شما نخواهد بود و دکمه ویرایش را نشان نمی‌دهد چون چیزی برای ویرایش پیدا نمی‌کند.
برای رفع این مشکل، کافی است استفاده از آن صفحه‌ساز را برای آن برگه/نوشته خاص غیرفعال کنید و فقط ویرایشگر پیش‌فرض محتوای وردپرس را به کار ببرید.
مطمئن شوید دسترسی‌های ویرایش برگه را دارید
اگر دسترسی لازم برای ویرایش برگه را نداشته باشید، دکمه ویرایش ظاهر نخواهد شد. برای مثال، اگر ویرایشگر یا مشارکت‌کننده هستید و می‌توانید نوشته‌ها و مقالاتی در سایت بنویسید، این لزوماً به این معنی نیست که می‌توانید صفحه اصلی یا صفحه تماس با ما را ویرایش کنید. اگر دکمه «ویرایش نوشته» را در نوار مدیریت می‌بینید، باید بتوانید آن را با PB Sandwich نیز ویرایش کنید. در صورت نیاز به اختیارات ویرایش، از مدیر سایت خود درخواست کنید.
افزونه PB Sandwich به‌طور گسترده از جاوا اسکریپت استفاده می‌کند. اگر خطاهای جاوا اسکریپتی ناشی از سایر اسکریپت‌های موجود در سایت وجود داشته باشد، این موضوع ممکن است از کارکرد PB Sandwich جلوگیری کند. برای بررسی این موضوع، می‌توانید کنسول توسعه‌دهنده مرورگر خود را برای یافتن خطاها باز کنید.
برای این کار استفاده از کروم را توصیه می‌کنم. روی هر قسمتی از صفحه راست‌کلیک کرده و سپس گزینه «Inspect» را انتخاب کنید. با این کار بخش جدیدی در پایین مرورگر باز می‌شود، روی تب «console» کلیک کنید. اگر خطایی وجود داشته باشد، با چیزی شبیه به این مواجه می‌شوید:
اگر خطایی وجود دارد، می‌توانید با کلیک کردن یا نگه داشتن ماوس روی نام اسکریپت سرنخی از منبع ایجاد آن به دست آورید:
این خطاها ممکن است از قالب یا سایر افزونه‌های فعال ناشی شوند. برطرف کردن این خطاها می‌تواند باعث عملکرد مجدد PB Sandwich شود.
اگر قالب یا یکی از افزونه‌های شما باعث بروز خطای جاوا اسکریپت شده است، لطفاً از طریق ایمیل به آدرس [email protected] به ما اطلاع دهید و ما تمام تلاش خود را برای رفع مشکل انجام خواهیم داد 🙂
کلودفلر یک CDN و DNS رایگان و بسیار پرکاربرد است. عالی است، اما PBS در حال حاضر با قابلیت Rocket Loader مشکل دارد. قابلیت Rocket Loader زمان بارگذاری فایل‌های جاوا اسکریپت را بهبود می‌بخشد، اما ترتیب وابستگی و فراخوانی اسکریپت‌های PBS را به هم می‌ریزد. اگر Rocket Loader روشن باشد، دکمه ویرایش Page Builder Sandwich ظاهر نخواهد شد (و هیچ خطایی نیز در کنسول جاوا اسکریپت نمایش داده نمی‌شود).
برای بررسی اینکه آیا سایت شما از Rocket Loader کلودفلر استفاده می‌کند یا خیر، سورس صفحه وب خود را مشاهده کنید (راست‌کلیک کرده و سپس «View Page Source» را انتخاب کنید) و سپس عبارت «rocketscript» را جستجو کنید؛ اگر این عبارت را پیدا کردید، یعنی Rocket Loader روشن است.
برای دریافت راهنمای کامل نحوه خاموش کردن آن، مقاله سازگاری CloudFlare و Rocket Loader را مطالعه کنید.
بسیار خب، در این مرحله اگر هیچ‌یک از راه‌حل‌های بالا کارساز نبود، وقت آن رسیده است توضیح دهیم چرا نمایش داده نمی‌شود و در این باره چه کاری باید انجام داد. آماده‌اید؟ بزن بریم!
افزونه Page Builder Sandwich باید بداند محتوای برگه/نوشته شما کجا قرار دارد. ما این کار را با شناسایی زمان بارگذاری محتوای نوشته توسط وردپرس و «علامت‌گذاری» آن ناحیه انجام می‌دهیم تا پس از بارگذاری کامل بتوانیم محل بخش‌های اصلی را پیدا کنیم.
گاهی اوقات، برخی افزونه‌ها این فرآیند را لغو یا دور می‌زنند و در عوض تلاش می‌کنند محتوا را به روش خودشان بارگذاری کنند. این کار گاهی مشکلی ایجاد نمی‌کند، اما در شرایط خاص، به‌ویژه هنگام بارگذاری محتوای نوشته اصلی، ممکن است موجب اختلال در عملکرد برخی افزونه‌ها شود. وقتی افزونه دیگری این فرآیند بارگذاری را دور می‌زند، «علامت‌گذاری‌های» انجام‌شده ممکن است از دست بروند و زمانی که نوبت به فعال شدن ویرایشگر می‌رسد، دیگر نمی‌تواند محل محتوای شما را پیدا کند. در نتیجه، دکمه ویرایش ظاهر نمی‌شود! همچنین ممکن است متوجه شوید برخی افزونه‌هایی که محتوا به برگه اضافه می‌کنند (مانند افزونه‌های اشتراک‌گذاری در شبکه‌های اجتماعی) دقیقاً به همین دلیل از کار می‌افتند.
افزونه Page Builder Sandwich نیاز دارد بداند محتوای برگه/نوشته شما کجاست، و این کار را با هوک شدن به فیلتر the_content و افزودن یک پوشش (wrapper) به دور محتوای اصلی انجام می‌دهد. برخی افزونه‌ها ممکن است این روند را بازنویسی کرده و در ادامه با تابع get_the_content() محتوا را جایگزین کنند. متأسفانه، این کار مانع از فراخوانی تمام فیلترهای the_content می‌شود و در نتیجه پوشش PBS از بین می‌رود. هرگونه تغییر افزونه‌های دیگر نیز به همین ترتیب نادیده گرفته خواهد شد.
استفاده از get_the_content() به خودی خود مشکلی ندارد، اما اگر به جای فراخوانی معمول the_content() که همه فیلترهای the_content در آن اجرا می‌شوند، در کوئری اصلی و داخل برگه قالب نوشته تکی استفاده شود، می‌تواند آثار نامطلوبی داشته باشد.
با مشاهده برگه/نوشته خود در بخش کاربری و مشاهده سورس صفحه در حالی که وارد حساب شده‌اید، می‌توانید بررسی کنید که آیا «علامت‌گذاری‌های» Page Builder Sandwich وجود دارند یا خیر. در میان خطوط کد به دنبال رشته زیر بگردید:
data-name="main-content"
اگر آن را پیدا کردید، پس احتمالاً فقط یک مشکل جاوا اسکریپت در جایی وجود دارد؛ فقط کافی است قالب و افزونه‌های مورد استفاده خود را به ما اطلاع دهید تا مشکل را برطرف کنیم.
اما اگر آن را پیدا نکردید، احتمالاً قالب شما (یا یک افزونه، اما اگر یک برگه یا نوشته وبلاگ باشد احتمالاً قالب است) تغییراتی روی محتوای نوشته اعمال می‌کند. اگر چنین است، باید با توسعه‌دهنده قالب تماس گرفته و مشکل را به آنها اطلاع دهید! همچنین می‌توانید توضیح فنی بخش «چرا» در بالا را به آنها نشان دهید، این کار به عیب‌یابی کمک خواهد کرد 🙂
اگر در دستکاری کدهای PHP مهارت دارید، می‌توانید با پیدا کردن فایل قالبی که محتوای نوشته را مدیریت می‌کند، آن را برطرف کنید. یکی از راه‌حل‌هایی که با آن مواجه شده‌ایم، جایگزینی فراخوانی‌های مربوط به:
$content = get_the_content();
با کدهای زیر است:
ob_start(); the_content(); $content = ob_get_clean();<br>
توجه: نام متغیر PHP ممکن است در قالب شما متفاوت باشد، اما ساختار کلی یکسان است. اگر کار کرد، بهتر است به جای اعمال مستقیم این تغییر در قالب اصلی، یک قالب فرزند (child theme) بسازید. همچنین ممکن است این تغییر عوارض جانبی داشته باشد، بنابراین بهتر است در این خصوص با توسعه‌دهنده قالب خود مشورت کنید.
افزونه Page Builder Sandwich مانند صفحه‌سازهای معمول شما نیست، بدون پیچیدگی و استفاده از آن ساده است.
می‌توانید ویدیوی زیر را برای یک راهنمای سریع مشاهده کنید.
ابتدا یک برگه، نوشته یا CPT جدید ایجاد کنید. سپس نوشته جدید یا هر نوشته موجود را در فرانت‌اند خود مشاهده کنید. PBS کاملاً ۱۰۰٪ تحت فرانت‌اند است، نیازی نیست در بک‌اند سردرگم شوید.
باید یک دکمه «Page Builder Sandwich» در بالای برگه شما (روی نوار مدیریت) وجود داشته باشد، برای شروع ویرایش روی آن کلیک کنید. خواهید دید که بخش قالب‌بندی متن از بالا ظاهر می‌شود و پنل افزودن عناصر از کنار باز می‌شود. اکنون ناحیه محتوای قالب شما ویرایشگرتان است!
با PBS فقط می‌توانید صفحات تکی را ویرایش کنید. نمی‌توانید لیست نوشته‌های وبلاگ یا برگه 404 را ویرایش کنید زیرا این‌ها توسط قالب شما ایجاد می‌شوند. نوشته‌ها، برگه‌ها و انواع پست‌های سفارشی (CPT) قابل ویرایش هستند.
حالا بخش جذاب ماجرا فرا می‌رسد.. به محض اینکه در فرانت‌اند و داخل ویرایشگر قرار گرفتید، روی هر متنی در محتوای خود کلیک کنید یا درون ناحیه محتوایتان کلیک کرده و شروع به تایپ کنید! برخلاف سایر صفحه‌سازها، PBS به شما امکان می‌دهد بدون نیاز به باز کردن پنجره‌های بازشو (پاپ‌آپ)، محتوا را مستقیماً ویرایش کنید.
هنگام ویرایش، ناحیه بالای صفحه نوار قالب‌بندی متن (Text Formatting Bar) نامیده می‌شود. این نوار شامل تمام ابزارهای قالب‌بندی است که برای استایل دادن به متن استفاده خواهید کرد؛ مانند: رنگ‌ها، ضخیم (بولد)، کج (ایتالیک)، چینش، افزودن پیوندها، فهرست‌های نشانه‌دار و موارد دیگر. با نگه داشتن نشانگر ماوس روی هر دکمه، عملکرد آن ابزار را متوجه خواهید شد.
نشانگر ماوس خود را روی دکمه Add Elements در گوشه بالا سمت چپ صفحه نگه دارید تا پنل افزودن عنصر (Add Element Panel) نمایش داده شود. همچنین می‌توانید به سادگی ماوس خود را به سمت چپ صفحه ببرید تا ظاهر شود.
برای درج هر عنصر، کلیک ماوس را روی آن نگه دارید، سپس آن را به درون ناحیه محتوای خود بکشید. ناحیه‌ای که عنصر در آن قرار می‌گیرد برجسته و متمایز می‌شود. دکمه ماوس خود را رها کنید تا عنصر قرار بگیرد.
ماوس خود را روی هر عنصری که در محتوای خود دارید ببرید تا کادر دور و نوارهای ابزار روی آنها نمایش داده شوند.
می‌توانید ماوس خود را روی لبه‌های کادر ببرید تا فاصله‌ها (margins) بین عناصر را افزایش یا کاهش دهید.
همچنین می‌توانید روی دکمه‌ای در نوار ابزار کلیک کنید تا اقدامات سریعی روی عنصر انجام دهید. کلیک بر روی نماد چرخ‌دنده در نوار ابزار، بازرس ویژگی‌ها (Properties Inspector) را باز می‌کند که شامل گزینه‌های بیشتری است.
بازرس ویژگی‌ها کنترل بیشتری بر ظاهر عناصر به شما می‌دهد. می‌توانید موارد زیادی مانند سایه‌ها، انیمیشن‌ها، تغییر رنگ‌های نقشه، گردی گوشه‌ها (border radius) و موارد بسیار دیگری را اضافه کنید.
همچنین می‌توانید به ویژگی‌های عناصر والد دسترسی پیدا کنید. به عنوان مثال، اگر تصویری را درون یک ستون قرار داده باشید و بازرس ویژگی‌ها را باز کنید، می‌توانید به ویژگی‌های تصویر، ستونی که تصویر درون آن قرار دارد و سطری که ستون درون آن قرار دارد دسترسی داشته باشید.
بازرس ویژگی‌ها شامل تنظیمات بسیار متفاوتی برای عناصر مختلف است، بنابراین حتماً همه آنها را بررسی کنید.
افزونه Page Builder Sandwich کدهای کوتاه واقعی را در فرانت‌اند به شما نشان می‌دهد و شما می‌توانید آنها را به راحتی نیز ویرایش کنید!
اگر کدهای کوتاه خود را حفظ کرده‌اید، می‌توانید با تایپ مستقیم آنها در محتوای خود، کدهای کوتاه را درج کنید. اما اگر همه آنها را حفظ نیستید (چه کسی حفظ می‌کند؟)، بخش بازرس تمام کدهای کوتاه موجود در سایت شما را فهرست می‌کند. یک دکمه Shortcode را از بازرس به درون ناحیه محتوای خود بکشید و موردی را که می‌خواهید درج کنید پیدا کرده و برای درج روی آن کلیک کنید.
کدهای کوتاه در فرانت‌اند به محتوای واقعی تبدیل می‌شوند، برای ویرایش آنها می‌توانید انتخابشان کنید و مشخصات آنها را در بازرس بررسی نمایید. یا برای کنترل بیشتر، می‌توانید روی کد کوتاه دوبار کلیک کنید تا آن را به صورت متنی خام ویرایش کنید. پس از انجام ویرایش‌ها، کد کوتاه شما برای اعمال تغییرات به‌روزرسانی می‌شود.
با PBS می‌توانید هر چیزی را کلیک کرده و بکشید و به هر جایی منتقل کنید. هنگامی که چیزی را می‌کشید، آن را روی عنصر دیگری در صفحه حرکت دهید؛ می‌توانید آنها را در بالا یا پایین هر محتوای دیگری قرار دهید.
ذخیره کار شما
هنگامی که از طراحی خود راضی بودید، فقط روی دکمه ذخیره در بالا سمت چپ صفحه خود کلیک کنید. همین!
پیج بیلدر ساندویچ (Page Builder Sandwich) شبیه به صفحه‌سازهای معمول شما نیست، کار با آن بسیار ساده و سرراست است.
برای آشنایی سریع می‌توانید ویدیوی زیر را مشاهده کنید.
ابتدا یک برگه، نوشته یا CPT جدید ایجاد کنید. سپس نوشته جدید خود یا هر نوشته موجودی را در فرانت‌اند مشاهده کنید. PBS کاملاً در فرانت‌اند است و نیازی نیست در بک‌اند سردرگم شوید.
باید دکمه‌ای با عنوان «Page Builder Sandwich» در بالای صفحه شما (روی نوار مدیریت) وجود داشته باشد، روی آن کلیک کنید تا ویرایش آغاز شود. باید کادر فرمت‌بندی متن از بالا و پنل افزودن المان‌ها از کنار ظاهر شوند. اکنون بخش محتوای قالب شما همان ویرایشگرتان است!
با PBS فقط می‌توانید صفحات تکی را ویرایش کنید. شما نمی‌توانید فهرستی از نوشته‌های وبلاگ یا یک صفحه ۴۰۴ را ویرایش کنید، زیرا آنها توسط قالب شما ایجاد می‌شوند. نوشته‌ها، برگه‌ها و انواع پست سفارشی مشکلی ندارند.
حالا نوبت به بخش شگفت‌انگیز می‌رسد.. به محض اینکه در فرانت‌اند و داخل ویرایشگر قرار گرفتید، روی هر متنی در محتوای خود کلیک کنید یا داخل ناحیه محتوا کلیک کرده و شروع به تایپ کنید! برخلاف سایر صفحه‌سازها، PBS به شما امکان می‌دهد بدون نیاز به باز کردن پنجره‌های پاپ‌آپ، مستقیماً محتوا را ویرایش کنید.
در حین ویرایش، ناحیه بالای صفحه نوار فرمت‌بندی متن نامیده می‌شود. این نوار شامل تمام ابزارهای فرمت‌بندی است که برای استایل‌دهی به متن استفاده خواهید کرد، مانند: رنگ‌ها، پررنگ کردن (Bold)، مورب کردن (Italic)، ترازها، افزودن پیوند، لیست‌های نشانه‌دار و موارد دیگر. ماوس را روی هر دکمه ببرید تا کاربرد آن ابزار را متوجه شوید.
ماوس خود را روی دکمه افزودن المان‌ها (Add Elements) در بالا سمت چپ صفحه ببرید تا پنل افزودن المان نمایش داده شود. همچنین می‌توانید تنها ماوس خود را به سمت چپ صفحه ببرید تا ظاهر شود.
برای درج هر المانی، کلیک ماوس را روی آن نگه داشته و سپس آن را به ناحیه محتوای خود بکشید. ناحیه‌ای که المان در آن قرار می‌گیرد برجسته (هایلایت) می‌شود. دکمه ماوس را رها کنید تا المان در جای خود قرار گیرد.
ماوس خود را روی هر المانی که در محتوای خود دارید ببرید تا کادرهای راهنما و نوارهای ابزار روی آنها ظاهر شوند.
می‌توانید ماوس را روی لبه‌های کادرها ببرید تا فواصل (مارجین‌ها) بین المان‌ها را افزایش یا کاهش دهید.
همچنین می‌توانید روی دکمه‌ای در نوار ابزار کلیک کنید تا عملیات سریعی را روی المان انجام دهید. کلیک روی نماد چرخ‌دنده در نوار ابزار، بازرس ویژگی‌ها (Properties Inspector) را باز می‌کند که شامل گزینه‌های بیشتری است.
بازرس ویژگی‌ها کنترل بیشتری بر ظاهر المان‌ها به شما می‌دهد. می‌توانید موارد زیادی مانند سایه‌ها، انیمیشن‌ها، تغییر رنگ نقشه، گردی گوشه‌ها و موارد بسیار دیگری را اضافه کنید.
همچنین می‌توانید به ویژگی‌های والد المان دسترسی پیدا کنید. برای مثال، اگر تصویری را درون یک ستون قرار داده و بازرس ویژگی‌ها را باز کنید، می‌توانید به ویژگی‌های تصویر، ستونی که تصویر درون آن قرار دارد و سطری که ستون را در خود جای داده است دسترسی داشته باشید.
بازرس ویژگی‌ها شامل تنظیمات بسیار متفاوتی برای المان‌های مختلف است، بنابراین حتماً همه آنها را بررسی کنید.
پیج بیلدر ساندویچ شورت‌کدهای واقعی را در فرانت‌اند به شما نمایش می‌دهد، و شما می‌توانید به آسانی آنها را ویرایش کنید!
اگر شورت‌کدهای خود را حفظ کرده‌اید، می‌توانید با تایپ مستقیم آنها در محتوا، شورت‌کدها را درج کنید. اما اگر همه آنها را حفظ نکرده‌اید (چه کسی حفظ می‌کند؟)، بازرس تمام شورت‌کدهای موجود در سایت شما را فهرست می‌کند. دکمه Shortcode را از بازرس به ناحیه محتوای خود بکشید و موردی را که می‌خواهید درج کنید پیدا کرده و روی آن کلیک کنید تا اضافه شود.
شورت‌کدها در فرانت‌اند به محتوای واقعی تبدیل (رندر) می‌شوند، برای ویرایش آنها می‌توانید شورت‌کد را انتخاب کرده و ویژگی‌های آن را در بازرس بررسی کنید. یا برای کنترل بیشتر، می‌توانید روی شورت‌کد دوبار کلیک کنید تا آن را به شکل خام ویرایش نمایید. پس از اعمال ویرایش‌ها، شورت‌کد شما به‌روزرسانی می‌شود تا تغییرات را منعکس کند.
با PBS می‌توانید هر چیزی را کلیک کرده و بکشید و به هر جایی منتقل کنید. هنگامی که المانی را می‌کشید، آن را به بالای المان دیگری در صفحه ببرید؛ می‌توانید آن را در بالا یا پایین هر محتوای دیگری قرار دهید.
ذخیره کار شما
زمانی که از طرح خود راضی بودید، کافی است روی دکمه ذخیره در بالا سمت چپ صفحه کلیک کنید. تمام!
افزونه لایت و افزونه پرمیوم دو افزونه متفاوت هستند. برای استفاده از ویژگی‌های پرمیوم، باید نسخه لایت را غیرفعال (یا حذف) کنید، سپس افزونه پرمیوم را نصب و فعال کنید و سپس کلید لایسنس خود را وارد نمایید.
توجه: اگر هر دو افزونه لایت و پرمیوم را هم‌زمان فعال کنید، افزونه به شما اعلام می‌کند که قبل از ادامه، ابتدا افزونه‌ای که دارید را غیرفعال کنید.
یادداشت برای مشتریانی که PBS را از pagebuildersandwich.com خریداری کرده‌اند: همچنین می‌توانید افزونه را از سایت دانلود کنید، کلید لایسنس فعلی که دارید همچنان باید کار کند. اگر کار نمی‌کند، لطفاً با ما تماس بگیرید تا بتوانیم یک کلید جدید برای شما صادر کنیم.
پس از خرید PBS، ایمیلی حاوی دو مورد دریافت خواهید کرد:
افزونه پرمیوم را نصب و فعال کنید، سپس باید این صفحه برای شما نمایش داده شود:
کلید لایسنس خود را اینجا وارد کرده و روی Agree & Activate License کلیک کنید. اکنون ویژگی‌های پرمیوم در دسترس خواهند بود.
همچنین، می‌توانید به صفحه افزونه‌های خود بروید و افزونه Page Builder Sandwich را در لیست پیدا کنید:
روی پیوند Activate License کلیک کنید، و از آنجا قادر خواهید بود لایسنس خود را وارد کنید.
شما فقط می‌توانید صفحات یا نوشته‌های تکی را با استفاده از Page Builder Sandwich ویرایش کنید. این‌طور در نظر بگیرید، اگر در پیشخوان بخشی برای «نوشته تازه» همراه با ویرایشگر محتوا برای آن وجود داشته باشد، می‌توانید آن را با Page Builder Sandwich ویرایش کنید.
شما باید بتوانید محتوای هر نوع پست سفارشی را ویرایش کنید.
ما اطمینان حاصل کرده‌ایم که Page Builder Sandwich تأثیری نزدیک به صفر بر عملکرد وب‌سایت شما داشته باشد. در صورت خروج از حساب کاربری، در کمترین حالت، تنها استایل‌های CSS سطر و ستون، به همراه اسکریپت‌های JS و CSS لازم برای کدهای کوتاهی که استفاده کرده‌اید، در صف بارگذاری قرار می‌گیرند.
برای بازدیدکنندگان وب‌سایت شما، در کمترین حالت، تنها استایل‌های CSS سطر و ستون، به همراه اسکریپت‌های JS و CSS لازم برای کدهای کوتاهی که استفاده کرده‌اید قرار داده می‌شوند.
ما اخیراً اصلاحاتی را در رابطه با مشکل سازگاری ناشی از فعال بودن هم‌زمان افزونه‌های Page Builder Sandwich و IMPress for IDX Broker اعمال کردیم؛ این مسئله باعث بروز خرابی در فرانت‌اند برای کاربران واردشده شده بود.
این اصلاح عملکرد PBS را مجدداً بازیابی کرد، اما مجبور شدیم قابلیت درج ابزارک IDX Broker در داخل ویرایشگر را حذف کنیم. با وجود این، ابزارک IDX Broker همچنان در منوی نمایش > ابزارک‌ها قابل استفاده است.
برای اینکه بتوانید سریع‌تر کار کنید، می‌توانید از کلیدهای میانبر مختلف ارائه‌شده در Page Builder Sandwich استفاده کنید.
این‌ها میانبرهایی برای دستورات غیرقالب‌بندی/ابزار هستند. برای کلیدهای میانبر قالب‌بندی/ابزار، نشانگر ماوس خود را روی هر دکمه در نوار قالب‌بندی متن نگه دارید تا ترکیب کلید میانبر آنها را مشاهده کنید.
| کلید میانبر | توضیحات |
| CTRL+E (در حالت غیر ویرایش) | شروع ویرایش |
| CTRL+SHIFT+R (هنگام ویرایش) | بارگذاری مجدد صفحه (زیرا CTRL+R برای راست‌چین کردن استفاده می‌شود) |
| CTRL+S | ذخیره تغییرات |
| CTRL+ESC | لغو تغییرات و توقف ویرایش |
| CTRL+C | کپی |
| CTRL+V | چسباندن |
| CTRL+X | برش |
| CTRL+ENTER | شکستن خط / سطر بعدی |
| CTRL+Z | واگرد (Undo) |
| CTRL+SHIFT+Z (مک) CTRL+Y (رایانه شخصی) |
از نو (Redo) |