Page Builder Sandwich

Kumuha ng PBS Pro

Blog

  • Paano Magdagdag ng Custom Shortcodes sa Page Builder Sandwich

    Paano Magdagdag ng Custom Shortcodes sa Page Builder Sandwich

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

    Nagbibigay-daan ang mga shortcode na magdagdag ka ng mga bagay sa iyong website (tulad ng mga widget, halimbawa), nang hindi kinakailangang magdagdag ng malalaking tipak ng code tulad ng karaniwang ginagawa ng mga developer.

    Halimbawa, ang isang karaniwang piraso ng code, batay sa haba, ay malamang na magiging katulad nito:

    <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>​

    Para sa halimbawang ito, ipalagay natin na ang piraso ng code sa itaas ay magbibigay-daan sa iyo na magdagdag ng isang buong talata ng placeholder text na 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.

    Ngayon, isipin na ang parehong piraso ng code– Ang orihinal at mahabang piraso, laban sa shortcode na naglalaman lamang ng salitang “lorem”, ay parehong gagawa ng eksaktong parehong bagay: Magdagdag ng tekstong 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?

    Kung mayroon kang paboritong plugin o widget, malaki ang posibilidad na mayroon silang available na shortcode na magagamit mo.

    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

    Sa Page Builder Sandwich, maaari kang magdagdag ng mga shortcode nang direkta sa iyong pahina sa pamamagitan lamang ng pag-type o pag-copy-paste nito sa iyong content area.

    Ginawa namin ito sa ibaba gamit ang isang shortcode mula sa Shortcodes Ultimate, na nagdaragdag ng content box sa demo page ng Page Builder Sandwich:

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

    Mula sa isa sa aming mga nakaraang artikulo tungkol sa Shortcode Mapping, ang kahulugan ay ang sumusunod:

    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.

    Bahagi nito ay nangangahulugang hindi mo na kailangang manu-manong hanapin ang iyong mga shortcode sa kani-kanilang dokumentasyon o repository.

    Basta’t naka-install sa iyong WordPress site ang plugin na naglalaman ng shortcode, magiging madali itong magagamit sa 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.

    Kaya kung nais mong magdagdag ng mga custom na shortcode, o mga shortcode na ikaw mismo ang gumawa, maaari mo itong gawin, basta’t naka-install ang mga ito sa iyong WordPress site.

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

  • Gumawa ng Astig na WordPress Site Gamit ang mga Black Friday 2017 Deal na Ito

    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.

    Kaya habang (medyo) maaga pa, nagtipon kami ng listahan ng pinakamagagandang deal na nahanap namin para sa WordPress Black Friday 2017, kasama ang mga essential na kailangan mo para gumawa ng WordPress site– lahat ay pasok sa iyong badyet.

    Nang walang paligoy-ligoy pa, narito ang 5 tool at plugin na may malaking diskwento na kakailanganin mo para mabuo ang iyong unang basic na WordPress website.

    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.

    Kunin ang Iyong Kupon mula sa 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.

    Tingnan ang Yoast SEO Ngayon!

    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.

    Kunin ang Kupon ng WP Rocket

    Theme Discounts from WeDevs.com

    Ang WeDevs ay isang koleksyon ng mga kapaki-pakinabang na WordPress plugin at extension. Mayroon silang matatag na komunidad, at nariyan na mula pa noong 2008. Para sa Black Friday 2017 (at sa mga susunod na holiday ngayong taon), naghanda sila ng listahan ng mga WordPress Holiday Deal, kabilang ang napakaraming diskwento at kupon para sa magagandang tema ng WP.

    Kumuha ng mga Kupon sa Tema

    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.

    Magtatampok din kami ng artikulo tungkol sa gabay sa paggawa ng landing page sa lalong madaling panahon, na may mga kahanga-hangang resource mula sa First Site Guide, kaya abangan iyon sa mga susunod na linggo!

    Pumunta sa 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

    Bumili Na

    Apply CYBERMONDAY33 upon checkout to save $13.20

    Premium Unlimited Sites

    $89 $60.29

    Bumili Na

    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. ?

  • Paano Gamitin ang E-mail Marketing Gamit ang Page Builder Sandwich

    Paano Gamitin ang E-mail Marketing Gamit ang Page Builder Sandwich

    Oo, maaari.

    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: Ginagawang Mas Developer-Friendly ang Frontly Builder

    Magandang balita para sa mga developer: sa paparating na release ng Frontly, sa wakas ay ilulunsad na namin ang Frontly API.

    Kasalukuyan pa itong binubuo, ngunit sa wakas ay makakagawa ka na ng mga addon at extension para sa Frontly. Siyempre, maglulunsad din kami ng dokumentasyon ng API na kasama nito para sa mas maayos at mas functional na karanasan.

    Hindi na kami makapaghintay na makita ang lahat ng magagandang bagay na gagawin ninyo.

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

    1. Text Formatting Bar API

    Gamit ang Text Formatting Bar API, mapapalawak ng mga developer ang functionality ng text formatting bar ng Frontly. Gamit ito, maaari kang magdagdag ng mga bagong button/opsyon sa text formatting bar.

    2. Add Element API

    Ang API na ito ay magbibigay-daan sa iyo na lumikha ng mga bagong elemento, na idaragdag ang mga ito sa listahan ng mga umiiral na sa seksyong Elements sa kaliwang bahagi ng content editor.

    3. Inspector API

    Ang Inspector API ay magbibigay-daan sa iyo na lumikha, magdagdag, o mag-alis ng mga setting sa Properties Inspector ng bawat elemento.

    4. Text API

    Ang Text API ay magbibigay-daan sa iyo na gumawa ng mga pagbabago sa mga estilo ng teksto, partikular ang kakayahang baguhin ang mga format ng teksto, palitan ang mga kulay ng background ng teksto, at marami pang iba.

    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 ?

  • Paano Naiiba ang Page Builder Sandwich sa Iba

    How-Page-Builder-Sandwich-Is-Different-from-the-RestMay dose-dosenang mga page builder diyan, at maaaring itinatanong mo sa iyong sarili: ano ba ang espesyal sa Page Builder Sandwich? Bakit mo pa aabalahin ang paggamit nito kung mayroon ka na sa iyong mga kamay?

    Sa artikulong ito, iisa-isahin ko ang ilang pangunahing tampok na matatagpuan sa Page Builder Sandwich na ginagawa itong natatangi, at talagang dapat-magkaroon para sa parehong mga tagalikha ng nilalaman at mga taga-disenyo. Kung hindi mo alam kung ano ang isang page builder at kung bakit mo ito kailangan, huwag mag-alala, mayroon kaming mga impormasyon na makatutulong sa iyo.

    1. Hindi mo lang makikita ang visual na representasyon ng iyong nilalaman, makikita at mae-edit mo ang iyong mismong nilalaman

    Sa iba pang mga page builder, makakakita ka ng mga lugar na kumakatawan lamang sa iyong nilalaman. Pangunahin mong inilalatag ang iyong nilalaman gamit ang mga block at parihabang hugis, at ang resulta ay mas mukhang framework ng kung ano ang magiging hitsura ng iyong mga nilalaman sa iyong pahina. Nagiging sanhi ito ng palagiang pag-click sa preview button para lang makita kung ano ang magiging hitsura ng mga resulta.

    Sa Page Builder Sandwich, ang lahat ng pag-edit ay ginagawa sa front end ng iyong site at direkta mong ine-edit ang iyong nilalaman para sa isang tunay na what-you-see-is-what-you-get na karanasan.

    2. Mabilis at madaling direktang pag-edit nang wala ang lahat ng nakaiinis na mga popup dialog

    Ang mga popup ay naging pangunahing bahagi na ng mga page builder. Sa karamihan, kung nais mong mag-edit ng anuman sa iyong layout, maging ito man ay isang heading, label ng button, o maliit na tagline text, kailangan mo munang maghintay na magbukas ang isang popup dialog at isagawa ang iyong mga pagbabago sa loob nito.

    Naging layunin namin na bawasan ang paggamit ng mga popup sa pangkalahatan sa Page Builder Sandwich. Sa pamamagitan ng pag-alis ng mga popup, ang pag-edit ng anumang nilalaman ay ginawang mas madali at mas maayos kaysa dati.

    Ang pag-edit ay ginagawa sa direktang paraan – mag-click sa iyong teksto upang ilagay ang iyong cursor doon at simulan ang pag-type. Hindi mo na kailangang maghintay para sa isang popup dialog na naglalaman ng TinyMCE editor upang magsimulang mag-edit. Ang pinakamagandang bahagi nito ay maaari mo pa ring i-drag and drop ang iyong nilalaman sa iba’t ibang lugar.

    Ang isa pang inobasyon na tumutulong sa walang abalang pag-edit ay ang laging naririyan na inspector. Ang inspector ay nagsisilbing iyong toolbox at properties editor. Ang mga tool para sa pag-format ng iyong nilalaman: mga kulay ng teksto, mga heading, mga pagsasaayos ng laki ng font, mga margin, padding, border, blockquote, at marami pang iba ay madaling ma-access sa isang click lang.

    Reused functionality

    3. Muling ginamit na functionality ng WordPress

    Ang isa pang bagay na napansin namin sa ibang mga page builder ay madalas nilang muling iniimbento ang gulong. Ang ilan ay nagpapatupad ng kanilang sariling mga color picker, image uploader, tagalikha ng gallery, at iba’t ibang mga tool. Walang masama rito sa ganang sarili, ngunit ang WordPress ay isang kayamanan ng mga code snippet, kaya bakit hindi gamitin ang mga iyon?

    Ang WordPress ay isang napakalaki at kahanga-hangang platform at naglalaman ng maraming astig na tool na binuo ng napakaraming kahanga-hangang contributor. Ginagamit ng Page Builder Sandwich ang functionality na nakasama na sa WordPress hangga’t maaari.

    Sa halip na gamitin ang aming sariling color picker, ginagamit namin ang Iris color picker. Sa halip na sarili naming image uploader, ginagamit namin ang media manager. Bukod pa rito, nariyan din ang backbonejs, underscorejs, wp.hooks, at wp.shortcode upang magbanggit ng ilan pang magagandang script. Ginagamit namin ang lahat ng iyon, at pinadali nito ang aming buhay at humantong din ito sa isang mas matatag na codebase.

    Ang muling paggamit sa functionality ng WordPress ay nagdulot din ng ilang kahanga-hangang sorpresa. Halimbawa, dahil ginamit namin ang media manager upang magpasok ng mga larawan, isang kaaya-ayang sorpresa na maaari na rin naming hawakan ang mga WordPress gallery, mga playlist ng video at audio, at mga remote URL sa simula pa lang. Maaari din naming gamitin ang media manager upang magsagawa ng pag-edit ng imahe, na nag-alis ng maraming oras ng hindi kinakailangang sakit ng ulo sa pag-develop.

    4. Pag-navigate gamit ang Keyboard at mga Shortcut

    Sa iba pang mga page builder, ang mouse ang iyong kaibigan. Nagda-drag and drop ka ng mga bagay gamit ito at nagdo-double click ng mga bagay upang mag-edit. Ngunit ang keyboard ay madalas na napapabayaan.

    Halimbawa, sa ilang mga builder, hindi mo madaling ma-edit ang teksto na isang talata/seksyon sa itaas mula sa kung saan ka nag-e-edit dahil kailangan mong mag-click palabas ng isang popup dialog at mag-click sa bago. Sa Page Builder Sandwich, maaari kang mag-navigate gamit ang iyong keyboard. Pindutin ang mga arrow key upang mag-navigate sa pagitan ng iyong nilalaman; gumagana ito kahit na ang iyong iba pang nilalaman ay nakapaloob sa loob ng isa pang row o column.

    Ang isa pang mahalagang tampok ay ang mga keyboard shortcut para sa undo at redo. Maaaring hindi ito gaanong mahalaga sa simula, ngunit isipin ito: paano kung hindi mo sinasadyang na-drag and drop ang iyong nilalaman sa maling lokasyon. Sa ilang mga page builder, kakailanganin mo itong i-drag pabalik sa orihinal nitong posisyon. Sa Page Builder Sandwich, gumagana ang parehong undo at redo. Kaya nais mo mang baguhin ang iyong na-type, o nais mong ibalik ang iyong na-drag na nilalaman (o maraming na-drag na nilalaman), pindutin lamang ang undo o redo. Gumagana ang undo at redo para sa na-drag and drop na nilalaman at maging para sa mga pagbabago sa property tulad ng mga font-size at padding ng row. Ginagawa silang makapangyarihang mga tool sa iyong kagamitan sa pag-edit.

    Relaxing experience

    5. Isang tunay na frontend page builder – Isang mas nakakarelaks at walang abalang karanasan sa pag-edit

    Ang aming pananaw sa panahon ng pagbuo ay ang pag-edit sa front end ay hindi dapat magparamdam na nag-e-edit ka pa rin gamit ang mga back end tool. Hindi dapat maramdaman na ang builder ay orihinal na ginawa para sa back end at pagkatapos ay inilipat sa front end.

    Sa kabuuan, para sa akin, ang pangunahing pagkakaiba ng Page Builder Sandwich ay binuo namin ito nang may layuning maging isang “tunay” na frontend page builder – isang muling pag-iisip kung paano dapat ang pag-edit sa front end.

  • Update sa Pag-rebrand ng Frontly #1: Pag-copy-paste ng mga Talata

    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.

    Kaya habang ginagawa pa naming perpekto ang Frontly para sa inyo, nagpasya kaming maglabas ng serye ng mga post upang ipaalam sa inyo kung ano talaga ang inyong makukuha sa oras na mailunsad ang Frontly sa merkado.

    Copy-paste blocks of text on Frontly

    Idinisenyo namin ang PBS sa paraang ang bawat talata mo ay isang hiwalay na elemento. Ang pag-copy-paste ng mahahabang teksto ay naghahati sa napiling teksto sa magkakahiwalay na textblock.

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

    Sa kasalukuyang bersyon ng PBS (ang ginagamit mo ngayon), ang pag-copy-paste ng maraming linya ay nahahati sa maraming text element, na nagpapahirap sa paglilipat ng mga seksyon ng teksto. Ginagawa nitong mahirap mag-edit ng teksto.

    Kaya kung gusto kong ilipat ang tekstong kaka-copy-paste ko lang sa ibang column, mas mahirap ito dahil kailangan kong i-drag ang mga linya nang isa-isa.

    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.

    Nangangahulugan ito na mas maayos kang makakapagdagdag at makakapag-edit ng teksto, na nagbibigay sa iyo ng walang hassle na karanasan sa pag-type (at pagbuo ng page).

    Retain full text formatting with Frontly

    Isa pang bagay na nasasabik kaming ipasubok sa inyo sa Frontly ay kung paanong nananatiling pareho ang lahat ng formatting – napananatili ang lahat ng heading, kabilang ang mga bullet, at maging ang mga emoji.

    Copy-pasting with PBS vs copy-pasting with Frontly

    Sa Frontly (kanan), makikita mo na napanatili ang lahat ng formatting ng teksto mula sa orihinal na pinagmulan. Lahat ng naka-bold, italicized, may salungguhit, o na-edit bilang ibang laki ng heading ay nananatiling buo kapag na-paste sa Frontly area (kumpara sa PBS, kung saan ang tanging napanatili ay ang mga emoji).

    What else do we have in store for you?

    Gaya ng aming nabanggit, ito pa lamang ang una sa serye ng mga post tungkol sa kung paanong magiging higit na mas maunlad ang Frontly kaysa sa PBS. Hindi na kami makapaghintay na ipakita sa inyo ang lahat ng iba pang mga tampok, kaya manatiling nakatutok para sa aming susunod na blog post!

    Mga suhestiyon o komento? Makipag-ugnayan sa amin at mag-iwan ng tugon sa ibaba!

  • Mobile Responsiveness sa PBS Bersyon 4.0

    Ang pagpapagana nang maayos sa mobile responsiveness ay maaaring maging napakahirap, at kapag nagkamali ka rito, ang mga resulta ay karaniwang nauuwi sa kapahamakan. Sa katunayan, kung hindi mo pa nababalitaan, nagsimula na maging ang Google na magparusa sa mga website na hindi mobile-friendly noong Abril 2015. Sa madaling salita, talagang napakalaking bagay ng mobile responsiveness.

    Kaya Ano Ba ang Mobile Responsiveness?

    Itinuturing na responsive ang isang website kapag ang mga nilalaman nito ay may kakayahang umangkop sa iba’t ibang laki at oryentasyon ng screen kapag tinitingnan sa mga device bukod sa desktop. Sa mas simpleng salita, kung nag-upgrade ka sa PBS v4 at nais mong magdisenyo o gumawa ng isang page, hindi ka dapat magkaroon ng problema sa pagtingin sa mga ito, nasa desktop ka man, mobile phone o tablet.

    Responsiveness sa Bersyon 4.0

    Sa aming pinakabagong update, tiniyak ng aming team na ang bagong feature sa mobile viewing ng PBS ay magiging isang mas maayos, mas responsive na karanasan sa pangkalahatan: kung saan ang teksto, mga larawan, at lahat ng iba pang nilalaman ay awtomatikong umaangkop sa resolution ng screen ng iyong device.

    Ngayon, ang lahat ng heading ay awtomatikong nag-a-adjust ayon sa laki ng screen, upang hindi ka magkaroon ng napakalalaking titik kapag tinitingnan ang iyong site o page na ginawa gamit ang PBS sa mga mobile phone. Upang maipakita ito nang mas malinaw:

    Pagtingin sa Iyong Site sa Iba’t Ibang Laki ng Screen

    Upang makatulong din na matiyak na alam ninyo kung ano ang hitsura ng inyong page sa mobile, pinagana rin namin ang mobile viewing sa pamamagitan ng desktop. Sa ganitong paraan, kung nais mong suriin kung maganda ang hitsura ng iyong page o hindi, hindi mo na kailangang dumaan sa abala ng pisikal na paglipat mula sa telepono (o tablet) patungo sa desktop. Maaari ka na ngayong simpleng magpalipat-lipat sa iba’t ibang laki ng screen anumang oras habang nagdidisenyo ng iyong page.

    Bukod pa rito, maaari mo na ring i-tweak ang mga espasyo ng iyong mga elemento partikular para sa mga tablet at mobile phone.

    Kaya ano sa palagay ninyo? Yay o nay? May iba pa bang mga feature na maaari naming pagbutihin tungkol sa mobile? Ipaalam sa amin sa seksyon ng mga komento sa ibaba!

  • Eksklusibong Cloudways Promo para sa mga User ng PBS!

    Nakikipagtulungan kami sa Cloudways, isa sa pinakamahuhusay na managed cloud-hosting platform sa web. Kung hindi mo pa naririnig ang tungkol sa kanila, labis silang pinagkakatiwalaan sa komunidad ng WordPress, at napatunayang isa sa mga pinaka-maaasahang serbisyo ng hosting ngayon. Mayroon din silang ilang kahanga-hangang feature, tulad ng Multiple Cloud Infrastructures, Multiple Datacenters, at SSD Hosting, dagdag pa ang 1-click cloning, 1-click backup and restore, at 1-click domain mapping.

    Ang magandang balita ay nakipagtulungan kami sa Cloudways upang gumawa ng isang eksklusibong promo para sa mga tagahanga ng Page Builder Sandwich na nais sumubok sa Cloudways o bilang regalo para sa mga kasalukuyang user ng Cloudways! Ilagay lang ang code Ilagay lang ang code:

    CWPBS15

    ..para makakuha ng $15 diskwento kapag nag-upgrade ka ng iyong Cloudways account. Ang alok na ito ay nagbibigay rin sa iyo ng 1GB DigitalOcean server sa Cloudways nang 1 buwan. Magandang alok ito para sa mga nagbabalak lumipat ng hosting provider, o sa mga gustong mag-set up ng mga bagong website o web app.

    Inaasahan naming magugustuhan ninyo ang promo na ito tulad ng aming kasiyahan sa pakikipagtulungan sa Cloudways!

  • Page Builder Sandwich 2017: Isang Pagbabalik-tanaw sa Taon

    Noong 2017, sinimulan naming palawakin ang mga feature ng Page Builder Sandwich. Ang taong ito ay isang malaking hakbang para sa amin, at lubos kaming nagagalak.

    Nakatanggap kami ng napakaraming feedback at suporta mula sa aming mga user, pati na rin sa aming mga kaibigan mula sa WordPress. At dahil dito, nakagawa kami ng isang bagay na malaki, isang bagay na nagbibigay-daan sa inyo na lumikha ng magagandang bagay kasama namin.

    So without further ado, let’s look back at Page Builder Sandwich’s 2017. Here are our favorite updates and releases from this year.

    Parallax Scrolling

    Parallax Scrolling is a background effect that gives your page a a 3D layered look while you scroll.  We made adding this effect easy for our users- simply select the Parallax Scrolling option in your row’s background to add the parallax effect.

    Video Backgrounds

    Tulad ng sa Parallax Scrolling, hinahayaan ka ng Page Builder Sandwich na magdagdag ng magagarang Video Background sa pamamagitan lamang ng pag-copy-paste ng mga link ng Vimeo o YouTube, o manu-manong pag-upload ng mga video.

    Ken Burns Backgrounds

    Napapansin mo ba ang paraan ng pagpapakita ng archival footage sa karamihan ng mga dokumentaryo? Kung paano sila nagpapakita ng larawan sa screen, na dahan-dahang nagzu-zoom in? Tinatawag iyon na Ken Burns effect. At oo, inilabas din iyon ng Page Builder Sandwich noong 2017.

    Blank Page Template

    Gusto mo bang magsimula sa blangko? Sagot ka ng Page Builder Sandwich. Inilabas din namin ang Blank Page Template noong 2017, na nagbibigay-daan sa iyong idisenyo ang iyong website sa isang ganap na blangkong canvas.

    Full Page Templates

    Page Builder Sandwich released its very first set of Page Templates in January 2017. Niche-based and professionally designed, these templates also allow for manual editing so you can customize them the way you’d like.

    Mobile Responsiveness

    Ang 2017 ang taon kung kailan ipinakilala namin ang Mobile Responsiveness sa aming hanay ng mga feature. Ngayon ay maaari mo nang matingnan nang maayos at tuluy-tuloy ang iyong website gamit ang mobile.

    All 800+ Google Fonts

    Binigyan ka namin ng kakayahang magdagdag ng sigla at flexibility sa iyong website gamit ang lahat ng 800+ Google Fonts.

    200% Performance Increase

    Bigger, better, faster. Page Builder Sandwich increased its performance by 200% in 2017.

    What’s in Store for 2018?

    Ang Page Builder Sandwich ay naging tunay na user-friendly, tunay na intuitive, at tunay na front-end na page builder. Ang aming bisyon na bigyan kayo ng pinakamahusay na karanasan sa paggawa ng webpage ay lumalago habang ibinabahagi ninyo ang inyong mga pangangailangan.

    Mula sa inyong mga ideya, bumuo kami ng mas magandang bagay para sa 2018!

    Frontly Builder is the next step in our evolution and we’re at the final stages of development!

    Leave us your email to get first dibs on updates!

    ’til relaunch

    Hindi kami aabot nang ganito kalayo kung wala ang inyong suporta, kaya isang napakalaking pasasalamat sa lahat ng sumama sa amin ngayong 2017! Para sa paglikha ng mas marami pang kamangha-manghang mga bagay sa 2018. Magkita-kita tayo roon!

    Cheers,
    Ang Koponan ng Page Builder Sandwich

  • Ano ang isang Page Builder at Bakit Mahalaga ang Front End

    What-is-a-Page-Builder-and-Why-Front-End-MattersKung ikaw ay isang hardcore na blogger kung saan ang lahat ng paggawa ng nilalaman na ginagawa mo ay umiikot sa pagsusulat ng mahahabang artikulo na naglalaman ng paminsan-minsang kaugnay na larawan, kung gayon marahil ang umiiral na TinyMCE content editor ay sapat na para sa iyong mga pangangailangan. Naglalaman na ang kasalukuyang toolset ng mga kinakailangang tool para sa pagsulat ng mga artikulo, mayroon ka ng iyong mga pangunahing tool sa pag-format ng teksto tulad ng bold, italic, mga heading, atbp. Ngunit hanggang doon na lamang iyon.

    Walang madaling kakayahan sa pag-layout

    Bagama’t maaari kang magsulat ng mga artikulo gamit ang kasalukuyang TinyMCE content editor, walang maayos na paraan para i-layout mo ang iyong nilalaman bukod sa pagkakaroon ng iisang tuloy-tuloy na column ng teksto. Sa simula pa lang, hindi mo maihahanay ang iyong teksto sa dalawa o higit pang mga column, at hindi ka rin makakagawa ng nilalamang hinati-hati na may ibang kulay ng background. Kung nais mong maging natatangi ang iba pang mga seksyon ng iyong website tulad ng mga landing page at contact page, kakailanganin mo ng ilang uri ng pangunahing kakayahan sa pag-layout.

    Sinubukan ng iba na gawan ng paraan ang isyung ito sa pamamagitan ng paggamit sa shortcode feature ng WordPress. Sa madaling salita, pinapayagan ng mga shortcode na magpasok ng mga snippet ng code sa pamamagitan ng paggamit ng mga espesyal na tag. May mga WordPress plugin na nagpapakilala ng iba’t ibang mga shortcode na magagamit mo upang lumikha ng nilalamang may mga column. Halimbawa, maibabalot mo ang iyong nilalaman gamit ang maraming column tag kung nais mong ilagay ang mga ito sa isang two-column na layout. Bagama’t “gumagana” ang paraang ito, hindi ito visually friendly dahil sa kalaunan, habang naglalagay ka ng mas maraming nilalaman, ang lahat ay magmumukhang isang malaking tambak ng kalat.

    Upang punan ang puwang na ito sa pag-layout, nilikha ang mga page builder.

    Page building blocks

    Pinapadali ng mga Page Builder ang paglikha ng naka-layout na nilalaman

    Binibigyan ka ng mga page builder ng mga karagdagang tool na nagpapadali sa pagsasaayos ng iyong nilalaman sa mga natatanging layout. Karaniwang inaalis ng mga page builder ang back end na TinyMCE content editor at pinapalitan ito (o nagdaragdag) ng bago na makakatulong sa iyong makita sa isip ang iyong nilalaman. Kung hindi ka pa nakagamit ng back end page builder dati, isipin ang isang hanay ng mga bloke kung saan ang bawat bloke ay kumakatawan sa isang uri ng nilalaman: isang larawan, teksto, o isang shortcode. Papayagan ka nitong i-drag at i-drop ang mga iyon sa iba’t ibang mga layout at column.

    Bukod sa pag-layout, ginagawa ring mas madali ng mga page builder ang paggawa at paglalagay ng mga shortcode. Dati, makikita mo ang mga shortcode sa buong anyo ng mga ito. Makikita mo ang mga square bracket kasama ang lahat ng mga attribute at value na nakahalo sa iyong nilalaman. Karaniwang naglalagay ang mga page builder ng mga tagalikha ng shortcode – mga popup dialog na ginagawang mas user-friendly ang pagpili ng mga attribute ng shortcode kaysa sa pag-type lang ng mga ito.

    Ang mga front end page builder ang kinabukasan

    Bagama’t ang lahat ng ito ay mas magandang karanasan para sa mga designer at tagalikha ng nilalaman, ang isang back end page builder ay may malaking problemang likas sa mga ito. Bagama’t makakakita ka ng visual na representasyon kung ano ang magiging hitsura ng iyong nilalaman, ang nakikita mo ay hindi ang iyong aktwal na nilalaman. Dahil dito, patuloy na tinitingnan ng mga tao ang preview ng kanilang mga page upang makita kung tama ang kanilang ginagawa. Kapag gumagamit ng mga back end page builder, personal kong kini-click ang preview button nang hindi bababa sa 20 beses para lang suriin kung maayos na nakalinya ang aking nilalaman o kung pantay ang pagitan ng aking mga margin. Ito ay isang malaking nakakaabalang bagay na umuubos ng oras.

    Upang malutas ang abalang ito, dapat dalhin ang mga page builder sa front end. Kung gagawin ito, aalisin nito ang bahagi ng panghuhula sa pag-layout ng page dahil makikita mo kaagad ang iyong mga resulta.

    Sa ngayon, maraming back end page builder at iilan lamang ang front end page builder. Kabilang sa mga iilang iyon ang Page Builder Sandwich. Kung nais mong matuto nang higit pa tungkol sa kung bakit natatangi ang Page Builder Sandwich at kung bakit ito ang tamang tool para sa iyo, basahin ang artikulong Paano Naiiba ang Page Builder Sandwich sa Iba Pa.