Mwandishi: Neil Lock

  • Tatizo Lisilozungumziwa la Shortcodes

    The-Unspoken-Problem-of-Shortcodes

    Shortcodes ni mojawapo ya kilele cha WordPress. Shortcodes ni daraja kati ya wasanidi programu na waundaji wa tovuti, zikiwaruhusu watu kuweka vipande tata vya maudhui karibu popote wanapotaka. Waundaji wa programu-jalizi wanapenda shortcodes kwani hii inaruhusu unyumbufu zaidi katika jinsi na mahali ambapo watumiaji wao huonyesha maudhui yao.

    Ikiwa hujui shortcodes ni nini na zinafananaje, ni maandishi hayo ya kizamani yanayofanana na msimbo yaliyofungwa kwenye mabano ya mraba. Zinafanana hivi:

    Hii mahususi inaitwa shortcode ya embed na imejengwa ndani kwa chaguomsingi katika WordPress. Hii mahususi hupachika video kutoka kwa URL kwenye maudhui yako. Nakili tu na ubandike shortcode iliyo hapo juu kwenye tovuti yako ikiwa unataka kuijaribu.

    Kwenye pazia, kinachotokea ni kwamba WordPress inapokutana na shortcode katika maudhui yako, inachakatwa na kubadilishwa kuwa kitu kingine. Katika mfano wetu hapo juu, wakati wowote ambapo

    shortcode inapotambuliwa, WordPress huchukua URL iliyo kwenye shortcode hiyo na kuilinganisha na idadi ya watoa maudhui ilionao. Inapopata mmoja, basi hupata msimbo unaofaa wa kupachika wa iframe na kuuonyesha badala yake.

    Kwa hivyo shida iko wapi hapa? Inaonekana rahisi vya kutosha, unaingiza tu maandishi mafupi yenye mabano na umemaliza.

    Hapo ndipo Shortcode API inapoingilia kati..

    Shortcodes kwa Wingi

    Shortcode API inafungua fursa ya uundaji wa shortcodes kwa wasanidi programu. Kwa sababu hii, wasanidi programu wanaweza kuongeza shortcodes zao wenyewe ndani ya programu-jalizi zao.

    Hii ni nzuri sana, sasa kwa kifungu kifupi tu kinachofanana na msimbo (ndiyo maana ikaitwa “shortcode”), wanaoanza na watumiaji wa hali ya juu wanaweza kuweka karibu aina yoyote ya maudhui wanayotaka popote pale.

    WordPress kwa chaguomsingi ina idadi ndogo tu ya shortcodes. Ni rahisi kuziandika kwa kumbukumbu kwa sababu ni chache tu. Lakini ukisakinisha programu-jalizi chache, idadi ya shortcodes huruka haraka hadi dazeni au zaidi, na katika hali nyingine zaidi ya mia moja. Kila shortcode ina seti yake ya sifa na maagizo ya jinsi ya kuzitumia. Kila programu-jalizi huenda ikawa na aina fulani ya nyaraka kuhusu jinsi shortcodes zao zote zinavyofanya kazi na huorodhesha vigezo vyote vinavyopatikana katika kila moja. Lakini utakuwa mwehu ukijaribu kukariri shortcodes zote na sifa zake.

    Tatizo ni kwamba hakuna eneo kuu lililojumuishwa ambapo unaweza kugundua shortcodes zote zinazopatikana kwenye tovuti yako na jinsi ya kuzitumia.

    Baadhi Hujaribu Kutatua Tatizo

    Baadhi ya programu-jalizi hujaribu kutatua tatizo hili kwa kuwasilisha shortcodes zao zote katika menyu kunjuzi iliyo rahisi kufikia. Kisha kubofya moja huandika shortcode hiyo, ikiwa kamili na sifa zote zinazowezekana kwa ajili yake. Hakuna haja tena ya kuikariri, jambo ambalo ni zuri.

    Screen-Shot-2016-06-22-at-11.27.09-AM

    Baadhi huenda mbali zaidi na kuongeza fomu ibukizi ya mipangilio iliyo na visanduku vya kuteua na viteuzi vya rangi ili kujaza sifa za shortcode.

    Screen-Shot-2016-06-22-at-11.28.54-AM

    Suluhisho hili linafanya kazi kiasi fulani. Hata hivyo, kila programu-jalizi huorodhesha shortcodes zake yenyewe tu. Kwa hivyo ikiwa kila programu-jalizi inaunda aina yake ya kiteuzi cha shortcode, lazima utakutana na nyakati ambapo una viteuzi vingi vya shortcode kwenye skrini yako (Hili limewahi kunitokea kabla).

    Screen-Shot-2016-06-22-at-11.22.41-AM

    Kwa maneno mengine, kila programu-jalizi hufanya mambo yake yenyewe na kutekeleza suluhisho lake yenyewe kwa ajili ya shortcodes zake. Baadhi ya programu-jalizi huongeza kitufe kipya kando ya kitufe cha “Add Media”, au kipya ndani ya TinyMCE.

    Kwa hivyo sasa unaweza kuwa unafikiria, “Kwa nini usikusanye pia shortcodes za programu-jalizi nyingine na kuzijumuisha katika menyu kunjuzi / kiteuzi chako cha shortcode pia?” Naam, hivyo ndivyo hasa nilivyofikiria. Lakini, hili ni rahisi kusema kuliko kutenda. Nitaeleza kwa nini baada ya muda mfupi, lakini kwanza hebu tuangalie jinsi suluhisho bora lingekuwa.

    Suluhisho Bora

    Mpango kamili ungekuwa kuunda programu-jalizi inayokusanya shortcodes zote zinazopatikana kwenye tovuti yako, kisha ikupe orodha na pia kukusaidia kujaza sifa zote. Na kila wakati unaposakinisha programu-jalizi mpya, shortcodes zote mpya zilizoongezwa zingewasilishwa kwako pia.

    Hebu wazia mahali pa kati ambapo shortcodes zako zote zingewekwa ili kuzifikia kwa urahisi. Kila shortcode ingeeleza kile inachofanya na inatoka kwenye programu-jalizi gani. Kisha kwa kila sifa inayopatikana, hebu wazia kila mojawapo ingekuwa na lebo, njia sahihi ya kuchagua thamani kwa ajili yake na maelezo. Ungeonyeshwa menyu kunjuzi, viteuzi vya rangi, vitufe vya redio, swichi za kugeuza na mengineyo.

    Kitu kama hiki kingefanya maisha yetu kama waundaji wa tovuti na maudhui kuwa rahisi zaidi. Hakuna tena kuangalia nyaraka mbalimbali, au sehemu tofauti za dashibodi yako ya usimamizi ili tu kunakili shortcode iliyozalishwa kwa ajili ya kitelezi unachotaka kutumia.

    Tahadhari

    Kwa bahati mbaya, ni vigumu sana kufanya kitu kama hicho kwa sasa. Hakuna njia ya uhakika ya kujua maelezo yote ya shortcode. Unaweza kupata orodha ya shortcodes zote, lakini ni lebo/majina yake halisi pekee, huwezi kupata maelezo yoyote ya ziada kuihusu kama vile orodha ya sifa, kile inachofanya na aina zake – kama vile mfuatano wa herufi, rangi au nambari. Wala huwezi kupata hata ncha ya maelezo kwa kila sifa.

    Ujumbe kwa wasanidi programu huko nje: ndiyo, kuna hoja ya tatu iliyoongezwa hivi karibuni kwa ajili ya kitendakazi cha shortcode_atts, lakini si hoja inayohitajika. Kwa hivyo isipokuwa kila msanidi programu-jalizi duniani aitekeleze, basi bado hatutakuwa na njia ya uhakika ya kuamua sifa zote za shortcode.

    Shortcode API haitoi nyenzo yoyote ya kuongeza maelezo ya shortcode, ubadilishaji wa aina ya sifa au maelezo ya sifa. Na isipokuwa kama WordPress yenyewe itaongeza eneo kuu la kufikia shortcodes, nina shaka ikiwa nyenzo hii itaundwa.

    Hitimisho

    Hivi sasa jukumu la kupanga shortcodes limeachiwa kila msanidi programu. Isipokuwa njia kuu itengenezwe ndani ya WordPress, tegemea kuendelea kuona vitufe vingi vya “Add Shortcode” kwenye upande wa nyuma wa tovuti yako. Ikiwa kitu kama hiki kinapaswa kuongezwa kwenye WordPress Core au la ni mjadala mwingine mkubwa peke yake.

    Njia Mbadala

    Kuna programu-jalizi za wajenzi wa kurasa zinazoshughulikia hili kwa njia tofauti. Badala ya kugundua shortcodes kwa njia ya programu, zina vipanga-ramani vya shortcode ambapo watumiaji wanaweza kuingiza kwa mikono kila undani wa shortcode. Baada ya kukamilika, basi ingepatikana ndani ya mjenzi wa kurasa. Ingawa  hii inafanya kazi, hizo zinapatikana tu kwenye tovuti yako mwenyewe.

    Sisi hapa Page Builder Sandwich tunaunda kitu ambacho kwa matumaini kinaweza kutatua kitendawili hiki cha shortcode. Jisajili kwenye jarida letu hapa chini ili upate arifa kuhusu maendeleo yetu.

  • Kuongeza Ramani za Kisasa kwenye Ukurasa Wako Ni Uzoefu Shirikishi

    Adding-Stylish-Maps-to-your-Page-is-an-Interactive-Experience-2Sasa unaweza kuweka ramani katika miundo ya kurasa zako kwa kutumia Page Builder Sandwich!

    Ni jambo la ajabu kusisimka kuhusu ramani. Unachukua URL ya Google Map kisha unaipachika. Au labda unachukua programu-jalizi ya ramani mtandaoni na kuweka msimbo mfupi. Au labda mjenzi wako mwingine wa kurasa tayari anayo na unaweza kuongeza moja wakati wowote unaotaka. Lakini sababu inayotufanya tusisimke ni kwamba tumepeleka uongezaji wa ramani kwenye kiwango kipya kabisa.

    Huu hapa ni uhakiki:

    Njia ya Zamani na ya Kuchosha ya Kuongeza Ramani

    Hivi ndivyo unavyoongeza ramani kwa mjenzi wako wa kawaida wa kurasa:

    1. Unaburuta kipengele kipya cha ramani,
    2. Unaingiza latitudo na longitudo kwenye sehemu husika,
    3. Unaingiza thamani nyingine katika sehemu kama vile urefu wa ramani, upana wa ramani, kuweka alama kwenye kisanduku cha mtindo wa barabara, n.k.,
    4. Bonyeza hakiki na uangalie jinsi inavyoonekana na kuamua kuwa unahitaji kubadilisha kitu ili kuifanya ionekane maridadi zaidi,
    5. Rudi kwenye mjenzi wa kurasa na ubadilishe thamani, kisha urudie hatua ya 4 hapo juu.

    Njia ya Page Builder Sandwich ya Kuongeza Ramani

    Ramani kwenye tovuti huingiliana – unaweza kusogeza huku na huko, kukuza na kupunguza ukubwa wa ramani. Kwa hiyo tulifikiri, kwa nini tusiondoe ubashiri wote na kuwawezesha tu watu kuingiliana na ramani moja kwa moja wanapounda ukurasa wao?

    Hivi ndivyo unavyoongeza ramani kwa kutumia Page Builder Sandwich:

    1. Unaongeza kipengele cha ramani,
    2. Unaandika latitudo na longitudo au anwani ambapo unataka ramani ijikite,
    3. Unasogeza ramani huku na huko na kukuza au kupunguza ukubwa wake ili kupata mwonekano unaoutaka,
    4. Ongeza rangi maridadi kwenye ramani zako ili ziendane na mtindo wako,
    5. Bonyeza hifadhi.

    Njia yetu inafurahisha zaidi na inaeleweka kwa urahisi. Kimsingi unaingiliana na ramani jinsi ambavyo ungefanya kwenye Google Map ya kawaida.

    Ramani zenye Rangi au Zibadilishe Mtindo kwa SnazzyMaps

    Kipengele kizuri sana tulichoweka ni uwezo wa kutia kivuli na rangi kwenye ramani zako, na ni rahisi sana kufanya. (Hii ni kwa toleo la kulipia pekee). Ikiwa unataka kuweka rangi kwenye ramani yako, bonyeza tu kichaguzi chetu cha rangi na uchague rangi, na ramani yako itabadilika mara moja.

    Hii hapa ni moja tuliyoitia rangi ya waridi:

    Page Builder Sandwich pia inaauni michoro ya rangi ya kina zaidi kupitia SnazzyMaps. Wana orodha kubwa ya michoro ya rangi iliyochangiwa na watumiaji, na wanakuruhusu kuunda yako mwenyewe ikiwa unataka udhibiti zaidi wa rangi.

    Tafuta tu mchoro wa rangi unaoupenda, kisha chukua msimbo na ubandike kwenye Page Builder Sandwich. Mchoro wa rangi utatumika kwenye ramani yako papo hapo.

    Huu hapa ni mchoro mzuri wa rangi unaoitwa papuportal dark kutoka SnazzyMaps:

    Weka Ramani Popote Unapotaka

    Kuna mambo mengi zaidi maridadi unayoweza kufanya na ramani – kama vile kuziongeza katika safu Mlalo za upana kamili kwa mwonekano wa kuvutia zaidi. Unaweza pia kuziongeza ndani ya karuseli ukipenda, au ndani ya vichupo (kipengele kinachokuja hivi karibuni).

    Kama bado huna Page Builder Sandwich, unaweza kujaribu toleo la kulipia kwa kubofya kiungo cha “Onyesho la Moja kwa Moja” hapo juu.

  • WordPress.com Dhidi ya WordPress.org

    Wordpress-Com-VS-Wordpress-OrgIkiwa wewe ni mgeni kiasi katika ujenzi wa tovuti, kuna uwezekano mkubwa kwamba huenda hufahamu mjadala mkubwa wa WordPress.com dhidi ya WordPress.org. Huenda hata hukujua kuwa mojawapo ipo, na faida pamoja na hasara mbalimbali za kila moja. Kwa hivyo, hebu tueleze, ni nini mjadala huu mkubwa kati ya kutumia WordPress.com na WordPress.org? Je, nyingine ni nakala ghushi ya bei nafuu inayongoja kushtakiwa mahakamani?

    La, sivyo.

    Mjadala huo, kwa kifupi, unahusu ni ipi kati ya huduma hizi mbili za WordPress inayofaa zaidi kwa tovuti unayojaribu kujenga. Hakuna iliyo nakala bandia ya nyingine, na tovuti zote mbili zinamilikiwa na WordPress; ni kwamba tu moja (.com), ni toleo linalowafaa zaidi wasio watengenezaji programu kuliko nyingine, na .org ina vikwazo vichache zaidi inapokuja suala la ujenzi wa tovuti, ikilinganishwa na .com.

    “Lakini nitajuaje ninayohitaji?”

    Jibu la swali hili linategemea kabisa mahitaji ya tovuti yako ya baadaye. Hakuna taasisi moja ya WordPress ambayo kimsingi ni toleo “bora” au hata “bora zaidi” kutumia. Zote mbili zina vipengele vyake vya kipekee, na kiwango sawa cha faida na hasara.

    WordPress.com: Kwa Nini na Ni Lini Ninapaswa Kuitumia?

    WordPress.com inakushughulikia mahitaji ya msingi, jambo linalokuruhusu kuangazia zaidi maudhui ya tovuti yako. Ni kijenzi cha tovuti ambacho kinaendeshwa kikamilifu na kupangishwa na kundi la kampuni linaloitwa Automattic. Unapata upangishaji wa kiwango cha juu, nakala za akiba, usalama, na mambo kama hayo. Hii inamaanisha kuwa unaweza kuangazia maudhui ya tovuti yako kwa urahisi zaidi, ikilinganishwa na kutumia saa nyingi sana kuijenga kutoka mwanzo.

    Kumbuka hata hivyo, kwamba WordPress.com pia inakuja na vikwazo vyake. Ingawa huenda usihitaji kuwa na wasiwasi sana kuhusu kudumisha utendakazi wa ndani wa tovuti yako, huenda ikabidi ukumbuke kuwa huenda hutakuwa na uhuru mwingi nayo kama unavyotaka. Ingawa kubinafsisha kiolesura cha tovuti yako huenda lisiwe tatizo (WordPress.com inakuja na maudhui mengi sana ya mandhari, kwa mfano), kuongeza vipengele fulani kwa njia ya programu-jalizi kunaweza kuwa tatizo, hasa ikiwa tovuti yako inahitaji vipengele maalum ambavyo havipatikani kwenye WordPress.com.

    Jinsi ya kudumisha tovuti ni hadithi tofauti kabisa. Inategemea sana 1.) wewe si msanidi programu wa WordPress 2.) huna nia ya kujifunza kuandika msimbo, au 3.) una muda mchache au huna kabisa muda wa kufanya hivyo.

    WordPress.org: Ni Wakati Gani wa Kuitafakari?

    Kanuni moja ya kimsingi inapofikia kutafakari WordPress.org ni wakati unafahamu angalau kidogo utendakazi wa msimbo, au uko tayari kutumia muda fulani katika kujifunza jinsi ya kufanya hivyo. Kwa kuwa WordPress.org ni toleo la WordPress linalojipangisha lenyewe, unaweza kujihusisha kwa kina kadiri unavyotaka. Zaidi ya hayo, una uhuru wa kuirekebisha kadiri unavyotaka. Utakuwa na jukumu la kutafuta mpangishaji wako mwenyewe, kusanidi nakala zako za usalama, na kwa ujumla kudumisha tovuti wewe mwenyewe– na muhimu zaidi, kwa masharti yako mwenyewe.

    “Lakini ngoja, kwa nini ningependa hivyo? Je, si lengo la WordPress ni kurahisisha ujenzi wa tovuti?”

    …Si hasa hivyo. Fikiria hivi: The Daily Post inatoa ulinganifu mzuri sana kati ya WordPress.org na WordPress.com, kwa njia ambayo hata mtu asiye na uzoefu kabisa (kama mimi) anaelewa kiini mara moja.

    Kulingana nao, unapaswa kuichukulia WordPress.com kama kitu ambacho huna umiliki nacho kamili. Chukua kwa mfano, wewe mwenyewe ukiwa na umri wa miaka 15, bado ukiishi na wazazi wako. Ikiwa ungetaka kupaka rangi chumba chako cha kulala, ungelazimika kuomba ruhusa ya wazazi wako kwanza (ambao bila shaka wanamiliki nyumba nzima, ikiwa ni pamoja na chumba chako). Kiuhalisia, chumba ni chako, lakini mwisho wa siku, yaani… si chako kabisa.

    Kwa hivyo ikiwa unahitaji au unataka kufanya mabadiliko yoyote makubwa (kama vile kupaka rangi kuta zako, au kupanua chumba), bado utalazimika kuzungumza na/au kufikia makubaliano na wamiliki halisi wa nyumba, yaani mama na baba. Upande mzuri wa hili hata hivyo, ni kwamba wakati fyuzi kwenye orofa ya chini inapoharibika, au kiyoyozi kinapoacha kufanya kazi, wazazi wako ndio wanaoshughulikia, na wewe huna haja ya kuwa na wasiwasi kuhusu chochote.

    WordPress.org, kwa upande mwingine, ni kitu unachoweza kubinafsisha na kukibadilisha kwa uhuru kwa hiari yako mwenyewe. Hii inaweza kulinganishwa na wakati unapoondoka nyumbani ukiwa na umri wa miaka 18, na kupata nyumba yako mwenyewe. Kwa kuwa una umiliki kamili wa makazi yako, si lazima ukubaliane na mtu yeyote ili kupaka rangi kuta zako kwa rangi ambayo mama yako amekuwa akiichukia daima; una uhuru wa kufanya uamuzi, na/au kuajiri mtu anayekidhi viwango vyako ili akufanyie. Zaidi ya hayo, una uhuru pia wa kuchagua hasa kiyoyozi unachotaka kwa ajili ya sebule yako. Ni kwamba tu kikitokea kimeharibika, itabidi uajiri fundi ili akitengeneze, au ujue kilichoharibika na jinsi ya kukirekebisha wewe mwenyewe (jambo ambalo si baya sana, kwani, umepata funzo, na kujifunza ni vizuri).

    Kufikia sasa, tunatumai umepata picha iliyo wazi zaidi ya tofauti kuu zilizopo kati ya WordPress.com na WordPress.org. Lakini kwa kifupi:

    sakinisha nyingi au chache kadiri unavyotaka mandhari yanawekewa kikomo kwa mandhari ya WordPress pekee, unapaswa kulipa ada fulani ili kuondoa matangazo.Una udhibiti karibu kamili wa tovuti yako; unaweza kuongeza, kubinafsisha, au hata kuunda mandhari yako mwenyewe.

    Udhibiti wa maudhui umewekewa kikomo;

    WordPress.com WordPress.org
    Inapangishwa kikamilifu na WordPress; mahitaji yote ya msingi yanagharamiwa. Inajipangisha yenyewe; chagua mahitaji yako ya msingi, au chagua yaliyo bora zaidi.
    Vipengele vimewekewa kikomo kwa yale ambayo WordPress.com inatoa Maelfu ya vipengele katika muundo wa programu-jalizi;

    Haya ni baadhi ya makadirio yanayotokana na kupima tofauti kati ya hizi mbili. Kuchagua kati ya hizi mbili hatimaye kunategemea kiwango cha uhuru unaotaka katika kuunda tovuti yako, na kiasi cha rasilimali (muda, juhudi, pesa, n.k.) unazopenda kutoa kwa ajili yake. Kumbuka kwamba haya yote ni machaguo muhimu sana ya kuyapima kabla ya kuamua ni jukwaa gani la WordPress linalokufaa zaidi. Kwa hivyo, usifanye haraka katika mchakato wa kufanya uamuzi!

    Kila la heri katika Ujenzi wa Tovuti!

  • Hivi Shortcodes Ni Nini Hasa?

    What-Are-Shortcodes-AnywayKama umegundua, mojawapo ya kanuni kuu za WordPress ni kufanya mambo kuwa rahisi kidogo kila wakati kwa kila mtu– wanaoanza na watengenezaji wenye uzoefu pia. Mojawapo ya njia wanazotumia kufikia lengo hili ni kupitia matumizi ya shortcodes.

    Ukurasa wa Msaada wa WordPress.com unazifafanua hivi:

    shtInaonekana rahisi kabisa. Sasa, ikiwa hujawahi kusikia kuhusu shortcodes kabla ya makala haya, na hujui zinafananaje, ni maandishi hayo ya kizamani yanayofanana na msimbo yaliyowekwa ndani ya mabano ya mraba.

    Ikilinganishwa na msimbo wa kawaida, ambao kwa kawaida huonekana hivi:

    HTML5-video-tag-sample-code
    (Erm. Nini?)

    Shortcodes kwa ujumla huonekana kama hivi:

    embed_shortcode
    (Rahisi sana.)

    …na ikiwa wewe ni msanidi programu (au hata mtu ambaye ametumia kompyuta angalau mara mbili), labda utakubali kwamba kitendo tu cha kuandika na kubofya ili kukamilisha kazi moja ndogo kinaweza kuchukua muda wako mwingi. Kwa sababu hiyo hiyo tunayo njia za mkato za kibodi, shortcodes zipo ili kurahisisha mambo kwa ajili yetu sote, ili tuokoe muda kwa ajili ya kufanya na kuunda vitu bora zaidi; zinafanana sana na funguo za mkato kwa kuwa zina kusudi hilo hilo.

    Sasa hebu turejee kwenye shortcode hii mahususi, sawa na ile ya hapo juu:

    embed-shortcode Hii mahususi inaitwa embed shortcode na imejumuishwa kwa chaguo-msingi katika WordPress. Hupachika video kutoka kwenye URL moja kwa moja kwenye maudhui yako. Ikiwa uko kwenye WordPress sasa hivi, unaweza kunakili na kubandika shortcode iliyo hapo juu kwenye tovuti yako ikiwa ungependa kuijaribu.

    Hata hivyo, shortcodes si suluhisho kamilifu la kuokoa muda. Katika makala yetu ya awali, tulichambua kwa kina zaidi kwa nini shortcodes zina changamoto zake, na kile ambacho Timu ya Sandwich inaandaa ili kuzitatua.

    Kwa sasa lakini, jisikie huru kufanya majaribio na shortcodes na uone kile ambacho zinaweza kukufanyia.

    Ujenzi Mwema wa Tovuti!

  • Sababu 5 Zinazofanya Nafasi Nyeupe Kuwa Muhimu

    Reasons-Why-Whitespace-MattersKimsingi, nafasi wazi (whitespace), kwa tafsiri yake ya kimsingi zaidi, ni ile nafasi inayozunguka na iliyo kati ya vipengele vyote vya muundo ambayo imeachwa bila kujazwa chochote. Si upotevu tu wa nafasi ya skrini, kama wamiliki wengi wa tovuti wanavyodhani. Inapotumiwa vizuri, nafasi wazi zinaweza kutoa manufaa kiuhalisia ili kutangaza bidhaa vyema zaidi. Ni ufunguo muhimu wa kuunda muundo mzuri na inafanya tovuti kuwa bora kwa kila namna.

    Ingawa jina whitespace linaashiria kuwa nafasi hiyo ni nyeupe, si lazima iwe nyeupe kihalisi wakati wote. Nafasi wazi inaweza kiuhalisia kuwa ya rangi yoyote—Inaweza hata kuwa na mchoro mwepesi au umbile (texture). Ni eneo ambalo hutaki jicho lielekeze umakini wake hapo. Vinginevyo, inaitwa negative space (nafasi hasi).

    Kwa nini nafasi wazi ina umuhimu?

    newsfeed
    Chanzo cha Picha: News Feed

    Sababu ya 1: Huboresha usomekaji

    Nafasi wazi kati ya mistari ya msingi na aya kiuhalisia husaidia watu kusoma maudhui yote kwenye tovuti kwa urahisi na starehe. Kurekebisha vipengele vidogo vya tovuti yako (kama nafasi kati ya mistari au nafasi kati ya herufi) kunaweza kuleta tofauti kubwa katika kurahisisha usomaji.

    Lengo ni kuwafanya watu watake kuendelea kusoma kwa kubuni mipangilio ambayo haichoshi macho.

    hpmagicwords
    Chanzo cha Picha: HP Magic Words

    Sababu ya 2: Huharakisha mwingiliano

    Tuseme ukweli: wageni wako wengi hawatakuwa na subira ya kutosha kutazama kwa makini wanapovinjari tovuti. Wakati tovuti inapoonekana kuwa na mrundikano, huwavuruga watumiaji wasipate kile wanachokitafuta.

    Nafasi wazi zinapaswa kusaidia kumwongoza msomaji katika ukurasa mzima. Vipengele vichache vinavyoshindania umakini pamoja na matumizi sahihi ya nafasi wazi vinaweza kuzuia vizuizi vinavyowachelewesha wageni.

    google
    Chanzo cha Picha: Google

    Sababu ya 3: Huelekeza umakini kwenye vipengele sahihi

    Nafasi wazi inaweza kuwapa watumiaji vidokezo vya kuona kuhusu mahali wanapopaswa kutazama. Inapotumiwa kwa njia sahihi, nafasi wazi husaidia kutilia mkazo taarifa na kuelekeza umakini kwenye eneo mahususi kwenye tovuti yako.

    Kumbuka, ikiwa kila kitu kinajitokeza kwa uwazi, hakuna kinachojitokeza.

    Chanzo cha Picha: Pocket Penguins

    Sababu ya 4: Hisia za kwanza ni muhimu

    Mwonekano na hisia ya tovuti ni ufunguo mkuu wa kuleta hisia nzuri ya kwanza. Hisia nzuri ya kwanza mara nyingi hupelekea kukaa kwa muda mrefu zaidi. Nafasi wazi ndogo mno inaweza kuifanya tovuti yako ionekane duni na isiyoaminika. Wageni hawataiona tovuti au chapa kuwa ya kuaminika isipokuwa ionekane ya kuvutia. Kuwa na kiasi kizuri cha nafasi wazi husaidia kuunda mwelekeo sahihi wa tovuti yako. Nafasi wazi inaweza kuwa njia ya kuwasilisha ubunifu, upya, na nyakati nyingine, umaridadi.

    Kidokezo: Hili hapa wazo la jinsi ya kuufanya muundo wa tovuti yako kuwa rahisi na wenye kuzoeleka.

    flockknitwear
    Chanzo cha Picha: Flock Knitwear

    Sababu ya 5: Husaidia kuunda nafasi ya kupumua na usawa

    Muundo wenye uwiano haumaanishi kuwa na ulinganifu pande zote. Kipengele kikubwa cha muundo kinaweza kuwekewa uwiano na vipengele vichache vidogo. Kuongeza nafasi wazi ni njia nzuri ya kuweka uwiano kati ya vipengele vya muundo vyenye ukubwa tofauti kwenye ukurasa wako. Unda mtiririko ili macho ya watumiaji yasihangaike kila mahali ovyo. Muundo mzuri unapaswa kuweza kumwongoza mtumiaji kutoka sehemu moja hadi nyingine bila kumchanganya mgeni huyo.

    Hitimisho

    Wakati ujao unapotembelea tovuti na ukajikuta ukikaa kwa muda, fikiria kilichokufanya ubaki na kusoma. Je, unafikiri nafasi kati ya mistari inafanya makala iwe rahisi kusoma? Je, uzoefu huo unakufanya utake kuendelea kurudi tena? Je, ulipata ugumu kutafuta menyu ya urambazaji?

    Zingatia matumizi mazuri ya nafasi wazi kwenye tovuti hiyo. Ikiwa unaona inaweza kufanya kazi pia kwenye tovuti yako, jifunze kutumia na kudhibiti kiasi cha nafasi unachopaswa kutenga kwenye kipengele chako hadi utakapohisi umewasilisha mwelekeo sahihi na usomekaji bila kupoteza “mtiririko” unaoutaka kwa ajili ya tovuti yako.

    Lengo kuu la tovuti yoyote ni mawasiliano. Mvuto wa mwonekano huenda sambamba na mafanikio ya tovuti yako.

  • Kwa Nini WordPress?

    Why-WordpressJambo moja muhimu la kuzingatia unapounda tovuti yako ya kwanza—iwe wewe ni biashara, mfanyakazi huru, au mtu yeyote yule—ni kwamba si kila mtu anayeelewa lugha ya msimbo na uundaji wa programu. Unaweza kuwa, kwa mfano, mpishi anayetaka kuchapisha mapishi yake mtandaoni. Unaweza pia kuwa mwanafunzi wa Sanaa Nzuri anayehitaji jalada linaloonekana la kitaalamu, au biashara inayoanza inayohitaji tovuti yake yenyewe. Iwe ni moja au nyingine au chochote kilicho katikati, ukweli unabaki kuwa ingawa baadhi yetu wanaweza kufahamu misingi ya msimbo, si sisi sote ni watengenezaji wa muda wote, na si kila mtu anayehitaji au anayetaka tovuti anajua jinsi ya kuitengeneza kuanzia mwanzo. Hapa ndipo WordPress inaweza kuwa na manufaa. Hapa linakuja swali: “Kwa nini WordPress?”

    SABABU YA 1

    WordPress ni Mfumo wa Kusimamia Maudhui, na Kuifanya Kuwa Rahisi Sana Kutumia.

    Jambo la kwanza unalohitaji kujua ni kwamba WordPress ni Mfumo wa Kusimamia Maudhui (au CMS). Kwa maneno rahisi zaidi, hii ina maana kwamba WordPress inaruhusu watumiaji wake kuunda tovuti bila kulazimika kuandika msimbo kuanzia mwanzo. Ina kiolesura chenye utaratibu na mpangilio kinachokuruhusu kufuatilia mambo mara kwa mara bila kulazimika kurekebisha msimbo kila mara.

    Ikilinganishwa na kuunda tovuti kuanzia mwanzo, ambayo kwa kawaida ingeanza hivi:

    screenshot-1 Ukiwa na Mfumo wa Kusimamia Maudhui, unaanza na kitu kama hiki:

    WordPress
    Kiolesura cha nyuma cha WordPress. Kusimamia na kuunda tovuti kunakuwa rahisi zaidi kwa kutumia CMS.

    Unaweza kujiuliza, hata hivyo: “WordPress inaonekana nzuri, lakini vipi ikiwa haina vipengele ninavyotaka kwa ajili ya tovuti yangu?”, au “vipi nikitaka ramani, kicheza muziki, au mfumo wa kuhifadhi data kwa muda (caching), au mfumo wa usalama unaoaminika zaidi?”

    …Kizungumzo cha kiufundi, WordPress huenda inacho kipengele hicho unachotaka, na kitakuja katika mfumo wa Programu-jalizi ya WordPress (WordPress Plugin).

    SABABU YA 2

    Programu-jalizi: Kionjo Maalum cha WordPress

    Ikiwa una wasiwasi kuwa WordPress haijumuishi kipengele hicho maalum unachoweza kutaka kwenye tovuti yako, usijali: kuna uwezekano mkubwa inacho.

    Programu-jalizi ni “vipengele vya upanuzi” vilivyopo ili kuongeza utendaji wa tovuti yako ya WordPress. Ikiwa wewe ni mfanyabiashara unayehitaji fomu ya mawasiliano kwa ajili ya tovuti yako, unaweza kutaka kutambua kwamba WordPress yenyewe haina kipengele hicho, lakini kuna programu-jalizi nyingi zinazofanya hivyo. Na kwa kuwa WordPress ni ya chanzo huria—ikimaanisha kuwa karibu mtu yeyote anaweza kuchangia katika maendeleo yake—programu-jalizi mpya huundwa mara kwa mara. Unaweza kupata fomu hiyo ya mawasiliano unayotaka, na zaidi. Unapata uhuru wa kuongeza programu-jalizi zingine kuanzia vitufe vya kushiriki kwenye mitandao ya kijamii, hadi ramani, na hata hatua za ziada za usalama kwa ajili ya tovuti yako, miongoni mwa vipengele vingine vingi na viendelezi. Hebu sema kama hiyo haisikiki vizuri.

    Hadi sasa, WordPress ina takriban maelfu ya programu-jalizi hizi—na baadhi yake zinapatikana bure na/au zina matoleo ya bure, ikijumuisha PBS.

    SABABU YA 3

    Chanzo Huria: Jumuiya ya WordPress

    WordPress ni ya Chanzo Huria. Hii inamaanisha kuwa mtu yeyote yuko huru kuchangia katika uendelezaji wake, na mtu yeyote yuko wazi kusoma msimbo wake msingi ili kujifunza zaidi kuhusu utengenezaji wa programu, na hata WordPress yenyewe. Kuna hata biashara ambazo zimejitolea kikamilifu kuunda na kukuza bidhaa zinazohusiana na WordPress, kama vile programu-jalizi na mandhari (kama sisi!)

    Kwa sababu WordPress ni ya chanzo huria, kuna watumiaji, watengenezaji, na hata wabunifu wengi wanaoshirikiana kila mara na kusaidiana kutatua matatizo yanayohusiana na WordPress. Kwa njia hii, unapata usaidizi halisi kutoka kwa watu halisi, na wakati huo huo, mnajifunza kutoka kwa kila mmoja. Hili ni jambo ambalo huduma zako za kawaida za uhusiano na wateja mara chache sana hufanya.

    SABABU YA 4

    WordPress Inakubalika na Inaaminika.

    CNN, Blogu Rasmi ya Star Wars, Gazeti la Time, na hata Beyonce wote wana tovuti zinazoendeshwa na WordPress, miongoni mwa wengine wengi. Majina haya makubwa si kitu pekee kinachothibitisha uhalali wa WordPress, pia—kulingana na Treehouse.com, takriban 25% ya tovuti zote kwenye wavuti zinaendeshwa na WordPress. Kwa kuzingatia mamilioni na maelfu ya tovuti zilizopo… basi, 25% ni nambari kubwa sana.

    SABABU YA 5

    Ubinafsishaji Tele!

    WordPress ina wingi wa mandhari zinazopatikana kwa ajili yako na tovuti yako. Uko huru kuchagua kutoka kwa matoleo ya bure, ya kulipia, au hata kuunda yako mwenyewe (au kuajiri mtu akujengee!).

    SABABU YA 6:

    Ni Bure.

    Ndiyo, umesoma sawasawa. Kupitia Uendelezaji wa Ndani (Local Development), WordPress ni bure kabisa, na unaweza kuisakinisha kwenye kompyuta yako kwa kubofya kitufe tu. Vilevile, badala ya kuajiri msanidi programu, unaweza kutumia ujuzi wowote ulio nao kuhusu msimbo (code) ili kujifunza zaidi kuhusu jinsi WordPress inavyofanya kazi (na kwa hakika, kujifunza ni jambo zuri kila wakati).

    …bila kusahau kwamba ikiwa huna muda wa kuingia kwa undani katika WordPress na ujenzi wa tovuti, unaweza kupata programu-jalizi nzuri ya kujenga kurasa na kujaribu yetu.

    Kumbuka kwamba kuna uwezekano usio na mwisho na WordPress, na huhitaji kuwa gwiji ili kung’amua jinsi kila kitu kinavyofanya kazi!

    Kutumia WordPress kunaweza kukuokolea muda mwingi, pesa, na juhudi. Na katika wakati ambapo kuna rasilimali chache sana kama hizo, zingatia kwamba tovuti za WordPress, programu-jalizi zake (kama vile PBS!), maudhui (themes) zake, na hasa jumuiya yake, zinaweza kukusaidia kabisa na kufanya mambo kuwa rahisi zaidi kwako.

    Ujenzi mwema wa tovuti!

  • Mambo 3 ya Kuzingatia Kabla ya Kujitosa Kwenye Vijenzi vya Kurasa

    3-Things-to-Consider-Before-Diving-Into-Page-BuildersKuna uwezekano upo hapa kwa sababu umesikia kwamba inawezekana kabisa PBS ni mojawapo ya njia za mkato za haraka zaidi za kujenga tovuti. Ingawa vijenzi vya kurasa, kwa ujumla, vipo ili kurahisisha mambo, bado kuna mambo machache unayoweza kutaka kuzingatia kabla ya kuzama zaidi katika nyanja hii mahususi ya usanidi wa WordPress.

    Kujifunza WordPress: Sharti Muhimu la Kijenzi cha Kurasa

    Huenda hiki ndicho kipengele kilicho wazi zaidi kwenye orodha hii, lakini bado ndicho muhimu zaidi. Kwa bahati mbaya, Vijenzi vya Kurasa haviwezi kununuliwa vyenyewe peke yake. Vinakuja katika mfumo wa programu-jalizi katika WordPress, ambazo utahitaji kuzisakinisha na kujifunza ili kuzitumia. Kuwa na uhakika kwamba WordPress ni mojawapo ya njia rahisi na halali zaidi za kuunda tovuti. Hutajuta kujua jambo fulani la kiufundi, kwa kuzingatia enzi tuliyomo sasa hivi. Kuna tofauti kati ya WordPress.com na WordPress.org, na  kujua ni ipi inayokidhi mahitaji yako huokoa muda pia!

    Hata hivyo, ikiwa unatishwa kidogo na wingi wa baadhi ya maneno ya kiufundi katika makala haya, usijali. Kuna tovuti chache zenye manufaa unazoweza kutembelea ili zikusaidie kuanza. Baadhi ya hizi niWordPress Codex, na Treehouse. Zinajumuisha vidokezo vya WordPress  na ujenzi wa tovuti, kulingana na mahitaji yako na kiwango cha maarifa.

    Unaweza kutaka kupima kina cha maji kwanza, ili kuwa na uhakika tu

    Daima ni wazo zuri kujaribu matoleo ya bure na/au ya majaribio kabla ya kufanya ununuzi wowote mkubwa ambao unaweza kuishia kujuta baadaye. Shukrani, vijenzi vingi vya kurasa huja na matoleo ya bure/ya onyesho. Bila shaka, tunaweza pia kuangalia  tathmini nyingi za kuaminika kuhusu vijenzi vya kurasa huku nyinginezikilinganisha na kupambanua  vijenzi vya kurasa.  Hakikisha unapima chaguo zako kwa uangalifu!

    Kando na kupitia makala na tathmini, mojawapo ya mambo tunayopenda kuhusu WordPress ni kwamba ina jumuiya kubwa inayoisaidia. Kuna watu binafsi, timu, na hata biashara, zilizo tayari kuwasaidia watumiaji wenzao wa WordPress, hasa wapya kama wewe! Kimsingi jumuiya hii inafanya kazi kwa mtindo wa kusaidia wengine badala ya kupokea na kutoa tu.

    Muundo huleta tofauti kubwa

    Mpenda WordPress Donna Fontenot Cavalier anaeleza jambo zuri sana kuhusu Vijenzi vya Kurasa vya kuburuta na kudondosha, na umuhimu wa muundo wa kimsingi. Ingawa vijenzi vya kuburuta na kudondosha kama vile PBS vinaweza kukuokolea muda mwingi, ujuzi wa kimsingi na angalau kiasi fulani cha uzoefu katika urembo ni jambo lingine muhimu la kuzingatia unapounda tovuti. Hebu fikiria hali hii– tuseme umepata kijenzi kizuri cha kurasa unachopenda: hiyo ni nzuri! Lakini tuseme wewe ni mtu ambaye huna jicho zuri sana la sanaa, muundo na utendakazi: uh-oh.

    Hata hivyo, usijali. Page Builder Sandwich si Kijenzi cha Kurasa tu; timu yetu pia imejitolea kuwasaidia watumiaji wengine wa WordPress pia. Kwa hivyo ikiwa unakabiliwa na changamoto kidogo kuhusu muundo, usijali– tuna makala kadhaa hapa kwenye Blogu ya PBS yenye vidokezo vingi muhimu vya kukusaidia kuanza. Kwa njia hiyo, utapata kufanya zaidi, kujifunza zaidi, na kuwa na wasiwasi mdogo.

    Kumbuka, ikiwa una maswali au wasiwasi wowote kuhusu vijenzi vya kurasa, au chochote kinachohusiana na mambo yaliyo hapo juu, jisikie huru kutuandikia kwenye sehemu ya maoni hapa chini. Daima tunafurahi kuwasaidia wateja wetu.

    Ujenzi Mwema wa Tovuti!

  • Upangaji Ramani wa Shortcode: Jinsi PBS Itakavyosaidia Programu-jalizi 800+ na Shortcode 2,000+

    How-PBS-Supports-800-Plugins-2000-ShortcodesWhen I started getting further into software development and WordPress, I noticed that not a lot of page builders I come across with have that “page builder standard” I was looking for: fast, easy, convenient.

    Page Builder Sandwich, then, was created with the goal of having a builder meet these same standards.

    I wanted- and still want it– to be the best page builder out there, and the best way I could accomplish that, I figured, was to add in features in a way in which page building becomes helpful and accessible to everyone –developers and noobs alike.

    I’d like to note though, that I didn’t simply create PBS with the intent of merely bombarding it with features just for the sake of it.

    I want to add in features that people would want to work with; features that hopefully, would make the experience of page building feel a little bit more like magic.

    Katika wiki hizi chache zilizopita, timu ya PBS imeongeza kipengele cha ramani, na kipengele cha vichupo pia.

    Sasa, ingeonekana kama utaratibu rahisi na wa kawaida kwetu kuendelea kuongeza kipengele kipya kila baada ya siku chache.

    But I think it’d be better if we take it to the next level; to take a bigger leap, do something more drastic, something drizzled with a little more awesomesauce.

    And so we came up with an idea: “How about we start supporting 800+ plugins along with their 2000+ shortcodes?!?!”

    I know what you’re thinking: “How the heck can you support that much shortcodes? Is that even possible?”

    Well, the simple answer is yes. Yes it is.

    And we’ve managed to achieve this feat through shortcode mapping.

    What is Shortcode Mapping?

    Shortcode mapping
    Shortcode mapping makes building shortcodes more friendly.

    Put more simply, 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.

    Faida za mfumo kama huu ni kubwa sana:

    1.) Since PBS already knows what your shortcodes are, you get to spend less time going through the documentation of each plugin you use, and check how to use their shortcodes.

    2. ) In other words: Say goodbye to the grueling task of manually typing in your shortcodes!

    3.) With shortcode mapping, you can also say goodbye to manually checking post type ID’s. How? PBS can give you a list of all your contact forms through a drop-down list, so instead of looking for ID’s while on admin mode, you can pick from the list we made instead.

    4.) You’ll get to use dropdowns, colorpickers, image uploaders, and even number sliders when adjusting shortcode attributes.

    5.) Overall faster page building time!

    Hata hivyo, uchoraji ramani wa shortcode si kitu kigeni, na wajenzi wengi wa kurasa tayari wanazo. Hata hivyo, nini kinachofanya yetu kuwa tofauti?

    Jinsi Uchoraji Ramani wa Shortcode Unavyofanya Kazi Katika Wajenzi Wengine wa Kurasa

    Lonely times
    Each person/site does their own shortcode mapping.

    Other page builders have a dedicated admin page for shortcode mapping. You go inside your admin page, and then their admin page. You put in your shortcode, edit a number of text fields, then hit save. Finally, when you go to your page builder editor, the shortcode is now there in element list.

    Katika hali hii, mzigo wa uchoraji ramani wa shortcode unaachiwa wewe, mtumiaji. Ikiwa unataka shortcode zako zote zichorwe ramani kikamilifu pamoja na sifa zote (na pamoja na vichagua rangi vizuri na mambo mengine), itabidi uhakikishe unaingiza kila maelezo madogo ya kila shortcode.

    What’s more, all your mappings only reside on your site. So when the times comes that you need to work on another site, you’ll have to copy your mappings all over again. Additionally, if and when you install a new plugin that has shortcodes, then you’re going to have to map those too.

    Jinsi Uchoraji Ramani wa Shortcode Unavyofanya Kazi Katika Page Builder Sandwich

    Shortcode mapping is centralized
    Shortcode mappings are shared across all users.

    Unlike the norm, shortcode mapping in Page Builder Sandwich is done on a global scale. The most used and popular plugins are gathered first, and all their shortcode mappings are created and updated in a central area. These will then spread out to all users depending on what they have installed. In other words, PBS studies and reviews all the shortcodes you have, including your activated plugins. Afterwards, it gives you the mapping of basically everything you need.

    Hii inatupa faida nyingi nzuri:

    1. Maximum coverage. Since we’ll be mapping out the shortcodes of the popular plugins, PBS will be able to support a majority of the shortcodes available on your site.
    2. Constant and frequent additions, updates and corrections. And since it’s in a central area, changes can be made quickly, and can be disseminated to all users.
    3. It basically works like magic. Let’s say you just installed a new plugin. Then you activate it, all mappings for its shortcodes will automatically get sent to you right away.
    4. Gone are the days when you have to personally map shortcodes yourself. PBS will do that for you.
    5. Your site remains lean and fast, and will only contain shortcode mappings that are relevant to you.
    6. Plugin zip size remains small. Even though PBS supports thousands of shortcodes, the plugin file size is still small. Your site and your backups remain small too!

    In case you’re interested in reading into how we made all of this possible,  we actually have a second part to this article in which things might start sounding a little more technical (if that’s your drift).

    Jiandikishe kwa Jarida Letu!

    You can also opt to sign up to our mailing list, which will automatically notify you when we officially release this feature, (you can get future updates from us too, if you want). The shortcode mapping functionality will be out for our customers tentatively on August 12 August 15 2016. Not all shortcodes will be mapped by this time (our estimate is maybe 100 plugins), but mapping will be continuously done and customers will get them as soon as new ones roll out.

    So sign up to our newsletter to get news on shortcode mapping, when we’ll release it, and when we open shortcode mapping to the public! Until then, we hope you enjoy this new feature of ours, and that you have fun exploring it!

  • Vidokezo 5 Rahisi vya Kufanya Tovuti Yako Ionekane Nzuri

    5-Simple-Ways-To-Make-Your-Website-Look-GoodIn general, one thing that most people tend to overlook is today’s demand for functional design and aesthetics. While not all of us may be aware of the extent of just how much it matters, the fact remains that design is a very crucial factor towards success—any kind of success– including your website’s. Yes, your content is an important key towards reeling your audience in, but how your site looks will definitely be a determining factor as well.

    Hapa kuna vidokezo vya kimsingi kuhusu unachoweza kufanya ili kuboresha muundo wa tovuti yako.

    Add high-quality images

    You want to add the best quality images on your website that reflect your brand style, but if you don’t have a high-resolution camera or the money to pay a photographer, you can get free stock photos from sources like Pexels and Pixabay. Images should pertain directly to the content of your site. Including images is always better than no images at all.

    Chagua rangi sahihi

    booneselections
    Lawrence Boone Selections uses black to add a sense of luxury and value to their website
    juicebox
    Juicebox used this zesty combination for people to get that organic and fresh that the brand represents

    Mpangilio wa rangi wa tovuti una jukumu kubwa katika kuunda sauti na hisia ifaayo kwa chapa yako. Kuchagua rangi nzuri haimaanishi lazima kuwa ndiyo ile sahihi. Kila rangi hutuma ujumbe na mwitikio tofauti. Rangi ni mojawapo ya vitu vya kwanza ambavyo wageni wa tovuti hugundua na kwa kweli inaweza kuathiri mafanikio ya tovuti yako.

    Chagua rangi za msingi mbili hadi tatu pekee kwa ajili ya muundo wako. Ukihisi haja ya kuongeza rangi zaidi, unaweza kutumia mwangaza na vivuli vya rangi zako za msingi. Katika nadharia ya rangi, tint ni mchanganyiko wa rangi na nyeupe, ambayo huongeza mwangaza wakati shade ni mchanganyiko wa rangi na nyeusi, ambayo hupunguza mwangaza.

    Additional Tip: There are great tools such as Adobe Colour CC and Coolors to make picking colors easier.

    Tumia miundo ya herufi inayotofautiana

    Font Pairing There are more fonts other than Arial, Georgia and Times New Roman. Google Web Fonts offer a variety of typefaces you can use for free on your site. Just like with choosing colors you can easily over do fonts, so I suggest you do not use more than two typefaces on your website. Most well-designed websites use two typefaces only, one for the headlines and one for the body text.

    Kuoanisha miundo miwili ya herufi kunaweza kuwa kugumu hata kwa wabunifu. Unaweza kurahisisha mambo kwa kujaribu kutumia fonti mbili tofauti kutoka kwenye muundo mmoja wa herufi. Ikiwa muundo wa pili wa herufi ni muhimu, chagua kitu kinachotofautiana vizuri na muundo wako wa kwanza. Kwa kawaida, kuchanganya fonti ya serif na sans-serif hufanya kazi vizuri pamoja. Kidokezo kingine muhimu ni kuchagua miundo ya herufi inayolingana na mtindo wa kampuni yako. Unaweza kuwa na fonti nzuri zaidi ulimwenguni, lakini inapotumiwa katika muktadha usio sahihi, bado inaweza kuonekana vibaya sana.

    Iweke safi kwa kutumia nafasi wazi

    Whitespace is one of the easiest and most effective ways to create a visually effective website. Your website should look well organized and clutter free, directing users exactly where they need to go. Make sure elements stand out and are grouped together by using whitespace properly.

    Ifanye iwe rahisi kutumika kwenye simu

    People are probably going to visit your site at different times using different devices and screen sizes. While content is important, consistency across devices provides a better user-experience for anyone who visits your site. It makes it easier for users to share and link contents on your website to social media platforms on mobile. On top of that, Google prioritizes responsive websites on search results.

    Kidokezo cha Ziada: Kutumia Page Builder Sandwich kwenye tovuti yako kutawezesha kiotomatiki mwonekano wa simu na kuirekebisha kwa ajili ya ukubwa wa skrini ya simu.

    Hitimisho

    Kumbuka: Kudharau uwezo wa muundo ni mojawapo ya makosa mabaya zaidi unayoweza kufanya wakati wa kujenga tovuti yako. Huhitaji kutumia juhudi nyingi kupita kiasi unapounda tovuti yako, bila shaka, lakini kwa sasa, kufuata tu vidokezo hivi kunaweza kuhakikisha kuwa tovuti yako haileti hisia zozote za kutokubaliwa kutoka kwa hadhira yako.

  • Jinsi ya Kuunda Hero Headers za Msingi katika Hatua 3 Rahisi

    How-to-Create-Basic-Hero-Headers-2

    061716_PBS_Jihan_How to Create Basic Hero Headers_Done

    When your dream website finally becomes a reality, the first thing you want your audience to know is what your site’s all about. The trick to reel them in is to give them a good but quick summary of your site’s content – and the easiest way to do that is by creating a Hero Header for your page.

    Hero Headers ni nini?

    The purpose of the Hero Header is to visually communicate with your target audience in the fastest and most efficient way possible. You need to grab their attention quickly, in a way that it says: “Hey, this is my website, and here are the reasons it may be worth your time.”

    Typically, hero headers take up most of the space on the page, usually with large text and an equally large background image in order to give your readers a quick but firm-enough grasp as to what your website can offer them.

    Ili kuanza kutengeneza kichwa chako cha kwanza kabisa cha hero cha PBS, fuata hatua za haraka zifuatazo:

    Hatua ya 1: Weka Safu wima na urekebishe Upana wa Safu mlalo

    061716_PBS_Jihan_How-to-Create-Basic-Hero-HeadersClick 1 Column below the Insert Content tab on the inspector (that thing on the left/sidebar). Make sure your caret (the blinking cursor on the text box) is inside the text box.

    061716_PBS_Jihan_How to Create Basic Hero Headers_Step-1-b_Revised-1Under the Row Properties tab, you may change the background color in order to use it as a guide for the next steps. Change Row Width from Normal to Full-Width: Retained Content Width using the toggle button shown above.

    What’s the difference between Normal, Full-Width and Full-Width: Retained Content Width?

    Row Width-Normal

    Normal – Background, text and other elements are contained within the bounds of your current theme’s row width

    Row Width-Full-Width

    Full-Width – Background, text and other elements fill the entire width of your browser window

    Row Width-Full-Width Retain

    Full Width: Retained Content Width – Only the background fills the entire width of your browser window. Text and other elements are contained within the bounds of your current theme’s row width

    In this layout, Full Width: Retained Content Width is used because the text that will be applied is centered; not full-width.

    Hatua ya 2: Rekebisha pambizo ili kuunda Nafasi tupu

    061716_PBS_Jihan_How to Create Basic Hero Headers_Step-2-revisedIncrease the top and bottom margin by hovering the cursor on the arrow pointing to the margin you want to adjust. When the cursor turns into a double-headed arrow, click and drag down to your desired margin height. Its important to put Whitespace (also called Negative Space) between elements in a composition to create flow and help draw focus to the content on the page.

    Hatua ya 3: Ongeza mandharinyuma yenye maandishi na vipengele vilivyowekwa juu

    061716_PBS_Jihan_How to Create Basic Hero Headers_Step-3-aTo add a background image with text and element overlays, simply click the Background Image icon under the Row Properties tab, upload your desired background image, and select to apply.

    061716_PBS_Jihan_How to Create Basic Hero HeadersTip #1: For Premium users, using the Background Image Tint option, helps to provide more contrast for text, buttons or other elements. You can select a tint color and adjust its value by clicking on the Background Color icon. Both icons can be found under Background on the Row Properties tab.

    061716_PBS_Jihan_How-to-Create-Basic-Hero-Headers_Step-3-cType in the message for your header. See Text Formatting tab to adjust the style. Choose typefaces that are easy to read and goes well with the background image. Remember to show contrast from the background image.

    Kidokezo #2: Kwa vipengele vya chapa, zingatia kutumia nembo nyeupe au nyeusi ili isikinzane na picha ya mandharinyuma yenye rangi nyingi.

    061716_PBS_Jihan_How to Create Basic Hero Headers_Step-3-dYou can also add buttons by clicking on Button below the Insert Content tab.

    Usisahau kuhifadhi kazi yako na uko tayari kabisa!

    Hongera kwa kuunda kichwa chako cha kwanza cha hero ukitumia PBS! Hata hivyo, ikiwa haujafanikiwa, hakuna haja ya kuwa na wasiwasi; kuanzia mwanzo bila shaka ni rahisi zaidi ukitumia PBS, kwa hivyo haipaswi kuwa shida kubwa.

    Ujenzi mwema wa tovuti!