როგორ შევქმნათ ბლოკის შაბლონები, რომ დააჩქარონ ვებ – გვერდი

ბლოკის შაბლონები WordPress- ის ყველა მომხმარებლისთვის დიდ საქმეს მიიღებს და ამ პოსტში ზუსტად გაჩვენებთ, თუ როგორ უნდა შექმნათ თქვენი საკუთარი ბლოკის შაბლონები.


add_action ('ინი', ფუნქცია ()

Register_pattern ('NAME', [
'title' => __ ('TITLE'),
'შინაარსი' =>
'PATTERN'
]);
});

ორი დღის წინ, ვიდეო გამოვედი და გავაცანი ეს კონცეფცია, რომელიც ზუსტად კუთხეში მიდის WordPress– სთან, რომელსაც წერს ბლოგის შაბლონები. ეს ერთგვარი ექსპერიმენტული სწორედ ახლაა და ეს არის რაღაც, რაც ნამდვილად მახარებს. ვფიქრობ, თუ თქვენ გონებას დაატარებთ პოლისის პოტენციალის პოტენციალს, შეგიძლიათ ნახოთ ის პოტენციალი, რომლის საშუალებითაც შეგიძლიათ ვებგვერდები სწრაფად მიაწოდოთ, თუ გყავთ კლიენტები, რომ შეძლოთ მათ საშუალება მიეცეთ უფრო მეტი გააკეთონ ვებსაიტზე.

ასე რომ მე ვაჩვენებ. ზუსტად როგორ უნდა შექმნათ ბლოკი ნიმუში ამ ვიდეოში. ახლა ჩვენ ვაპირებთ რამდენიმე საქმის გაკეთებას, რაც ტექნიკური თვალსაზრისით ცოტაა, და ვიცი, რომ ეს არის WordPress არხი არასტექნიკისთვის, ასე რომ, მე ვაპირებ, რომ ეს მარტივი რაც შეიძლება მარტივი იყოს, მაგრამ თქვენ ბოლოს და ბოლოს მივხვდებით, რამდენად მარტივია მარტივი ამ ბლოკის ერთ – ერთი შექმნა.

მოდით წავიდეთ წინ და გადახედეთ მას. ასე რომ, აქ არის გვერდი, სადაც საუბარია ამ მახასიათებლის ახალ გამოშვებაზე მისი დამზადების პროცესში. ბლოკის ნიმუშის შესაქმნელად მხოლოდ საშუალო ხალხისთვის შეგიძლიათ. ასე რომ, როდესაც მე გადავდივარ ქვევით, იგი იძლევა შაბლონს. ასე რომ, ყველა, რაც მასში მონაწილეობს, ქმნის რაღაცას, რომელსაც ეწოდება ჩვეულ ფუნქცია.

მაგრამ არ ინერვიულოთ, მე ვაპირებ, რომ ეს ყველასათვის მარტივი იყოს, მაგრამ აქ არის კოდი, სადაც კოდია პატარა. ახლა მე მაქვს ბმული ვიდეო აღწერილი ქვემოთ. ეს წაიყვანს ჩემს ვებგვერდზე. თქვენ მიიღებთ წერილობით მითითებებს, თუ როგორ უნდა გავაკეთოთ ეს ასევე. კოდის ეს პატარა ნაშთია, რომელიც შეგიძლიათ დააკოპირეთ და ჩასვით თქვენს ვებ – გვერდზე.

კარგი, აი ის, რაც ჩვენ გვჭირდება. ეს არის ახალი თვისება გუტენბერგისთვის და დაგჭირდებათ Gutenberg დანამატი დაინსტალირებული გააქტიურებული, ასე რომ თქვენ გჭირდებათ 7.8 მინიმალური ვერსია და ეს ახლახან გამოვიდა. ახლა, რაც დასრულდება, შესაძლოა, ოთხიდან ექვს თვეში იყოს, შესაძლოა, 2020 წლის ზაფხულის ბოლოს ეს შეტანილი იყოს WordPress- ში სტანდარტულად, მაგრამ ახლა, თქვენ აპირებთ საჭიროებას, თუ გსურთ სცადოთ ეს თქვენ აპირებთ გუტენბერგის მოდულის დაყენებას.

