The parallax scrolling effect is a design technique that’s relatively new in development and web design. Over the past few years since it’s hit the scene though, it’s grown pretty popular in its own right, and with good reason, too.
Ìtumọ̀ Parallax Scrolling
Parallax scrolling is a technique wherein your web page’s background image scrolls at a slower rate compared to the foreground image. It gives the user a unique sense of depth and action while scrolling through a page when used on a website.
Without Parallax Scrolling
The elements of the web page – the text, images, buttons, etc – all scroll at the same rate as the background.
With Parallax Scrolling
The background image scrolls at a different rate as the rest of the elements in the page.
Ipa Parallax Scrolling lórí Olùlò
Bí ó tilẹ̀ jẹ́ bẹ́ẹ̀, ọnà iṣẹ́ yìí kò fi bẹ́ẹ̀ jẹ́ tuntun, a sì ti lò ó ní ti gidi nínú àwòrán alààyè àbáláyé láti nǹkan bí ọdún 1920. Wọ́n tún ti lò ó nínú ọ̀pọ̀lọpọ̀ àwọn eré fídíò àtijọ́ olókìkí, bíi Super Mario brothers.
Ní agbègbè ti àtòjọ ojú-òpó wẹ́ẹ̀bù, a sábà máa ń gbóríyìn fún Nike gẹ́gẹ́ bí ọ̀kan lára àwọn àkọ́kọ́ láti lo parallax scrolling ní ọdún 2011. Láti ìgbà yẹn, gbólóhùn náà “parallax scrolling” (tí a máa ń pè ní “ìpìlẹ̀ parallax” nígbà mìíràn) ti di ọ̀rọ̀ tí ó wọ́pọ̀ láàárín àwọn olùṣètò àti àwọn olùgbédìde papọ̀, pẹ̀lú gbígbajúmọ̀ tí ń pọ̀ sí i ní gbogbo ìgbà.
Parallax scrolling as used in a version of Super Mario Brothers. Notice how the hills in the background move in slightly varying speeds, as compared to Mario and the other characters in the foreground.
Àǹfààní Rẹ̀ fún Olùlò
Ohun tí ó dára nípa àbájáde rẹ̀ ni pé ó ń sún àwọn olùlò láti ní ìbáṣepọ̀ pẹ̀lú ojú-òpó wẹ́ẹ̀bù rẹ, tí ó ń mú kí ìbáṣepọ̀ àti àfiyèsí olùlò pọ̀ sí i. Pẹ̀lúpẹ̀lù, nígbà tí a bá ṣe é dáadáa, parallax scrolling le mú ojú-òpó wẹ́ẹ̀bù tí ó rọrùn jùlọ wá sí ààyè. A tilẹ̀ le lò ó láti ṣẹ̀dá àwọn ìtàn fífani-mọ́ra tí ó ń fa gbogbo àwọn olùwo ojú-òpó wẹ́ẹ̀bù mọ́ra lẹ́sẹ̀kẹsẹ̀.
Pín Iṣẹ́ Rẹ Pẹ̀lú Wa!
Nítorí náà, kí ni ẹ̀yin ènìyàn rò? Ǹjẹ́ ẹ ti lo ẹ̀yà àkànṣe ìpìlẹ̀ parallax tuntun jùlọ láti PBS v4 rí bí? Ǹjẹ́ ó ń ṣiṣẹ́ fún àǹfààní yín? Ẹ lérò láti so iṣẹ́ yín pọ̀ mọ́ wa, tàbí fi àwọn àbá díẹ̀ sílẹ̀ ní abala àwọn àfikún ọ̀rọ̀ ní ìsàlẹ̀.
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.
Pẹlu iyẹn, rii daju pe o fi awọn aṣiṣe apẹrẹ oju opo wẹẹbu 4 ti o wọpọ wọnyi si ọkan. Ni ọna yii, iwọ yoo dinku nkan kan ti o yẹ ki o ṣe aniyan nipa rẹ nigbati o ba bẹrẹ kikọ oju opo wẹẹbu rẹ nikẹhin.
Aṣiṣe #1: Lilo Ju Awọn Fonti 3 Lọ
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.
Gbigbe awọn fonti oju opo wẹẹbu rẹ mọ si o kere ju 3 jẹ iṣe apẹrẹ gbogbogbo ti awọn alamọdaju n tẹle. Pẹlupẹlu, o mu ipele kika ati iduroṣinṣin ti aaye rẹ pọ si, eyiti o jẹ bọtini si aṣeyọri ijabọ oju opo wẹẹbu rẹ.
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.
Put simply, white space is literally the emptyspacebetween elements in a composition.
In other words, it’s negative space.This pertains toanything on your website that isn’t filled with text, photos, or other design elements.
Now, the problem arises when website owners want to fillall 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.
Wo awọn apẹẹrẹ meji ti o wa ni isalẹ lati ri ohun ti a tumọ si.
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.
Apẹrẹ naa rọrun lati loye ati pe o ni ilana ti o bọgbọnmu: Ni akọkọ, ajo naa ṣafihan ararẹ ati sọ fun awọn olugbọ nipa awọn nkan pataki; gẹgẹbi ohun ti o jẹ nipa ati ohun ti o n ṣe. Ni ẹlẹẹkeji, o ṣe afikun awọn nọmba ti o ni igbẹkẹle lati fi idi igbẹkẹle mulẹ. Ni ipari, oju opo wẹẹbu naa fun awọn olugbọ ni awọn nọmba olubasọrọ rẹ ati atokọ ti awọn iṣẹlẹ, n rọ wọn lati gbe igbesẹ.
Mistake #4: Trying to Fit in Every Bit of Information Onto Your Website
Fifi awọn akọsilẹ ti ko ṣe pataki kun nibiti aaye funfun yẹ ki o wa le le awọn olugbọ rẹ lọ. Ranti lati tọju awọn alaye pataki nikan.
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 visitorsabsolutely need to know.
Conclusion
Website design is important, and can be a huge deciding factor in whether or not you gain site traffic.
Ranti lati ma foju fo o. Ya akoko sọtọ nigbagbogbo lati ṣe iwadii, ki o si wo awọn nkan apẹrẹ lati ṣe itọsọna fun ọ ni ọna. Ki o to mọ, iwọ yoo rii pe ijabọ aaye rẹ n pọ si si oke. ? Oriire!
Design in less time!
Check out how much faster Page Builder Sandwich let you design your web pages.
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.
Wo Itọsọna Awọ ti o dara yii lati Canva fun iṣẹ apẹrẹ rẹ ti o tẹle.
Bẹ́ẹ̀ ni, òótọ́ ni: Page Builder Sandwich ń ṣe ayẹyẹ ọjọ́-ìbí àkọ́kọ́ rẹ̀ ní ọjọ́ 14 Oṣù Kíní, 2017. Pẹ̀lú Ẹ̀dínwó Àkókò Ìsinmi wa tí ń lọ lọ́wọ́ (30% ẹ̀dínwó fún àkókò díẹ̀, kò nílò kóòdù ìpolówó kankan), PBS ní àwọn ohun ìyàlẹ́nu díẹ̀ tí a ti pèsè sílẹ̀ fún yín, ẹgbẹ́ wa kò sì lè dúró láti pín wọn pẹ̀lú gbogbo ènìyàn.
Ní ọdún tí ó kọjá, a ti dàgbà púpọ̀ látàrí àtìlẹ́yìn àwọn ọ̀rẹ́ àtàtà, àwọn àtúnyẹ̀wò tó wúlò púpọ̀, àti àwọn ọ̀rẹ́ wa tuntun nínú àwùjọ Slack ti PBS. A kò lè gbàgbé ẹ̀yin ènìyàn– àwọn aṣàmúlò PBS fúnra yín, tí ẹ ti ràn wá lọ́wọ́ láti dé ibi àkànṣe yìí. Àti pé láti ṣe ayẹyẹ, a rò ó pé: ọ̀nà wo ló dára jù láti fún yín ní ìrírí tó dára síi ju ìtúsílẹ̀ ti PBS Àtẹ̀jáde 4.0 lọ? Ẹ jẹ́ kí àjọyọ bẹ̀rẹ̀.
Bí ó bá jẹ́ pé o kò gbọ́ nípa rẹ̀, àtẹ̀jáde lọ́wọ́lọ́wọ́ yìí, Àtẹ̀jáde 3.0, ti gba àwọn àyípadà pàtàkì àti àtúnṣe tó dára. Èyí pẹ̀lú ojú-ìwé ìṣiṣẹ́ tí ó mọ́ tónítóní, tí ó dán, tí ó sì rọrùn láti lò síi, pẹ̀lú ìbáramu ẹ̀rọ tó dára síi. Ṣùgbọ́n fún Àtẹ̀jáde 4.0, a óò mú àwọn nǹkan tó túbọ̀ dára síi wá! Nítorí náà, ẹ múra sílẹ̀, nítorí àwọn nǹkan yóò túbọ̀ lárinrin, aláyọ̀, tí yóò sì wúlò púpọ̀ pẹ̀lú ìtúsílẹ̀ tí ń bọ̀ ní Oṣù Kíní.
Àbùdá Àwọn Àdàkọ Ojú-ewé Kíkún
Àkọ́kọ́ nínú àtòjọ àwọn àbùdá pàtàkì wa ni àwọn Àdàkọ Ojú-ewéKíkún tuntun gbòò. Bó tilẹ̀ jẹ́ pé a sábà máa ń lo PBS láti kọ́ onírúurú ojú-ewé, a ti gbé e yẹ̀wò dáadáa pé àwọn aṣàmúlò wa ń lo àwọn ojú-òpó wẹ́ẹ̀bù wọn lábẹ́ àwọn ẹ̀ka ọ̀tọ̀ọ̀tọ̀ (nítorí náà, àwọn oríṣi ojú-òpó wẹ́ẹ̀bù ọ̀tọ̀ọ̀tọ̀). Lẹ́yìn gbogbo rẹ̀, àwọn aṣàmúlò ọ̀tọ̀ọ̀tọ̀ ní àwọn àìní ọ̀tọ̀ọ̀tọ̀, yálà fún iṣẹ́ ajé tàbí fún ti ara ẹni. Ìdí nìyẹn tí a fi pinnu láti bójútó èyí pẹ̀lú àbùdá Àwọn Àdàkọ Ojú-ewé Kíkún tí ń bọ̀.
Báwo wá ni àwọn Àdàkọ Ojú-ewé Kíkún wọ̀nyí ṣe ń ṣiṣẹ́? Ó rọrùn. Fún Àtẹ̀jáde 4.0, a óò tú àwọn àdàkọ àgbàyanu jáde. A óò pín àwọn wọ̀nyí sí àwọn ẹ̀ka ọ̀tọ̀ọ̀tọ̀; ọ̀kọ̀ọ̀kan ni a ṣe fún ẹ̀ka pàtó kan. Àwọn àdàkọ náà yóò ní àwọn èròjà, ìtòlẹ́sẹẹsẹ, àti àwọn àbùdá fún àwọn ojú-ewé ilé-iṣẹ́, àwọn àkójọ iṣẹ́, àwọn ojú-òpó eCommerce, tàbí àwọn búlọ́ọ̀gù ti ara ẹni lásán (láàárín àwọn mìíràn) kí ó lè bá irú ojú-òpó èyíkéyìí tí o nílò mu ní pípé.
Fún àpẹẹrẹ, bí o bá ń ṣiṣẹ́ ilé-oúnjẹ, tí o sì nílò ojú-ewé tàbí ojú-òpó wẹ́ẹ̀bù fún irú iṣẹ́ ajé bẹ́ẹ̀, o lè rọrùn láti yan àdàkọ ilé-oúnjẹ. Àti pé nítorí PBS ń fúnni ní àyè fún àtúnṣe tó rọ̀, ìwọ yóò ṣì lè ṣe àtúnṣe àṣà rẹ̀ gẹ́gẹ́ bí ọkàn rẹ ṣe fẹ́. Àti níwọ̀n bí àdàkọ tí o yàn (nínú ọ̀ràn yìí, ilé-oúnjẹ rẹ) yóò wá pẹ̀lú àwọn àbùdá pàtó tí a ṣe ní pàtó fún ojú-òpó iṣẹ́ ajé tí ó dá lórí ilé-oúnjẹ, yóò tún wá pẹ̀lú àwọn èròjà PBS tí ó ń bójútó àwọn àìní irú ojú-òpó bẹ́ẹ̀: bíi apá kan lẹ́kùn-únrẹ́rẹ́ fún àtòjọ oúnjẹ, àbùdá ìfiranṣẹ́ oúnjẹ, àti àwọn bọ́tìnì àwùjọ ayélujára, àti ọ̀pọ̀lọpọ̀ síi. Nísinsìnyí fojú inú wo nǹkan bí èyí fún ẹ̀ka pàtó ti tìrẹ– yálà o ń ṣiṣẹ́ ní ọ́fíìsì ilé-iṣẹ́ ńlá kan, tàbí iṣẹ́ ajé ti ara ẹni, tàbí àkójọ iṣẹ́ lásán– má ṣàníyàn. Pẹ̀lú Àtẹ̀jáde 4.0, a óò tú àwọn àdàkọ jáde fún àwọn wọ̀nyẹn pẹ̀lú. Láìsí àní-àní, wọn yóò wúlò púpọ̀ lórí iṣẹ́ ìkọ́kọ́ ojú-òpó rẹ tí ń bọ̀!
Àwọn Èròjà Síi, Àwọn Àṣàyàn Síi
Pẹ̀lú àwọn Àdàkọ Ojú-ewé Kíkún tuntun, a tún ní ọ̀pọ̀lọpọ̀ àwọn ohun mìíràn tí ń bọ̀! Gẹ́gẹ́ bí a ti máa ń sọ nígbà gbogbo, PBS wà nítorí pé a gbàgbọ́ pé dídá àwọn ohun àgbàyanu àti fífani-mọ́ra kò gbọ́dọ̀ nira bí gbogbo ènìyàn ṣe ń sọ ọ́. Pẹ̀lú èyí nínú ọkàn, a rọ̀ yín láti wo àwọn àbùdá wa mìíràn tí ń bọ̀, kí ẹ lè rí fúnra yín gbogbo àwọn ojú-ewé àti ojú-òpó tó dán mọ́ran tí ẹ óò lè dá pẹ̀lú PBS!
Àwọn Ìpìlẹ̀ Parallax
Yíyí Parallax jẹ́ ìmọ̀-ẹ̀rọ tí a ń lò láti ṣẹ̀dá ipa ìpìlẹ̀ 3D àrà ọ̀tọ̀ fún awòkiri rẹ. Ó ń fa ojú mọ́ra lọ́nà àrà fún ojú-òpó wẹ́ẹ̀bù èyíkéyìí, nígbà tí a bá sì ṣe é lọ́nà tí ó tọ́, ó lè pọ̀ si iye àwọn olùwòran rẹ dájúdájú. Ṣé o kò tíì gbàgbọ́? Wo ojú-òpó wẹ́ẹ̀bù tó lẹ́wà yìí látọwọ́ FireWatch tí ó lo ipa parallax náà ní pípé.
Àwọn Ìpìlẹ̀ Fídíò
Àwọn ìpìlẹ̀ fídíò tún jẹ́ ipa gbajúmọ̀ tí a ń lò lórí àwọn ojú-òpó wẹ́ẹ̀bù, pàápàá jùlọ lórí àwọn ojú-ewé àkọ́kọ́, àwọn ojú-ewé ìbábalẹ̀, àti àwọn àkọ́lé akọni. Wọ́n tún fani-mọ́ra lọ́nà kan náà, ìdí sì wà tí gbogbo ènìyàn fi ń fẹ́ wọn, ẹ gbẹ́kẹ̀ lé wa! Pẹ̀lú àmúgbégà PBS tuntun, ìwọ yóò tún rí ànfààní láti dán àwọn ìpìlẹ̀ fídíò wò pẹ̀lú. Tẹ̀síwájú kí o sì lò wọ́n láti fa àwọn olùwòran mọ́ra kí o sì gba àwọn ìbẹ̀wò síi sí ojú-òpó rẹ!
Kíkà Ọjọ́ Sẹ́yìn
Fún Àtẹ̀jáde 4.0, a óò tún tú Kíkà Ọjọ́ Sẹ́yìn tuntun gbòò jáde. Yóò ní àwọn àbùdá ìpìlẹ̀ rẹ bíi títò ọjọ́ àti àkókò pàtó tí o ń kà sẹ́yìn sí, pẹ̀lú àwọn àṣàyàn àtúnṣe tó rọ̀ tí ó máa ń wà nígbà gbogbo èyí tí a mọ̀ dájú pé wàá nífẹ̀ẹ́ sí.
Àwọn Àmì Àwùjọ Ayélujára
Ṣé o fẹ́ gba àwọn olùwòran rẹ níyànjú láti tan ọ̀rọ̀ nípa àwọn àkọsílẹ̀ rẹ ká lórí àwọn àwùjọ ayélujára? Má bẹ̀rù, nítorí PBS wà lẹ́yìn rẹ! Pẹ̀lú àwọn àmì àwùjọ ayélujára tuntun, àwọn olùkà yóò lè pín ojú-òpó wẹ́ẹ̀bù rẹ àti àkóónú rẹ pẹ̀lú kíkàn bọ́tìnì kan lásán.
Ṣùgbọ́n a ní púpọ̀ síi fún ọ! Pẹ̀lú:
Agbára láti fi àwọn àkọsílẹ̀ kún àkóónú rẹ
Àwọn ọ̀pá ìtẹ̀síwájú
Kíkà nọ́mbà sókè
Àwọn èròjà fún WooCommerce, Advanced Custom Fields (ACF), Contact Form 7
Àwọn ẹ̀rí
Àwọn tábìlì owó
Tẹ́ ẹ láti gbé ìgbésẹ̀
Àwọn àpótí àwòrán
Àwọn àpótí àmì
Wíwá àti Gbígbàsílẹ̀ Àwòrán Ọ̀fẹ́
Agbára láti fi CSS Àkànṣe kún un
…àti Púpọ̀ Síi!
Ìbáramu Ẹ̀rọ
Àti nígbẹ̀yìngbẹ́yín, lórí gbogbo àwọn àbùdá tuntun tó lẹ́wà wọ̀nyí, PBS yóò tún yangàn pẹ̀lú ìbáramu ẹ̀rọ tó túbọ̀ dára síi.
Ní àkókò tí ó kọjá, wíwo àti ṣíṣe àtúnṣe ojú-ewé PBS rẹ lórí fóònú alágbèéká kò rọrùn rárá– àwọn ìwọ̀n lẹ́tà kò bá ara wọn mu, àwọn àwòrán kò wà ní ìwọ̀n tó tọ́- ní gbogbogbò, a mọ̀ pé a ní láti ṣiṣẹ́ lórí UI ti PBS lórí fóònú alágbèéká, ìyẹn sì ni ohun gangan tí a ṣe. A ti ṣiṣẹ́ lórí àbùdá pàtó yìí, a sì ti tún un ṣe kí ó má baà jẹ́ pé ó lẹ́wà síi ní ti UI nìkan, ṣùgbọ́n kí ó tún dán tí yóò sì rọrùn láti dé ọ̀dọ̀ rẹ̀ síi pẹ̀lú. Nísinsìnyí, ìwọ yóò lè wo kí o sì ṣàtúnṣe ojú-òpó rẹ lórí fóònú alágbèéká láìsí wàhálà kankan. Àwọn ojú rẹ yóò dúpẹ́ lọ́wọ́ rẹ dájúdájú, àwọn olùwòran rẹ yóò sì ṣe bẹ́ẹ̀ pẹ̀lú.
Ó Dán Síi, Ó Dára Síi, Ó Túbọ̀ Lárinrin Síi.
Láti parí rẹ̀, a dúpẹ́ tọkàntọkàn fún gbogbo àtìlẹ́yìn àti ìdúróṣinṣin yín sí PBS, a sì nírètí pé ẹ ní ìháragàgà bíi tiwa, nítorí gbogbo wa ń lọ sí ìrìn-àjò àgbàyanu kan!
Nítorí náà, ǹjẹ́ àwọn àmúgbégà tí ń bọ̀ wọ̀nyí bá ohun tí ẹ̀ ń retí mu bí? Ǹjẹ́ ohun mìíràn wà tí ẹ fẹ́ dámọ̀ràn rẹ̀ fún v4? Ẹ fi ọ̀rọ̀ sílẹ̀ nísàlẹ̀ yìí, a ó sì wo ohun tí a lè ṣe!
Láti máa rí àwọn àmúgbégà síi nípa v4 (àti àwọn ohun àgbàyanu mìíràn), ẹ forúkọ sílẹ̀ fún ìwé-ìròyìn wa nísàlẹ̀ nípa títẹ bọ́tìnì ‘Subscribe’! Ẹ má ṣàníyàn- ẹ lè yọwọ́ yọsẹ̀ nígbàkigbà.
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
Ohun tó mú àyípadà yìí wá ni àpilẹ̀kọ kan nípa àwọn ìfojúsọ́nà amúlò ojú-ewé láti CodeInWP. Ó ṣe àfihàn àkójọ kúkúrú ti àwọn tí wọ́n fẹ́ràn jùlọ, tí ń ṣe àtúnyẹ̀wò ọ̀kọ̀ọ̀kan lábẹ́ àwọn ìlànà pàtó. Bó tilẹ̀ jẹ́ pé Page Builder Sandwich kò wọ inú àkójọ náà tààrà, a tún jẹ́ mẹ́nu kàn ní ṣókí nínú àpilẹ̀kọ náà:
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.
Kíka èyí ni ohun tó sún ẹgbẹ́ wa láti túbọ̀ mú PBS sunwọ̀n sí i. Àti pé, níwọ̀n bí a kò ti sí nínú àkójọ náà, a tún ń fẹ́ mọ̀ ní àkókò kan náà nípa àwọn àléébù pàtó wa. Nígbà díẹ̀ lẹ́yìn náà, a kàn sí CodeInWP láti béèrè fún àtúnyẹ̀wò kúkúrú ti PBS, akọ̀wé àlejò Ann Taylor sì fún wa ní èsì tí ó gbéniró tí ó sì wúlò púpọ̀:
“…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…”
Èsì rere yìí mú kí a túbọ̀ ṣe ìwádìí lórí ìyára àti iṣẹ́ PBS. A dán ọ̀pọ̀lọpọ̀ àwọn ipò oríṣiríṣi wò, a sì rí àwọn ìdènà ńlá sí iyára. Gbòǹgbò àwọn ìṣòro iṣẹ́ náà ni àwọn ìṣirò oríṣiríṣi tí àfikún náà ń ṣe láti le fi àwọn ìla, pẹpẹ irinṣẹ́, àti àwọn àmì ìṣàtúnṣe ojú mìíràn hàn. Ní ìsàlẹ̀ yìí ni àtẹ ti bí PBS ẹ̀yà 4.1 ṣe ń ṣiṣẹ́ nínú Chrome:
Here are the important points of the graph in a nutshell:
Àwọn agbègbè elése-àlùkò gíga kò dára
Àwọn agbègbè elése-àlùkò gbígbòòrò burú jù
A ti mú kí àwọn nǹkan yára púpọ̀, báyìí sì ni àtẹ wa fún ẹ̀yà 4.2 ṣe rí:
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
Ohun tí a fẹ́ràn jùlọ nípa àwọn èròjà tuntun 4 yìí ni pé wọ́n ní agbára láti ṣẹ̀dá gbogbo apá ojú-ewé wẹ́ẹ̀bù ní kíákíá àti pẹ̀lú ìṣiṣẹ́dédé, láìnídìí láti máa wọ́ àwọn èròjà lọ sí ààyè iṣẹ́ PBS lẹ́yọ-kọ̀ọ̀kan. A tún máa fún ọ ní àǹfààní láti yan láti inú àwọn àṣà oríṣiríṣi kí o lè ní ààyè púpọ̀ láti ṣe àtúnṣe àwọn èròjà tuntun mẹ́ta wọ̀nyí kí ó bá àwọn àìní àpẹẹrẹ rẹ mu.
Spacer Element
Ó rọrùn láti ṣàtúnṣe àwọn etí èròjà láti gba ààyè tí o nílò. Èròjà amúnààyè ni a lè lò gẹ́gẹ́ bí àfidípò fún èyí. Èyí wúlò pàápàá jùlọ tí o bá fẹ́ kí àwọn ìlà kan má ṣe kéré jù lórí àwọn ojú-ìbòjú fóònù alágbèéká.
Featurette Element
A lè lo èròjà featurette láti ṣẹ̀dá àwọn apá ti ojú-ewé rẹ ní kíákíá sí i. Àwọn apá wọ̀nyí lè ní àwọn àkọlé akọni, àwọn ẹ̀rí oní-carousel, àti àwọn nǹkan mìíràn tí o lè lò láti mú iṣẹ́ ojú-ewé rẹ sunwọ̀n sí i.
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
Èròjà ọmọ ẹgbẹ́ dára gan-an fún ṣíṣe àfihàn àwọn ọmọ ẹgbẹ́ rẹ fún àwọn àlejò ojúlé wẹ́ẹ̀bù rẹ. Ní gbogbogbò, irú apá báyìí máa ń ní fọ́tò ti ọmọ ẹgbẹ́ kan, pẹ̀lú àpèjúwe kúkúrú ní ìsàlẹ̀.
Gallery Element
A ń lo èròjà yìí láti ṣe àkójọ àwòrán. Tẹ́lẹ̀, wàá ní láti wọ́ àwọn èròjà ọ̀tọ̀ọ̀tọ̀ (bíi bọ́tìnì, fèrèmù, àbbl) lọ sí ààyè iṣẹ́ PBS ní ọ̀kọ̀ọ̀kan kí o tó lè ṣe àkójọ àwòrán. Àmọ́ èròjà tuntun yìí ń ṣe ìyẹn fún ọ, nítorí náà iṣẹ́ náà di aláìsí wàhálà.
A Huge Thank You
Ẹ̀yà 4.2 jẹ́ ọ̀kan lára àwọn ìmúdàgbàsókè wa tó ṣe pàtàkì jùlọ títí di báyìí. Iṣẹ́ àti agbára iṣẹ́ ṣe pàtàkì sí àfikún rere èyíkéyìí, lẹ́yìn gbogbo ẹ̀. A fẹ́ dúpẹ́ lọ́wọ́ @Ann Taylor àti CodeInWP fún pípèsè èsì tí ó gbéniró fún wa àti fún fífẹ́ oríire fún wa nínú ìrìn-àjò wa. Àti fún gbogbo àwọn olùlò PBS, ọpẹ́ ńlá láti ọ̀dọ̀ wa pẹ̀lú fún àtìlẹ́yìn yín tí kò dẹ́kun.
A máa túbọ̀ ṣe ìfilọ́lẹ̀ àwọn ìmúdàgbàsókè púpọ̀ sí i láìpẹ́ (títí kan àmúyẹ Google Fonts tí a ṣèlérí, láàárín àwọn mìíràn), nítorí náà ẹ máa retí ìyẹn!
Títí di ìgbà náà, ẹ kú ìkọ́kọ́ ojúlé wẹ́ẹ̀bù láti ọ̀dọ̀ Ẹgbẹ́ PBS!
Ní àtẹ̀jáde tẹ́lẹ̀, a ti jíròrò àwọn ìpìlẹ̀ ti ìṣètò àkójọ shortcode àti bí o ṣe lè ráyè sí àwọn àǹfààní dídùn rẹ̀. A ti pinnu láti pín àtẹ̀jáde tí ó ń ṣe àfihàn ẹ̀yà Page Builder Sandwich ti Ìṣètò Àkójọ Shortcode sí méjì, nítorí pé àkọsílẹ̀ tí ó tẹ̀lé e lè túbọ̀ jẹ́ ti ìmọ̀ ẹ̀rọ díẹ̀ síi.
Nísàlẹ̀ ni àwọn àpèjúwe tí ó jinlẹ̀ síi nípa àwọn iṣẹ́ inú ti àbùdá ìṣètò àkójọ shortcode wa, àti bí a ṣe mú kí ó ṣiṣẹ́.
Ìlànà Aládàáṣiṣẹ́
Láti lè pinnu irú àwọn plugin tí a óò fi kún afiṣètò shortcode, a kọ ìlànà ìkọ̀wé aládàáṣiṣẹ́ kan tí yóò kó àwọn plugin tó ga jùlọ jọ nínú àkójọ plugin WordPress dá lórí àwọn ìlànà wọ̀nyí:
Láàárín àwọn plugin 1,000 tí ó gbajúmọ̀, tí a mọyì jùlọ tí a sì ti ṣe àtúnṣe sí, Pẹ̀lú ó kéré tán ìfìsílò tí ń ṣiṣẹ́ 4,000,
Pẹ̀lú ó kéré tán ìfìsílò tí ń ṣiṣẹ́ 4,000,
Pẹ̀lú ó kéré tán ìbélégbè 20, àti;
Pẹ̀lú ó kéré tán ìpíndọ́kọ̀ ìbélégbè oníràwọ̀-3
A máa ń ṣiṣẹ́ ìwádìí yìí lójoojúmọ́ lórí àkójọ plugin WordPress. Àwọn asẹ́ wọ̀nyí ń rí i dájú pé a rí àkójọ àwọn plugin tó dára dáadáa tí ọ̀pọ̀ ènìyàn ń lò. Ní àkókò tí a kọ èyí, àwọn ìlànà wọ̀nyí yọrí sí plugin 800. Ìyẹn pọ̀ gan-an. Bíi pé, ó pọ̀ púpọ̀.
Díẹ̀ nínú àwọn plugin tí ó gbajúmọ̀ jùlọ tí a rí fún ìṣètò àkójọ shortcode.
Lẹ́yìn náà, a máa ń ṣe àtẹ̀lé àyẹ̀wò aládàáṣiṣẹ́ lórí àkọsílẹ̀ orísun plugin kọ̀ọ̀kan láti mọ̀ bóyá ó ní shortcode kankan nínú, lẹ́yìn náà a sì gbìyànjú láti wá gbogbo àwọn shortcode yẹn, pẹ̀lú gbogbo àwọn àbùdá wọn. Nígbà tí a ṣírò àwọn dátà náà, èyí yọrí sí àwọn shortcode tó lé ní 2,000. Ìyanu ńlá méjì. Lẹ́yìn náà ni a ń fi àwọn shortcode tí a rí sínú àbùdá dátà ìṣètò shortcode fún àyẹ̀wò pẹ̀lú ọwọ́.
Ní ìparí ìlànà yìí, a óò parí pẹ̀lú àkójọ ńlá ti àwọn plugin, àti àwọn shortcode tí wọ́n lè ní. Ó wá ku láti fọ àwọn dátà wọ̀nyí mọ́ láti rí i dájú pé ohun gbogbo tọ̀nà.
Ìlànà Ọwọ́
Èyí ṣeé ṣe kí ó jẹ́ apá tí ó le jùlọ nínú gbogbo ètò ìṣètò àkójọ náà. Koodu plugin máa ń wá ní onírúurú ọ̀nà àti ìwọ̀n, kì í ṣe gbogbo shortcode ni àwọn script wa ń rí nípa aládàáṣiṣẹ́. Bó tilẹ̀ jẹ́ pé WordPress Codex sọ pé kí a lo iṣẹ́ `shortcode_atts` láti sẹ́ àwọn àbùdá shortcode kan, èyí jẹ́ àbá lásán tí kì í sì í ṣe gbogbo ènìyàn ló ń tẹ̀lé e. Kò sì tún sí ọ̀nà tó dájú pátápátá láti yẹ inú shortcode wò nígbà tí a bá fi plugin sórí ẹ̀rọ.
Láti lè rí i dájú pé a rí gbogbo àwọn shortcode àti àwọn àbùdá wọn ní tààràtà, a ṣẹ̀dá agbègbè iwájú (front end) tí a yà sọ́tọ̀ fún ṣíṣe àtúnṣe sí àwọn shortcode àti àbùdá tí a sì kọ́ nípa lílo AngularJS àti Bootstrap.
Ojú-ìbánisọ̀rọ̀ Bootstrap & AngularJS fún ṣíṣe àtúnṣe sí gbogbo àwọn shortcode tí a ṣètò.
A ní láti fi ọwọ́ yẹ plugin kọ̀ọ̀kan wò lẹ́yọ-kọ̀ọ̀kan kí a sì ṣàyẹ̀wò àkọsílẹ̀ ìtọ́nisọ́nà shortcode wọn kí a sì rí i dájú pé gbogbo dátà tí a ní jẹ́ èyí tí ó tọ̀nà.
Bó tilẹ̀ jẹ́ pé èyí ń tánni lókun tí ó sì ń gba àkókò gidigidi, àwọn apá rere kan wà nínú níní ìlànà aládàáṣiṣẹ́:
Gẹ́gẹ́ bí àwọn iṣirò àkọ́kọ́ wa ti fi hàn, nǹkan bí 1 péré nínú plugin 2 kọ̀ọ̀kan ló ní àwọn shortcode.
Ìdajì nínú àwọn shortcode tí a rí kò ní àwọn àbùdá (ṣùgbọ́n apá kan nínú èyí lè jẹ́ àṣìṣe ìdánimọ̀)
Nípa rírí àwọn plugin tó dára nìkan, ó ṣeé ṣe púpọ̀ kí wọ́n ní àkọsílẹ̀ ìtọ́nisọ́nà shortcode
Nígbà tí a bá ti ṣàyẹ̀wò gbogbo àwọn shortcode ti plugin kan tán, ìgbà yẹn nìkan ni olupin (server) yóò bẹ̀rẹ̀ sí pín àwọn ìṣètò shortcode ti plugin yẹn fún àwọn olùlò.
Ìpè Rest API
Apá ìkẹyìn nínú àwọn ohun èlò náà ni plugin fúnra rẹ̀. Èrò tí ó wà níhìn-ín rọrùn: wádìí àwọn plugin wo ló ń ṣiṣẹ́, àkòrí wo ni ojú-òpó wẹ́ẹ̀bù náà ń lò àti àwọn shortcode wo ló wà, lẹ́yìn náà béèrè lọ́wọ́ ibi ìpamọ́ dátà ìṣètò shortcode bóyá ó ní àwọn ìṣètò. Fún èyí a ṣẹ̀dá ibùdó WP REST API àkànṣe tí gbogbo àwọn oníbàárà ń pè láti gba àwọn ìṣètò shortcode tuntun wọn.
Ọjọ́ Ọ̀la: Ìfọwọ́sowọ́pọ̀ Àwùjọ
Ṣíṣàyẹ̀wò plugin kọ̀ọ̀kan pẹ̀lú ọwọ́ ń gba àkókò àti ìsapá púpọ̀. Gbàrà tí pẹpẹ ìṣètò shortcode bá ti dúró ṣinṣin, a gbèrò láti ṣí ìṣètò shortcode sílẹ̀ fún gbogbo ènìyàn. Èyí túmọ̀ sí pé gbogbo ènìyàn lè ṣèrànwọ́ láti fi àwọn shortcode kún un.
O lè máa rò pé, “kí ló dé tí màá fi ṣèrànwọ́ láti ṣètò àwọn shortcode? Kí ni èrè mi nínú rẹ̀?” Ó dára, àwọn ohun díẹ̀ wá sí ọkàn lórí ìdí tí àwọn ènìyàn yóò fi fẹ́ ṣèrànwọ́:
Bí o bá ti ṣẹ̀dá plugin kan, tí a kò sì tíì rí i nítorí àwọn ìlànà tí ó wà lókè, (tí ó sì wà nínú àkójọ plugin WordPress) nígbà náà o lè fi àwọn ìṣètò kún un fúnra rẹ. Plugin rẹ yóò gba àtìlẹ́yìn kíkún látọ̀dọ̀ PBS!
Níwọ̀n bí a ti máa bójútó àwọn tí ó wà nínú àkójọ plugin WordPress nìkan nínú ìlànà aládàáṣiṣẹ́, àwọn olùkọ̀wé plugin & àkòrí olówó-iyebíye (premium) kò ní wọ inú rẹ̀. Nítorí náà, bí o bá ní ọ̀kan, o tún lè fi àwọn ìṣètò shortcode rẹ kún un fún àwọn wọ̀nyẹn.
Àti fún àwọn tí kì í ṣe olùṣẹ̀dá plugin, a lè san ẹ̀san fún àwọn tí wọ́n bá ṣèrànwọ́. Láti mú kí ìṣètò shortcode jẹ́ iṣẹ́ tó fani mọ́ra, a lè san ẹ̀san fún àwọn olùrànlọ́wọ́ pẹ̀lú ìwé-àṣẹ ti ara ẹni, tàbí ìgbéga sí ìwé-àṣẹ premium ti PBS!
Forúkọ sílẹ̀ fún Ìwé Ìròyìn Wa
Iṣẹ́ ìṣètò shortcode yóò wà fún àwọn oníbàárà wa fún ìgbà díẹ̀ ní Oṣù Kẹjọ 12Oṣù Kẹjọ 15 Oṣù Kẹjọ 16, 2016. Kì í ṣe gbogbo shortcode ni a óò ṣètò ní àkókò yìí (ìṣirò wa jẹ́ bóyá plugin 100), ṣùgbọ́n ṣíṣètò yóò máa bá a lọ láìdúró àti pé àwọn oníbàárà yóò rí wọn gbà ní kété tí àwọn tuntun bá jáde.
Forúkọ sílẹ̀ fún ìwé ìròyìn wa láti gba ìròyìn lórí ìṣètò shortcode, ìgbà tí a óò fi sílẹ̀, àti ìgbà tí a óò ṣí ìṣètò shortcode fún gbogbo àwọn ènìyàn!
Lẹ́yìn ìgbà tí a ṣe àgbéjáde Ẹ̀yà 4.0 ní oṣù Kínní tó kọjá, a ti ń bá a lọ láti máa ṣiṣẹ́ lórí ìdàgbàsókè PBS, nípa ṣíṣe àtúnṣe àwọn àṣìṣe àti àwọn ìmúdára. Inú wa dùn láti pín wọn pẹ̀lú yín, nítorí náà èyí ni ohun tí a ní sílẹ̀ fún àtúnṣe Ẹ̀yà 4.1.
Àwọn Ìdàgbàsókè Pẹpẹ Ìṣètò
Àtúnṣe 4.1 tuntun dá lórí pẹpẹ ìṣètò ọ̀rọ̀. Yàtọ̀ sí yíyanjú ọ̀pọ̀lọpọ̀ àwọn ìṣòro àṣìṣe, a tún ti mú àwọn nǹkan kan sunwọ̀n síi lórí pẹpẹ náà èyí tí yóò mú kí ìrírí rẹ pẹ̀lú PBS túbọ̀ dán tí yóò sì gbéṣẹ́ síi.
Àwọn Àtúnṣe Aṣàyàn Àwọ̀
Ní àwọn ẹ̀yà ìṣáájú ti PBS, aṣàyàn àwọ̀ ní àwọn ìṣòro kan tí ó fa wàhálà díẹ̀ nínú ìlànà ṣíṣe àtúnṣe, pàápàá jùlọ nígbà tí ó bá kan ṣíṣe àtúnṣe ọ̀rọ̀ àti àwọ̀ ọ̀rọ̀. Ṣùgbọ́n fún v4.1, a ti yanjú ìṣòro náà, a sì ti ṣe àwọn àtúnṣe tuntun fún ṣíṣe àtúnṣe ọ̀rọ̀ láìsí wàhálà kankan.
Àwọn àpẹẹrẹ àwọ̀ púpọ̀ síi fún yíyan àwọ̀ tí ó rọrùn síi
Aṣàyàn àwọ̀ ti ń fi ìhàn kedere hàn báyìí
Àwọn àtúnṣe àṣìṣe nípa ṣíṣe àtúnṣe àwọ̀ ọ̀rọ̀
Àwọn Àtúnṣe Ìṣètò Ọ̀rọ̀
Tẹ́lẹ̀tẹ́lẹ̀, a ní àwọn bọ́tìnnì kan tí o gbọ́dọ̀ tẹ̀ léraléra láti mú iye pọ̀ síi, lẹ́yìn náà kí o di CTRL/CMD mú kí o sì tẹ̀ láti dín kù. Ní àkọ́kọ́ a rò pé èyí rọrùn láti mọ̀, ṣùgbọ́n àwọn olùlò ti sọ pé èyí kò ṣe kedere. A ti tún àwọn àìdọ́gba wọ̀nyẹn ṣe nínú àtúnṣe yìí.
Gíga ìlà ti rọrùn láti dé báyìí: fa ohun ìyọ́ náà láti ṣàtúnṣe sí ìwọ̀n tí o fẹ́, tàbí kàn tẹ ìwọ̀n tí o fẹ́ sínú àyè tí a pèsè
Bọ́tìnnì ìwọ̀n fọ́ǹtì ni a pín sí bọ́tìnnì méjì: dín kù àti mú pọ̀ síi fún lílò tí ó rọrùn síi
Mú ìwọ̀n fọ́ǹtì pọ̀ síi/dín kù tún rọrùn láti wọlé síi, báyìí pẹ̀lú px gẹ́gẹ́ bí ìwọ̀n fún ṣíṣe àtúnṣe tí ó rọrùn. Tẹ́lẹ̀, ó ń fi ìwọ̀n “x” hàn tí kò ní ìtumọ̀ kankan ní ti gidi
Àwọn bọ́tìnnì ìtòsílẹ̀ òsì/àárín/ọ̀tún/ìtòdọ́gba ni a ti kó jọ pọ̀ báyìí láti dín àwọn bọ́tìnnì tí ń hàn kù
Bọ́tìnnì “Pa Ìṣètò Rẹ́” ti ń pa àwọn àkàwé míràn rẹ́ báyìí (bíi gíga ìlà), èyí tí kò ṣe tẹ́lẹ̀
Àwọn Ìmúdára Ìlà Ìbú
Tẹ́lẹ̀tẹ́lẹ̀, ìlà ìbú ń dá àwọn ìṣòro kan sílẹ̀. Pẹ̀lú àwọn àkòrí kan, àwọn ìlà ìbú kéré gan-an débi pé ó ṣòro láti tẹ̀ wọ́n. Láti tún èyí ṣe, a ti yọ ìlà ìbú kúrò lórí pẹpẹ ìṣètò a sì ti sọ ọ́ di èròjà ti ara rẹ̀. Yàtọ̀ sí ìyẹn, o tún le yí àwọn àwọ̀ ìlà náà padà báyìí nípasẹ̀ aṣàyàn àwọ̀.
Àwọn Àtúnṣe Ọjọ́ Iwájú: Kí Ni Ó Wà Nílẹ̀ fún PBS?
Bí a ti sọ, a ṣì ní àwọn ohun tuntun (àti àwọn àtúnṣe púpọ̀ síi) tí a ń ṣiṣẹ́ lórí wọn. Èyí ni àkíyèsí díẹ̀ nípa ohun tí a ní nílẹ̀ fún yín ní ọjọ́ iwájú:
Google Fonts (nígbẹ̀yìngbẹ́yín!)
À ń ronú lórí èrò pé kí pẹpẹ ìṣètò ọ̀rọ̀ jẹ́ ju ibi kan láti ṣètò nìkan lọọ̀rọ̀. Kí ló máa ṣẹlẹ̀ tí àwọn bọ́tìnnì bá ń yípadà dá lórí ipò tí o wà lọ́wọ́lọ́wọ́? Fún àpẹẹrẹ, yóò dára púpọ̀ bí bọ́tìnnì ìtòsílẹ̀ inaro bá yọjú nígbà tí o bá ń ṣàtúnṣe ọ̀rọ̀ kan nínú ọ̀wọ́ kan.
Kí Ni Wàá Fẹ́ Láti Rí nínú Àwọn Àtúnṣe PBS Ti Ọjọ́ Iwájú?
A ti ṣetán nígbà gbogbo láti mú PBS sunwọ̀n síi, nítorí náà bí ẹ̀yin bá ní àwọn àbá èrò kankan, ẹ kàn sí wa! Ǹjẹ́ o ní àwọn ìbéèrè ẹ̀yà ara kankan tí o fẹ́ fi kún àkójọ wa tí ń dàgbà? Ǹjẹ́ ohun míràn wà tí o rò pé ó lè nílò àtúnṣe díẹ̀ nínú ẹ̀yà ti lọ́wọ́lọ́wọ́ yìí? Jẹ́ kí a mọ̀ nínú àwọn àlàyé ní ìsàlẹ̀!
Fojú inú wò ó: Ojú opó wẹ́ẹ̀bù WordPress rẹ àkọ́kọ́, ti bẹ̀rẹ̀ sí ní ṣiṣẹ́ nígbẹ̀yìngbẹ́yín. O kò tíì ní ìmọ̀lára àṣeyọrí tó báyìí láti ọ̀pọ̀ oṣù. O gbóríyìn fún ara rẹ gẹ́gẹ́ bí ó ti tọ́, bẹ́ẹ̀ sì ni àwọn ènìyàn tí wọ́n ràn ọ́ lọ́wọ́ láti jẹ èso iṣẹ́ rẹ ṣe náà. O fi àwọn plugin tí o nílò sórí rẹ̀, o sì bẹ̀rẹ̀ sí ní wéwèé nípa ọjọ́ iwájú ojú opó wẹ́ẹ̀bù rẹ. Ó dà bí ẹni pé ó dán mọ́rán, ohun gbogbo sì ń lọ dáadáa.
Títí ohun tí a kò lérò fi ṣẹlẹ̀. Ojú opó wẹ́ẹ̀bù rẹ sì wó lulẹ̀.
O gbọn ara rẹ lù. O ti gbọ́ pé irú nǹkan báyìí máa ń ṣẹlẹ̀, kódà sí àwọn èèyàn tó gbayì jùlọ. Kódà, o dá ọ lójú pé irú nǹkan yìí ti ṣẹlẹ̀ sí Mark Zuckerberg àti David Karp rí, àwọn méjèèjì sì ń ṣe dáadáa báyìí, àbí bẹ́ẹ̀ kọ́?
Nítorí náà, o gbìyànjú láti tún un ṣe kí ó lè ṣiṣẹ́ padà, o ń wá ojútùú kiri lórí Google tọkàntara. Kò ṣiṣẹ́ nígbà àkọ́kọ́. Kò ṣiṣẹ́ nígbà kejì náà—tàbí ẹ̀kẹta, tàbí ẹ̀kẹrin, tàbí ẹ̀kẹtàdínlógún, tàbí kódà ẹ̀kejìlélógún. Ojú rẹ gbilẹ̀ nígbà tí o rí i pé o ti pàdánù pátápátá; ojú opó wẹ́ẹ̀bù rẹ ti parẹ́ títí láé. O wá ojútùú kiri lórí wẹ́ẹ̀bù, ṣùgbọ́n gbogbo àwọn ojú opó tó ń kọ́ni lẹ́kọ̀ọ́ fẹ́rẹ̀ẹ́ sọ ohun kan náà:
Ó yẹ kí o ti ṣe àfipamọ́ àwọn fáìlì WordPress rẹ láti ìbẹ̀rẹ̀ pẹ̀pẹ̀.
Ó yẹ kí o ti ṣe àfipamọ́ àwọn fáìlì WordPress rẹ láti ìbẹ̀rẹ̀ pẹ̀pẹ̀.
Ó yẹ kí o ti ṣe àfipamọ́ àwọn fáìlì WordPress rẹ láti ìbẹ̀rẹ̀ pẹ̀pẹ̀.
Ọ̀kan lára àwọn àlá burúkú jùlọ fún ẹni tó ní ojú opó wẹ́ẹ̀bù. Irú nǹkan báyìí gan-an ni a fẹ́ yẹra fún, báwo wá ni a ṣe lè dènà rẹ̀ gan-an? Ó dára, ìdáhùn náà rọrùn díẹ̀: A ní láti fi plugin àfipamọ́ tó dára sórí rẹ̀.
Àwọn fáìlì inú àpò wp-content (àkòrí rẹ, àwọn plugin, àti àwọn ohun tí a gbé sára rẹ̀)
Fáìlì ìtòlẹ́sẹẹsẹ WordPress
Àkójọ Ìwífún (Database) WordPress Rẹ
Àlàyé Síwájú Síi Nípa Àwọn Àfipamọ́
WordPress fúnra rẹ̀ kò wá pẹ̀lú ètò àbò àti ti àfipamọ́ ti ara rẹ̀ fún ojú opó wẹ́ẹ̀bù rẹ (bó tilẹ̀ jẹ́ pé o lè kọ́ bí a ṣe ń fi ọwọ́ gbé wọn kalẹ̀—bí ó tilẹ̀ jẹ́ pé ìyẹn yóò gba àkókò púpọ̀), nítorí náà ó kù sí ọ lọ́wọ́ láti wá ọ̀nà láti dín àwọn ìṣòro kù. Ṣíṣe àfikún/ìgbéga ojú opó wẹ́ẹ̀bù rẹ jẹ́ ohun dandan ní gbogbo ìgbà (bí ó bá jẹ́ pé o fẹ́ fi ohun tuntun kún un, bíi plugin míràn, tàbí bí o bá fẹ́ yọ nǹkan kan kúrò), àti pé ṣíṣe àfipamọ́ jẹ́ dandan, àyàfi bí o bá fẹ́ pàdánù àwọn ìwífún (èyí tí o kò fẹ́). Àwọn ìdí mìíràn láti ṣe àfipamọ́ ojú opó wẹ́ẹ̀bù rẹ àti láti mú àbò le pẹ̀lú ìdánilójú pé kò sí àwọn agbébon-orin (hackers), àti pé kò sí ẹni tí yóò jí èyíkéyìí nínú àwọn ìwífún ojú opó wẹ́ẹ̀bù rẹ.
“Plugin wà fún Ìyẹn Náà.”
WordPress ní ọ̀pọ̀lọpọ̀ àwọn plugin fún onírúurú àwọn ẹ̀yà, títí kan (bẹ́ẹ̀ ni, o gbà á lérò) ọ̀pọ̀lọpọ̀ fún àbò àti àwọn ìgbésẹ̀ àfipamọ́. Ọ̀pọ̀lọpọ̀ àwọn plugin wọ̀nyí wà tí o lè yàn lára wọn pẹ̀lú; díẹ̀ lára àwọn tí ó gbajúmọ̀ jùlọ pẹ̀lú BackupBuddy àti UpDraftPlus. Àwọn àtúnyẹ̀wò wà fún àwọn plugin wọ̀nyí (àti àwọn míràn) ní gbogbo ibi fẹ́rẹ̀ẹ́, nítorí náà má bẹ̀rù – agbára ayélujára wà lẹ́yìn rẹ. Fún tiwa, a ń lo VaultPress, fún àbò àti àfipamọ́ méjèèjì, nítorí àwọn ìdí wọ̀nyí:
Automattic ni ó ṣe VaultPress– èyí tí Matt Mullenweg dá sílẹ̀– ẹni kan náà tí ó dá WordPress fúnra rẹ̀ sílẹ̀. Ọ̀pọ̀lọpọ̀ tàbí fẹ́rẹ̀ẹ́ jẹ́ gbogbo àwọn ọjà àti iṣẹ́ Automattic kò ní àbùkù kankan, kò sì burú rárá láti forúkọ sílẹ̀ fún àwọn plugin tí a ti dánwò tí a sì ti fọwọ́ sí.
Láìdàbí ọ̀pọ̀lọpọ̀ àwọn plugin àfipamọ́, VaultPress kò gba àyè ìkópamọ́. Wọ́n ń tọ́jú àwọn nǹkan rẹ sí àwọn sáfà tiwọn kí o má baà gba àwọn ìfitónilétí bíi “o-ti-ń-gba-àyè-sáfà-púpọ̀-jù” láti ọ̀dọ̀ agbàlejò wẹ́ẹ̀bù rẹ.
Ìrọ̀rùn. Láti lò ó, o kàn ní láti wọlé sí UI rẹ, o sì lè wo gbogbo àwọn kúlẹ̀kúlẹ̀ àfipamọ́ rẹ kí o sì ṣe àwọn iṣẹ́ láti ibẹ̀.
Nísinsìnyí, nítorí pé VaultPress bá àwọn ìlànà tiwa mu, ó ń ṣiṣẹ́ fún wa dáadáa. Síbẹ̀síbẹ̀, tí o kò bá ní ìtẹ́lọ́rùn pẹ̀lú VaultPress, ọ̀pọ̀lọpọ̀ àwọn ojú opó wẹ́ẹ̀bù – bíi WPBeginner àti wpmudev — ń pèsè àpilẹ̀kọ ìfiwéra tí ó wọ́pọ̀ bí ó bá ṣẹlẹ̀ pé o ní ìṣòro síwájú síi láti pinnu.
Gbogbo Rẹ̀ Kù Sí Ọ Lọ́wọ́
Ní ìparí, ìpinnu lórí bóyá láti dáàbò bo àti láti ṣe àfipamọ́ ojú opó wẹ́ẹ̀bù rẹ kù sí ọ lọ́wọ́. Àwọn kan ní ìgboyà pé àwọn yóò lè kojú àwọn ewu tí ojú opó wẹ́ẹ̀bù tí kò ní àbò máa ń mú wá… àwọn kan kò sì ní ìgboyà bẹ́ẹ̀ – èyí sì dára. Ó sàn láti wà ní ààbò ju kí a kábàámọ̀ lọ, lẹ́yìn gbogbo rẹ̀.
Èyíkéyìí ìpinnu tí o bá yàn, rántí ní gbogbo ìgbà láti fòye mọ àwọn àṣàyàn rẹ. Lẹ́yìn gbogbo rẹ̀, ìwọ nìkan ni o lè mọ ohun tí agbára rẹ gbé láti bójútó.
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.
Ṣùgbọ́n lonakona, ó ṣe pàtàkì láti mọ̀ pé ìmọ̀ sáyẹ́ǹsì wà lẹ́yìn mímú àwọn oníbàárà tí ó nífẹ̀ẹ́ wá (leads), àti pé bí ó tilẹ̀ jẹ́ pé àwa fúnra wa kì í ṣe àwọn olùtajà orí ẹ̀rọ ayélujára (digital marketers), ó ṣe pàtàkì láti kíyèsí pé yíyí àwọn oníbàárà tí ó nífẹ̀ẹ́ padà ní àṣeyọrí tún ní í ṣe pẹ̀lú ìmúṣẹ tó tọ́ ti àwòrán àti àkóónú. Ibẹ̀ gan-an ni a ti ń wọlé.
“Ṣùgbọ́n báwo ni ẹ̀yin ṣe lè ṣe ìrànwọ́ pẹ̀lú apá ti títajà rẹ̀ gbogbo?”
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 thatthere could belots of factors as to why your website isn’t generating the amount of leads you’d like. The first step is toidentify 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.
Ní àwọn ọ̀rọ̀ mìíràn, ìwòye àkọ́kọ́ ṣe pàtàkì.
Gẹ́gẹ́ bí àdánwò eré tí kò dára kì í ṣe mú kí àwọn òṣèré rí àwọn ipa aṣáájú gbà, ìbẹ̀wò àkọ́kọ́ ẹnì kan sí ojúlé wẹ́ẹ̀bù rẹ lè kọ́ ọ tàbí kí ó wó ọ lulẹ̀.
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.
Àwọn ojúlé wẹ́ẹ̀bù díẹ̀ nìyí tí ó lè ràn ọ́ lọ́wọ́ nínú ìrìn-àjò rẹ sí dídá àwọn oníbàárà tí ó nífẹ̀ẹ́ (leads) tó kẹ́sẹjárí sílẹ̀:
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 byintuition (i.e. easy site-navigation and straightforward instructions), they’re more likely to stay glued on your site.
Nísinsìnyí, tí rírìn káàkiri ojúlé wẹ́ẹ̀bù rẹ bá fihàn pé ó jẹ́ ìrírí tí ń bínú tàbí tí ń mú ìrẹ̀wẹ̀sì wá, ó ṣeé ṣe kí àwọn àlejò rẹ má dúró pẹ́ tó láti gbọ́ ohun tí o ní láti sọ, àti ohun tí o ní láti fún wọn.
Straight North adds thatgetting 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 thatbombarding 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 assecond 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 ourdemo 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 ahuge 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 thatusing 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.
Àwọn orísun kan nìyí tí ó lè ràn ọ́ lọ́wọ́ láti mú kí eré CTA rẹ sunwọ̀n sí i:
Ẹnì kan tí ń fi àwọn ìsọfúnni rẹ̀ ránṣẹ́ sí ọ nípasẹ̀ fọ́ọ̀mù kan lórí ojúlé wẹ́ẹ̀bù rẹ ni nígbẹ̀yìngbẹ́yín ohun tí ń díwọ̀n yíyí àwọn oníbàárà tó nífẹ̀ẹ́ (lead) padà sí olùrajà pẹ̀lú àṣeyọrí.
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.
TIP #8: Prominently Displayed Phone Numbers (or Contact Details)
Contact number and social media buttons displayed prominently in PBS’ Restaurant Template
Fífihàn àwọn nọ́mbà tẹlifóònù déédéé tí ó sì hàn kedere jẹ́ dandan bí o bá jẹ́ irúfẹ́ iṣẹ́-ajé tí ń pèsè ìrànwọ́ nípasẹ̀ àwọn ìpè tẹlifóònù. Straight North fi kún un pé dídókòwò sínú àwọn nọ́mbà tí a kì í san owó fún (toll-free) tún lè fún ọ ní ìdàgbàsókè tó dára nínú ìyípadà oníbàárà.
Bí o bá jẹ́ iléeṣẹ́ ìmọ̀-ẹ̀rọ bíi tiwa, ó tún jẹ́ èrò tó dára láti fi àdírẹ́sì ímeèlì rẹ (tàbí àwọn ọ̀nà mìíràn tí àwọn àlejò rẹ lè fi kàn sí ọ) hàn lórí ojúlé wẹ́ẹ̀bù rẹ.
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.”
Èyí jẹ́ òtítọ́ fún ojúlé wẹ́ẹ̀bù èyíkéyìí, kì í sì í ṣe kìkì èyí tí ń gbìyànjú láti yí àwọn oníbàárà tó nífẹ̀ẹ́ padà nìkan. Ríridájú pé ojúlé wẹ́ẹ̀bù rẹ wà ní ipò tí ó dára jùlọ àti pé inú àwọn oníbàárà rẹ dùn ní gbogbo ìgbà yóò ran iṣẹ́-ajé rẹ lọ́wọ́ láti lọ jìnnà rékọjá.
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 whileonly 23 percent of lead conversion rates comefrom 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.
Àti pé ọ̀kan lára àwọn àṣìṣe títóbi jùlọ tí àwọn ènìyàn ń ṣe nígbà tí wọ́n bá ń gbìyànjú láti fa àwọn oníbàárà tó nífẹ̀ẹ́ wá ni ohun gan-an yìí: Fífojú kéré àwọn apá kéékèèké tí ó para pọ̀ di ojúlé wẹ́ẹ̀bù (bíbẹ̀rẹ̀ láti orí àwòrán, ọ̀rọ̀, àti àkóónú mìíràn).
Hopefully your website garners the success it very well deserves; it’s been built with PBS, after all.
Àṣeyọrí rere sí ìwọ àti gbogbo àwọn ìsapá rẹ, àti o ṣeun, gẹ́gẹ́ bí ó ti máa ń rí nígbà gbogbo, fún lílo Page Builder Sandwich!
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 maximizethese 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 byyou.
Bí àpẹẹrẹ, tí inú rẹ kò bá dùn sí àwọ̀ búlúù-aláwọ̀-ewé àtìbẹ̀rẹ̀ àti àwòrán pápá àlìkámà nínú abala tí A Ṣe Tẹ́lẹ̀ àtìbẹ̀rẹ̀ ní ìsàlẹ̀ yìí…
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 thebutton style, margin, padding, andfont:
…You can.
Fún ìfiwéra:
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
DefaultPre-Designed Section from Sandwich
The same Pre-Designed Section, customized
You can do it with our Full-Page Templates, too:
DefaultTemplate from Sandwich
The same Template, customized
Conclusion
Àwọn Abala Tí A Ṣe Tẹ́lẹ̀ ti Page Builder Sandwich ní púpọ̀ sí i ju bí o ṣe rò lọ.
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.
Rántí pé, Page Builder Sandwich wà níbí láti ràn ọ́ lọ́wọ́ láti ṣe àgbékalẹ̀ ní àkókò díẹ̀ sí i. Lílo Àwọn Abala Tí A Ṣe Tẹ́lẹ̀ àti Àwọn Àdàkọ Ojú-ewé Líkíkún wa ní kíkún yóò ràn ọ́ lọ́wọ́ láti ṣe bẹ́ẹ̀ gan-an.
Design in less time!
Get access to Sandwich’s Pre-Designed Sections, Templates, and a whole lot more.
Gba Ẹ̀DINWÓ 20% lórí gbogbo àwọn ìwé àṣẹ Page Builder Sandwich láti Ọjọ́ 4 Oṣù Keje sí Ọjọ́ 6 Oṣù Keje, 2017! Kàn tẹ kóòdù ìpolówó 4JULY2017 láti gba ẹ̀dinwó rẹ lónìí!