که مو پام کړی وي، د ورډپریس یو له بنسټیزو اصولو څخه دا دی چې تل او تل هر څه د هر چا لپاره یو څه اسانه کړي – که هغه نوي پیل کونکي وي یا تجربه لرونکي پراختیا کونکي. یوه له هغو لارو چې دوی پرې دا هدف ترلاسه کوي، د لنډکوډونو (shortcodes) کارول دي.
شارتکوډونه د ورډپریس له سترو ځانګړنو څخه دي. شارتکوډونه د پراختیا ورکوونکو او د سایټ جوړونکو ترمنځ یو پل دی، چې خلکو ته اجازه ورکوي د منځپانګې پېچلې برخې نږدې هر ځای چې وغواړي ځای پر ځای کړي. د پلګین جوړونکي شارتکوډونه ډېر خوښوي ځکه چې دا د هغوی کاروونکو ته لا زیاته انعطافپذیري ورکوي چې څنګه او چیرته خپله منځپانګه وښيي.
که تاسو نه پوهېږئ چې شارتکوډونه څه دي او څه ډول ښکاري، دا کوډ ته ورته زاړه متنونه دي چې په مربع قوسونو کې راغلي وي. هغوی تقریباً داسې ښکاري:
دا مشخص شارتکوډ د embed شارتکوډ بلل کېږي او په اصلي بڼه په ورډپریس کې مدغم شوی دی. دا ځانګړی شارتکوډ د URL ویډیو ستاسو په منځپانګه کې ځای پر ځای کوي. که غواړئ دا وازمویئ، نو یوازې پورته شارتکوډ کاپي او په خپل سایټ کې یې وټومبئ (پیسټ کړئ).
د پردې تر شا، څه چې پېښېږي دا دي چې کله ورډپریس ستاسو په منځپانګه کې له یو شارتکوډ سره مخامخ شي، نو دا پروسس کېږي او په بل څه بدلیږي. زموږ په پورته حالت کې، هرکله چې یو
شارتکوډ وپېژندل شي، ورډپریس په شارتکوډ کې شته URL اخلي او دا د منځپانګې له هغو څو چمتو کونکو سره ګوري چې لري یې. کله چې یو پیدا کړي، نو بیا د هغې پر ځای د iframe اړوند کوډ اخلي او ښیي یې.
نو دلته ستونزه څه ده؟ دا خورا اسانه ښکاري، تاسو یوازې د قوسونو سره یو لنډ متن داخل کوئ او کار بشپړ دی.
دا خورا غوره ده، اوس یوازې د یوې لنډې کوډ ډوله ټوټې سره (له همدې امله ورته “شارتکوډ” نوم ورکړل شوی)، نوي او پرمختللي کاروونکي دواړه کولی شي په عملي توګه د منځپانګې هر ډول چې وغواړي هر چیرته کېږدي.
ورډپریس په خپل اصلي حالت کې یوازې یو څو شارتکوډونه لري. دا اسانه ده چې دا له حافظې ولیکئ ځکه چې یوازې څو دانې دي. خو که تاسو څو پلګینونه انسټال کړئ، د شارتکوډونو شمېر په چټکۍ سره لسګونو یا زیاتو ته رسېږي، او په ځینو مواردو کې ان له سلو هم اوړي. هر شارتکوډ د خپلو ځانګړنو (attributes) او د کارولو د څرنګوالي لارښوونې لري. هر پلګین ډېر احتمال لري چې یو ډول مستندات ولري چې څنګه د هغوی ټول شارتکوډونه کار کوي او په هر یوه کې شته ټول پیرامیټرونه لیست کړي. مګر که تاسو هڅه وکړئ چې ټول شارتکوډونه او د هغوی ځانګړنې حفظ کړئ، نو لېوني به شئ.
ستونزه دا ده چې هیڅ داسې مرکزي ځای نشته چې تاسو پکې په خپل سایټ کې شته ټول شارتکوډونه او د کارولو طریقه ومومئ.
ځینې هڅه کوي ستونزه حل کړي
ځینې پلګینونه هڅه کوي دا ستونزه د خپلو ټولو شارتکوډونو په یوه اسانه لاسرسي لرونکي ډراپ ډاون کې وړاندې کولو سره حل کړي. بیا په یوه باندې کلیک کول شارتکوډ ښکاره کوي، چې د هغې لپاره د ټولو ممکنه ځانګړنو سره بشپړ وي. نوره نو دې ته اړتیا نشته چې دا حفظ کړئ، چې دا یو ښه کار دی.
ځینې نور هم مخکې ځي او د ترتیباتو پاپ اپ فورمه زیاتوي چې د چیک بکسونه او رنګ ټاکونکي لري ترڅو د شارتکوډ ځانګړنې ډکې کړي.
دا حل تر یوې اندازې کار کوي. خو، هر پلګین یوازې خپل شارتکوډونه شمېري. نو که هر پلګین د شارتکوډ ټاکونکي خپله بڼه جوړه کړي، نو تاسو به حتماً له داسې حالتونو سره مخ شئ چې ستاسو په سکرین کې څو د شارتکوډ ټاکونکي موجود وي (دا زما سره مخکې پېښ شوي دي).
په بل عبارت، هر پلګین خپل کار کوي او د خپلو شارتکوډونو لپاره خپل حل پلي کوي. ځینې پلګینونه یا د “Add Media” تڼۍ تر څنګ نوې تڼۍ اضافه کوي، یا د TinyMCE دننه یوه نوې تڼۍ زیاتوي.
نو اوس شاید تاسو فکر کوئ، “ولې یوازې د نورو پلګینونو شارتکوډونه هم راټول نه کړو او هغه په خپل ډراپ ډاون / شارتکوډ ټاکونکي کې هم شامل نه کړو؟” هو، دا کټ مټ هغه څه دي چې ما هم فکر کاوه. مګر، دا کار تر عمل په خبرو کې اسانه دی. زه به لږ وروسته تشریح کړم چې ولې، مګر لومړی راځئ وګورو چې یو ایډیال حل به څه ډول ښکاري.
ایډیال حل
غوره پلان به دا وي چې یو داسې پلګین جوړ شي چې ستاسو په سایټ کې ټول شته شارتکوډونه راټول کړي، بیا تاسو ته لیست وړاندې کړي او همدارنګه د ټولو ځانګړنو په ډکولو کې ستاسو سره مرسته وکړي. او هرکله چې تاسو نوی پلګین انسټال کړئ، دا ټول نوي معرفي شوي شارتکوډونه به تاسو ته هم وړاندې شي.
یو مرکزي ځای تصور کړئ چیرې چې ستاسو ټول شارتکوډونه د اسانه لاسرسي لپاره ایښودل شوي وي. هر شارتکوډ به تشریح کوي چې دوی څه کوي او په کوم پلګین پورې اړه لري. بیا د هرې شته ځانګړنې لپاره، تصور وکړئ چې هر یو به یو لیبل، د هغوی لپاره د ارزښت غوره کولو یوه سمه لاره او یو تفصیل ولري. تاسو ته به ډراپ ډاونونه، د رنګ ټاکونکي، راډیو بټنونه، ټوګلونه او نور هر څه وښودل شي.
داسې څه به د وېبپاڼې او منځپانګې جوړونکو په توګه زموږ ژوند اسانه کړي. نوره به اړتیا نه وي چې بېلابېل مستندات وګورئ، یا د خپل اډمین مختلفې برخې یوازې د هغه سلایډر لپاره چې تاسو یې کارول غواړئ د تولید شوي شارتکوډ کاپي کولو لپاره وپلټئ.
که تاسو د وېبپاڼو جوړولو لپاره نسبتاً نوي یاست، نو ډېر امکان لري چې تاسو به د WordPress.com په مقابل کې د WordPress.org له ستر بحث سره بلد نه یاست. ښايي تاسو حتی دا هم نه پوهېږئ چې یو د بل شتون لري، او د هر یوه بېلابېلې ګټې او زیانونه څه دي. نو، مهرباني وکړئ ووایاست، د WordPress.com او WordPress.org کارولو ترمنځ دا ستر بحث څه دی؟ ایا یو یې یوازې یوه ارزانه کاپي ده چې د محاکمې په انتظار ده؟
ښه، نه.
دا بحث، په لنډه توګه، په دې اړه دی چې د دې دوو ورډپریس خدمتونو څخه کوم یو د هغه وېبپاڼې لپاره ډېر مناسب دی چې تاسو یې د جوړولو هڅه کوئ. هیڅ یو د بل کاپي نه ده، او د دواړو سایټونو مالک ورډپریس دی؛ خبره یوازې دا ده چې یو یې (.com) د بل په پرتله د غیر ډویلپرانو لپاره اسانه نسخه ده، او د .com په پرتله، .org د سایټ جوړولو په برخه کې خورا لږ محدودیتونه لري.
“خو، زه څنګه پوه شم چې کوم یو ته اړتیا لرم؟”
د دې پوښتنې ځواب په بشپړه توګه ستاسو د راتلونکې وېبپاڼې پر اړتیاوو پورې اړه لري. هیڅ داسې یو ورډپریس بنسټ نشته چې په مطلق ډول د کارولو لپاره “غوره” یا حتی “تر ټولو غوره” نسخه وي. دا دواړه خپلې ځانګړې ځانګړتیاوې لري، او مساوي کچه ګټې او زیانونه لري.
WordPress.com: ولې او کله باید وکاروم؟
WordPress.com ستاسو لپاره اساسي اړتیاوې پوره کوي، کوم چې تاسو ته اجازه درکوي د خپل سایټ په محتوا ډېر تمرکز وکړئ. دا د وېبپاڼې جوړوونکی دی چې په بشپړه توګه د Automattic په نوم د شرکتونو د یوې ډلې لخوا پرمخ وړل کیږي او کوربه توب کیږي. تاسو پریمیم کوربه توب (هوسټینګ)، بیک اپونه، امنیت او ورته نور ترلاسه کوئ. دا پدې مانا ده چې تاسو کولی شئ د خپل سایټ پر محتوا ډېر په اسانۍ تمرکز وکړئ، د دې پر ځای چې ساعتونه ساعتونه یې له پیله پر جوړولو ولګوئ.
په هرصورت په یاد ولرئ چې WordPress.com هم خپل محدودیتونه لري. که څه هم تاسو اړ نه یاست چې د خپل سایټ د داخلي چارو د ساتنې په اړه دومره اندېښنه ولرئ، خو ښايي دا په ذهن کې ولرئ چې تاسو به ورسره هغومره ازادي ونه لرئ څومره چې غواړئ. که څه هم د خپل سایټ د انټرفیس بڼه بدلول ښايي کومه ستونزه نه وي (د بېلګې په توګه، WordPress.com د ډېرو تیمونو سره راځي)، مګر د پلګ انونو په بڼه د ځانګړو فیچرونو او عناصرو اضافه کول ښايي ستونزه شي، په ځانګړې توګه که ستاسو سایټ هغو ځانګړو ځانګړتیاوو ته اړتیا ولري چې په WordPress.com کې شتون نه لري.
د یوې وېبپاڼې ساتنه بیا یوه بله بېله کیسه ده. دا خورا ډېر په دې پورې اړه لري چې ۱.) تاسو د ورډپریس ډویلپر نه یاست ۲.) تاسو د کوډ زده کولو هیڅ اراده نه لرئ، یا ۳.) د دې لپاره ډېر لږ یا هیڅ وخت نه لرئ.
WordPress.org: کله یې د په پام کې نیولو وخت دی؟
د WordPress.org په پام کې نیولو پر مهال یو عملي اصل دا دی چې کله چې تاسو لږ تر لږه د کوډ له کارکړنې سره بلد یاست، یا چمتو یاست چې د زده کړې لپاره یې یو څه وخت تېر کړئ. څرنګه چې WordPress.org د ورډپریس یوه پخپله کوربه شوې (self-hosted) نسخه ده، تاسو کولی شئ په خپله خوښه په هر څه کې کار وکړئ. سربېره پردې، تاسو ازادي لرئ چې هر څومره چې غواړئ بدلونونه پکې راولئ. تاسو به د خپل هوسټ موندلو، د خپلو امنیتي بیک اپونو تنظیمولو، او په ټولیز ډول په خپله د وېبپاڼې ساتلو مسؤل یاست – او تر ټولو مهم، ستاسو په خپلو شرایطو.
“خو صبر وکړئ، زه ولې دا وغواړم؟ ایا د ورډپریس موخه دا نه ده چې د سایټ جوړول اسانه کړي؟”
…نه په بشپړه توګه. دا ډول ورته فکر وکړئ: The Daily Post د WordPress.org او WordPress.com ترمنځ یو عالي ورته والي وړاندې کوي، په داسې بڼه چې حتی تر ټولو نوي پیل کوونکي (لکه زه خپله) هم اصلي مفهوم سمدستي درک کوي.
د هغوی په وینا، تاسو باید د WordPress.com په اړه د داسې څه په توګه فکر وکړئ چې تاسو یې بشپړ مالکیت نه لرئ. د بېلګې په توګه، خپل ۱۵ کلن ځان په پام کې ونیسئ چې لا هم له خپلې کورنۍ سره اوسېږي. که تاسو غوښتل خپله د خوب کوټه رنګ کړئ، تاسو باید لومړی د خپلو والدینو اجازه واخلئ (څوک چې البته د کور، ستاسو د کوټې په ګډون، بشپړ مالکیت لري). په تخنیکي لحاظ کوټه ستاسو ده، خو په حقیقت کې، ښه… یو ډول نه ده.
نو که تاسو اړتیا لرئ یا غواړئ چې کوم بنسټیز بدلونونه راولئ (لکه د خپلو دېوالونو رنګول، یا د کوټې پراخول)، تاسو باید لا هم د کور له اصلي مالکانو، یعنې مور او پلار سره خبرې وکړئ او جوړجاړي ته ورسېږئ. خو د دې یوه ګټه دا ده چې کله په تکاوۍ کې فیوز وسوځي، یا ایرکنډیشن کار پرېږدي، ستاسو والدین یې غم خوري، او تاسو اړ نه یاست چې د هیڅ شی په اړه اندېښنه وکړئ.
له بلې خوا، WordPress.org داسې څه دي چې تاسو کولی شئ په خپله خوښه په بشپړه توګه پکې بدلونونه راولئ. دا د دې سره پرتله کیدی شي کله چې تاسو په ۱۸ کلنۍ کې په پای کې بهر وځئ او د ځان لپاره یو اپارتمان اخلئ. څرنګه چې تاسو د خپل استوګنځي بشپړ مالکیت لرئ، نو تاسو اړ نه یاست چې له هیچا سره جوړجاړی وکړئ ترڅو خپل دېوالونه په هغه رنګ رنګ کړئ چې ستاسو مور ترې تل وېره لرله؛ تاسو پرېکړه کولو، او/یا د داسې چا ګومارلو ازادي لرئ چې ستاسو له معیارونو سره سم دا کار ستاسو لپاره وکړي. برسېره پردې، تاسو دا ازادي هم لرئ چې دقیقاً وټاکئ چې ستاسو د اوسېدو د کوټې لپاره کوم د ایرکنډیشن سیسټم غواړئ. دا یوازې دا ده چې که خراب شي، تاسو باید د جوړولو لپاره یو میخانیک وګومارئ، یا پخپله معلومه کړئ چې څه ستونزه ده او څنګه یې ترمیم کړئ (چې دا هم دومره بده نه ده، ځکه چې سړی ترې زده کړه کوي، او زده کړه ښه ده).
تر دې مهاله، تاسو به هیله من یو روښانه انځور ترلاسه کړی وي چې د WordPress.com او WordPress.org ترمنځ څرګند توپیرونه څه دي. خو په لنډه توګه:
هر څومره چې غواړئ لږ یا ډېر نصب کړئ، تیمونه یوازې د ورډپریس تر تیمونو پورې محدود دي، تاسو باید د اعلاناتو د لرې کولو لپاره یو څه فیس ورکړئ.تاسو د خپل سایټ نږدې بشپړ کنټرول لرئ؛ تاسو کولی شئ خپل تیمونه اضافه، دودیز یا حتی جوړ کړئ.
که څه هم د سپینې تشې (whitespace) نوم دا څرګندوي چې دا ځای باید سپین وي، خو دا تل اړینه نه ده چې په لفظي توګه سپین وي. سپینه تشه په حقیقت کې هر رنګ کېدای شي—دا حتی یو پټ نمونه یا جوړښت هم درلودلی شي. دا هغه ساحه ده چې تاسو نه غواړئ سترګې پرې تمرکز وکړي. په بل ډول، دې ته منفي تشه (negative space)
د خپلې لومړۍ ویب پاڼې د جوړولو پر مهال یو مهم شی چې باید په پام کې ونیول شي – که تاسو سوداګر یاست، یو ازاد کار (فریلانسر) یاست، یا په اصل کې هر څوک یاست – دا دی چې هر څوک د کوډ او سافټویر د جوړولو په ژبه کې مهارت نه لري. د بېلګې په توګه، تاسو کېدای شي یو اشپز یاست چې غواړي خپل ترکیبونه آنلاین خپاره کړي. تاسو همدا راز کېدای شي د ښکلو هنرونو زده کوونکی یاست چې مسلکي پورټفولیو ته اړتیا لري، یا یوه نوې سوداګري یاست چې خپلې ویب پاڼې ته اړتیا لري. که دا یو وي که بل یا د دواړو ترمنځ څه وي، دا حقیقت پر خپل ځای دی چې که څه هم ځینې موږ د کوډ له اساساتو سره بلد یو، خو موږ ټول مسلکي پروګرامران نه یو، او دا چې هر څوک چې ویب پاڼې ته اړتیا لري یا یې غواړي، نه پوهېږي چې څنګه یې له پیله جوړه کړي. دلته ده چې ورډپریس په کار راځي. پوښتنه پیدا کېږي: “ولې ورډپریس؟”
When 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.
په تېرو څو اونيو کې، د PBS ټيم د نقشې يو عنصر او همدارنګه د ټبونو عنصر اضافه کړی دی.
اوس نو، دا به زموږ لپاره خورا اسانه او عادي چاره وای چې په هرو څو ورځو کې د نوي عنصر پر اضافه کولو ټینګ پاتې شو.
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 supportthat much shortcodes? Is thatevenpossible?”
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 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.
د داسې يو سيسټم ګټې خورا ډېرې دي:
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!
که څه هم د لنډکوډ نقشه کول نوی کار نه دی، او ګڼ شمېر پاڼه جوړوونکي يې لا دمخه لري. خو څه شی زموږ جلا کوي؟
په نورو پاڼه جوړوونکو کې د لنډکوډ نقشه کول څنګه کار کوي
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.
په دې حالت کې، د لنډکوډ د نقشه کولو پېټی بیا تاسو، کاروونکي ته پاتې کیږي. که تاسو غواړئ چې ستاسو ټول لنډکوډونه د ټولو ځانګړنو سره په بشپړ ډول نقشه شي (او د ښکلو رنګ ټاکونکو او نورو توکو سره)، تاسو باید ډاډ ترلاسه کړئ چې د هر یو لنډکوډ هر جزئیات په خپله داخل کړئ.
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.
په Page Builder Sandwich کې د لنډکوډ نقشه کول څنګه کار کوي
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.
دا موږ ته ډېرې خوندورې ګټې راکوي:
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.
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.
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.
Gone are the days when you have to personally map shortcodes yourself. PBS will do that for you.
Your site remains lean and fast, and will only contain shortcode mappings that are relevant to you.
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).
زموږ په خبرپاڼه کې ګډون وکړئ!
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!
In 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.
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.
Juicebox used this zesty combination for people to get that organic and fresh that the brand represents
د یوې وېبپاڼې د رنګونو ترکیب ستاسو د برانډ لپاره د مناسب احساس او فضا په رامنځته کولو کې لوی رول لوبوي. د یوه ښکلي رنګ غوره کول خامخا په دې مانا نه دي چې دا سم رنګ دی. هر رنګ جلا پیغام او غبرګون لېږدوي. رنګونه له لومړنیو شیانو څخه دي چې د وېبپاڼې لیدونکي ورته پام کوي او دا واقعیا کولی شي ستاسو د وېبپاڼې پر بریا اغېز وکړي.
د خپل ډیزاین لپاره تر ټولو ډېر دوه تر درې اصلي رنګونه وټاکئ. که تاسو د نورو رنګونو د اضافه کولو اړتیا احساسوئ، تاسو کولی شئ د خپلو اصلي رنګونو له روښانه (tints) او تیاره (shades) بڼو څخه ګټه پورته کړئ. د رنګونو په تیورۍ کې، tint له سپین سره د یوه رنګ ګډول دي، چې روښانتیا زیاتوي په داسې حال کې چې shade له سپین سره د یوه رنګ ګډول دي، چې روښانتیا کموي.
Additional Tip: There are great tools such as Adobe Colour CC and Coolors to make picking colors easier.
متضادې لیکبڼې وکاروئ
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.
د دوو لیکبڼو یوځای کول حتی د ډیزاینرانو لپاره هم ستونزمن کېدی شي. تاسو کولی شئ د یوې لیکبڼې له دوو بېلابېلو فونټونو سره په کار کولو سره دا چاره ساده وساتئ. که دویمه لیکبڼه اړینه وي، داسې یو څه وټاکئ چې ستاسو له لومړۍ لیکبڼې سره ښه تضاد ولري. معمولاً، د serif او sans-serif فونټونو یوځای کول ښه کار ورکوي. بله مهمه لارښوونه دا ده چې داسې لیکبڼې غوره کړئ چې ستاسو د شرکت له سبک سره سمون ولري. تاسو ښايي په نړۍ کې تر ټولو ښکلی فونټ ولرئ، مګر کله چې په ناسم ځای کې وکارول شي، بیا هم ناوړه ښکاري.
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.
دا د موبایل لپاره مناسب کړئ
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.
اضافي لارښوونه: په خپله وېبپاڼه کې د Page Builder Sandwich کارول به په اوتومات ډول د موبایل ننداره فعاله کړي او دا به د موبایل د سکرین اندازې سره سم برابره کړي.
پایله
په یاد ولرئ: د ډیزاین د ځواک کم ارزول یو له هغو تر ټولو بدو تېروتنو څخه دی چې تاسو یې د خپلې وېبپاڼې د جوړولو پر مهال کولی شئ. تاسو البته اړتیا نلرئ د خپلې وېبپاڼې د ډیزاین کولو پر مهال ډېره هڅه وکړئ، مګر په ورته وخت کې، یوازې د دې لارښوونو تعقیب کولی شي دا یقیني کړي چې ستاسو سایټ ستاسو د لیدونکو له لوري د ناخوښۍ احساس راپورته نه کړي.
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) څه شی دي؟
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.
Click 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.
Under 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 betweenNormal, Full-WidthandFull-Width: Retained Content Width?
Normal – Background, text and other elements are contained within the bounds of your current theme’s row width
Full-Width – Background, text and other elements fill the entire width of your browser window
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.
Increase 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.
To 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.
Tip #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.
Type 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.