შემდეგი რამ, რაც შეგიძლიათ გააკეთოთ და ეს არის სურვილისამებრ, თუ არ იცით, თუ როგორ უნდა დაამატოთ საბაჟო ფუნქცია ბავშვის თემატიკაზე, და მე აღარ ვხმარობ ბავშვის თემას, თქვენ ალბათ გსურთ გამოიყენოთ ეს უფასო მოდული, და ეს არის ერთ ერთი საუკეთესო უფასო დანამატი. რომ მე ოდესმე შემხვედრია და მას კოდის ნაკეთობებს ეძახიან. ეს საშუალებას მოგვცემს დავამატოთ ეს საბაჟო ფუნქცია და მარტივი გამოსაყენებელი მეთოდი, მართვის მარტივი მეთოდი.

Კარგი? ასე რომ დაგჭირდებათ. და ეს არასავალდებულოა. ეს არის უფასო დანამატი, რომელსაც ეწოდება კადენის ბლოკები. რას აკეთებს ის გუთენბერგს დაამატებს გვერდების შემქმნელების ბევრ ფუნქციონირებას. ეს არის საკმაოდ სისუფთავე იმაში, რაც საშუალებას გაძლევთ გააკეთოთ. შეგიძლიათ სვეტების გადატანა და ზომის შეცვლა. მასში უამრავი ელემენტია, რომელიც ამ გვერდის შემქმნელის ფუნქციებს დაამატებს, მაგრამ გუტენბერგს და ეს სრულიად უფასო მოდულია.

Კარგი. მოდით გადავიდეთ ჩემს ვებ – გვერდზე. ასე რომ, აქ არის ვებ – გვერდი. ეს ყველაფერი ახლავე შეიქმნა. თუ არ იცით როგორ დააყენოთ მოდული, ვინმემ მეორე დღეს ნამდვილად გაგიჟდა, რომ არ აჩვენოთ როგორ დააყენოთ მოდული და ვიდეო. მიდიხართ დანამატებზე, დააჭირეთ დამატებას ახალზე, შემდეგ კი სწორედ აქ აკეთებთ ამ მოდულის სახელის ძებნას და შემდეგ დააჭირეთ.

ჩამოტვირთეთ, ან ბოდიში, ახლა დააჭირეთ ინსტალაციას და შემდეგ ააქტიურებთ მას. ეს ძალიან მარტივი პროცესია. ასე რომ, მე ვაპირებ ჩემს დაინსტალირებულ დანამატებს დავაყენო და თქვენ ხედავთ, რომ მაქვს გუტენბერგი დამონტაჟებული და ეს იყო სურვილისამებრ კადრების ბლოკები, და აქ არის კოდი ნაგლეჯები. ასე რომ, მე ვაპირებ წინ წასვლას და კოდის ნაგლეჯების გააქტიურებას.

ასე რომ, შემდეგ წავიდეთ წინ და დააწკაპუნეთ კოდის შტრიხებზე და თქვენ ნახავთ რამდენიმე, რომლითაც იგი მოდის. აი, ეს არის გადართვის შეცვლა და ის გადართულია. ყველა მათგანი გამორთულია და რეალურად არ გჭირდებათ ამ ნივთების შენარჩუნება, რომლებსაც ეს ნაგულისხმევი მოყვება. თქვენ უბრალოდ დააჭირეთ აქ და თქვენ შეგიძლიათ წაშალოთ ისინი ყველა, მაგრამ მე უკვე წავედი წინ და დაამატე ერთი აქ, რომელსაც უწოდებენ ბლოკის შაბლონის შაბლონს.

რას იზამდი. დააჭირეთ დაამატეთ ახალი, და შეგიძლიათ დაასახელოთ ამ ბლოკის შაბლონის შაბლონი იმ კოდის იმ მცირე ნაწილში, რომელიც მე გაჩვენე, რომ აქ არის, მაგრამ მე ვაპირებ ამის შესწორებულ ვერსიას მოგაწვდით ჩემს ვებსაიტზე. აქ უბრალოდ აპირებთ კოპირებასა და ჩასაწერად, შემდეგ კი აპირებთ ცვლილებების შენახვას.

