Blogu

  • Makosa 4 ya Usanifu wa Tovuti Unayopaswa Kuepuka mnamo 2018

    If there’s one thing you need to remember when building a website, it’s to never take good design for granted.

    As we’ve mentioned in a previous article, a site visitor’s first impression on your website can make or break you in just a matter of seconds.

    In other words, if they don’t like what they see within that timeframe, chances are they’re going to close their browser windows and direct their attention elsewhere.

    Fortunately, there are a lot of ways to prevent this from happening; one of them is to familiarize yourself with good web design practices. And the good news is you don’t need to be a professional web designer in order to do so.

    Because while it’s true that not everyone has a good eye for design, preventing bad design becomes easier once you know what to avoid.

    Hata hivyo, hakikisha unakumbuka makosa haya 4 ya kawaida ya usanifu wa tovuti. Kwa njia hii, utakuwa na jambo moja pungufu la kuwa na wasiwasi nalo hatimaye utakapoanza kuunda tovuti yako.

    Kosa #1: Kutumia Fonti Zaidi ya 3

    A rule of thumb when designing websites? Try not to have too much visual elements going on within your space. Having more than 3 fonts on your site design is a surefire way to break this one rule. It’ll also overwhelm your site visitors.

    Kuweka fonti za tovuti yako zisizozidi 3 ni kanuni ya jumla ya usanifu inayofuatwa na wataalamu. Zaidi ya hayo, huongeza kiwango cha usomekaji na uthabiti wa tovuti yako, ambavyo ni muhimu kwa mafanikio ya idadi ya wageni kwenye tovuti yako.

    DON’T DO THIS:

    Don’t use more than 3 fonts and try to avoid “fancy fonts” as much as possible. These tend to make your site look unprofessional and outdated.

    DO THIS:

    Use only 2 fonts, or a maximum of 3 if you have to. Notice how the page below looks clean and sleek, all while keeping readability and consistency all throughout the design.

    Try comparing the differences between this example and the previous one. The example below with only two fonts is a website that your visitors will likely take seriously.  This previous one above with the overwhelming amount of fonts isn’t.

    Mistake #2: Failing to Use White Space

    White space is one of the most important aspects of web design. But what is it?

    Put simply, white space is literally the empty space between elements in a composition.

    In other words, it’s negative space. This pertains to anything on your website that isn’t filled with text, photos, or other design elements.

    Now, the problem arises when website owners want to fill all of the white space in, which is an absolute no-no.

    White space matters because it gives your site visitors and readers some breathing space when going through your site. Just how it was mentioned in the first design mistake to avoid, overwhelming your website with too much design elements is more than enough reason for your site visitors to leave and for your traffic to decrease significantly. It also makes for poorly executed design.

    DON’T DO THIS:

    In the example below, take a look at how the text is nearing the edges of the purple section’s margin. Notice as well how all elements leave almost zero room for white space.

    DO THIS INSTEAD:

    Give your site readers some room to breathe. If adding in long paragraphs is unavoidable, just remember to always take the rules of spacing into account—they’re pretty easy to remember anyway ?.  It will leave your page looking cool, crisp, and professional.

    Mistake #3: Designing Websites With Zero Flow in Your Site’s Content

    It’s important to pay attention as to how  information on your website is presented. Moreover, site content should generally follow a logical flow, taking the site viewer’s intuition into consideration.

    Tazama mifano miwili hapa chini ili kuona kile tunachomaanisha.

    DON’T DO THIS:

    Unless you’re a graphic designer by profession, it’s probably not a good idea to experiment with the standard flow of your website’s sections.

    Below, you can see that the site’s design lacks both visual and logical flow; everything is all over the place. You don’t want your audience having a hard time navigating through your site, either. This is another surefire way to do it.

    DO THIS INSTEAD:

    Notice how the sections of the website flow depending on what actions the visitor is most likely to take.

    Muundo ni rahisi kueleweka na una mtiririko wenye mantiki: Kwanza, shirika linajitambulisha na kuwapa hadhira mambo ya msingi; kama vile inahusu nini na inafanya nini. Pili, huweka takwimu za kuaminika ili kujenga uaminifu. Mwisho, tovuti huwapa hadhira nambari zake za mawasiliano na orodha ya matukio, ikihimiza kuchukua hatua.

    Mistake #4: Trying to Fit in Every Bit of Information Onto Your Website

    Kuweka marundo ya maandishi yasiyo ya lazima pale panapostahili kuwa na nafasi wazi kunaweza kuwafukuza watazamaji wako. Kumbuka kuweka maelezo muhimu tu.

    Studies find that readers only visit 20% of your webpage; everyone else outside that percentage will probably just scroll through your site.

    DON’T DO THIS.

    Don’t overwhelm your visitors with inconsistent, giant walls of text, especially if it means having to sacrifice your website design’s cohesiveness and structure.

    DO THIS INSTEAD:

    Keep your copy short and concise, and take out chunks of unecessary text if you can help it. Only keep vital information that your site visitors absolutely need to know.

    Conclusion

    Website design is important, and can be a huge deciding factor in whether or not you gain site traffic.

    Kumbuka kutoichukulia kawaida. Kila mara tenga muda wa kufanya utafiti, na utafute makala za usanifu ili kukuongoza njiani. Kabla ya kujua, utakuwa unaona wageni wa tovuti yako wakiongezeka. ? Kila la heri!

    Design in less time!

    Check out how much faster Page Builder Sandwich let you design your web pages.

    Try Live Preview

    This week’s useful resource:

    CANVA has hundreds of resources that you can access on their website. Apart from useful and easy-to-follow design tips, they also have photo editing tools, graphs, and a wide range of useful resources you can use for your creative projects.

    Angalia Mwongozo huu mzuri wa Rangi kutoka Canva kwa ajili ya mradi wako ujao wa usanifu.

    Canva Design Wiki

    Fungua ubunifu wako.

    Angalia Mwongozo wa Rangi wa Canva

  • Toleo la 3.0: Kufikiria Upya Jinsi Kijenzi cha Kurasa Kinavyopaswa Kufanya Kazi

    version-3-0-rethinking-how-a-page-builder-should-workImepita miezi 10 tangu tulipotoa Page Builder Sandwich kwa umma. Sasa tuna takriban usakinishaji 6,000 amilifu, na hilo ni fanikio kubwa sana kwetu. Tumepata pia maoni mengi sana kwa sababu yake, mazuri na mabaya. Hata hivyo, maoni ya wengi ni kwamba watu wanafurahia jinsi ilivyo rahisi kuunda mipangilio na kutengeneza maudhui yao ikilinganishwa na wajenzi wengine wa kurasa waliopo.

    Sehemu kubwa ya maoni tuliyopata yalikuwa maombi ya vipengele, na tumeongeza vingi vya vipengele hivyo katika miezi michache iliyopita. Lakini tulipokuwa tukiendelea kufanya hivyo, tulianza pia kubadilisha kiolesura cha mtumiaji polepole katika mchakato huo. Na, kwa sababu hiyo, tulikuwa tukibadilisha pia uzoefu wa mtumiaji… kuwa mbaya zaidi. Hata hivyo, ilifikia hatua ambapo tulihitaji kufikiria upya kiolesura, kwa sababu hakikufanya kazi vizuri tena, na vipengele tofauti havikushirikiana vizuri nacho pia.

    Kiolesura Kilichopitwa na Wakati

    Katika matoleo ya awali ya PBS, tulitaka kila kitu kiwe katika mfumo wa vitufe. Kwa nini? Kwa sababu vitufe ni rahisi kutumia. Wewe tu… unavibofya. Kwenye matoleo ya zamani ya kichunguzi (upau wa kando kwenye picha hapo juu), kubofya kitufe kungeongeza thamani, kisha shift+kubofya kitufe kungeipunguza. Hiyo inaonekana rahisi vya kutosha. Lakini kwa kuongezwa kwa mizunguko ya picha, vichupo, ramani na vipengele na uwezo mwingine mpya, vitufe hivyo vyote viligeuka kuwa mchanganyiko wa aikoni tofauti zenye miundo tofauti, na kuanza kuonekana kama michoro ya hieroglifi badala ya kiolesura kizuri. Hili halikuwa tatizo kwa watumiaji wenye uzoefu, lakini linatisha sana kulitazama ikiwa wewe ni mgeni kwenye PBS.

    Kisha, kulikuwa na matatizo kadhaa yaliyojitokeza kwenye kichunguzi. Wazo la awali lilikuwa kufanya kila kitu kiwe rahisi na kinachopatikana ndani ya kichunguzi. Na kwa kusema kila kitu, nilimaanisha kila kitu – kuanzia kubadilisha maandishi kuwa vichwa vya habari, hadi kubadilisha rangi za mandharinyuma, rangi za fonti, na kadhalika. Hata hivyo, katika hali yake ya sasa, kichunguzi sasa kina chaguo nyingi ambazo zitakufanya utumie gurudumu la kipanya kusogeza juu na chini mfululizo. Tofauti kabisa na kichunguzi nilichotarajia awali kuwatengenezea watumiaji.

    Mwisho, hivi karibuni tulianzisha upangaji wa shortcode kwa programu-jalizi unazopenda. Kipengele hiki kilihitaji tutengeneze sehemu za maandishi, vitelezi vya nambari, visanduku vya kuteua, na aina mpya za ziada za chaguo zilizohitajika kufanya uzoefu wako wa kuhariri shortcode uwe wa kupendeza zaidi. Hapo awali, lilikuwa wazo zuri, na ndiyo, lilifanya ubadilishaji wa shortcode kuwa rahisi zaidi kwako. Lakini tena, kipengele hiki kilikengeuka kutoka kwenye kiolesura chetu cha “vitufe pekee”. Kikaguzi, ilikuwa haiwezekani kabisa kutumia vitufe pekee kubadilisha sifa za shortcode. Sasa, katika toleo la hivi punde, tuliishia kuwa na aina 2 za vidhibiti: vitufe na sehemu za shortcode.

    Kuna sababu nyingine chache zilizotufanya tuamue kuwa kiolesura chetu hakikuwa na ufanisi tena (au hakikufaa mahitaji yetu), lakini mambo yaliyo hapo juu ndiyo makuu. Jambo moja lilikuwa hakika hata hivyo: tulijua kwamba tulipaswa kusasisha kiolesura.

    Kufafanua Jinsi Mjenzi wa Kurasa Anavyopaswa Kufanya Kazi Kimsingi

    Badala ya kurukia na kubadilisha mambo mara moja, tulirudi nyuma hatua mia moja ili kuangalia uzoefu mzima wa mjenzi wa kurasa. Tulitaka kuleta uhai mpya kwenye kiolesura. Kusema kweli, hatukutaka kuendelea kukijenga upya mwaka baada ya mwaka. Inachosha na bila shaka haileti msaada mkubwa kwa jumuiya ya WordPress. Wakati huu, tuliamua kufanya mambo polepole na kwa uangalifu. Tumesoma kila pembe ya Page Builder Sandwich na kile kinachoifanya kuwa mjenzi mzuri wa kurasa, na hatimaye kukuza uzoefu mzima wa uhariri kuwa dhana chache za kimsingi.

    Dhana Muhimu #1: Kuandika Moja kwa Moja kwenye Maudhui Yako ili Kuhariri Vitu

    Moja ya sababu kuu za kusakinisha mjenzi wa kurasa ni kuondokana na vikwazo vya kihariri maandishi cha backend cha WordPress. Si kwamba kihariri cha backend si kizuri, lakini wakati wa kuunda kurasa zako za wavuti, hakikuonyeshi mara moja jinsi ukurasa wako wa wavuti utakavyoonekana kwa wageni wa tovuti yako, wala hakikuruhusu kupanga maudhui yako nje ya mpangilio wa safu wima moja. Unaweza tu kuona maandishi yako hapo na baadhi ya picha, lakini hakuna chochote cha vitu vya kina zaidi (mf. fomu za mawasiliano). Unaweza kuongeza shortcodes, ndiyo, lakini hazitaonekana katika muundo wake ulioonyeshwa*.

    * Kuna programu-jalizi zinazotengenezwa na wengine kushughulikia hili kama vile Shortcake UI, lakini hilo si suala kuu.

    Hapo ndipo wajenzi wa kurasa wa frontend wanapoingia. Wanaleta uzoefu wa uhariri kutoka backend na kuuweka kwenye frontend, huku ukihariri tovuti yako jinsi wageni wako watakavyoiona hasa. Kama Pippin anavyosema: Unachokiona ndicho unachopata (WYSIWYG).

    Jambo lingine zuri kuhusu kuwa kihariri cha frontend ni kwamba kinakuruhusu kuhariri maandishi yako moja kwa moja. Kuandika vichwa vya habari na aya kunaleta urahisi wa kutumia kichakataji maneno cha kawaida katika ujenzi wa tovuti. Vitufe na lebo za vichupo vinapaswa pia kubadilika kwa kubofya tu na kuandika.

    Hili ndilo eneo ambalo wajenzi wengine wengi wa kurasa hawafanyi vizuri. Wengi wao wanakulazimisha kuandika ndani ya sehemu ya maandishi ili kuhariri kila kitu. Tena, hili halipaswi kuwa hivyo katika wajenzi halisi wa kurasa wa frontend. Kuandika na kuhariri maandishi moja kwa moja imekuwa nguzo kuu ya Page Builder Sandwich tangu toleo la 2, na tulihakikisha kuwa hili bado linadumishwa katika toleo la 3.

    Dhana Muhimu #2: Kutumia Kipanya kwa Marekebisho ya Haraka

    Kipanya ni zana yenye nguvu ambayo mara nyingi hupuuzwa katika wajenzi wa kurasa. Mara nyingi, wajenzi wa kurasa hukitumia kuwaruhusu watu kuburuta vitu na kuviweka katika maeneo tofauti, au kubofya vitufe au sehemu za kuingizia data. Ingawa hii ni sawa, kuna mengi zaidi unayoweza kufanya na kipanya katika masuala ya ujenzi wa kurasa.

    Kwanza kabisa, kuna maoni mazuri sana ya kuona unapotumia kipanya kama zana ya kuhariri ukurasa, hasa katika kurekebisha sifa za kuonekana kama vile pambizo, nafasi za ndani na ukubwa. Sasa, kurekebisha vipengele vyako kunakuwa uzoefu wa kiasili.

    Katika PBS toleo la 3, utaweza kurekebisha mambo kadhaa kwa kutumia kipanya chako. Unaweza kurekebisha pambizo/nafasi kati ya vipengele binafsi, nafasi za ndani ndani ya safu wima zako, pamoja na ukubwa wa picha, aikoni na ramani. Pia tumebadilisha vitufe vinavyokuruhusu kubadilisha thamani za nambari kuwa vitelezi.

    Dhana Muhimu #3: Maandishi Yanapaswa Kuwa Rahisi Kuweka Mtindo

    Ukichukua hatua nyuma kutoka kwenye kifuatiliaji chako, utagundua kuwa sehemu kubwa ya kile unachoongeza kwenye kurasa zako za wavuti ni maudhui ya maandishi. Ndiyo, tuna picha na aikoni humo ili kuyaambatana – na hivi karibuni tuna mwelekeo wa kuongeza picha kubwa zaidi katika tovuti zetu. Lakini idadi kubwa ya maudhui muhimu yote ni maandishi: vichwa vya habari, orodha zenye vitone, aya, nukuu, n.k. Sambamba na hilo ni jinsi tunavyoweka mtindo maandishi yetu ili kutosheleza miundo yetu. Tunaweza kubadilisha saizi na rangi zake, au kuyakoleza au kuyaweka katika mlazo. Hii ni ili kufanya maudhui yetu yawe rahisi kusomeka, yawe na maana, na ya kuvutia kwa wasomaji wetu husika.

    Kwa sababu tunaweka mitindo kwenye maandishi mara kwa mara, vitufe vinavyoturuhusu kubadilisha mitindo vinapaswa kufikika kwa urahisi sana. Havipaswi kufichwa ndani ya kisanduku ibukizi ambacho tunahitaji kukifungua kwanza. Wajenzi wengi wa kurasa wanateseka na ugonjwa huu. Ili kiolesura chao cha mtumiaji kiitwe ‘kisicho na mrundikano’, hata chaguo zinazotumiwa zaidi hufichwa kutoka machoni.

    Ili kutatua hili, tuliangalia vichakataji maneno vinavyotumiwa zaidi. Tuligundua kuwa huwa vina safu mlalo yenye vitufe vingi karibu na sehemu ya juu ya skrini inayotumika kuumbiza maandishi na tukanakili mpangilio huo huo kwa toleo la 3. Sasa tuna safu mlalo ya vitufe vyote vya mitindo ya maandishi inayopatikana kila wakati juu ya skrini yako. Hii inafanya uwekaji mtindo kuwa wa haraka sana na kama tabia ya asili katika uhariri wa maandishi.

    Dhana Muhimu #4: Chaguo za Juu za Uwekaji Mtindo Zinapaswa Kuwa Rahisi Kubadilika Lakini Rahisi Kueleweka

    Jambo la msingi kuhusu mjenzi wa kurasa ni kwamba anapaswa kuwaruhusu watu kuunda miundo maridadi kwa urahisi. Hii ina maana kwamba tunapaswa kutoa mipangilio na chaguo nyingi tofauti bila kusababisha ugumu wa kujifunza. Kuweza kurekebisha pambizo, nafasi za ndani na kuweka mtindo maandishi ni mambo mazuri, lakini hayo yanaweza kufanya mambo machache tu. Utahitaji chaguo za kina zaidi ili kukamilisha kazi, chaguo kama vile picha za mandharinyuma, ruwaza, mipaka, mandharinyuma thabiti na mengineyo. Kurundika mipangilio hiyo yote tofauti kunaweza kulemea kidogo, kwa hivyo tumerahisisha baadhi yake na kuzipanga katika kategoria ili kufanya mambo yawe rafiki zaidi katika toleo la 3.

    Dhana Muhimu #5: Usaidizi wa Shortcode

    Mwisho, tusisahau kwamba mjenzi wetu wa kurasa anasimama juu ya WordPress. Tunapaswa kukumbatia jukwaa na vipengele vyake na si kuvizuia au kukengeuka kutoka navyo. Kipengele kimoja kikubwa ambacho WordPress hutoa ni shortcodes. Haimaanishi kwamba maudhui yote yanapaswa kuwa na shortcodes – hiyo ingekuwa fujo – lakini badala yake tunapaswa tu kuwa sambamba nazo. Programu-jalizi na mandhari nyingi hutumia shortcodes, na itakuwa hasara kubwa tukizipuuza zote. Kwa kweli, shortcodes huwapa watumiaji unyumbufu mkubwa zaidi linapokuja suala la kuunda kurasa.

    Tulianzisha mfumo wetu wa upangaji wa shortcode wiki chache zilizopita, na kwa sababu hiyo tumepanga mamia ya shortcodes kutoka mamia ya programu-jalizi. Tumeweka kipaumbele kwa programu-jalizi maarufu zaidi zinazopatikana kwenye saraka ya programu-jalizi ya WordPress, kwa hivyo kuna uwezekano utakutana nazo kwenye tovuti zako mwenyewe. Hili limeimarika zaidi katika toleo la 3, na tutaendelea kuliboresha huko mbele.

    Hitimisho

    Tumechukua sifa zote hizo muhimu hapo juu na kuziunda katika Page Builder Sandwich toleo la 3. Ndio mjenzi bora wa kurasa tuliowahi kumtengeneza kwa ajili ya WordPress kufikia sasa. Ni rahisi zaidi kueleweka na ya asili zaidi kutumia, inafanya kazi haraka zaidi, ni rahisi zaidi kutumia, na ni rafiki zaidi kuliko hapo awali.

    Ikiwa una maoni yoyote kuhusu kipengele muhimu cha mjenzi wa kurasa, tujulishe kwa kutoa maoni hapa chini.

  • #PBSUpdate: Ongezeko la Utendaji kwa 200% na Vipengele Vipya

    Only a few weeks ago, we released PBS Version 4.1. This update included tweaks on the formatting bar and some text formatting updates, among others. For Version 2.0 though, while we made additional features, we decided to focus more on PBS’ overall performance.

    200% Performance Increase & A Little Help from CodeInWP

    Kilichochochea mabadiliko haya kilikuwa makala kuhusu matarajio ya wajenzi wa kurasa kutoka CodeInWP. Iliangazia orodha fupi ya vipendwa vyao, ikikagua kila kimoja chini ya vigezo maalum. Ingawa Page Builder Sandwich haikuingia kwenye orodha hiyo, tulitajwa pia kwa ufupi kwenye makala hiyo:

    With Page Builder Sandwich you won’t also lose your content and will be able to continue updating the page easily via a default WordPress editor.

    Kusoma haya ndiko kulikosukuma timu yetu kuboresha PBS hata zaidi. Na, kwa kuwa hatukujumuishwa kwenye orodha hiyo, tulikuwa na shauku pia wakati huo huo ya kujua mapungufu yetu mahususi yalikuwa yapi. Baadaye kidogo tuliwasiliana na CodeInWP kuomba ukaguzi mfupi wa PBS, na mwandishi mgeni Ann Taylor alitupa jibu lenye kujenga na msaada mkubwa:

    “…I played around with a free version a bit. It shows a lot of promise: lots of modules, pretty intuitive UI, great WYSIWYG experience, everything is dragged around easily. However, when I had around 10 modules on the page, it became hard to continue working with it because of low editing speed…”

    Maoni haya mazuri yalituchochea zaidi kuchunguza kasi na utendaji wa PBS. Tulijaribu matukio mengi tofauti na tukagundua vikwazo vikubwa vya kasi. Chanzo cha matatizo ya utendaji kilikuwa mahesabu mbalimbali ambayo programu-jalizi ilifanya ili kuonyesha mipaka (outlines), pau za zana, na viashiria vingine vya uhariri wa picha. Chini ni grafu ya utendaji wa PBS toleo la 4.1 katika Chrome:

    Here are the important points of the graph in a nutshell:

    • Maeneo marefu ya zambarau ni mabaya
    • Maeneo mapana ya zambarau ni mabaya zaidi
    • Tumeharakisha mambo mengi, na sasa grafu yetu ya toleo la 4.2 inaonekana hivi:

    If you compare the tall and wide purple areas from the two graphs, that means that we have achieved a 200% performance increase!

    4 New Elements

    Kitu tunachopenda zaidi kuhusu vipengele hivi 4 vipya ni kwamba vina uwezo wa kuunda sehemu kamili za ukurasa wa wavuti haraka na kwa ufanisi, bila hitaji la kuburuta vipengele kimoja baada ya kingine kwenye eneo la kazi la PBS. Pia tutakupa fursa ya kuchagua kutoka kwa mitindo tofauti ili uwe na nafasi zaidi ya kubinafsisha vipengele hivi vitatu vipya kulingana na mahitaji yako ya muundo.

    Spacer Element

    Ni rahisi kurekebisha nafasi za kingo za vipengele (margins) ili kupata nafasi unayohitaji. Kipengele cha spacer kinaweza kutumika kama mbadala wa hili. Hii ni muhimu sana ikiwa unataka safu fulani zisipungue kuwa ndogo sana kwenye skrini za simu.

    Featurette Element

    Kipengele cha featurette kinaweza kutumika kuunda sehemu za ukurasa wako kwa kasi ya haraka zaidi. Sehemu hizi zinaweza kujumuisha vichwa vya hero, shuhuda za carousel, na vitu vingine unavyoweza kutumia kuboresha utendaji wa ukurasa wako.

    Since all of the Featurette Elements are pre-designed, all you’ll have to do is simply drag the “Featurette” button from the Elements Tab, and choose what you want to add on your workspace from there.

    Team Members Element

    Kipengele cha mwanachama wa timu ni kamili kwa ajili ya kuwaonyesha washiriki wa timu yako kwa wageni wa tovuti yako. Kwa kawaida, sehemu kama hii inajumuisha picha ya mwanachama wa timu, pamoja na maelezo mafupi chini.

    Gallery Element

    Kipengele hiki kinatumika kutengeneza ghala za picha. Hapo awali, ilikubidi kuburuta vipengele tofauti (kama vile vitufe, fremu, n.k.) kwenye eneo la kazi la PBS kimoja baada ya kingine ili kuunda ghala. Hata hivyo, kipengele hiki kipya kinakufanyia hivyo, kwa hivyo mchakato unakuwa bila usumbufu wowote.

    A Huge Thank You

    Toleo la 4.2 ni mojawapo ya sasisho zetu muhimu zaidi hadi sasa. Utendaji na utendakazi ni muhimu kwa programu-jalizi yoyote bora, kusema ukweli. Tungependa kumshukuru @Ann Taylor na CodeInWP kwa kutupa maoni yenye kujenga na kututakia mafanikio katika safari yetu. Na kwa watumiaji wote wa PBS, shukrani kubwa sana kutoka kwetu pia kwa usaidizi wenu unaoendelea.

    Tutatoa masasisho zaidi hivi karibuni (ikiwa ni pamoja na kipengele chetu tulichoahidi cha Google Fonts, miongoni mwa vingine), kwa hivyo kaeni macho kwa ajili ya hilo!

    Hadi wakati huo, ujenzi mwema wa tovuti kutoka kwa Timu ya PBS!

  • Kusherehekea Siku ya Kuzaliwa ya Kwanza ya Page Builder Sandwich kwa Kishindo!

    pbs-v4-ad-3 Ndio, ni kweli: Page Builder Sandwich inatimiza siku yake ya kwanza kabisa ya kuzaliwa tarehe 14 Januari, 2017. Pamoja na Punguzo letu la Likizo linaloendelea (punguzo la 30% kwa muda mfupi, hakuna msimbo wa ofa unaohitajika), PBS ina mshangao kadhaa kwa ajili yenu, na timu ina hamu kubwa ya kuwashirikisha kila mtu.

    Kwa mwaka uliopita, tumekua sana kutokana na usaidizi wa marafiki wazuri, tathmini zenye msaada mkubwa, na marafiki zetu wapya katika jumuiya ya PBS Slack. Hatungeweza kuwasahau ninyi– watumiaji wenyewe wa PBS, ambao mmetusaidia kufikia hatua hii muhimu. Na kwa hivyo ili kusherehekea, tukaona: kuna njia gani bora zaidi ya kuwapa uzoefu bora zaidi kuliko toleo la PBS Toleo la 4.0? Washa shamrashamra.

    Iwapo uliikosa, toleo la sasa, Toleo la 3.0, limepitia mabadiliko na maboresho makubwa. Hii inajumuisha kiolesura safi zaidi, laini zaidi, na rahisi zaidi kutumia, pamoja na mwitikio bora kwenye vifaa tofauti. Hata hivyo, kwa Toleo la 4.0, tutaweka vitu vizuri zaidi! Kwa hivyo jiandaeni, kwa sababu mambo yatakuwa ya kufurahisha, ya sherehe, na yenye utendaji zaidi na toleo lijalo mnamo Januari.

    Kipengele cha Violezo vya Ukurasa Kamili

    Kwanza katika orodha yetu ya vipengele vikuu ni Violezo vya Ukurasa Kamili vipya kabisa. Ingawa PBS hutumiwa kwa kawaida kuunda kila aina ya kurasa tofauti, tumezingatia kwa makini kwamba watumiaji wetu huendesha tovuti zao chini ya nyanja tofauti (na kwa hivyo aina tofauti za tovuti). Baada ya yote, watumiaji tofauti wana mahitaji tofauti, iwe kwa biashara au shughuli za kibinafsi. Ndio maana tumeamua kushughulikia hili kupitia kipengele kijacho cha Violezo vya Ukurasa Kamili.

    pbs-v4-ag-2 Kwa hivyo violezo hivi vya Ukurasa Kamili hufanya kazi vipi? Ni rahisi. Kwa Toleo la 4.0, tutatoa msururu wa violezo vizuri ajabu. Hivi vitagawanywa katika kategoria tofauti; kila kimoja kikiwa kimeundwa kwa ajili ya nyanja mahususi. Violezo vitajumuisha vipengele, mipangilio, na sifa za kurasa za mashirika, jalada za kazi (portfolios), tovuti za biashara ya mtandaoni (eCommerce), au blogu za kawaida za kibinafsi (miongoni mwa zingine) ili kutosheleza kikamilifu tovuti yoyote unayohitaji.

    Kwa mfano, ikiwa unaendesha mkahawa, na unahitaji ukurasa au tovuti inayolenga aina hiyo ya biashara, unaweza kuchagua tu kiolezo cha mkahawa. Na kwa sababu PBS inaruhusu ubinafsishaji unaonyumbulika, bado utaweza kukipamba kulingana na matakwa ya moyo wako. Na kwa kuwa kiolezo ulichochagua (katika hali hii, mkahawa wako) kitakuja na sifa mahususi zilizoundwa hasa kwa ajili ya tovuti ya biashara ya mkahawa, kitakuja pia na vipengele vya PBS vinavyokidhi mahitaji ya aina hiyo ya tovuti: kama vile sehemu nzima ya menyu, kipengele cha uwasilishaji, na vitufe vya mitandao ya kijamii, na vingine vingi. Sasa fikiria kitu kama hiki kwa nyanja yako mahususi– ikiwa unaendesha ofisi ya shirika, au biashara binafsi, au hata jalada la kazi tu– usijali. Kwa Toleo la 4.0, tutatoa violezo kwa ajili ya hizo pia. Bila shaka vitakuwa na manufaa makubwa katika safari yako ijayo ya kujenga tovuti!

    Vipengele Zaidi, Chaguo Zaidi

    Pamoja na Violezo vipya vya Ukurasa Kamili, pia tuna mambo mengine mengi yanayokuja! Kama tunavyosema daima, PBS ipo kwa sababu tunaamini kuwa kuunda vitu vya kustaajabisha na vya kuvutia hakuhitaji kuwa kugumu kama kila mtu anavyodhani. Kwa kuzingatia hili, tunakuhimiza utazame vipengele vyetu vingine vijavyo, ili ujionee mwenyewe kurasa na tovuti zote nadhifu na za ajabu ambazo utaweza kuunda kwa PBS!

    Mandharinyuma ya Parallax

    Usogezaji wa Parallax ni mbinu inayotumiwa kuunda athari ya kipekee ya mandharinyuma ya 3D kwa kivinjari chako. Hufanya tovuti yoyote ivutie macho kwa njia nzuri sana, na ikifanywa ipasavyo, inaweza kuongeza idadi ya watazamaji wako. Bado hujaamini? Tazama tovuti hii nzuri ya FireWatch inayotekeleza athari ya parallax kwa ukamilifu.

    Mandharinyuma ya Video

    Mandharinyuma ya video pia ni athari maarufu inayotumiwa kwenye tovuti, hasa kwenye kurasa za nyumbani, kurasa za kutua, na vichwa vikuu vya ukurasa. Zinavutia sana pia, na kuna sababu inayozifanya zipendwe sana, tuamini! Na kwa sasisho la hivi punde la PBS, utapata pia fursa ya kujaribu mandharinyuma ya video. Endelea na uyatumie ili kuvutia hadhira yako na kupata matembezi zaidi kwenye tovuti!

    Kuhesabu Tarehe Kurudi Nyuma

    Kwa Toleo la 4.0, tutatoa pia Kipima Muda cha Kuhesabu Tarehe kipya kabisa. Kitajumuisha vipengele vyako vya msingi kama vile kuweka tarehe na saa kamili unayohesabu kuelekea, pamoja na chaguo zinazonyumbulika za ubinafsishaji ambazo tuna uhakika utazipenda.

    Aikoni za Kijamii

    Unataka kuwahimiza watazamaji wako kusambaza habari kuhusu machapisho yako kwenye mitandao ya kijamii? Usiogope, kwa sababu PBS iko pamoja nawe! Kwa aikoni mpya za kijamii, wasomaji wataweza kushiriki tovuti yako na maudhui yako kwa kubofya kitufe tu.

    Hata hivyo, tuna mengi zaidi kwa ajili yako! Ikiwa ni pamoja na:

    • Uwezo wa kuongeza machapisho kwenye maudhui yako
    • Pau za maendeleo
    • Kuhesabu nambari kwenda juu
    • Vipengele vya WooCommerce, Advanced Custom Fields (ACF), Contact Form 7
    • Ushuhuda
    • Jedwali za Bei
    • Wito wa kuchukua hatua
    • Visanduku vya Picha
    • Visanduku vya Aikoni
    • Kutafuta na Kupakua Picha Bila Malipo
    • Uwezo wa kuongeza CSS Maalum
    • …na Zaidi!

    Mwitikio kwenye Vifaa Tofauti

    Na hatimaye, juu ya vipengele hivi vyote vipya na vya kupendeza, PBS pia itajivunia mwitikio bora zaidi kwenye vifaa mbalimbali.

    pbs-v4-ag-1 Hapo awali, kutazama na kuhariri ukurasa wako wa PBS kwenye simu ya mkononi haikuwa kazi rahisi hata kidogo– ukubwa wa fonti haukulingana, picha hazikuwa na uwiano- kwa ujumla, tulijua ilitubidi kuboresha UI ya PBS kwenye simu, na hivyo ndivyo hasa tulivyofanya. Tumefanyia kazi kipengele hiki mahususi na kukirekebisha ili kisiwe tu na mwonekano bora zaidi kwa upande wa UI, bali pia kiwe laini na rahisi zaidi kufikiwa. Sasa utaweza kutazama na kuhariri tovuti yako kwenye simu bila usumbufu wowote. Macho yako bila shaka yatakushukuru, na hadhira yako bila shaka itafanya hivyo pia.

    Laini Zaidi, Bora Zaidi, Ya Kustaajabisha Zaidi.

    Kwa kumalizia, tunashukuru kwa dhati kwa msaada wenu wote na uaminifu kwa PBS, na tunatumai mmefurahi kama sisi, kwa sababu sisi sote tuko tayari kwa safari nzuri!

    Je, masasisho haya yajayo yanakidhi matarajio yako? Je, kuna kitu kingine chochote ungependa kupendekeza kwa v4? Tuachie maoni hapa chini nasi tutaona kile tunachoweza kufanya!

    Ili kuendelea kupata taarifa zaidi kuhusu sasisho za v4 (na mambo mengine mazuri), jiunge na jarida letu hapa chini kwa kubofya kitufe cha ‘Jiunge’! Usijali- unaweza kujiondoa wakati wowote.

    Tunatumai mlifurahia msimu mzuri wa likizo,

    Timu ya PBS

    Ujenzi Mwema wa Tovuti!

  • Pale Mambo Yanapokuwa ya Kiteknolojia Kidogo: Jinsi Tulivyofanikisha Toleo Letu la Upangaji wa Shortcode

    How-We-Made-Our-Version-Of-Shortcode-Mapping-Happen-2Kwenye makala iliyopita, tulijadili misingi ya upangaji ramani wa shortcode na jinsi unavyoweza kufikia faida zake murua. Tumeamua kuigawa makala inayoangazia toleo la Page Builder Sandwich la Upangaji Ramani wa Shortcode, kwani maelezo yafuatayo yanaweza kuwa ya kiufundi zaidi.

    Hapa chini kuna maelezo ya kina zaidi ya utendakazi wa ndani wa kipengele chetu cha upangaji ramani wa shortcode, na jinsi tulivyokifanya kifanye kazi.

    Mchakato wa Kiotomatiki

    Ili kuamua ni programu-jalizi zipi za kujumuisha katika upangaji ramani wa shortcode, tulitengeneza hati ya kiotomatiki itakayokusanya programu-jalizi bora zaidi katika saraka ya programu-jalizi za WordPress kulingana na vigezo vifuatavyo:

    • Ndani ya programu-jalizi 1,000 maarufu, zilizopewa viwango vya juu na kusasishwa, zenye angalau usakinishaji 4,000 unaotumika,
    • Zenye angalau usakinishaji 4,000 unaotumika,
    • Zenye angalau ukadiriaji 20, na;
    • Zenye wastani wa angalau ukadiriaji wa nyota 3

    Tunaendesha hoja hii kila siku dhidi ya saraka ya programu-jalizi za WordPress. Vichujio hivi vinahakikisha kwamba tunapata orodha ya programu-jalizi za ubora mzuri ambazo watu wengi wanazitumia. Wakati hii inaandikwa, vigezo hivi vilileta programu-jalizi 800. Hiyo ni nyingi. Yaani, nyingi sana.

    Baadhi ya programu-jalizi maarufu zilizogunduliwa kwa ajili ya upangaji ramani wa shortcode.
    Baadhi ya programu-jalizi maarufu zilizogunduliwa kwa ajili ya upangaji ramani wa shortcode.

    Kisha tunaendesha mfululizo wa ukaguzi wa kiotomatiki kwenye msimbo wa chanzo wa kila programu-jalizi ili kubaini ikiwa ina shortcode zozote, na kisha tunajaribu na kupata shortcode zote hizo, pamoja na sifa zao zote. Baada ya kuchakata data, hii ilileta zaidi ya shortcode 2,000. Ya kustaajabisha maradufu. Shortcode zilizogunduliwa kisha huingizwa kwenye hifadhidata ya upangaji ramani wa shortcode kwa ajili ya ukaguzi wa mwongozo.

    Kufikia mwisho wa mchakato huu, tungekuwa na orodha kubwa ya programu-jalizi, na shortcode zake zinazowezekana. Sasa ni suala la kusafisha data hii ili kuhakikisha kila kitu ni sahihi.

    Mchakato wa Mwongozo

    Hii pengine ndiyo sehemu ngumu zaidi ya mfumo mzima wa upangaji ramani. Msimbo wa programu-jalizi unakuja katika miundo na saizi tofauti, si shortcode zote zinazotambuliwa kiotomatiki na hati zetu. Hata ingawa WordPress Codex inasema kutumia kitendakazi cha `shortcode_atts` kuchuja sifa za shortcode, hili ni pendekezo tu na si kila mtu anayefanya hivyo. Pia hakuna njia ya uhakika ya kuangalia mambo ya ndani ya shortcode wakati programu-jalizi imesakinishwa.

    Ili kuhakikisha kuwa tunapata shortcode zote na sifa zake kwa usahihi, tuliunda eneo la kiolesura cha mbele lililotengwa kwa ajili ya kuhariri shortcode na sifa na limejengwa kwa kutumia AngularJS na Bootstrap.

    Kiolesura cha Bootstrap & AngularJS cha kurekebisha shortcode zote zilizopangwa kwenye ramani.
    Kiolesura cha Bootstrap & AngularJS cha kurekebisha shortcode zote zilizopangwa kwenye ramani.

    Itatubidi kupitia kila programu-jalizi moja baada ya nyingine na kuangalia nyaraka zake za shortcode na kuhakikisha kuwa data yote tuliyo nayo ni sahihi.

    Ingawa hii ni kazi ya kuchosha na yenye kuhitaji umakini mkubwa, kuna pande nzuri za kuwa na mchakato wa kiotomatiki:

    • Kulingana na takwimu zetu za awali, ni takriban programu-jalizi 1 tu kati ya kila 2 zilizo na shortcode.
    • Nusu ya shortcode zilizogunduliwa hazina sifa (lakini sehemu ya hizi zinaweza kuwa matokeo chanya yasiyo ya kweli)
    • Kwa kupata tu programu-jalizi za ubora mzuri, kuna uwezekano mkubwa kuwa zina nyaraka za shortcode

    Wakati shortcode zote za programu-jalizi zimekaguliwa, hapo ndipo seva itaanza kusambaza ramani za shortcode za programu-jalizi hiyo kwa watumiaji.

    Mwito wa REST API

    Kipande cha mwisho cha fumbo ni programu-jalizi yenyewe. Wazo hapa ni rahisi: tambua ni programu-jalizi zipi zinazotumika, mandhari gani tovuti inatumia na ni shortcode zipi zinazopatikana, kisha uulize hifadhidata ya upangaji ramani wa shortcode ikiwa ina ramani. Kwa hili tuliunda ncha maalum ya WP REST API ambayo wateja wote huwasiliana nayo ili kupata ramani zao za hivi punde za shortcode.

    Siku za Usoni: Ushirikishwaji wa Umma

    Kukagua kila programu-jalizi kwa mwongozo kunahitaji muda na juhudi nyingi. Mara tu jukwaa la upangaji ramani wa shortcode litakapokuwa dhabiti, tunapanga kufungua upangaji ramani wa shortcode kwa kila mtu. Hii inamaanisha kuwa kila mtu anaweza kusaidia katika kuongeza shortcode.

    Unaweza kuwa unafikiria, “kwa nini nisaidie kupanga ramani ya shortcode? Ninafaidika nini?” Kweli, mambo machache yanakuja akilini kuhusu kwa nini watu wangetaka kusaidia:

    1. Ikiwa umetengeneza programu-jalizi, na hatujaipata bado kwa sababu ya vigezo vilivyo hapo juu, (na ipo katika saraka ya programu-jalizi za WordPress) basi unaweza kuongeza ramani mwenyewe. Programu-jalizi yako itaauniwa kikamilifu na PBS!
    2. Kwa kuwa tutakuwa tukishughulikia zile tu zilizopo kwenye saraka ya programu-jalizi za WordPress katika mchakato wa kiotomatiki, waandishi wa programu-jalizi na mandhari za kulipia hawatajumuishwa. Kwa hivyo ikiwa unayo, unaweza pia kuongeza ramani zako za shortcode kwa ajili ya hizo.
    3. Na kwa wale ambao si watengenezaji wa programu-jalizi, tunaweza kuwazawadia wale wanaosaidia. Ili kufanya upangaji ramani wa shortcode uwe juhudi ya kuvutia, tunaweza kuwazawadia wasaidizi wenye furaha leseni ya kibinafsi, au uboreshaji hadi leseni ya kulipia ya PBS!

    Jiunge na Jarida Letu

    Utendakazi wa upangaji ramani wa shortcode utatoka kwa wateja wetu kwa majaribio mnamo Agosti 12  Agosti 15  Agosti 16, 2016. Si shortcode zote zitakazokuwa zimepangwa ramani kufikia wakati huu (makadirio yetu labda ni programu-jalizi 100), lakini upangaji ramani utafanywa mfululizo na wateja watazipata mara tu mpya zitakapotolewa.

    Jiunge na jarida letu ili kupata habari kuhusu upangaji ramani wa shortcode, lini tutaitoa, na lini tutafungua upangaji ramani wa shortcode kwa umma!

  • SASISHO LA PBS: Toleo la 4.1 na Utumiaji

    Baada ya kutolewa kwa Toleo la 4.0 mwezi Januari uliopita, tumeendelea kufanya kazi katika uundaji wa PBS, tukiongeza marekebisho na maboresho yote mawili. Tuna furaha kubwa kushiriki nanyi, kwa hivyo haya ndiyo tuliyonayo kwa ajili ya sasisho la Toleo la 4.1.

    Maboresho ya Upau wa Umbizo

    Sasisho jipya zaidi la 4.1 linahusu upau wa umbizo la maandishi. Kando na kutatua masuala mengi ya hitilafu, pia tumeboresha mambo kadhaa kwenye upau huo yanayopaswa kufanya matumizi yako ya PBS kuwa laini na yenye ufanisi zaidi.

    Masasisho ya Kiteuzi cha Rangi

    Katika matoleo ya awali ya PBS, kiteuzi cha rangi kilikuwa na masuala kadhaa yaliyosababisha usumbufu kidogo kwenye mchakato wa uhariri, hasa ilipokuja katika kuhariri maandishi na rangi ya maandishi. Hata hivyo, kwa v4.1, tumeshughulikia suala hilo, na kufanya marekebisho mapya kwa ajili ya uhariri wa maandishi usio na usumbufu.

    • Sampuli zaidi za rangi kwa ajili ya uteuzi rahisi wa rangi
    • Kiteuzi cha rangi sasa kinaonyesha uwazi
    • Marekebisho ya hitilafu kuhusu uhariri wa rangi ya maandishi

    Masasisho ya Umbizo la Maandishi

    Hapo awali, tulikuwa na vitufe kadhaa ambavyo ilibidi ubonyeze mara kwa mara ili kuongeza thamani, kisha ushikilie CTRL/CMD kisha ubonyeze ili kupunguza. Mwanzoni tulidhani hii ilikuwa rahisi kueleweka, lakini watumiaji wamesema kwamba hii haikuwa dhahiri. Tumerekebisha kutofautiana huko katika sasisho hili.

    • Urefu wa mstari sasa ni rahisi kufikiwa: buruta kitelezi ili kurekebisha kwa ukubwa unaotaka, au weka tu ukubwa unaotaka kwenye nafasi iliyotolewa
    • Kitufe cha ukubwa wa fonti kiligawanywa katika vitufe viwili: kupunguza na kuongeza kwa matumizi rahisi zaidi
    • Kuongeza/kupunguza ukubwa wa fonti pia kunawezekana kwa urahisi zaidi, sasa ikiwa na px kama kipimo kwa uhariri rahisi zaidi. Hapo awali, ilionyesha kipimo cha “x” ambacho hakikuwa na maana yoyote
    • Vitufe vya mpangilio wa kushoto/katikati/kulia/sawazisha sasa vimewekwa pamoja ili kupunguza vitufe vinavyoonyeshwa
    • Kitufe cha “Futa Umbizo” sasa kinafuta mitindo mingine (kama urefu wa mstari), jambo ambalo hakikufanya hapo awali

    Maboresho ya Mstari wa Mlalo

    Hapo awali, mstari wa mlalo ulikuwa ukileta matatizo kadhaa. Katika baadhi ya mandhari, mistari ya mlalo ilikuwa midogo sana kiasi kwamba ilikuwa vigumu kubofya. Ili kurekebisha hili, tumeondoa mstari wa mlalo kutoka kwenye upau wa umbizo na kuugeuza kuwa kipengele chake chenyewe. Mbali na hayo, sasa unaweza pia kubadilisha rangi za mstari kupitia kiteuzi cha rangi.

    Masasisho Yajayo: Nini Kimeandaliwa kwa Ajili ya PBS?

    Kama tulivyosema, bado tuna mambo mapya (na masasisho zaidi) yanayoendelea kutayarishwa. Hapa kuna dokezo fupi la kile tulichokuandalia kwa ajili ya siku zijazo:

    • Google Fonts (hatimaye!)
    • Tunafikiria wazo la upau wa umbizo la maandishi kuwa zaidi ya sehemu tu ya kuumbiza maandishi pekee. Vipi ikiwa vitufe vingebadilika kulingana na muktadha wa sasa? Kwa mfano, ingekuwa vizuri sana ikiwa kitufe cha upangaji wa wima kingetokea unapohariri maandishi fulani ndani ya safu wima.

    Ungependa Kuona Nini Katika Masasisho Yajayo ya PBS?

    Siku zote tuko tayari kuboresha PBS, kwa hivyo ikiwa mna mapendekezo yoyote, wasiliana nasi! Je, una maombi yoyote ya vipengele ambayo ungependa kuongeza kwenye orodha yetu inayokua? Kitu kingine chochote unachofikiri huenda kikahitaji marekebisho fulani katika toleo la sasa? Tujulishe kwenye maoni hapa chini!

    Ujenzi Mwema wa Tovuti!

  • Njia 10 Tovuti Yako Inavyoweza Kufanya Vizuri Katika Uzalishaji wa Wateja Watarajiwa na Jinsi PBS Inavyoweza Kukusaidia Kufanya Hivyo

    Page Builder Sandwich helps you, well… build websites.

    Keeping your audience reeled into your page (and successfully generating leads) is a different story altogether, though.

    Don’t get us wrong. Lots of sites can achieve this without a worry, but that’s usually because they spend a significant amount of time and research doing just that.

    In contrast, some sites admittedly have a little trouble pulling it off, and more often than not, some of them don’t know where to begin. But don’t worry – Page Builder Sandwich will try to lend you a hand with that very same thing.

    Why is it Important to Generate Leads?

    One crucial thing to remember is that generating leads takes more than just buying a domain and setting a website up.

    Now, before we get too into it, take note that Page Builder Sandwich isn’t a marketing website.

    Lakini kwa vyovyote vile, ni muhimu kujua kwamba kuna misingi ya kisayansi katika uzalishaji wa wateja watarajiwa (leads), na ingawa sisi wenyewe si wauzaji wa kidijitali, ni muhimu kutambua kwamba ubadilishaji mzuri wa wateja watarajiwa unahusiana pia na utekelezaji sahihi wa muundo na maudhui. Hapo ndipo tunapohusika.

    “Lakini mnawezaje kusaidia katika nyanja ya uuzaji ya haya yote?”

    Great question! A few weeks ago we began corresponding with Straight North, a blog that specializes in digital marketing and lead conversion. They’ve given us some really tips which we hope you guys find helpful in your site-building journey.

    Now, remember that there could be lots of factors as to why your website isn’t generating the amount of leads you’d like. The first step is to identify what these factors are, and hopefully, this list can help you out with doing just that.

    TIP #1: Create Content that Stimulates Action

    According to Straight North, 84% of website conversions occur on the first visit, and only 11% convert in the second.

    Kwa maneno mengine, mwonekano wa kwanza una umuhimu mkubwa.

    Kama vile usaili mbaya unavyofanya waigizaji kukosa nyadhifa kuu, ziara ya kwanza ya mtu kwenye tovuti yako inaweza kukujenga au kukuangusha.

    That’s why it’s you and your team’s job to try and convince people to stay glued to your page.

    Straight North suggests that posting copy and content (both text and images) is a great way to catch your visitors’ attention. Remember to always allot sufficient time to research on what makes good copy and good content, and never underestimate either.

    Hapa kuna tovuti chache ambazo zinaweza kukusaidia katika safari yako ya kutengeneza wateja watarajiwa wenye mafanikio:

    How PBS Can Help:

    Wow your site visitors by using interactive PBS elements like the Carousel, or use Parallax Scrolling, and Video Backgrounds to catch their attention. Remember to execute their placement in a balanced way though, as to not overwhelm your audience.

    TIP #2: Intuitive Navigation

    In the realm of web development and site-building, intuitiveness in the user interface (or UI) is key.

    This means that when your visitors or users find their way around your site by intuition (i.e. easy site-navigation and straightforward instructions), they’re more likely to stay glued on your site.

    Sasa, ikiwa kuvinjari tovuti yako kutakuwa uzoefu unaokatisha tamaa, kuna uwezekano mkubwa wageni wako wasikae kwa muda mrefu wa kutosha kusikiliza unachopaswa kusema, na kile unachoweza kuwapa.

    Straight North adds that getting too “clever and creative” with navigation labels is a bad idea, and suggest that you use terms like “Contact Us” for call-to-action buttons, rather than using vague labels like “Interact!” or “Dialog.” Remember that bombarding your site with too much jargon can cause frustration to your audience as well.

    So as long as navigating through your website comes to the user as second nature, then you have one less thing to worry about when trying to convert leads.

    How PBS Can Help:

    Page Builder Sandwich’s UI is highly intuitive, and is akin to using a Word processor (like Google Docs and Microsoft Word). Check out our demo to get some inspiration on how you can apply intuitive changes to your site, too!

    OTHER PAGE BUILDERS …have too much stuff going on.

    PAGE BUILDER SANDWICH …gets straight to the point.

    TIP #3: Use Relevant, Custom Imagery

    Your images and how they’re presented also matter, and they matter a lot.

    While it may seem trivial to some, uploading boring stock images, stretched out/pixelzed photos, or badly-presented typography is a huge factor that dictates whether your visitors stay on your site, or move to a better, more credible-looking alternative.

    How PBS Can Help:

    Because it’s WordPress-run, PBS lets you post high-quality photos in your website. As long as you have the right image dimensions, you shouldn’t have a problem with posting photos.

    Additional lifehack: You can also check out Pexels.com and Unsplash.com to get awesome, high-quality stock photos!

    TIP #4: Persuasive Credibility Elements

    Skepticism is a huge conversion killer.

    That’s why more often than not, it’s always a good idea to add in elements that back up your credibility as a website (or business), like testimonials from credible sources, and logos of reputable companies or groups that you’ve worked with. So use customer testimonials, show logos of well-known customers, and include third-party mentions in your content.

    How PBS Can Help:

    Use PBS features to vouch for you. Display your customers’ testimonials in a Carousel, or use the Featurette element to showcase third-party mentions, or make use of the column element to effectively display logos of your well-known customers (like in the graphic above).

    TIP #5: Get Personal!

    Straight North says that using a lighter, casual tone makes all the difference when writing content (such as articles and bio’s) on your site. This lets your users know that you’re human too, and not just some bot trying to get a run for their money (which we hope you aren’t).

    How PBS Can Help:

    While this part is entirely up to you and your team, it wouldn’t hurt to use elements such as the Featurette, Gallery, and Image Box to liven up your bio’s as well. Adding in other PBS elements like Social Media Icons can help put a personal touch to your pages, too.

    PBS’ Industry Template makes full use of the Image Box Elements for its About Us and Feature Sections.

    TIP #6: Irresistible Calls-to-Action

    Calls-to-Action (CTA) are a crucial part of generating leads.

    You will FAIL to capture first-visit conversions unless you ASK. – Straight North

    Just asking isn’t enough, though. According to Straight North, your calls-to-action should be executed both “skillfully and persuasively”.

    The trick is to have effective Calls-to-Actions plus a good combination of smart consistent placement, offers that give off substance, time-sensitive offers (giving them offers for a set, limited time will give them a sense of urgency), and most importantly, guaranteed offers.

    You want your site to trust you. “Take away all arguments for delay, and conversions will increase”, Straight North says.

    How PBS Can Help:

    PBS’ Call-to-Action Button – as well as other elements such as the Countdown and Page Heading element – can help ease your burden regarding this task.

    Executing them correctly is up to you and your team though, so make sure to give time to research about CTA placements and other marketing tips.

    Hapa kuna baadhi ya rasilimali zinazoweza kusaidia kuboresha mikakati yako ya CTA (wito wa kuchukua hatua):

    TIP #7: User-Friendly Forms

    Mtu kuwasilisha taarifa zake kwako kupitia fomu iliyo kwenye tovuti yako ndicho kitu cha msingi kinachopima ubadilishaji uliofanikiwa wa mteja mtarajiwa.

    This is why placing user-friendly contact forms on your site is of the utmost importance. They’re the ultimate “make-or-break stage of a great conversion opportunity”, says Straight North.

    A couple of PBS’ third-party plugins available for shortcode mapping

    So don’t intimidate your site visitors by overwhelming them with too many question forms, or have them exhaust too much energy, like having them type long sentences instead of choosing their answers from a drop-down list.

    Letting them know that you value their privacy is also a must. Be sure to place clean, good-looking forms on your site so as to boost credibility.

    How PBS Can Help:

    With PBS’ Shortcode Mapper feature, you can place awesome, reputable contact forms like Advanced Custom Fields (ACF) and Contact Form 7 on your site.

    TIP #8: Prominently Displayed Phone Numbers (or Contact Details)

    Contact number and social media buttons displayed prominently in PBS’ Restaurant Template

    Uonyeshaji thabiti na unaoonekana wazi wa nambari za simu ni lazima ikiwa wewe ni aina ya biashara inayotoa usaidizi kupitia simu. Straight North inaongeza kuwa kuwekeza katika nambari zisizotozwa malipo kunaweza pia kukupa ongezeko zuri la ubadilishaji.

    Ikiwa wewe ni kampuni ya teknolojia kama sisi, basi pia ni wazo zuri kuonyesha anwani yako ya barua pepe (au njia nyingine ambazo wageni wako wanaweza kuwasiliana nawe) kwenye tovuti yako.

    How PBS Can Help:

    PBS’ Full Page Niche-Based Templates have fields that let you feature phone numbers and other contact information more prominently, so that your visitors can reach you right away.

    TIP #9: Continuous Testing

    Straight North attests to the importance of site maintenance and testing: “No matter how good your website is in converting leads, it can always be better.”

    Hii ni kweli kwa tovuti yoyote, na si tu ile inayojaribu kubadilisha wateja watarajiwa. Kuhakikisha tovuti yako iko katika hali nzuri zaidi na kwamba wateja wako wanafurahi kila wakati kutasaidia biashara yako kufanikiwa kwa kiasi kikubwa.

    How PBS Can Help:

    This one is up to you, but if you’d like a tip: the PBS Team continuously tests the site and page builder for any bugs, and always work to make sure you guys are satisfied. We don’t exactly have a feature for making sure you do regular tests on your site, so this one’s entirely up to you and your team. Do it, and do it well!

    TIP #10: Mobile-Friendly Design

    Almost everyone has a cellphone or tablet; but while only 23 percent of lead conversion rates come from mobile devices, it absolutely will not do to ignore any sort of potential conversions, no matter the percentage (leads are still leads, after all).

    “Users converting from desktop view may have seen the site initially on a mobile device,” Straight North says. “Mobile conversions are (also) likely to grow as mobile Internet access continues to soar at the expense of desktops.”

    You can preview your site on mobile view directly on desktop

    How PBS Can Help:

    Page Builder Sandwich is Mobile Responsive. You can view PBS-built sites on mobile, as well as check previews of your mobile site directly through desktop while editing. This way, you won’t have to keep switching to your phone in order to check if your site looks good on mobile.

    Everything Matters in Site-Building

    At the root of it all, it’s very, very important to understand that everything on your website – down to the smallest of details – has an impact on your audience.

    The quality of your copy, images, your layout – all of it matters, and it matters a lot.

    Na moja ya makosa makubwa ambayo watu hufanya wanapojaribu kuzalisha wateja watarajiwa ni jambo hili lenyewe: Kuchukulia kwa wepesi vipengele vidogo vinavyounda tovuti (kama vile muundo, maandishi, na maudhui mengine).

    Hopefully your website garners the success it very well deserves; it’s been built with PBS, after all. ?

    Kila la heri kwako na kwa juhudi zako zote, na asante, kama kawaida, kwa kutumia Page Builder Sandwich!

    Ujenzi Mwema wa Tovuti!

  • Jinsi ya Kubinafsisha Sehemu Zilizosanifiwa Mapema za Page Builder Sandwich Wewe Mwenyewe

    We’ve been getting quite a few inquiries the past week about Pre-Design Sections (and by extension, the PBS Templates), what they are, and how they can be accessed.

    So in this article, we’ll be teaching you how to not only access them, but also how to maximize these features of Page Builder Sandwich: By customizing them and making them your own.

    Accessing the Pre-Designed Sections

    If you aren’t familiar yet, all you have to do to access the Pre-Designed sections is to hover your mouse onto the left side of your screen, and access the Elements Inspector. This is the sidebar that lets you drag and drop elements directly onto your content area.

    Say hello to the Elements Inspector!

    Once it’s accessed, simply scroll down to the bottom and select Pre-Designed Sections. A library of the sections will pop up. Select one from the collection, drag and drop, and it’ll show up on your content area, like so:

    From here, you can move the elements within the section around, or move the entire thing and adjust its position. And there you have it! You’ve selected a Pre-Designed Section from Page Builder Sandwich.

    Now it’s time to add in your own twist: By customizing and tweaking with the elements’ settings within the selected section.

    Customizing the Pre-Designed Sections

    Each element’s setting within any one Pre-Designed section can be edited and customized according to your website’s needs and your personal taste.

    This means everything included in your selected Pre-Designed section – like text, colors, images, buttons, everything – can be edited and tinkered with by you.

    Kwa hivyo kwa mfano, ikiwa hufurahishwi na mwangaza wa buluu-kijani chaguomsingi na picha ya shamba la ngano katika sehemu chaguomsingi Iliyoundwa Awali hapa chini…

    You can adjust it. For instance, if I wanted a different background tint on the left:

    Or if you wanted to replace the image of the wheat field on the right:

    Or even change the button style, margin, padding, and font:

    …You can.

    Kwa kulinganisha:

    Default PBS Pre-Designed Section

    The same Pre-Designed Section, completely tweaked and customized. Notice the different font, color scheme, button style, photo, and margin width. You can actually take this further, and let your imagination run wild.

    Here are a few more examples on how you can spice up our Pre-Designed Sections

    Default Pre-Designed Section from Sandwich

    The same Pre-Designed Section, customized

    You can do it with our Full-Page Templates, too:

    Default Template from Sandwich

    The same Template, customized

    Conclusion

    Kuna mengi zaidi kuhusu Sehemu Zilizoundwa Awali za Page Builder Sandwich kuliko unavyofikiri.

    Tweak and customize them to make them completely your own, or even use them as a starting point for when you don’t want to design your page from the ground up.

    Kumbuka, Page Builder Sandwich iko hapa kukusaidia kusanifu kwa muda mfupi zaidi. Kutumia kikamilifu Sehemu zetu Zilizoundwa Awali na Violezo vya Ukurasa Mzima kutakusaidia kufanya hivyo hasa.

    Design in less time!

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

    Try Live Preview
  • Hatua za Usalama katika WordPress: Umuhimu wa Nakala za Akiba

    safety-measures-in-wordpress-the-importance-of-backupsFikiria hili: Tovuti yako ya kwanza ya WordPress, hatimaye inafanya kazi na iko hewani. Hujawahi kujihisi umefanikiwa hivi kwa miezi kadhaa. Unajipongeza kwa stahili, na vivyo hivyo watu waliokusaidia kutimiza tunda la kazi yako. Unasakinisha programu-jalizi unazohitaji, na kuanza kupanga zaidi kuhusu mustakabali wa tovuti yako. Inaonekana yenye matumaini, na kila kitu kinaenda vyema kabisa.

    Hadi jambo lisilofikirika linapotokea. Na tovuti yako inaanguka.

    Unashusha mabega. Umewahi kusikia kuhusu jambo kama hili likitokea, hata kwa watu bora zaidi. Lo, una uhakika Mark Zuckerberg na David Karp wamewahi kukumbana na jambo kama hili hapo awali, na wote wawili wanaendelea vyema sasa, sivyo?

    Kwa hivyo unajaribu kuirudisha hewani, ukitafuta suluhu kwa pupa kwenye Google. Haifanyi kazi mara ya kwanza. Wala haifanyi kazi mara ya pili– au ya tatu, au ya nne, au ya kumi na saba, na hata ya ishirini na mbili. Macho yako yanakodoka kwa kugundua kwamba umeangamia kabisa bila matumaini; tovuti yako imepotea milele. Unavinjari mtandao kutafuta suluhisho, lakini takriban tovuti zote za maelekezo zinasema kitu kilekile:

    Ulipaswa kuweka nakala rudufu ya faili zako za WordPress tangu mwanzo.

    Ulipaswa kuweka nakala rudufu ya faili zako za WordPress tangu mwanzo.

    Ulipaswa kuweka nakala rudufu ya faili zako za WordPress tangu mwanzo.

    Mojawapo ya jinamizi baya zaidi la mmiliki wa tovuti, kusema ukweli. Hili ndilo hasa jambo tunalotaka kuepuka, kwa hivyo tunalizuiaje hasa? Kweli, jibu ni rahisi kiasi: Tunahitaji kusakinisha programu-jalizi nzuri ya nakala rudufu.

    "a very "secure" bridge" by Garrett LeSage is licensed under CC BY-SA
    “a very “secure” bridge” by Garrett LeSage is licensed under CC BY-SA

    Jinsi na Mahali pa Kuanzia?

    Hatua ya kwanza katika kuweka nakala rudufu ya tovuti yako ya WordPress ni kujua hasa kile unachohitaji kukihifadhi nakala rudufu. WPBeginner, katika makala yao “Which WordPress Files Should You Backup? And the Right Way To Do It”, yafuatayo yameorodheshwa kama faili muhimu zinazohitajika kuhifadhiwa nakala rudufu kwa ajili ya kazi hii:

    • Faili za Msingi za WordPress
    • Faili zilizo katika Folda ya wp-content (mandhari yako, programu-jalizi, na faili zilizopakiwa)
    • Faili ya usanidi wa WordPress
    • Kanzidata yako ya WordPress

    Ufafanuzi Zaidi Kuhusu Nakala Rudufu

    WordPress pekee haiji na mifumo yake yenyewe ya usalama na nakala rudufu kwa ajili ya tovuti yako (ingawa unaweza kujifunza jinsi ya kuiweka wewe mwenyewe kwa mikono– ingawa hilo litachukua muda mwingi), kwa hivyo ni juu yako kutafuta njia ya kupunguza matatizo. Kusasisha tovuti yako daima ni jambo lisilopingika (ikiwa unataka kuongeza kitu chochote kipya, kama programu-jalizi nyingine, au ikiwa unataka kuondoa kitu fulani), na nakala rudufu ni lazima, isipokuwa kama unataka kupoteza data (hautopenda hilo). Sababu nyingine za kuweka nakala rudufu ya tovuti yako na kuimarisha usalama ni pamoja na uhakikisho kwamba haina wadukuzi, na kwamba hakuna mtu anayeweza kuiba data yoyote ya tovuti yako.

    “Kuna Programu-jalizi ya Hilo Pia.”

    WordPress ina maelfu ya programu-jalizi kwa kila aina ya vipengele, ikijumuisha (naam, umekisia vizuri) kadhaa za hatua za usalama na nakala rudufu. Kuna programu-jalizi lukuki unazoweza kuchagua pia; chache kati ya zile maarufu zaidi ni pamoja na BackupBuddy na UpDraftPlus. Kuna tathmini za programu-jalizi hizi (na nyinginezo) karibu kila mahali, kwa hivyo usijali – maajabu ya intaneti yanakusaidia. Binafsi, tunatumia VaultPress, kwa ajili ya usalama na nakala rudufu zote mbili, kwa sababu zifuatazo:

    1. VaultPress ilitengenezwa na Automattic– iliyoanzishwa na Matt Mullenweg– mtu yuleyule aliyeanzisha WordPress yenyewe. Bidhaa na huduma nyingi kama si zote za Automattic ni thabiti na za kutegemewa sana, na kamwe si wazo baya kujiunga na programu-jalizi ambazo tayari zimejaribiwa na kuthibitishwa.
    2. Tofauti na programu-jalizi nyingi za nakala rudufu, VaultPress haihitaji nafasi ya hifadhi. Wanahifadhi vitu vyako kwenye seva zao wenyewe ili usipate arifa zozote za “unatumia-nafasi-kubwa-ya-seva” kutoka kwa mtoa huduma wako wa wavuti.
    3. Urahisi. Ili kuitumia, unahitaji tu kuingia kwenye UI yako, na unaweza kutazama maelezo yote ya nakala rudufu yako na kufanya shughuli kutoka hapo.

    Sasa, kwa sababu VaultPress inakidhi viwango vyetu binafsi, inatufaa kikamilifu. Hata hivyo, ikiwa haujaridhika na VaultPress, tovuti nyingi – kama vile WPBeginner na wpmudev — hutoa makala za kawaida za kulinganisha na kutofautisha endapo utakuwa na ugumu wowote wa kuamua.

    Yote Ni Juu Yako

    Mwisho wa siku, uamuzi wa kulinda na kuhifadhi nakala rudufu ya tovuti yako au la ni juu yako. Baadhi ya watu wanajiamini kuwa wataweza kukabiliana na hatari zinazoletwa na tovuti isiyo salama… na baadhi ya watu hawajiamini – na hilo ni sawa. Ni bora kujihami kuliko kujuta, kwani kinga ni bora kuliko tiba.

    Uamuzi wowote utakaoshikamana nao, daima kumbuka kupima chaguo zako. Kwani, ni wewe pekee unayeweza kupima kile unachoweza kukimudu.

    Kila la heri!

  • Heri ya Nne ya Julai! Punguzo la 20% kwa Leseni ZOTE Hadi Julai 6!

    Pata PUNGUZO LA 20% kwenye leseni zote za Page Builder Sandwich kuanzia Julai 4 hadi Julai 6, 2017! Ingiza tu msimbo wa ofa 4JULY2017 ili upate punguzo lako leo!