בלוג

  • מה לשים בחלק העליון של עמוד הבית שלך – טיפים לתוכן "מעל לקו הגלילה"

    Tips-For-“Above-the-Fold”-ContentWhat you put in the top of your front page has a huge impact on the success or failure of your website. Put the wrong thing in, and you’ll probably see your visitors quickly navigating away from your site. Put the right content there and you may see your sales go up.

    This article isn’t an all-in-one guide for creating above the fold content, nor is about an all-encompassing rule on what you should put in. Rather, I will give you a few tips, recommendations and a little bit of helpful research about this topic.

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

    file000153814713_

    ״Above the Fold״

    זה נקרא Above the Fold (מעל לקפל). למה? כי בימים עברו, כשלבני האדם היו הדברים האלה שנקראים עיתונים, הם היו בדרך כלל מקופלים לשניים כך שרק החלק העליון היה גלוי לעין מיד. אותו חלק עליון, או החלק ש"מעל לקפל", הכיל את הכותרת/ות החשובה/ות ביותר של היום, ולאחר מכן כשפותחים את העיתון רואים את שאר הכותרות הפחות חשובות. באופן דומה באתרים, החלק העליון של האתר שלכם הוא הדבר הראשון שאנשים רואים, ולאחר מכן כשגוללים מטה רואים את שאר האתר, בדומה לפתיחת קיפול של עיתון.

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

    המחקר של נילסן

    Earlier I said that your above the fold content may make or break your site. Nielsen Normal Group has written a few research articles about this across the years. I’ll quote the summary of their article The Fold Manifesto: Why the Page Fold Still Matters

    The average difference in how users treat info above vs. below the fold is 84%.

    If you just got confused about the wording of the quote, I did too at the start. Let me clarify: That study doesn’t mean that 84% of people do not scroll down, on the other hand I’ve seen other research say that most people do scroll down to the bottom of the page. It also doesn’t mean that the lower part isn’t important. Instead it means that the behavior of your visitors in your site is largely impacted by your content above the fold.

    זה הגיוני מכיוון שהאזור העליון של אתר אינטרנט הוא הדבר הראשון שרואים.

    אז כשיודעים עד כמה התוכן שמעל לקפל בעמוד הבית שלכם חשוב, מה כדאי לשים בחלק העליון של האתר שלכם?

    גשו ישר לעניין

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

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

    רתמו את המבקרים שלכם באופן מכוון

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

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

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

    עיצוב מעל לקפל

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

    Screen-Shot-2016-01-29-at-12.11.19-AM_Here’re a few examples of what you can do about your front page.

    Add a background image. A large background image behind your large statement is a great eye-catcher and can further encourage visitor engagement. For new book author, maybe adding a background image illustrating the setting of his free ebook would entice people more.

    Add an introduction video. Admit it, people can be lazy, especially when it comes to reading. So if your site is a bit complicated, it might be a good idea to add a short video that introduces your site/product quickly. For the wedding organizer, then this can be a video of their latest wedding. Or for our site for example, we can add in a quick intro about the features of our plugin.

    Add a video background. This is a bit of a trend nowadays, but I find it appealing at times. If this suits your taste, then this might be a good idea.. I know PayPal had a video background before in their site. For the small hotel, you can put in a stationary video of a scenic area of your hotel as the backdrop.

    לסיכום

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

    If you have tips on creating above the fold content, kindly share them in the comments!


    Page Builder Sandwich can Help You Design Your Front Page & Above The Fold Content

    Page Builder Sandwich is a WordPress plugin that allows you to create any design you want without writing any piece of code.

    למידע נוסף על Page Builder Sandwich

  • כיצד לבנות אתר מאפס בפחות מ-100 דולר

    How-to-Create-a-Website-from-Scratch-for-Under-$100

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

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

    בואו נמנה מה יהיה לנו ביד כשנסיים. בסוף המאמר, יהיו לכם:

    1. Your own website that people can visit at http://supermegaawesomewebsite.com,
    2. Optionally have your own email address at [email protected],
    3. A certain zen-like state of mind.

    מה שאתם צריכים

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

    1. רעיון לגבי מה שהאתר שלכם עומד להיות,
    2. כרטיס אשראי או חשבון PayPal עם יתרה/אשראי של $100, וגם
    3. משקה מוגז או כוס מים למקרה שתהיו צמאים, תמיד טוב לשתות.

    מה זה אתר אינטרנט?

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

    In a nutshell, a website is a bunch of files in a special computer, and this special computer can be accessed by using a special web address on your web browser. After accessing the web server, it’s going to crunch those files together and in the end we would be able to see a pretty looking web page.

    Sorta techy terms:

    • bunch of files = web pages
    • special computer = web server
    • special web address = domain name or URL

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

    להשיג מקום ברשת

    הייתי ממליץ לבחור ב-Managed WordPress Hosting – Basic Plan של GoDaddy. תוכנית זו מעניקה לנו את כל מה שאנחנו צריכים כדי ליצור את האתר שלנו מיד ובמינימום טרחה. החלק הטוב ביותר הוא שאנחנו לא צריכים לדאוג לגבי הפרטים הטכניים של הגדרת הכל.

    אם אתם תוהים מהי תוכנית "אחסון וורדפרס מנוהל" (Managed WordPress Hosting), אסביר זאת בפשטות:

    • Managed – GoDaddy will be the ones who’ll make sure that everything runs smoothly, updated, fast and without any problems. And if you need any help, you can ask their customer support.
    • WordPress – This the content management platform that will be used. It’s what you’ll use to publish your content online. It’s awesome. If you want to know more about WordPress, WP101 has a great intro video on What WordPress Is
    • Hosting – Everything will be placed in GoDaddy’s servers, so everything can be accessed quickly and with almost no down time.

    When getting the plan from GoDaddy, they also provide you with a domain name for free. This is awesome since now we don’t have to do anything aside from signing up in order to get the full package!

    כבונוס נוסף, תוכלו לקבל גם כתובות דוא"ל עם רכישת התוכנית הבסיסית שלהם. השנה הראשונה היא בחינם, כך שמדובר בבחירה מובנת מאליה אם אתם מתכוונים להשתמש באימייל כדי לתקשר עם לקוחות ואנשים אחרים.

    בדקו את הקישור למטה לפרטים נוספים על התוכניות שלהם (ולא, הם לא משלמים לי כדי להמליץ עליהם):

    בדקו את חבילות אחסון ה-WordPress המנוהל של GoDaddy

    מלאו את כל הפרטים, מצאו את שם הדומיין שאתם רוצים (אתם לא חייבים להשתמש ב-supermegaawesomewebsite.com), ואז המשיכו לתשלום.

    I recommend that you sign up for at least one year so that you can avail of their discounts. You can also scour the web to check if there are any promos available.

    Web Server Cost: $12.18 – $59.88 for 1 year (the key here is to find a promo) Email Cost: $0 for 1 year Domain Name Cost: $0 for 1 year

    Total Cost so far: $12.18 – $59.88

    מזל טוב, עכשיו יש לכם אתר וורדפרס!

    לאחר שרכשתם את האחסון ב-GoDaddy, האתר שלכם אמור לפעול כעת במלואו. תוכלו להיכנס לדומיין שלכם בכתובת http://supermegaawesomewebsite.com ולראות את האתר שלכם.

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

    גישה לאתר שלכם

    Since you’ve signed up with GoDaddy, they’ll give you a URL where you can access the administration side of your website. If you can’t find it, you can add a /wp-admin at the end of your URL. e.g. http://supermegaawesomewebsite.com/wp-admin and log in from there. Once logged in, you’ll end up in your WordPress Dashboard.

    ל-GoDaddy יש מערכת "הגדרה מהירה" משלהם כדי לעזור למתחילים להתאים אישית את האתר שלהם. אני ממליץ לעבור את תהליך ההגדרה הזה אם אינכם מכירים את אופן הפעולה של וורדפרס.

    ללמוד להשתמש בוורדפרס

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

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

    If you need guidance, there are a lot of tutorials on how to use WordPress online too. One of them is WP101. WP101 makes things super easy by providing lots of tutorials in video format, and they have a huge library of videos that will teach you all the ins and outs of WordPress.

    They have a few free videos in their site. For example, you can watch WP101’s video tutorial about the WordPress Dashboard.

    צפו במדריכי הווידאו של WP101

    Video Tutorials Cost: $15 per month (if you can obsess over all their videos within the first month, then you’re golden)

    Total Cost so far: $27.18 – $74.88

    לגרום לאתר שלכם להיראות יפה

    The next step is to change the design of your site to make it match your personality and/or needs. You’ll need themes for that. In short, themes are like “skins” for your WordPress site.

    There are a ton of free and paid themes out there. If you want free themes, then there’s no doubt that the WordPress.org theme directory is your number one option.

    Since there are a lot out there though, it’s sometimes hard to find the perfect one for you. Theme Friendly’s Find Themes helps by providing reviews for themes and gives them a score based on their review. They have a number of themes in their site, and probably the best thing there is that you can click on filters while browsing themes, so you can view only themes fit for portfolios, businesses or blogs, and many more.

    There are also paid themes, but for starters I would recommend the free ones first. If you decide to take the premium route check out Premium WordPress’ list of theme shops.

    If you’re wondering why I didn’t mention ThemeForest, it’s because there are a lot of themes there that add a lot of bloat (unnecessary features) to your site. So if you really want to find a theme from there, tread carefully.

    Theme Cost: $0 – $70 one time (I’d recommend looking for promos in theme shops too)

    Total Cost so far: $27.18 – $144.88

    הוספת פונקציונליות נוספת לאתר שלכם

    As you create your site and continue to add content to it, you might find yourself wanting to add more stuff like contact forms, maybe some icons, or a Google Map, or something else. For these kinds of stuff, you’ll need plugins.

    As with themes, there are also a ton of free and paid options. And like themes, the number one choice for free plugins is the WordPress.org plugin directory. It’s a common saying within the WordPress community that if you need something in your site, “there’s a plugin for that.”

    For premium plugins, you can also find premium ones in CodeCanyon.net. But I would recommend going through the thousands of free ones in the WordPress.org plugin directory first.

    Plugin Cost: $0

    Total Cost so far: $27.18 – $144.88

    Conclusion

    You might have noticed that the total cost indicator is a range instead of a solid number. It’s because there are various ways to push the cost down like watching out for promotions, and opting for free themes & plugins.

    So if you play your cards right, you can actually have your own site from scratch (powered on for a full year), for only $27.18

    Most likely the succeeding years won’t be as cheap as the first year, but if you have your site up and running for at least a year already, then I would like to think that it’s a success and the other future costs aren’t a problem anymore.

    Hopefully you’ve learned a bunch from this article. And if you didn’t know about WordPress before and you’re now a proud WordPress user, consider joining the numerous WordPress communities online. Just search for a WordPress group in Facebook :)

    רגע! אל תסגרו את הכרטיסייה עדיין!

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

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

    You can try out the demo, or watch the video below. What’s cool is that we’re still below the $100 limit :)

    נסו את הדמו של Page Builder Sandwich

    Page Builder Sandwich Cost: $39 for 1 site

    Total Cost so far: $86.18 – $203.88

  • Page Builder Sandwich Lite זמין כעת במאגר התוספים של וורדפרס

    PBS-Lite-Is-Now-Available-In-The-WP-Plugin-RepoNow you can download the Lite version of Page Builder Sandwich from the WordPress.org plugin repository!

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

    • עריכה חיה בצד הלקוח (Frontend)
    • עריכה ישירה בלחיצה והקלדה ללא הטרחה של חלונות קופצים
    • כלי עיצוב טקסט: צבעים, מודגש, נטוי, קו תחתי, קו אופקי, יישורים וכו', בעצם כל מה שניתן לעשות בעורך ה-TinyMCE של לוח הבקרה.
    • תמונות ועריכת תמונות באמצעות מנהל המדיה של וורדפרס
    • יצירת קישורים באמצעות חלון יצירת הקישורים של וורדפרס
    • אלמנטים מסוג בלוק: כותרות, ציטוטים, רשימות תבליטים ומספרים
    • עיבוד ועריכה בזמן אמת של שורטקודים, יחד עם רשימה מלאה של כל השורטקודים הזמינים
    • עיצוב פריסה עם שורות ועמודות הניתנות לקינון
    • מאפייני שורות ועמודות: צבע רקע, שוליים חיצוניים (margins), שוליים פנימיים (paddings) ומסגרות
    • ביטול/שחזור פעולות (Undo/Redo) עובד ותקין
    • ועוד המון!

    הורידו את גרסת ה-Lite כעת

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

    האם זה יעבוד עם ערכת העיצוב שלי?

    מבחינה טכנית, זה אמור לעבוד עם כל ערכת עיצוב שהיא. יחד עם המשתמשים והלקוחות שלנו, השתמשנו בהצלחה ב-Page Builder Sandwich עם המון ערכות עיצוב, כולל ערכות ממאגר ערכות הנושא של WordPress.org, ערכות נושא של Genesis, ערכות נושא של StudioPress, ערכות Elegant Themes וערכות נושא מ-ThemeForest. אם זה לא עובד עם ערכת הנושא שלך, אנא הודע לנו ואנו נתקן זאת.

    האם זה יעבוד עם התוכן הנוכחי שלי?

    Page Builder Sandwich אמור לעבוד היטב עם התוכן הקיים שלך. התוכן שלך אמור להיות זמין לעריכה מיידית ישירות בצד הלקוח!

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

    הנחת היכרות מיוחדת

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

    For the next few days, we’re offering you a 50% introductory discount. Take advantage of this now!

    If you’re unsure, give the lite version a spin on your own setup first, or check out the live demo from the top menu ?

  • מעכשיו יש תמיכה ב-Markdown, לצד כמה כלי עיצוב מגניבים

    Markdown-Now-Supported,-Plus-A-Few-Cool-Formatting-Toolsאני שמח להודיע שהחל מגרסה 2.4, תוכלו כעת לערוך את התוכן שלכם ב-Frontend באמצעות Markdown!

    תמיכה בתחביר Markdown

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

    חשבו על זה כחלופה לשימוש בעכבר כדי ללחוץ על כפתורי העיצוב. לדוגמה, תוך כדי כתיבת פוסט בבלוג אתם מחליטים שאתם רוצים כותרת נוספת, כעת אתם יכולים פשוט להקליד שני סימני סולמית (##) ולאחריהם את טקסט הכותרת שלכם. ברגע שתלחצו על Enter השורה כולה תומר לתגית <h2>. כמה מגניב זה?

    תוכלו למצוא רשימה של כל תחבירי ה-Markdown הנתמכים בעמוד התיעוד שלנו: http://pagebuildersandwich.helpscoutdocs.com/article/4-how-to-use-markdown

    תוכלו גם לנסות זאת בדמו החי

    כמה כלי עיצוב ותכונות מגניבים

    ראוי גם לציין שכעת עומדים לרשותכם כמה כלים חדשים:

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

    מלבד אלה, יש גם תכונות נוחות חדשות:

    • בכל פעם שתדביקו קישור, הוא יומר אוטומטית לתגית עוגן (אלא אם מדובר בכתובת URL הניתנת להטמעה כמו סרטון YouTube, ואז התוכן יוטמע).
    • גרירת תמונה מה-Finder או מ-Explorer ישירות לתוך החלון תעלה את התמונה שלכם לספריית המדיה (Media Manager). זה חוסך כל כך הרבה זמן.
  • עדכון התקדמות גרסה 2.2

    Version-2-2-Progress-Updateבשבוע שעבר שחררנו את גרסה 2.1 שתיקנה באגים רבים והוסיפה את תיבת הדו-שיח של עורך הקישורים של וורדפרס ל-Page Builder Sandwich.

    כעת התייחסנו לשתי התכונות המבוקשות ביותר ב-Page Builder Sandwich:

    1. ממשק משתמש יעיל יותר, נקי יותר, פשוט יותר ומעוצב מחדש.
    2. היכולת להוסיף/לערוך מחלקות (classes) ומזהי (IDs) CSS מותאמים אישית עבור אלמנטים, שורות ועמודות.

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

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

    תודה לכולם על התמיכה בפיתוח של Page Builder Sandwich! המשיכו לעקוב לעדכונים נוספים בעתיד ?

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

    How-to-Add-and-Embed-Videos-Images-Tweets-and-Other-Content-in-Your-SiteThere may be times where you want to add supporting videos from YouTube or Vimeo into your site. Or maybe you want to add Tweets from Twitter, or content from other websites like Flickr and Instagram. You can embed these content easily in your WordPress site.

    To do this, all you need to do is find the permalink for the content. In some sites like YouTube, the permalink is simply the current URL. For other sites like Reddit or Vimeo, you’ll have to find the “permalink”, “share” or “embed” button to get the URL. In some sites like Facebook, you’ll have to click the date of the status or post in order to get the permalink.

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

    https://www.youtube.com/watch?v=dQw4w9WgXcQ​

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

    אילו אתרים אני יכול להטמיע באתר שלי?

    Not all sites can be embedded into your WordPress site. The WordPress Codex has a list of sites which you can embed: https://codex.wordpress.org/Embeds

    התקנת תוספים יכולה להוסיף עוד אתרים הניתנים להטמעה

    If the content you want to embed isn’t in the list in the WordPress Codex, there is another way. Installing plugins can add more embeddable sites. For example, installing Jetpack allows you to embed wall posts from Facebook.

    There are plenty more out there that add more sites, do a search for “oEmbed provider” in the WordPress.org plugin repository to find more. Here’s a link to the plugin repo for your convenience: https://wordpress.org/plugins/search.php?type=term&q=oembed+provider

    דרך נוספת להוספת תוכן – קודי הטמעה של Iframe

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

    <iframe width="420" height="315" src="https://www.youtube.com/embed/dQw4w9WgXcQ" frameborder="0" allowfullscreen></iframe>​

    Copy that then in your WordPress content editor, click on the text tab on the top of the editor and paste that in. After you’ve pasted that in, head back to the visual tab, you’ll see if it works when the embed code now looks like the actual content that will get embedded. You can’t do this in the visual tab, pasting it from there would just show the pasted code in your site, it won’t get converted into the content.

    השתמש ב-Page Builder Sandwich כדי להוסיף תוכן מאתרים אחרים ישירות מה-Frontend

    While adding content from other sites seem easy, doing things in the administration side of WordPress is a bit of a hassle. You have to know whether to add it in the visual tab or text tab, and you’ll have to preview your page or post in order to see how it would look like when viewed by your site’s visitors.

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

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

    קבלו את Page Builder Sandwich עכשיו.

  • הטמעת וידאו, אודיו ותכנים נוספים נתמכת כעת

    Embedding-Video-Audio-and-Other-Content-Now-Supportedשנה טובה לכולם!

    אני נרגש לשתף אתכם שהחל מגרסה 2.3, הטמעות oEmbed אפשריות כעת ב-Page Builder Sandwich! כעת תוכלו להטמיע סרטונים, תמונות, שרשורים ושפע של תכנים נוספים מ-YouTube,‏ Vimeo,‏ Twitter,‏ Flickr,‏ Instagram ועוד.

    oEmbeds

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

    oembed_cast
    הדבקת כתובת URL בשורה בודדת ממירה אותה לתוכן מוטמע.

    אילו כתובות URL נתמכות? ובכן, כל אחת מכתובות ה-Embed הנתמכות על ידי וורדפרס! בנוסף, אם יש לכם תוסף שמוסיף ספקי oEmbed (כגון Jetpack מאת WordPress.com), גם הם ייתמכו.

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

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

    שיפורים נוספים ותיקוני באגים

    • כפתורי כלי סוג התוכן (p, h2, h3 וכו') יודגשו כעת בהתאם למה שנבחר.
    • גובה שורה מוחל כעת על האלמנט כולו במקום על אלמנטי span קטנים יותר.
    • תוקן: אלמנטים מקבלים לעתים סגנונות inline מיותרים
    • תוקן: סרגל הבדיקה (inspector) עלול להימצא מאחורי סרגל הניהול ולא ניתן לגרור אותו
    • תוקן: טיפול משופר במצבי כפתורים
    • תוקן: עיצוב/הסרת עיצוב מסירה טקסט עם קישור
    • תוקן: לא ניתן לעצב תוכן המכיל תגיות strong, em, i, b
    • תוקן: לא ניתן להשתמש בחלק מכלי העיצוב בתוך עמודות וטבלאות