თქვენ არ აპირებთ დაწკაპუნებით შენახვასა და გააქტიურებას, თქვენ დააჭირეთ დაწკაპუნებას ცვლილებების შესანახად, და მე ვაჩვენებ რატომ მხოლოდ ერთ წამში. Კარგი. ახლა კი, რისი გაკეთებაც გსურთ, არის ამ ბლოკის ნიმუშის შექმნა. და ბლოკის ნიმუში უბრალოდ მხოლოდ შენახული განყოფილებაა. ასე რომ, თუ თქვენ იყენებთ გვერდის შემქმნელს, ახლა თქვენ იცით, რომ შეგიძლიათ შეინახოთ სექციები და მათი ნაწილი წინასწარ განსაზღვრული განყოფილებებით გამოვა, მაგრამ მომხმარებლის გამოცდილება, ვფიქრობ, რომ გუთენბერგში ბევრად უკეთესია..

რისი გაკეთებაც გსურთ, გვერდებზე გადასვლა. და დააჭირეთ დაამატეთ ახალი, და გსურთ დაასახელოთ ეს. მართლა, ნება მომეცით, თავი დავაღწიო ამ ტურს. თქვენ აპირებთ ამ ბლოკის ნიმუშის სახელს დაასახელოთ და სწორედ აქ მივდივართ ბლოკის ნიმუშის შექმნას. ახლა, მე არ ვაპირებ ბლოკის ნიმუშის შექმნას.

მე ვაჩვენებ მას, რაც მე უკვე შევქმენი, და ეს. აქვე. ასე რომ, აქ არის ბლოკის ნიმუში, რომელიც მე შევქმენი. თქვენ შეგიძლიათ ნახოთ ეს განყოფილება. მას აქვს ეს ფერადი ფონი. მე მაქვს სათაური, რამდენიმე ქვეგანყოფილება და რამდენიმე ღილაკი, სადაც ვდებ ვიდეოს. ასე რომ, მე ვაპირებ ამ ბლოკის ნიმუშის გაკეთებას, ასე რომ, მაუსის ორი დაწკაპუნებით შევძლებ უბრალოდ, დაამატეთ ეს სადმე ჩემს ვებ – გვერდზე.

რაც მე ვაპირებ გავაკეთო არის დააჭირეთ ზედა მარჯვნივ, ეს არის სამი წერტილი. ისინი ძნელად შესამჩნევია და როდესაც დააჭირეთ ამას, აქ არის ეს ვარიანტი, სადაც ნათქვამია კოდი რედაქტორი. ასე რომ, თქვენ აპირებთ დააჭიროთ კოდის რედაქტორს, შემდეგ კი ეს გიჩვენებთ ყველა იმ კოდს, რომელიც მონაწილეობს ბლოგის შაბლონის ბლოგის ნიმუშით..

Კარგი? ასე რომ, თქვენ დააჭირეთ აქ და შემდეგ თქვენ დააჭირეთ ღილაკს კონტროლის კონტროლი ან თქვენს კომპიუტერზე ბრძანებას, რომ ხაზი გაუსვას მას და ისინი ახალი წელია. განათავსეთ იგი თქვენს ბუფერში. ასე რომ, მე ვაპირებ ამას ვაკონტროლო C. ასე რომ ახლა ის ჩემს ბუფერშია. ახლა რაღა გავაკეთებ, ვაპირებ აქედან წასვლას. სინამდვილეში, თუ გსურთ ამ ხედიდან ამოიღოთ, აქ არის პატარა X, რომელიც ამბობს გამოსასვლელი კოდის რედაქტორზე და ახლა ის მიჩვენებს ამას ისე, როგორც ეს ჩვეულებრივ მართალია აქ.

Კარგი. ასე რომ, თქვენ შეგიძლიათ შეინახოთ ეს, როგორც პროექტი, თუ გსურთ, მაგრამ ეს არ გჭირდებათ. ეს მხოლოდ თქვენთვისაა, რომ შექმნათ ეს ბლოკი, და თქვენ შეგიძლიათ შექმნათ ბლოკის ნიმუში, ეს ყველაფერია და ეს არ უნდა იყოს ერთი ბლოგი. მაგალითად, ეს შეიძლება იყოს მთელი შაბლონი ბლოგ პოსტისთვის. Okay, ახლა მე ვაპირებ დააჭირეთ სად არის w ის იღებს მე ბლოკის რედაქტორიდან.

