არსებობს ათობით და ათობით გვერდის მშენებელი და ალბათ საკუთარ თავს ეკითხებით: რა არის ასეთი განსაკუთრებული Page Builder Sandwich-ში? რატომ უნდა შეიწუხოთ თავი მისი გამოყენებით, თუ უკვე გაქვთ რომელიმე ხელთ?
ამ სტატიაში ჩამოვთვლი Page Builder Sandwich-ის რამდენიმე ძირითად ფუნქციას, რაც მას უნიკალურს და აბსოლუტურად აუცილებელს ხდის როგორც კონტენტის შემქმნელებისთვის, ასევე დიზაინერებისთვის. თუ არ იცით, რა არის გვერდის მშენებელი და რატომ გჭირდებათ ის, ნუ ინერვიულებთ, ჩვენ გვაქვს მასალები, რომლებიც დაგეხმარებათ.
1. თქვენ უბრალოდ არ ხედავთ თქვენი კონტენტის ვიზუალურ რეპრეზენტაციას, თქვენ ხედავთ და არედაქტირებთ თქვენს რეალურ კონტენტს
სხვა გვერდის მშენებლებში თქვენ ხედავთ არეებს, რომლებიც უბრალოდ თქვენი კონტენტის რეპრეზენტაციას წარმოადგენს. თქვენ ძირითადად ანაწილებთ კონტენტს ბლოკებითა და მართკუთხა ფორმებით, და შედეგი უფრო ჰგავს ჩარჩოს იმისა, თუ როგორ შეიძლება საბოლოოდ გამოიყურებოდეს თქვენი კონტენტი გვერდზე. ეს იწვევს გადახედვის ღილაკზე მუდმივ დაკლიკებას მხოლოდ იმის სანახავად, თუ როგორი იქნება შედეგი.
Page Builder Sandwich-თან ერთად, მთელი რედაქტირება ხორციელდება თქვენი საიტის წინა მხარეს (front end) და თქვენ პირდაპირ არედაქტირებთ კონტენტს ნამდვილი „რასაც ხედავთ, იმას იღებთ“ გამოცდილებისთვის.
2. სწრაფი და მარტივი პირდაპირი რედაქტირება დამღლელი ამომხტარი დიალოგების გარეშე
ამომხტარი ფანჯრები გვერდის მშენებლების განუყოფელი ნაწილი იყო. უმეტესობაში, თუ გსურთ განლაგებაში რაიმეს რედაქტირება, იქნება ეს სათაური, ღილაკის წარწერა თუ პატარა სლოგანი, ჯერ უნდა დაელოდოთ ამომხტარი დიალოგური ფანჯრის გახსნას და ცვლილებები მის შიგნით განახორციელოთ.
ჩვენი მიზანი იყო ამომხტარი ფანჯრების გამოყენების მინიმუმამდე შემცირება Page Builder Sandwich-ში. ამომხტარი ფანჯრების მოცილებით, ნებისმიერი კონტენტის რედაქტირება უფრო მარტივი და გლუვი გახდა, ვიდრე ოდესმე.
რედაქტირება ხდება პირდაპირ და მარტივად – დააწკაპუნეთ ტექსტზე კურსორის დასასმელად და დაიწყეთ აკრეფა. რედაქტირების დასაწყებად აღარ გჭირდებათ TinyMCE რედაქტორის შემცველი ამომხტარი დიალოგის ლოდინი. საუკეთესო ნაწილი კი ის არის, რომ კვლავ შეგიძლიათ თქვენი კონტენტის გადათრევა და ჩაშვება.
კიდევ ერთი ინოვაცია, რომელიც უპრობლემო რედაქტირებაში გეხმარებათ, არის მუდმივად ხელმისაწვდომი ინსპექტორი. ინსპექტორი ემსახურება თქვენს ხელსაწყოთა ყუთს და თვისებების რედაქტორს. კონტენტის ფორმატირების ხელსაწყოები: ტექსტის ფერები, სათაურები, შრიფტის ზომის მორგება, დაშორებები (margins, paddings), საზღვრები, ციტატების ბლოკები და მრავალი სხვა ხელმისაწვდომია მარტივი დაწკაპუნებით.
3. WordPress-ის ხელახლა გამოყენებული ფუნქციონალი
კიდევ ერთი რამ, რაც სხვა გვერდის მშენებლებში შევამჩნიეთ, არის ის, რომ ისინი ხშირად ველოსიპედს ხელახლა იგონებენ. ზოგიერთი ქმნის საკუთარ ფერის ამომრჩევლებს, სურათების ამტვირთავებს, გალერეის შემქმნელებსა და სხვადასხვა ხელსაწყოს. თავისთავად ამაში ცუდი არაფერია, მაგრამ WordPress არის კოდის ფრაგმენტების ნამდვილი საგანძური, ამიტომ რატომ არ გამოვიყენოთ ისინი?
WordPress უზარმაზარი და შესანიშნავი პლატფორმაა და შეიცავს უამრავ მაგარ ხელსაწყოს, რომელიც შექმნილია უამრავი შესანიშნავი კონტრიბუტორის მიერ. Page Builder Sandwich მაქსიმალურად იყენებს ფუნქციონალს, რომელიც უკვე მოყვება WordPress-ს.
საკუთარი ფერის ამომრჩევლის გამოყენების ნაცვლად, ჩვენ ვიყენებთ Iris color picker-ს. საკუთარი სურათების ამტვირთავის ნაცვლად, ვიყენებთ მედიამენეჯერს. ასევე არის backbonejs, underscorejs, wp.hooks და wp.shortcode, რომ დავასახელოთ კიდევ რამდენიმე მოსახერხებელი სკრიპტი. ჩვენ ვიყენებთ ყველა მათგანს, რამაც გაგვიმარტივა ცხოვრება და ამასთანავე უფრო სტაბილურ კოდის ბაზამდე მიგვიყვანა.
WordPress-ის ფუნქციონალის ხელახლა გამოყენებამ საოცარ სიურპრიზებამდეც მიგვიყვანა. მაგალითად, ვინაიდან სურათების ჩასასმელად გამოვიყენეთ მედიამენეჯერი, სასიამოვნო სიურპრიზი იყო ის, რომ ახლა უკვე პირდაპირ შეგვეძლო WordPress-ის გალერეებთან, ვიდეო და აუდიო ფლეილისტებთან და დისტანციურ URL-ებთან მუშაობაც. ჩვენ ასევე შეგვეძლო უბრალოდ მედიამენეჯერი გამოგვეყენებინა სურათების რედაქტირებისთვის, რამაც თავიდან აგვაცილა ზედმეტი დეველოპმენტის მრავალსაათიანი თავის ტკივილი.
4. კლავიატურით ნავიგაცია და მალსახმობები
სხვა გვერდის მშენებლებში მაუსი თქვენი მეგობარია. მისი საშუალებით გადაათრევთ და ჩააგდებთ ელემენტებს, ორჯერ აწკაპუნებთ რედაქტირებისთვის. თუმცა კლავიატურა ხშირად უგულებელყოფილია.
მაგალითად, ზოგიერთ მშენებელში თქვენ ვერ შეძლებთ მარტივად დაარედაქტიროთ ტექსტი ერთი აბზაცით/სექციით ზემოთ იქიდან, სადაც არედაქტირებთ, რადგან მოგიწევთ ამომხტარი დიალოგიდან გამოსვლა და ახალზე დაწკაპუნება. Page Builder Sandwich-ში კი შეგიძლიათ კლავიატურით ნავიგაცია. გამოიყენეთ ისრის ღილაკები თქვენს კონტენტს შორის გადასაადგილებლად — ეს მუშაობს მაშინაც კი, თუ თქვენი სხვა კონტენტი მოთავსებულია სხვა მწკრივში ან სვეტში.
კიდევ ერთი მნიშვნელოვანი ფუნქციაა undo და redo (გაუქმება და გამეორება) კლავიატურის მალსახმობები. თავიდან შეიძლება ბევრი არაფერი ჩანდეს, მაგრამ დაფიქრდით: რა მოხდება, თუ შემთხვევით არასწორ ადგილას გადაათრევთ და ჩააგდებთ თქვენს კონტენტს. ზოგიერთ გვერდის მშენებელში მოგიწევთ მისი უკან, თავდაპირველ პოზიციაზე გადათრევა. Page Builder Sandwich-ში კი მუშაობს როგორც undo, ასევე redo. ასე რომ, გსურთ აკრეფილი ტექსტის შეცვლა თუ გადათრეული კონტენტის (ან რამდენიმე გადათრეული კონტენტის) უკან დაბრუნება, უბრალოდ დააჭირეთ undo-ს ან redo-ს. Undo და redo მუშაობს გადათრეულ და ჩაშვებულ კონტენტზე და თვისებების ისეთ ცვლილებებზეც კი, როგორიცაა შრიფტის ზომები და მწკრივის დაშორებები (paddings). ეს მათ ძლიერ იარაღად აქცევს თქვენს სარედაქციო არსენალში.
5. ნამდვილი frontend გვერდის მშენებელი – რედაქტირების უფრო მშვიდი და უპრობლემო გამოცდილება
დეველოპმენტის პროცესში ჩვენი ხედვა იყო ის, რომ წინა მხარეს (front end) რედაქტირება არ უნდა ტოვებდეს შეგრძნებას, თითქოს ისევ back end-ის ხელსაწყოებით არედაქტირებთ. არ უნდა იგრძნობოდეს, თითქოს მშენებელი თავდაპირველად შეიქმნა back end-ისთვის და შემდეგ გადმოიტანეს front end-ზე.
საბოლოო ჯამში, ჩემთვის Page Builder Sandwich-ის მთავარი განმასხვავებელი ნიშანი ის არის, რომ ჩვენ შევქმენით იგი მიზნით, ყოფილიყო „ნამდვილი“ frontend გვერდის მშენებელი — ახლებური ხედვა იმისა, თუ როგორი უნდა იყოს front end-ზე რედაქტირება.