دا ۱۰ میاشتې کېږي چې موږ Page Builder Sandwich عامو خلکو ته وړاندې کړی دی. موږ اوس شاوخوا ۶،۰۰۰ فعال انسټالونه لرو، او دا زموږ لپاره خورا لویه لاسته راوړنه ده. موږ د دې له امله بېشمېره نظریات هم ترلاسه کړي، هم ښه او هم بد. خو ټولیز نظر دا دی چې خلک د نورو شته پاڼه جوړوونکو په پرتله د ليآوټونو جوړولو او د خپل مینځپانګې رامنځته کولو له اسانتیا څخه خوند اخلي.
ډېری ترلاسه شوي نظرونه د ځانګړتیاوو غوښتنې وې، او موږ په تېرو څو میاشتو کې ډېرې دغه ځانګړتیاوې اضافه کړې. خو څومره چې موږ دا کار کاوه، موږ ورو ورو په دغه بهیر کې د کاروونکي انټرفیس هم بدلول پیل کړل. او، په پایله کې، موږ د کاروونکي تجربه هم بدله کړه… د بدتر لوري ته. خبره دې حد ته ورسېده چې موږ اړ شو په انټرفیس بیا له سره فکر وکړو، ځکه چې دا نور په اسانۍ او روان ډول کار نه کاوه، او بېلابېلو ځانګړتیاوو هم له دې سره سمون نه خوړ.
له منځه تللی انټرفیس
د PBS په پخوانیو نسخو کې، موږ غوښتل چې هر څه د بټنو په بڼه وي. ولې؟ ځکه چې بټنې کارول اسانه دي. تاسو یوازې… پر هغوی کلیک کوئ. د انسپکټر په پخوانیو نسخو کې (په پورتني انځور کې د غاړې پټه)، په یوې بټنې کلیک کول به ارزښت زیات کړ، او shift+کلیک به هغه کم کړ. دا کافي اسانه ښکاري. خو د کاروسیلونو، ټبونو، نقشو او نورو نویو عناصرو او بڼو په زیاتېدو سره، هغه ټولې بټنې د بېلابېلو ډیزاینونو لرونکو شبیهونو په یوه ګډوډه ټولګه بدلې شوې، او د یوه ښه انټرفیس پر ځای تر ډېره د هیروګلیفونو په څېر ښکارېدلې. دا د تجربه لرونکو کاروونکو لپاره ستونزه نه وه، خو که تاسو په PBS کې نوي وئ، کتل ورته خورا وېروونکي وو.
ورپسې، په انسپکټر کې یو څو ستونزې راڅرګندې شوې. اصلي مفکوره دا وه چې هر څه ساده او د انسپکټر دننه چمتو وي. او له هر څه څخه زما مطلب هر څه و – د متن له سرلیکونو جوړولو نیولې، د شالید د رنګونو تر بدلولو، د فونټ تر رنګونو، او نورو پورې. په خپل اوسني حالت کې، انسپکټر اوس خورا ډېر انتخابونه لري چې تاسو اړ باسي د موږک څرخ پرلهپسې پورته او ښکته سکرول کړئ. دا له هغه انسپکټر څخه خورا توپیر لري چې ما وړاندې هیله درلوده د کاروونکو لپاره یې جوړ کړم.
په پای کې، موږ په دې وروستیو کې ستاسو د خوښې پلګینونو لپاره د شارټکوډ میپنګ. دې ځانګړتیا موږ اړ کړو چې د متن ساحې، د شمېرو سلایډرونه، چیک بکسونه، او نور نوي ډوله انتخابونه جوړ کړو چې ستاسو د شارټکوډ ایډیټ کولو تجربه لا خوندوره کړي. په پیل کې، دا یو ښه نظر و، او هو، دې ستاسو لپاره د شارټکوډونو سمبالول اسانه کړل. مګر بیا هم، دا ځانګړتیا زموږ له «یوازې بټنو» انټرفیس څخه واوښته. په تېر ته په کتو سره، د شارټکوډ د ځانګړتیاوو بدلولو لپاره یوازې د بټنو کارول واقعاً ناممکن و. اوس، په وروستۍ نسخه کې، موږ له ۲ ډوله کنټرولونو سره مخ شو: بټنې او د شارټکوډ ساحې.
یو څو نور دلایل هم شته چې موږ یې دې پرېکړې ته ورسولو چې زموږ انټرفیس نور اغېزمن نه و (یا زموږ د اړتیاوو لپاره مناسب نه و)، خو پورتني ټکي اصلي ټکي دي. که څه هم یو شی تل باوري و: موږ پوهېدو چې باید انټرفیس نوی کړو.
د دې تعریف کول چې یو پاڼه جوړوونکی باید په ایډیال ډول څنګه کار وکړي
پر ځای د دې چې سمدلاسه کار پیل کړو او شیان بدل کړو، موږ سل ګامه شاته ولاړو ترڅو د پاڼې جوړوونکي ټولې تجربې ته یوه کتنه وکړو. موږ غوښتل انټرفیس ته نوی ژوند وروبښو. ریښتیا ووایم، موږ نه غوښتل کال په کال د هغې بیا رغولو ته دوام ورکړو. دا خورا ستړی کوونکی دی او یقیناً د ورډپریس ټولنې ته د پام وړ مرسته نه رسوي. دا ځل، موږ پرېکړه وکړه چې شیان په ارامۍ او احتیاط سره ترسره کړو. موږ د Page Builder Sandwich هر کونج او هغه څه مطالعه کړي چې دا یو ښه پاڼه جوړوونکی جوړوي، او په پای کې مو د ایډیټ کولو ټوله تجربه په څو اصلي مفاهیمو کې روښانه او تشریح کړه.
لومړی اړین مفهوم: د شیانو ایډیټ کولو لپاره نېغ په نېغه ستاسو په مینځپانګه کې ټایپ کول
د یوه پاڼه جوړوونکي د لګولو یو له اصلي لاملونو څخه د ورډپریس د شالید (backend) د متن ایډیټر له محدودیتونو څخه خلاصون دی. دا د دې مانا نه لري چې د بېکاینډ ایډیټر ښه نه دی، مګر کله چې تاسو خپلې ویب پاڼې جوړوئ، دا تاسو ته سمدلاسه نه ښیي چې ستاسو ویب پاڼه به ستاسو د سایټ لیدونکو ته څنګه ښکاري، او نه هم تاسو ته اجازه درکوي چې خپله مینځپانګه له یوه ستوني ليآوټ څخه بهر ترتیب کړئ. تاسو یوازې هلته خپل متن او ځینې انځورونه لیدلی شئ، خو هېڅ پرمختللي توکي (د بېلګې په توګه د اړیکې فورمې) نه ښکاري. تاسو کولی شئ شارټکوډونه اضافه کړئ، هو، خو دوی به په خپل رینډر شوي شکل ونه ښودل شي*.
* د دې حل لپاره د نورو لخوا پلګینونه جوړ شوي لکه Shortcake UI، مګر دا له اصلي موضوع بهر دی.
دلته دی چې د فرنټاینډ (front end) پاڼه جوړوونکي رامنځته کېږي. دوی د ایډیټ کولو تجربه له شالید څخه باسي او فرنټاینډ ته یې راوړي، په داسې حال کې چې تاسو خپل سایټ کټ مټ په هغه ډول ایډیټ کوئ لکه څنګه چې ستاسو لیدونکي به یې په رښتیا وویني. لکه څنګه چې پیپین به یې بیان کړي: هغه څه چې تاسو یې ګورئ همغه څه ترلاسه کوئ (WYSIWYG).
د فرنټاینډ ایډیټر بله ښه ځانګړنه دا ده چې دا تاسو ته اجازه درکوي خپل متن نېغ په نېغه ایډیټ کړئ. په سرلیکونو او پراګرافونو کې ټایپ کول د ویب پاڼې په جوړولو کې د معمولي ورډ پروسیسر کارولو اسانتیا رامنځته کوي. بټنې او د ټب لیبلونه هم باید یوازې پر هغوی د کلیک کولو او ټایپ کولو له لارې د بدلېدو وړ وي.
دا هغه برخه ده چې ډېری نور پاڼه جوړوونکي پکې ښه نه ځلېږي. د دوی ډېری تاسو اړ باسي چې د هر څه د ایډیټ کولو لپاره د متن دننه په یوه ساحه کې ټایپ وکړئ. بیا هم، دا باید په ریښتینو فرنټاینډ پاڼه جوړوونکو کې داسې نه وي. نېغ په نېغه د متن ټایپ کول او ایډیټ کول د دویمې نسخې راهیسې د Page Builder Sandwich یو پیاوړی ټکی و، او موږ ډاډ ترلاسه کړ چې دا لاهم په درېیمه نسخه کې خوندي وساتل شي.
دویم اړین مفهوم: د چټکو بدلونونو لپاره د موږک کارول
موږک یوه پیاوړې وسیله ده چې ډېری وخت په پاڼه جوړوونکو کې له پامه غورځول کېږي. ډېری وختونه، پاڼه جوړوونکي دا یوازې د دې لپاره کاروي چې خلکو ته اجازه ورکړي شیان راښکته کړي او په بېلابېلو ځایونو کې یې واچوي، یا پر بټنو یا د انپټ ساحو باندې کلیک وکړي. که څه هم دا سمه ده، خو د پاڼې جوړولو له پلوه ډېر داسې کارونه شته چې تاسو یې د موږک په مرسته ترسره کولی شئ.
لومړی دا چې د پاڼې د ایډیټ کولو وسیلې په توګه د موږک کارول په زړه پورې لیدلوری غبرګون وړاندې کوي، په ځانګړي توګه د بصري ځانګړتیاوو لکه حاشیو (margins)، پیډینګونو او اندازو په تنظیمولو کې. اوس، ستاسو د عناصرو سمول یوه طبیعي تجربه ګرځي.
د PBS په درېیمه نسخه کې، تاسو به وکولی شئ د خپل موږک په کارولو سره یو شمیر شیان تنظیم کړئ. تاسو کولی شئ د انفرادي عناصرو ترمنځ حاشیې/فاصلې، ستاسو د ستنو دننه پیډینګونه، او همدارنګه د انځورونو، شبیهونو او نقشو اندازې تنظیم کړئ. موږ هغه بټنې هم په سلایډرونو بدلې کړې دي چې تاسو ته د عددي ارزښتونو د بدلولو اجازه درکوي.
درېیم اړین مفهوم: د متن سټایل باید اسانه وي
که تاسو له خپل مانیټر څخه یو ګام شاته شئ، تاسو به وګورئ چې ډېری هغه څه چې تاسو یې په خپلو ویب پاڼو کې اضافه کوئ متن دی. هو، موږ هلته انځورونه او شبیهونه لرو چې ورسره یوځای شي – او په دې وروستیو کې موږ په خپلو سایټونو کې لوی انځورونه اضافه کولو ته تمایل لرو. مګر د مهمو محتویاتو ډېری برخه ټول متن دي: سرلیکونه، نښه شوي لستونه (bullet lists)، پراګرافونه، اقتباسونه، او نور. د دې تر څنګ دا ده چې موږ څنګه خپل متن زموږ د ډیزاینونو سره سم سټایل کوو. موږ یا د دوی اندازې او رنګونه بدلوو، یا یې بولډ (bold) یا اېټالیک (italic) کوو. دا د دې لپاره دي چې زموږ محتوا زموږ اړوندو لوستونکو ته د لوستلو وړ، اړونده او په زړه پورې وي.
ځکه چې موږ ډیری وخت متن سټایل کوو، هغه بټنې چې موږ ته د سټایلونو بدلولو اجازه راکوي باید خورا اسانه لاسرسي ولري. دوی باید د یوه پاپ اپ بکس دننه پټ نه وي چې موږ اړ شو لومړی یې پرانیزو. ډیری پاڼه جوړوونکي له دې ستونزې سره مخ دي. د دې لپاره چې د دوی د کاروونکي انټرفیس د ‘بې ګډوډۍ’ په توګه ونومول شي، حتی خورا کارول شوي انتخابونه هم له سترګو پټ ساتل شوي دي.
د دې د حل لپاره، موږ تر ټولو ډېرو کارول شویو ورډ پروسیسرونو ته کتنه وکړه. موږ ولیدل چې دوی معمولا د سکرین سر ته نږدې یو قطار د بېشمېره بټنو سره لري چې د متن فارمټ کولو لپاره کارول کېږي او د ۳ نسخې لپاره مو همدا ډول ترتیب نقل کړ. موږ اوس د متن د سټایل کولو د ټولو بټنو یو قطار لرو چې تل ستاسو د سکرین په سر کې شتون لري. دا چاره د متن سټایل کول خورا ګړندي او په متن ایډیټ کولو کې ستاسو دویم فطرت ته نږدې کوي.
څلورم اړین مفهوم: پرمختللي سټایل انتخابونه باید انعطاف منونکي خو د پوهېدو وړ اسانه وي
د یوه پاڼه جوړوونکي وروستۍ پایله دا ده چې باید خلکو ته اجازه ورکړي چې په اسانۍ سره زړه راښکونکي ډیزاینونه رامنځته کړي. دا پدې مانا ده چې موږ باید د یو ستونزمن زده کړې بهیر له رامنځته کولو پرته، ډېر بېلابېل ترتیبات او انتخابونه چمتو کړو. د حاشیو، پیډینګونو او د متن سټایل کولو وړتیا خورا ښه ده، مګر دا یوازې دومره کار کولی شي. تاسو به د کار سرته رسولو لپاره ډېرو مفصلو انتخابونو ته اړتیا ولرئ، د شالید انځورونو، نمونو (patterns)، سرحدونو (borders)، ثابتو شالیدونو او نورو په څېر انتخابونه. په دې ټولو بېلابېلو ترتیباتو کې راګیرېدل ممکن لږ مغشوشوونکی وي، نو موږ ځینې یې ساده کړي او په کټګوریو کې مو منظم کړي ترڅو په درېیمه نسخه کې شیان لا اسانه او د کاروونکي دوستانه کړي.
پنځم اړین مفهوم: د شارټکوډ ملاتړ
په پای کې، راځئ چې هېر نه کړو چې زموږ پاڼه جوړوونکی د ورډپریس پر سر ولاړ دی. موږ باید دا پلیټفارم او د هغې ځانګړتیاوې ومنو او محدودې یې نه کړو او نه ترې واوړو. یوه لویه ځانګړنه چې ورډپریس یې وړاندې کوي شارټکوډونه دي. دا پدې مانا نه ده چې ټوله مینځپانګه باید له شارټکوډونو څخه جوړه شي – دا به بې ترتیبه وي – مګر پرځای یې موږ باید یوازې له هغوی سره مطابقت ولرو. ډېری پلګینونه او تیمونه شارټکوډونه کاروي، او دا به خورا لوی زیان وي که موږ دا ټول له پامه وغورځوو. په حقیقت کې، شارټکوډونه کاروونکو ته د پاڼو جوړولو په برخه کې ترټولو ډېر انعطاف ورکوي.
موږ څو اوونۍ وړاندې خپل د شارټکوډ میپنګ سیسټم معرفي کړ، او د دې له امله موږ د سلګونو پلګینونو څخه په سلګونو شارټکوډونه نقشه کړل. موږ د ورډپریس پلګین ډایرکټرۍ کې موندل شویو ترټولو مشهورو پلګینونو ته لومړیتوب ورکړی، نو امکان شته چې تاسو به په خپلو سایټونو کې ورسره مخ شئ. دا په درېیمه نسخه کې یوازې پیاوړې شوې، او موږ به د پرمختګ په لاره کې دې ته دوام ورکړو.
پایله
موږ پورته ټولې اړینې ځانګړتیاوې اخیستې او د Page Builder Sandwich په ۳ نسخه کې مو ځای پر ځای کړې دي. دا د ورډپریس لپاره تر دې دمه ترټولو غوره پاڼه جوړوونکی دی چې موږ جوړ کړی دی. دا خورا روان او په کارولو کې ډېر طبیعي دی، ډېر ګړندی کار کوي، کارول یې اسانه دي، او د پخوا په پرتله ډېر دوستانه دی.
که تاسو د پاڼې جوړوونکي د کومې اړینې ځانګړتیا په اړه کوم فکر لرئ، لاندې یې په تبصره کولو سره موږ ته ووایاست.