ახლა მე ვაპირებ დავუბრუნდე კოდების ჩანაწერებს. სწორედ აქ არის ის, სადაც მე შევქმენი ეს ბლოკის ნიმუში შაბლონი. მე ვაპირებ კლონაზე დაწკაპუნებას, ახლა კი შეიქმნა მისი კლონი, და შემდეგ ვაპირებ სათაურზე დაწკაპუნებას, რომ დავიწყოთ მისი რედაქტირება. ამ ტიტულისთვის, მე ვაპირებ შეცვალოს ეს სათაური, რაც აზრი აქვს მის მართვას.

ასე რომ, ჩემთვის, უბრალოდ, დავასახელებ. გმირი ვიდეოთი. ახლა ვიცი, რა არის ეს, როდესაც სამომავლოდ სიას ვუყურებ. Okay, ასე რომ, აქ არის რამდენიმე საკითხი, რომ თქვენ აპირებთ რედაქტირებას. სამი რამ. ეს არის ძალიან მარტივი. პირველი სახელია. ასე რომ, ეს შეიძლება იყოს ნებისმიერი სახელი, რომლის სახელიც უნდა იყოს, ის უნდა იყოს ყველა პატარა, არც სივრცე და არც მხიარული სიმბოლო.

ასე რომ, მე წავალ წინ და ახლავე დავასახელებ სახელს. თქვენ ხედავთ, რომ მე იგი დასახელდა გმირად ვიდეოთი. შემდეგი, სწორედ აქ თქვენ უნდა დააყენოთ სათაური. ასე რომ, ჩვენ ვცვლით ამ სიტყვის სათაურს და ეს არის ის, რისი ჩვენებაც შეგიძლიათ. თქვენ ათვალიერებთ ბლოგის შაბლონების, ბლოკის, და არა ბლოგის ბლოკების ნიმუშებს. და თუ შეამჩნევთ, შეგიძლიათ, ეს არის მეგობრული სახელი, ასე რომ მას შეუძლია ჰქონდეს სივრცეები.

აბა, მე ვერ ჩავსვამდი რაიმე მხიარულ პერსონაჟებს იქ. ადგილები კარგად არის. ეს არის ის, რაც ამ ჩამონათვალში აჩვენებს და შემდეგ აქ, სადაც იგი ამბობს ნიმუში a. თქვენ აპირებთ უბრალოდ ჩასვათ ის, რაც თქვენ გადაწერეთ თქვენს ბუფერში. ახლა მსურს, რომ ერთი რამ გააკეთოთ. თითოეული მათგანისთვის. პატარა აპოსტროფი დავტოვე წინა და უკანა მხარეს.

თქვენ ხედავთ, რომ აქ არის მოციქული. თუ ეს შემთხვევით მოიცილეთ, უკან დაიხიეთ. Კარგი. ჩვენ უბრალოდ ვცვლით. ჩვენ უბრალოდ ვცვლით ტექსტის ადგილსამყოფელს. რაც შეეხება აქ, არ მინდა ყველაფერი შეცვალოს. მე მხოლოდ სიტყვის შაბლონის შეცვლა მინდა, ამიტომ მე ვაპირებ ხაზი გავუსვა მას და შემდეგ ვაპირებ ჩასვათ ის, რაც გადაწერა.

და ეს არის ის. ასე რომ, ახლა მე გადავდივარ ქვევით და ამჯერად ვაპირებ დაწკაპუნებით ცვლილებების შენახვას და გააქტიურებას. ახლა ასე უნდა ითქვას, რომ Snippet განახლებულია და გააქტიურებულია. და როდესაც ყველა ღილაკს დააჭირე, ახლა ნახავ, რომ ვიდეოში ჩართულია ეს ერთი გმირი. მომავალში, დამატებითი ბლოკის შაბლონებისთვის, მინდა წასვლა იქ, სადაც ნათქვამია ბლოკის შაბლონის შაბლონზე და დააჭირეთ კლონს და ამ ბლოკის შაბლონის შაბლონი გავაკეთე.

