Page Builder Sandwich

קבלו את PBS Pro

בלוג

  • כיצד להוסיף קודי קיצור מותאמים אישית ב-Page Builder Sandwich

    כיצד להוסיף קודי קיצור מותאמים אישית ב-Page Builder Sandwich

    From the word itself, the word shortcode means exactly that: A short code; a shortcut code.

    שורטקודים (קודים קצרים) מאפשרים לך להוסיף דברים לאתר שלך (כמו ווידג'טים, למשל), מבלי שתצטרך להוסיף מקטעי קוד ענקיים כפי שמפתחים עושים בדרך כלל.

    לדוגמה, קטע קוד רגיל, מבחינת אורך, כנראה ייראה בערך כך:

    <html>Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Etiam id aliquam turpis. Vivamus quis arcu tincidunt, finibus urna eget, placerat risus.

Aliquam arcu massa, finibus et lacinia sed, scelerisque nec augue. Quisque eu viverra sapien, vel consequat lorem. Integer vel erat tortor.

Phasellus condimentum magna eget congue venenatis. Suspendisse blandit vehicula consectetur.

Nullam sodales eleifend massa, in bibendum purus fermentum id.

Morbi et turpis feugiat, malesuada ipsum sit amet, interdum nulla. In non ante nec nisl mattis gravida sit amet id lectus.

</html>​

    לשם הדוגמה הזו, בואו נניח שקטע הקוד שלמעלה יאפשר לכם להוסיף פסקה שלמה של טקסט מציין מיקום מסוג Lorem Ipsum.

    Now, a shortcode with the same exact function as the code above will look something like this, in contrast:

    [lorem ipsum dolor estat]Lorem Ipsum[/lorem]​

    You can see how they’re miles different from each other in terms of length.

    עכשיו דמיינו ששני קטעי הקוד – הקטע המקורי והארוך, לעומת השורטקוד שמכיל רק את המילה "lorem", יעשו שניהם בדיוק את אותו הדבר: יוסיפו טקסט Lorem Ipsum.

    This is what shortcodes do. They make adding widgets, functions, and a bunch of other cool stuff easier for both ordinary WordPress users and developers alike.

    Where can I find shortcodes?

    אם יש לכם תוסף או ווידג'ט מועדפים, סביר להניח שיש להם שורטקוד זמין לשימושכם.

    Shortcodes Ultimate, for example, will let you choose from hundreds of shortcodes that you can use on Page Builder Sandwich (or anywhere, actually) by simply grabbing the shortcode of your choice from Shortcode Ultimate’s repository or documentation page.

    Adding Custom Shortcodes on PBS

    ב-Page Builder Sandwich, תוכלו להוסיף שורטקודים ישירות לעמוד שלכם פשוט על ידי הקלדה או העתקה-הדבקה שלו באזור התוכן שלכם.

    עשינו זאת למטה עם שורטקוד מ-Shortcodes Ultimate, כשהווספנו תיבת תוכן בעמוד ההדגמה של Page Builder Sandwich:

    Another thing you’ll find handy when using Page Builder Sandwich is our Shortcode Mapping feature.

    מאחד המאמרים הקודמים שלנו בנושא מיפוי שורטקודים (Shortcode Mapping), ההגדרה היא כדלקמן:

    Shortcode mapping is like letting Page Builder Sandwich memorize all the shortcodes available on your site: their names, descriptions, their attributes, and what each of these attributes do.

    חלק מזה אומר שאינכם צריכים עוד לחפש ידנית את השורטקודים שלכם בתיעוד או במאגרים המתאימים להם.

    כל עוד התוסף שכולל את השורטקוד מותקן באתר הוורדפרס שלכם, הוא יהיה זמין בקלות לשימוש ב-Page Builder Sandwich.

    So for example, if I wanted to add a WooCommerce shortcode on my page, all I have to do is make sure that it's installed on my WordPress site, like so:

    And then, to actually add the shortcode, I'll just go to my page, and drag and drop the Shortcode Element:

    Because we already have WooCommerce installed on our WordPress site, you can see that all of the shortcodes that are available on the WooCommerce plugin are already available on Page Builder Sandwich. This is what Shortcode Mapping is.

    You can also see on the upper left corner that the ACF (Advanced Custom Fields) and MailChimp shortcodes are available– because we have those instlled on our WordPress site, too.

    אז אם ברצונכם להוסיף שורטקודים מותאמים אישית, או שורטקודים שיצרתם בעצמכם, תוכלו לעשות זאת, כל עוד הם מותקנים באתר הוורדפרס שלכם.

    Here are some other helpful plugins that you can use to create your own custom shortcodes:

  • צרו אתר וורדפרס מדהים עם מבצעי בלאק פריידיי 2017 אלה

    Create WordPress Website With Black Friday Sale 2017 Deals Black Friday and Cyber Monday are coming in a couple of days (5 to be exact), but you’ll find that a bunch of websites have already started announcing their discount deals every which way. WordPress tools and plugins are definitely no exception.

    אז בעוד שעוד (יחסית) מוקדם, ריכזנו רשימה של המבצעים הטובים ביותר שמצאנו עבור בלאק פריידיי 2017 לוורדפרס, עם הפריטים החיוניים שאתם צריכים כדי לבנות אתר וורדפרס – והכול במסגרת התקציב שלכם.

    בלי להכביר מילים, הנה 5 כלים ותוספים בהנחה נדיבה שתזדקקו להם כדי לבנות את אתר הוורדפרס הבסיסי הראשון שלכם.

    Cloudways

    Cloudways is a managed cloud hosting platform that’s quick to start, easy to manage, and made to scale. It’s feature-rich, plus it lets you choose your server resources, allowing you to get your site up and running within minutes.

    Enter the coupon code HOLIDAY25 upon checkout to get a 25% discount on Cloudways for 3 months, valid until 28th November 2017.

    קבלו את הקופון שלכם מ-Cloudways

    Yoast SEO

    Yoast SEO is one of the most popular (if not most trusted) search optimization plugin for WordPress, and for good reason too. With over 7 million installs, it’s probably the most comprehensive SEO tool in the digital market, and their millions of users (ourselves included) can attest: you simply can’t go wrong with a plugin as functional as Yoast.

    While they haven’t announced this year’s Black Friday coupons yet, they’ve made an announcement in one of their articles that they’ll definitely having a sale on November 24 and 25.

    בדקו את Yoast SEO עכשיו!

    WP Rocket Cache

    WP Rocket offers a good range of caching functions, giving your site the performance boost that it needs. It’s a breeze to configure as well, so it’s great for beginners as it only requires minimal effort for setup.

    This year, they’re having their biggest sale yet: 35% off on ALL their licenses.

    קבלו קופון ל-WP Rocket

    Theme Discounts from WeDevs.com

    ‏WeDevs הוא אוסף של תוספים והרחבות וורדפרס מוצלחים במיוחד. יש להם קהילה חזקה למדי, והם קיימים מאז 2008. לכבוד בלאק פריידיי 2017 (ועונת החגים שבאה בעקבותיו השנה), הם הרכיבו רשימה של מבצעי חגים לוורדפרס, כולל שפע של הנחות וקופונים לתבניות WP מעולות.

    קבלו קופונים לערכות עיצוב

    BONUS RESOURCE: First Site Guide

    First Site Guide is a resource site and tool that contains easily accessible knowledge on how to create your first website, both on WordPress and off of it. It also has great infographics that guide you through the basics of blogging, design, and marketing as well. And best of all, you get this good share of site-building knowledge for free.

    בקרוב נפרסם גם מאמר הדרכה ליצירת דפי נחיתה, עם משאבים מעולים מ-First Site Guide, אז שווה לעקוב בשבועות הקרובים!

    עברו אל First Site Guide

    (And last but not least) Page Builder Sandwich!

    We definitely don’t want to miss out on all the fun. So this 2017, we’re giving you guys 33%-off on any license. Just use the promo code CYBERMONDAY33 upon checkout to start building your site today!

    Premium Single Site

    $39 $26.79

    קנו עכשיו

    Apply CYBERMONDAY33 upon checkout to save $13.20

    Premium Unlimited Sites

    $89 $60.29

    קנו עכשיו

    Apply CYBERMONDAY33 upon checkout to save $29.70

    So what are you waiting for? Grab these kick-ass WordPress deals now. After all, Black Friday only happens once a year. ?

  • כיצד להשתמש בשיווק בדוא"ל באמצעות Page Builder Sandwich

    כיצד להשתמש בשיווק בדוא"ל באמצעות Page Builder Sandwich

    כן, אפשר.

    The more important question, though, is how and why do you need to do it?

    My business is small. Can’t I just wing it?

    Email marketing has an average ROI of 3,800 percent. For every dollar invested, the average return is $38, according to Salesforce.

    In other words, it’s definitely something worth investing your time in.

    Because while there are tons of ways to market your products and capture leads– you can still try to make use of the less-popular cold call, for example– the most sure-fire way to connect and communicate with your target audience in the 21st century is through e-mail marketing.

    So if you’re running a business –any kind of business, whether small, big, online or otherwise– digital and e-mail marketing is an absolute must.

    Aside from cutting on costs (e-mail is free, after all), businesses rely on it not just because it’s been proven to be successful, but also because it yields results that are both measurable and flexible; you can track your audience’s responses to your e-mails, for example, or note how many clicks and opens your e-mail marketing campaigns get.

    How you can do it with Page Builder Sandwich

    There are lots of available software you can use to help you market your products and content digitally, like Hubspot’s E-mail Marketing Software, or Mailchimp, which gives you a management system that helps you create, organize, and analyze your newsletters.

    But did you know that using Sandwich, you can actually integrate some of the popular software mentioned via the Newsletter Element?

    The Newsletter Element (and how it works)

    You can find the Newsletter Element by hovering over to the Elements Inspector over to the left side of the screen, and selecting Newsletter from the bottom area.

    Using the Properties Inspector, you can also choose which newsletter integration you’d like to use with the Newsletter Element. For this exmple, we’re going to use MailChimp (highlighted in blue in the dropdown below).

    And, using the Input Field button, you can try to play around with the Newsletter Element’s settings as well, so you can change colors, customize success message options, and other settings, like so:

    By trying your hand at the different available settings for the Newsletter Element’s options, you can end up with something like this:

    Plus, with the help of our Pre-Designed Sections and other design tips, you can actually do a whole lot more.

    Other useful resources for e-mail marketing beginners

    • 11 Types of Marketing E-mails That Actually Generate a Response

    Conclusion

    While other noteworthy marketing trends still exist today, one thing’s for sure: E-mail marketing is definitely here to stay, and it's important that you utilize it when you can. Who knows? Through e-mail marketing, your business could just get that big break it's been looking for.

    Design in less time!

    Get access to Sandwich’s Pre-Designed Sections, Templates, and a whole lot more.

    Try Live Preview

  • Frontly API: הפיכת Frontly Builder לידידותי יותר למפתחים

    חדשות מעולות למפתחים: בגרסה הקרובה של Frontly, אנחנו סוף סוף משיקים את ה-API של Frontly.

    הוא כרגע עדיין בפיתוח, אך בקרוב תוכלו סוף סוף ליצור תוספים והרחבות עבור Frontly. כמובן, נשיק יחד איתו גם תיעוד API לחוויה חלקה ופונקציונלית יותר.

    אנחנו לא יכולים לחכות לראות את כל הדברים הנהדרים שתיצרו.

    Here’s a short list of some of the APIs we have so far:

    1. Text Formatting Bar API

    באמצעות ה-API של סרגל עיצוב הטקסט (Text Formatting Bar API), מפתחים יכולים להרחיב את הפונקציונליות של סרגל עיצוב הטקסט של Frontly. בעזרת זה, תוכלו להוסיף כפתורים/אפשרויות חדשים בסרגל עיצוב הטקסט.

    2. Add Element API

    API זה יאפשר לכם ליצור אלמנטים חדשים, ולהוסיף אותם לרשימת האלמנטים הקיימים בחלק האלמנטים (Elements) בצד שמאל של עורך התוכן.

    3. Inspector API

    ה-Inspector API יאפשר לכם ליצור, להוסיף או להסיר הגדרות ב-Properties Inspector של כל אלמנט.

    4. Text API

    ה-Text API יאפשר לכם לבצע שינויים בסגנונות טקסט, ובפרט את היכולת לשנות פורמטים של טקסט, לשנות צבעי רקע של טקסט ועוד.

    Developers! It’d be great if you could send over some suggestions

    These are just some of the basic APIs we have in store for you. We’re in the middle of creating more, but if you have any other ideas of APIs we can add to our console, just leave a comment below, or hit us up at [email protected]. We might just feature your suggestions in the upcoming Frontly release ?

  • כיצד Page Builder Sandwich שונה מכל השאר

    How-Page-Builder-Sandwich-Is-Different-from-the-Restישנם עשרות על גבי עשרות של בוני עמודים בחוץ, ואתם בטח שואלים את עצמכם: מה כל כך מיוחד ב-Page Builder Sandwich? למה שתרצו לטרוח להשתמש בו אם כבר יש לכם אחד בידיים?

    במאמר זה אמנה כמה תכונות מפתח ב-Page Builder Sandwich שהופכות אותו לייחודי, ולחובה מוחלטת הן עבור יוצרי תוכן והן עבור מעצבים. אם אינכם יודעים מהו בונה עמודים ומדוע אתם זקוקים לו, אל תדאגו, יש לנו כמה דברים שיכולים לעזור לכם.

    1. לא רק שתראו ייצוג חזותי של התוכן שלכם, אלא תראו ותערכו את התוכן האמיתי שלכם

    בבוני עמודים אחרים, רואים אזורים שרק מייצגים את התוכן שלכם. אתם בעיקר מסדרים את התוכן באמצעות בלוקים וצורות מלבניות, והתוצאה נראית יותר כמו שלד של איך שהתוכן שלכם ייראה בסופו של דבר בעמוד. הדבר גורם ללחיצה מתמדת על כפתור התצוגה המקדימה רק כדי לראות איך התוצאות ייראו.

    עם Page Builder Sandwich, כל העריכה מתבצעת בחזית האתר (front end) שלכם ואתם עורכים את התוכן שלכם ישירות לחוויה אמיתית של מה שאתה רואה זה מה שאתה מקבל.

    2. עריכה ישירה מהירה וקלה ללא כל חלונות הפופ-אפ המציקים האלה

    חלונות קופצים היו חלק בלתי נפרד מבוני עמודים. ברובם, אם ברצונכם לערוך משהו במבנה העמוד, בין אם זו כותרת, תווית כפתור או שורת תיאור קצרה, עליכם תחילה להמתין לפתיחת חלון קופץ ולבצע את השינויים בתוכו.

    הצבנו לעצמנו למטרה לצמצם למינימום את השימוש בחלונות קופצים באופן גורף ב-Page Builder Sandwich. על ידי הסרת החלונות הקופצים, עריכת כל תוכן נעשית קלה וחלקה יותר מאי פעם.

    העריכה מתבצעת בצורה ישירה ופשוטה – לוחצים על הטקסט כדי למקם שם את הסמן ומתחילים להקליד. כבר אין צורך להמתין לחלון קופץ שמכיל עורך TinyMCE כדי להתחיל בעריכה. החלק הטוב ביותר הוא שעדיין אפשר לגרור ולשחרר את התוכן שלכם ממקום למקום.

    חידוש נוסף שמסייע לעריכה נטולת טרחה הוא חלון המאפיינים (inspector) שנוכח תמיד. ה-inspector משמש כארגז הכלים ועורך המאפיינים שלכם. כלים לעיצוב התוכן שלכם: צבעי טקסט, כותרות, התאמות גודל גופן, שוליים חיצוניים, שוליים פנימיים, מסגרות, ציטוטים ועוד רבים אחרים נמצאים במרחק לחיצה קלה.

    Reused functionality

    3. שימוש חוזר בפונקציונליות מובנית של וורדפרס

    דבר נוסף שהבחנו בו בבוני עמודים אחרים הוא שלעתים קרובות הם ממציאים מחדש את הגלגל. חלקם מיישמים בוררי צבעים, מעלי תמונות, יוצרי גלריות וכלים שונים משלהם. כשלעצמו אין בזה שום דבר רע, אבל וורדפרס היא אוצר בלום של קטעי קוד, אז למה לא להשתמש בהם?

    וורדפרס היא פלטפורמה ענקית ונפלאה שמכילה המון כלים מגניבים שנבנו על ידי אינספור תורמים נהדרים. Page Builder Sandwich משתמש בפונקציונליות שכבר מובנית בוורדפרס ככל האפשר.

    במקום להשתמש בבורר צבעים משלנו, אנו משתמשים בבורר הצבעים Iris. במקום מעלה תמונות משלנו, אנו משתמשים במנהל המדיה. בנוסף יש גם את backbonejs, underscorejs, wp.hooks ו-wp.shortcode, כדי לציין עוד כמה סקריפטים שימושיים. אנו משתמשים בכולם, וזה הקל על חיינו וגם מוביל לבסיס קוד יציב יותר.

    שימוש חוזר בפונקציונליות של וורדפרס הוביל גם לכמה הפתעות מדהימות. לדוגמה, מאחר שהשתמשנו במנהל המדיה להכנסת תמונות, זו הייתה הפתעה נעימה שיכולנו כעת לטפל ישירות גם בגלריות של וורדפרס, ברשימות השמעה של וידאו ואודיו ובכתובות URL מרוחקות כבר מההתחלה. יכולנו גם פשוט להשתמש במנהל המדיה לביצוע עריכת תמונות, מה שחסך שעות של כאבי ראש מיותרים בפיתוח.

    4. ניווט וקיצורי מקלדת

    בבוני עמודים אחרים, העכבר הוא החבר שלכם. אתם גוררים ומשחררים איתו פריטים ולוחצים לחיצה כפולה כדי לערוך. אבל המקלדת זוכה לעתים קרובות להתעלמות.

    לדוגמה, בחלק מהבונים, לא ניתן לערוך בקלות טקסט פסקה/מקטע אחד מעל המקום שבו אתם עורכים, מכיוון שתצטרכו ללחוץ מחוץ לחלון קופץ וללחוץ כדי להיכנס לחלון חדש. ב-Page Builder Sandwich, אפשר לנווט באמצעות המקלדת. הקישו על מקשי החצים כדי לנווט בין חלקי התוכן שלכם, וזה עובד אפילו אם התוכן האחר שלכם תחוב בתוך שורה או עמודה אחרת.

    תכונה חשובה נוספת היא קיצורי המקלדת לביטול וביצוע מחדש. אולי בהתחלה הם לא נראים משמעותיים במיוחד, אבל תחשבו על זה: מה אם גררתם ושחררתם בטעות את התוכן שלכם במיקום הלא נכון? בחלק מבוני העמודים, תצטרכו לגרור אותו בחזרה למיקומו המקורי. ב-Page Builder Sandwich, גם ביטול פעולה וגם ביצוע מחדש עובדים. אז בין אם תרצו לתקן את מה שהקלדתם, או לשחזר לאחור תוכן שגררתם (או מספר פריטי תוכן שגררתם), פשוט הקישו על ביטול או ביצוע מחדש. ביטול וביצוע מחדש עובדים עבור תוכן שנגרר ושוחרר ואפילו עבור שינויי מאפיינים כמו גדלי גופנים ומרווחי שורות. זה הופך אותם לכלים רבי עוצמה בארסנל העריכה שלכם.

    Relaxing experience

    5. בונה עמודים אמיתי לחזית האתר – חוויית עריכה מרגיעה יותר ונטולת טרחה

    קו המחשבה שלנו במהלך הפיתוח הוא שעריכה בחזית האתר (front end) לא צריכה להרגיש כאילו אתם עדיין עורכים באמצעות כלי ניהול פנימיים (back end). זה לא אמור להרגיש כאילו הבונה נוצר במקור עבור ה-back end ואז הוסב לחזית האתר.

    בשורה התחתונה, מבחינתי, המאפיין המבדל העיקרי של Page Builder Sandwich הוא שבנינו אותו במטרה להיות בונה עמודי front end ״אמיתי״ – תפיסה מחודשת של האופן שבו עריכה בחזית האתר צריכה להיות.

  • רספונסיביות למובייל בגרסה 4.0 של PBS

    השגת רספונסיביות למובייל בצורה נכונה יכולה להיות מסובכת למדי, וכשמפשלים בזה, התוצאות בדרך כלל נוראיות. למעשה, אם עדיין לא שמעתם, גוגל אפילו התחילה להעניש אתרים שאינם מותאמים למובייל באפריל 2015. בקיצור, רספונסיביות למובייל היא עניין די גדול.

    אז מהי רספונסיביות למובייל?

    אתר נחשב רספונסיבי כאשר התכנים שלו מסוגלים להסתגל לגדלי מסך וכיווני תצוגה שונים בעת צפייה במכשירים שאינם מחשב שולחני. במילים פשוטות יותר, אם שדרגתם ל-PBS v4 ואתם רוצים לעצב או לבנות דף, לא אמורה להיות לכם בעיה לצפות בהם, בין אם אתם במחשב השולחני, בטלפון הנייד או בטאבלט.

    רספונסיביות בגרסה 4.0

    בעדכון האחרון שלנו, הצוות שלנו דאג שתכונת הצפייה במובייל החדשה של PBS תהפוך לחוויה חלקה ורספונסיבית יותר בסך הכל: כאשר טקסט, תמונות וכל תוכן אחר מסתגלים אוטומטית לרזולוציית המסך של המכשיר שלכם.

    כעת כל הכותרות מותאמות אוטומטית בהתאם לגודל המסך, כך שלא תסיימו עם אותיות ענקיות בעת צפייה באתר או בדף שנבנו ב-PBS בטלפונים ניידים. כדי להדגים זאת בצורה קצת יותר ברורה:

    צפייה באתר שלכם בגדלי מסך שונים

    כדי לעזור גם להבטיח שאתם יודעים כיצד הדף שלכם נראה במובייל, אפשרנו גם צפייה במובייל דרך המחשב השולחני. בדרך זו, אם תרצו לבדוק אם הדף שלכם נראה טוב או לא, אתם לא צריכים לעבור את הטרחה של מעבר פיזי מהטלפון (או הטאבלט) למחשב השולחני. כעת תוכלו פשוט לעבור הלוך ושוב בין גדלי המסך השונים בכל עת במהלך עיצוב הדף שלכם.

    יתרה מכך, כעת תוכלו גם לכוונן את הריווחים של האלמנטים שלכם באופן ספציפי עבור טאבלטים וטלפונים ניידים.

    אז מה אתם חושבים? בעד או נגד? האם יש תכונות נוספות שנוכל לשפר בכל הנוגע למובייל? ספרו לנו בקטע התגובות למטה!

  • עדכון מיתוג מחדש של Frontly מס' 1: העתקה והדבקה של פסקאות

    Over our past blog posts, we mentioned that PBS will be rebranding as Frontly, and that we’ll be changing and improving a lot of aspects for the better. One of these aspects is being able to use Frontly to experience a smoother, more intuitive page building experience that’s even better than PBS.

    אז בזמן שאנחנו עדיין הופכים את Frontly למושלם עבורכם, החלטנו לפרסם סדרת פוסטים כדי שתדעו בדיוק מה אתם הולכים לקבל ברגע ש-Frontly יגיע לשוק.

    Copy-paste blocks of text on Frontly

    עיצבנו את PBS בצורה כזו שכל פסקה שלכם היא אלמנט נפרד. העתקה והדבקה של טקסטים ארוכים מחלקת את הבחירה למקטעי טקסט נפרדים.

    What do we mean by this? Here’s an example to illustrate.

    בגרסה הנוכחית של PBS (זו שאתם משתמשים בה כעת), העתקה והדבקה של מספר שורות מפורקת למספר אלמנטי טקסט, מה שמקשה על הזזת קטעי טקסט ממקום למקום. הדבר מקשה על עריכת טקסט.

    כך שאם הייתי רוצה להעביר את הטקסט שזה עתה העתקתי והדבקתי לעמודה אחרת, זה היה קשה יותר כי הייתי צריך לגרור את השורות אחת אחת.

    This is something we’re definitely addressing with Frontly.

    This is a small test page Benjamin made for Frontly. Here, you’ll see that we copy-pasted the same paragraph we tried to copy-paste on PBS. Only this time, everything is retained in a single area that you can drag around and place wherever you want to.

    המשמעות היא שתוכלו להוסיף ולערוך טקסט בצורה חלקה יותר, מה שיעניק לכם חוויית הקלדה (ובניית עמודים) חלקה וללא טרחה.

    Retain full text formatting with Frontly

    דבר נוסף שאנחנו נרגשים שתנסו ב-Frontly הוא האופן שבו כל העיצוב נשמר כפי שהוא – כל הכותרות נשמרות, כולל תבליטים, ואפילו אימוג'ים.

    Copy-pasting with PBS vs copy-pasting with Frontly

    ב-Frontly (מימין), תראו שכל עיצוב הטקסט נשמר מהמקור. כל מה שהודגש, נטה, סומן בקו תחתון או נערך כגודל כותרת שונה נשאר שלם בעת הדבקתו באזור של Frontly (בהשוואה ל-PBS, שבו הדבר היחיד שנשמר היה האימוג'ים).

    What else do we have in store for you?

    כפי שציינו, זהו רק הפוסט הראשון בסדרה על האופן שבו Frontly עומד להיות שנות אור לפני PBS. אנחנו לא יכולים לחכות להראות לכם את כל שאר הדברים, אז הישארו מעודכנים לפוסט הבא בבלוג שלנו!

    הצעות או הערות? פנו אלינו והשאירו תגובה למטה!

  • מבצע Cloudways בלעדי למשתמשי PBS!

    אנו משתפים פעולה עם Cloudways, אחת מפלטפורמות אחסון הענן המנוהל המדהימות ביותר ברשת. אם עדיין לא שמעתם עליהם, הם זוכים לאמון רב בקהילת וורדפרס, ומוכיחים את עצמם כאחד משירותי האחסון האמינים ביותר בסביבה. יש להם גם כמה תכונות מדהימות במיוחד, כגון תשתיות ענן מרובות, מרכזי נתונים מרובים ואחסון SSD, לצד שכפול בלחיצה אחת, גיבוי ושחזור בלחיצה אחת ומיפוי דומיינים בלחיצה אחת.

    החדשות הטובות הן שחברנו ל-Cloudways כדי ליצור מבצע בלעדי עבור חובבי Page Builder Sandwich שרוצים לנסות את Cloudways או כהטבה למשתמשי Cloudways קיימים! פשוט הזינו את הקוד פשוט הזינו את הקוד:

    CWPBS15

    ..כדי לקבל $15 $15 בעת שדרוג חשבון ה-Cloudways שלכם. הצעה זו מעניקה לכם גם שרת 1GB DigitalOcean ב-Cloudways למשך חודש אחד. זוהי הצעה נהדרת עבור אלו המעוניינים להחליף ספק אחסון, או עבור אלו שרוצים להקים אתרים חדשים או יישומי אינטרנט.

    אנו מקווים שתיהנו ממבצע זה כפי שאנו נהנינו לעבוד עם Cloudways!

  • מהו בונה עמודים ומדוע הפרונט-אנד חשוב

    What-is-a-Page-Builder-and-Why-Front-End-Mattersאם אתם בלוגרים מושבעים שכל יצירת התוכן שלכם סובבת סביב כתיבת מאמרים באורך מלא הכוללים תמונה נלווית מזדמנת, ייתכן שעורך התוכן הקיים של TinyMCE מספיק לצרכים שלכם. ערכת הכלים הנוכחית כבר מכילה את הכלים הדרושים לכתיבת מאמרים, יש לכם את הכלים הבסיסיים לעיצוב טקסט כמו הדגשה, נטוי, כותרות וכו'. אבל זה בערך הכל.

    אין יכולות פריסה (Layout) ידידותיות

    למרות שאתם יכולים לכתוב מאמרים באמצעות עורך התוכן הנוכחי של TinyMCE, אין דרך נאותה לעצב את פריסת התוכן שלכם מלבד עמודה אחת זורמת של טקסט. כברירת מחדל מהקופסה, אינכם יכולים לסדר את הטקסט בשתיים או יותר עמודות, ואינכם יכולים ליצור תוכן המחולק למקטעים עם צבע רקע שונה. אם אתם רוצים שחלקים אחרים באתר שלכם, כגון דפי נחיתה ודפי יצירת קשר, יהיו ייחודיים, תזדקקו לסוג כלשהו של יכולות פריסה בסיסיות.

    אחרים ניסו לעקוף בעיה זו באמצעות שימוש בתכונת ה-shortcode של וורדפרס. בקצרה, קודי קיצור (shortcodes) מאפשרים להכניס מקטעי קוד באמצעות שימוש בתגים מיוחדים. ישנם תוספי וורדפרס שמציגים קודי קיצור שונים שבהם תוכלו להשתמש כדי ליצור תוכן בעמודות. לדוגמה, תוכלו לעטוף את התוכן שלכם במספר תגי עמודות אם תרצו למקם אותם בפריסה של שתי עמודות. למרות ששיטה זו "עובדת", היא אינה ידידותית מבחינה ויזואלית, מכיוון שבסופו של דבר, ככל שמוסיפים יותר תוכן, הכל ייראה כמו ערימה אחת ענקית של בלגן.

    כדי למלא את החלל הזה של עיצוב הפריסה, נוצרו בוני עמודים (page builders).

    Page building blocks

    בוני עמודים הופכים יצירת תוכן מעוצב בפריסה לקלה

    בוני עמודים מעניקים לכם כלים נוספים שמקלים על סידור התוכן שלכם בפריסות ייחודיות. בוני עמודים בדרך כלל מסירים את עורך התוכן TinyMCE ב-back end ומחליפים אותו (או מוסיפים לו) עורך חדש שיעזור לכם להמחיש את התוכן שלכם בצורה ויזואלית. אם לא השתמשתם בבונה עמודים ב-back end בעבר, דמיינו סט של בלוקים שבו כל בלוק מייצג סוג של תוכן: תמונה, טקסט או קוד קיצור. לאחר מכן הוא יאפשר לכם לגרור ולשחרר אותם לתוך פריסות ועמודות שונות.

    מלבד פריסה, בוני עמודים גם מקלים על היצירה והמיקום של קודי קיצור. בעבר, הייתם יכולים לראות קודי קיצור במלוא תפארתם בצורתם הגולמית. הייתם רואים את הסוגריים המרובעים יחד עם כל המאפיינים והערכים מעורבבים בתוך התוכן שלכם. בוני עמודים כוללים בדרך כלל יוצרי קודי קיצור – תיבות דו-שיח קופצות שהופכות את בחירת מאפייני קוד הקיצור לידידותית יותר למשתמש מאשר פשוט להקליד אותם.

    בוני עמודים ב-Front end הם העתיד

    למרות שכל זה מהווה חוויה טובה יותר עבור מעצבים ויוצרי תוכן, לבונה עמודים ב-back end יש בעיה עצומה שטבועה בו. למרות שניתן לראות ייצוג חזותי של איך התוכן שלכם ייראה, מה שאתם רואים אינו התוכן האמיתי שלכם. הדבר גורם לאנשים לבדוק ללא הרף את התצוגה המקדימה של הדפים שלהם כדי לראות אם מה שהם עושים נכון. כאשר אני משתמש בבוני עמודים ב-back end, אני אישית לוחץ על כפתור התצוגה המקדימה לפחות 20 פעמים בקלות רק כדי לבדוק אם התוכן שלי מיושר כהלכה או שהשוליים שלי מרווחים באופן שווה. זהו מטרד ענק שגוזל זמן.

    על מנת לפתור אי-נוחות זו, יש להביא את בוני העמודים אל ה-front end. אם זה ייעשה, הדבר יבטל את שלב הניחושים בפריסת העמוד, מכיוון שתוכלו לראות את התוצאות שלכם מיד.

    נכון לעכשיו יש המון בוני עמודים ל-back end ורק קומץ בוני עמודים ל-front end. בין אותו קומץ נמצא Page Builder Sandwich. אם ברצונכם ללמוד עוד על מה שהופך את Page Builder Sandwich לייחודי ומדוע הוא הכלי המתאים עבורכם, קראו את המאמר How Page Builder Sandwich Is Different from the Rest.

  • כיצד Page Builder Sandwich עובד

    How-Page-Builder-Sandwich-Worksמאמר זה יספק סקירה קצרה על אופן הפעולה של Page Builder Sandwich, ומיועד לשמש כמבוא למי שמעוניין לדעת כיצד בונה העמודים שלנו משתלב ברכיבים שונים בוורדפרס. לא אתעמק בתכונות הבודדות של Page Builder Sandwich; אם אתם מעוניינים בהן, עברו לעמוד הסרטונים שלנו שבו אנו מציגים כל תכונה בנפרד בהקלטות מסך קצרות.

    אם תרצו לדעת במה Page Builder Sandwich שונה מבוני עמודים אחרים הקיימים בשוק, קראו את המאמר שלנו במה Page Builder Sandwich שונה מכל השאר.

    Where is the page builder?

    איפה הוא נמצא? ומה אפשר לערוך באמצעותו?

    בניגוד לבוני עמודים רבים אחרים, Page Builder Sandwich פועל בחזית האתר (Front-end) שלכם. אם אתם נמצאים בממשק הניהול (Back-end), הוספנו כפתור "Frontend" לצד כפתורי עורך התוכן שיוביל אתכם אל חזית העמוד שלכם.

    Page Builder Sandwich מאפשר לכם לערוך פוסטים, עמודים ותוכן של סוגי פוסטים מותאמים אישית (Custom Post Types). עם זאת, הוא אינו מאפשר לכם לערוך ישירות פוסטים מרוכזים של הבלוג בעמוד הראשי, ואזורים אחרים שאינם עמודים בודדים באתר. פשוט חשבו על זה כך: אם למה שברצונכם לערוך יש עורך תוכן בממשק הניהול (כמו "פוסט חדש" ו"עמוד חדש"), אז ניתן להשתמש ב-Page Builder Sandwich. תוכלו לערוך את העמודים והפוסטים הבודדים שלכם בבלוג, ואם למשל יש לכם תוסף שמוסיף תפריטי מסעדה או פריטים לתיק עבודות, תוכלו לערוך גם אותם.

    כאשר אתם נמצאים בחזית האתר, הוספנו כפתור כחול בשם "Edit with Page Builder Sandwich" בסרגל הניהול העליון (adminbar). פשוט לחצו עליו כדי להתחיל לערוך את העמוד שלכם.

    עריכת תוכן ישירה

    עם Page Builder Sandwich, הפכנו את עריכת התוכן לפשוטה ונטולת מאמץ ככל האפשר. עריכת התוכן היא ישירה וקלה – פשוט לוחצים ומקלידים. עד כדי כך פשוט.

    The inspector

    הכירו את ה-Inspector

    שמנו לב שבוני עמודים רבים כוללים המון חלונות קופצים (popups). באופן אישי, אני לא אוהב חלונות קופצים מכיוון שהם מסיחים את הדעת ובעצם אומרים לך "היי, עצור את מה שאתה עושה עד שתמלא את השדות האלה קודם". הם הורסים את הזרימה של חוויית עריכה שהייתה יכולה להיות חלקה. מסיבה זו, צמצמנו למינימום את השימוש בחלונות קופצים לכל אורך הדרך, ובמקומם יצרנו את ה-Inspector.

    ה-Inspector הוא אזור בסגנון סרגל צדדי המכיל את כל כלי העיצוב והפריסה שתזדקקו להם אי פעם. ניתן להצמיד את ה-Inspector לצד שמאל או לצד ימין של המסך, כדי שתוכלו לראות בקלות את מה שאתם עורכים.

    מתוך ה-Inspector, תוכלו להתאים מאפייני טקסט שונים כמו כותרות, גודלי גופן, הדגשה (bold), נטוי (italic), צבעי טקסט ועוד המון. מלבד אלה, הוא מאפשר לכם גם להוסיף תמונות וליצור שורות או תוכן מחולק לעמודות. הוא מסוגל גם לעריכה מתקדמת יותר, כגון התאמת שורות לרוחב עמוד מלא, צבעי רקע של שורות ועמודות, יישור תוכן אנכי, וכן שוליים ורקעים. הוא עוצמתי למדי ותמצאו את עצמכם משתמשים בו ברוב הזמן.

    אינטגרציה עם תבניות וורדפרס

    מטבעו, Page Builder Sandwich כמעט ואינו כולל הגדרות עיצוב מובנות. בעת עריכת התוכן, הסגנונות שאתם רואים מבוססים ברובם על התבנית שלכם.

    אינטגרציה עם שורטקודים (Shortcodes)

    שורטקודים הם היבט חשוב בוורדפרס, וסביר להניח שתשתמשו בכמה וכמה שורטקודים באתר שלכם. Page Builder Sandwich מתמודד איתם בצורה מצוינת, כך שהשורטקודים שלכם יוצגו מעובדים (rendered) בחזית האתר. השורטקודים נשארים ניתנים לעריכה, והחלק הטוב ביותר הוא שלאחר שתערכו את השורטקודים, הם יוצגו מעובדים מחדש יחד עם השינויים שלכם.

    לנוחיותכם, תוכלו לערוך את השורטקודים שלכם באמצעות ה-Inspector. אם תרצו שליטה רבה יותר, תוכלו גם ללחוץ לחיצה כפולה על שורטקודים כדי לערוך אותם בצורתם הגולמית. מלבד זאת, כל השורטקודים הזמינים באתר שלכם מפורטים ב-Inspector כדי לאפשר שילוב קל בתוכן שלכם.

    No bloat

    מה לגבי סרבול והאטת האתר?

    מי אוהב אתרים איטיים? לא אנחנו, ובוודאי שלא אתם. דאגנו לכך של-Page Builder Sandwich תהיה השפעה קרובה לאפס על ביצועי האתר שלכם. כאשר המשתמש אינו מחובר, לכל היותר, רק סגנונות CSS של שורות ועמודות נטענים בתור (enqueued), יחד עם סקריפטי ה-JS וה-CSS הנחוצים עבור השורטקודים שהשתמשתם בהם.

    למפתחים

    אם אתם מפתחים ויש לכם שורטקודים בתוספי הוורדפרס שלכם, Page Builder Sandwich מספק Shortcode API כדי שתוכלו לספק בקלות ללקוחותיכם שדות ליצירה ולשינוי קלים של השורטקודים שלכם.

    אם ברצונכם להרחיב עוד יותר את היכולות או לבצע אינטגרציה עם חלקים מסוימים של Page Builder Sandwich, יש לנו גם מגוון של action hooks ו-filter hooks שימושיים שתוכלו להשתמש בהם.