ამ გზით ყოველთვის შაბლონი მაქვს იქ. ახლა, თუ თქვენ უკვე იცით და გაქვთ სპეციალური ფუნქციების დამატება, თქვენ არ გჭირდებათ კოდების ნახვრეტები და ყველა ამგვარი პერსონალი, შეგიძლიათ განათავსოთ ის, სადაც გსურთ განათავსოთ. ეს მხოლოდ ბევრად უფრო ადვილი გზაა მისი მართვისთვის, თუ მკითხავთ. კარგი, ასე რომ, ახლა მე ვაპირებ წასვლა გვერდებზე ჩემი დაწკაპუნებით დაამატოთ ახალი, და თუ გსურთ ნახოთ.

ბლოკის შაბლონები. უჰ, სწორედ აქ არის ეს ხატი. და როდესაც მასზე დაკიდებით, ის ამბობს ბლოკის შაბლონებზე. და როდესაც მე დავდებ მასზე, ხედავთ ბლოკის ნიმუშებს, რომლებიც ახლა ექსპერიმენტს უკეთებენ. როდესაც თქვენ გადახვევით, თქვენ აპირებთ ნახოთ ის ბლოკის ნიმუში, რომელიც მე შევქმენი. და რაც ნამდვილად სისუფთავეა, ეს მინიატურული გადახედვის შედეგად წარმოქმნის.

და ამას აკეთებს დინამიურად. თქვენ გაქვთ გვერდების მშენებლობის ხელსაწყოები, რომლებიც ამას არ აკეთებენ. უჰ, და ეს ამარტივებს თქვენს ბლოკის შაბლონებს. ასე რომ, და ხედავთ აქ პირდაპირ ნათქვამია, რომ იგი ამბობს გმირი შაბლონით. ახლა თუ მე მსურს ამის გამოყენება სადმე ჩემს ვებსაიტზე, ეს არის მაუსის ერთი დაჭერით. შემდეგ კი არის ის. და მე მხოლოდ იმ ეტაპზე უნდა გავაკეთო, რომ დავიწყებ ტექსტების შეცვლას, ბმულების შეცვლა ღილაკებზე.

აქვე დააწკაპუნე და ვიდეოს შეცვლა შემიძლია. Ისე. ასე ხდება ბლოკის ნიმუშის შექმნა. ახლა ეს დიდი საქმეა, ვფიქრობ, რადგან რაც ხდება, თემაა. დეველოპერები და მოდულების შემქმნელები, ისინი შეძლებენ ამ ბლოკის შაბლონების შექმნას თქვენთვის, ასე რომ ეს იქნება უფრო სწრაფი, სწრაფი და უფრო მარტივი ვებგვერდის შექმნა, ბლოკ-სამშენებლო ინსტრუმენტის გამოყენებით, რომელსაც WordPress უკვე მოიცავს.

საყიდელი არაფერია, კოდი არ არის. არცერთი ეს არ არის და. რაც ამას კიდევ უფრო შორს მიაქვს. თქვენ ხედავთ, რამდენად ადვილია თქვენთვის საკუთარი ბლოკის შაბლონების შექმნა, ხოლო სიაში ნამდვილად ადვილია მისი ნახვა. დააჭირეთ ღილაკს და ის იქ ჩადებულია. ასე რომ, ახლა თქვენ იფიქრეთ იმაზე, თუ რამდენად ადვილია ვებგვერდის შექმნა, როდესაც თქვენ გაქვთ ბლოკის ნიმუშების საკუთარი ბიბლიოთეკა.

ასე რომ, თუ თქვენ ქმნით ვებსაიტებს კლიენტებისთვის და არ გსურთ გამოიყენოთ გვერდის შემქმნელის გამოყენება. თქვენ უბრალოდ გსურთ გამოიყენოთ ჩამონტაჟებული ბლოკის მშენებელი. თქვენ შეგიძლიათ შექმნათ შაბლონების საკუთარი ბიბლიოთეკა. თქვენ დაინახეთ, რამდენად ადვილია ეს. Მე შემიძლია გავაკეთო. შენ შეგიძლია ამის გაკეთება. აბა, თქვენ შეგიძლიათ შექმნათ ბლოკის ნიმუშების საკუთარი ბიბლიოთეკა, რომლის საშუალებითაც შეგიძლიათ გადაადგილდეთ საიტიდან საიტზე, და შეგიძლიათ აჩვენოთ თქვენს კლიენტს, თუ როგორ უნდა შექმნან ეს.

ახლა, ეს არ არის მხოლოდ გვერდებზე, ეს არის მხოლოდ შეტყობინებები და ის არ შემოიფარგლება მხოლოდ ის ერთი მონაკვეთით, რაც თქვენ ნახეთ. არსებითად შეგიქმნით გვერდზე. შეგიძლიათ გააკეთოთ ბლოკის ნიმუში. ასე რომ, თუ ბლოკის შემქმნელს იყენებთ მხოლოდ ბლოგის ფორუმზე, და არსებობს გარკვეული ელემენტები, რომელთა გამოყენება გსურთ ბლოგ პოსტზე განმეორებით, ბლოგის პოსტების განლაგების გასაუმჯობესებლად, ასევე, შეგიძლიათ შექმნათ ბლოკის ნიმუში ის.

და ეს მართლაც ადვილია. ერთი დაჭერით და შეგიძლიათ გამოიყენოთ იგი. სინამდვილეში, მთელი ბლოგის პოსტის შაბლონები. ასე რომ, თუ არსებობს ფორმულა, რომელსაც მიჰყევით ბლოგის პოსტის სექციებზე, შეგიძლიათ გააკეთოთ რომ მთელი ბლოგი ბლოკის შაბლონად განათავსოთ. რომ ერთი დაწკაპუნება გამოიყენოს და შემდეგ რაც მხოლოდ უნდა გააკეთოთ არის წერტილი, დააჭირეთ და შეცვალეთ.

ასე რომ, ბოლო რამ, სანამ აქ შევეხებით, ეს ახალი კონცეფციაა და მომავალი რამდენიმე თვის განმავლობაში უნდა ვიფიქროთ. ექსპერიმენტი ახლა. სულაც არ არის იეტი, იეტი. პრემიერ-მინისტრისთვის ეს ჯერ კიდევ არ არის მზად, რადგან თუ შეამჩნიე, ერთადერთი უარყოფითი, რაც მე დავინახე, ბლოგს უყურებ. ვხედავ, მე ისევ წავალ.

თუ თქვენ ათვალიერებთ ბლოკის შაბლონებს, ეს მხოლოდ უფრო მაღალი სტატიების ჩამონათვალია, სადაც უნდა გადაახვიოთ, ასე რომ მათ უნდა გააუმჯობესონ კატეგორიზაციისა და ორგანიზების პროცესი. შესაძლოა, მათ ჰქონდეთ რაიმე სახის ინტერფეისი, რომ ეს უფრო ვიზუალური და მარტივი იყოს მისთვის. თუ აპირებთ 50 განსხვავებულ ბლოკს.

შაბლონები. მათ უბრალოდ უნდა გაუმჯობესდეს ეს. და ზოგიერთი სინტაქსი კოდზე შეიძლება ცოტათი შეიცვალოს. ვინ იცის, როდის გამოვა ეს საბოლოოდ. მაგრამ ამ ვიდეოს მთელი აზრი მხოლოდ იმის გაჩვენებთ, თუ რა არის შესაძლებელი ძალიან, ძალიან მალე, ასე რომ თქვენ შეგიძლიათ დაიწყოთ. ფიქრობთ, თუ როგორ შეიძლება ეს ეხება თქვენს სამუშაო პროცესს და რას აკეთებთ, როგორც ვებსაიტის შემქმნელი.

ყოველ შემთხვევაში, ეს ყველაფერი მე მაქვს შენთვის ამ პოსტში. ვიმედოვნებ, რომ დააფასებთ WordPress- ს მომავალს მოწინავე იერს, ასე რომ, თუ ამ ვიდეოს დააფასებთ ან რაიმე მნიშვნელობას იპოვით, გაითვალისწინეთ, რომ მას თითებს ანიჭებთ და გაზიარეთ ეს ვიდეო, რათა ადამიანმა ნახოს რა ხდება კუთხეში..

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Like this post? Please share to your friends:
    Adblock
    detector
    map