ნაბიჯ ნაბიჯ სახელმძღვანელო გუტენბერგის აღმაშენებლისთვის WordPress- ისთვის

ნაბიჯ ნაბიჯ სახელმძღვანელო გუტენბერგის აღმაშენებლისთვის WordPress- ისთვის

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


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

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

ალბათ სცადეთ მრავალჯერადი სვეტის დამატება და ყველაფერი ისე არ გამოვიდა, როგორც მოსალოდნელი იყო. თუ ეს ასე არ არის, იქნებ თქვენ ვერ დაამატეთ თქვენი PDF ფაილები მარტივად, ან საშინლად ხედავთ შეშინებულ “განახლებას ვერ” შეტყობინებას..

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

Contents

რა არის გუტენბერგის რედაქტორი?

wordpress გუტენბერგის რედაქტორი

თქვენ ათვალიერებთ გუტენბერგს, ნაგულისხმევი WordPress ბლოკის რედაქტორს

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

და, ისევე როგორც ბევრ სხვა მომხმარებელს, გინდა რევოლუციური რედაქტორის გამოყენება, მაგრამ უყოყმანო ხარ, რადგან გუტენბერგი რთულია.

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

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

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

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

რა არის გუტენბერგი?

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

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

რამდენიმე დამატებასთან ერთად, გუტენბერგს შეუძლია კონკურენცია გაუწიოს WordPress– ის დამკვიდრებულ გვერდებზე შექმნას, როგორიცაა Brizy, Elementor და Divi.

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

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

Მზად ხარ? თუ ასეა, მოდით შევქმნათ WordPress- ის პოსტი.

როგორ შევქმნათ WordPress Post გუტენბერგთან

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

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

გუთენბერგში ახალი პოსტის შექმნა

ამით პირდაპირ მიგიყვებით ქვემოთ მოცემულ გუტენბერგის რედაქტორზე.

wordpress გუტენბერგის რედაქტორი

ლამაზი სისულელეა, არა? მოდით, ჩვენ ჩამოვეხვიოთ ეს ყდის ბალიშები და წამოვედით ბიზნესში.

სათაურის დამატება

გუთენბერგში ახალი ტიტულის დამატება

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

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

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

რედაქტირება post permalink in Gutenberg

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

ახალი პუნქტის დამატება

ახალი აბზაცი ბლოკი გუტენბერგში

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

ახალი პუნქტის ბლოკი პარამეტრები გუტენბერგი

შენიშვნები. Შენ შეგიძლია:

  1. გადააკეთეთ ახალი პუნქტის ბლოკი სხვა ბლოკად, მაგალითად, სურათი, სასაქონლო, საფარი, გალერეა, WooCommerce, ფორმა და ა.შ..
  2. გამოიყენეთ მალსახმობი, რომ აბზაცების ბლოკი სურათის ბლოკად გადააკეთოთ
  3. აბზაცების ბლოკი გადააკეთეთ სასაქონლო ბლოკში, ანუ H2, H3 და H4
  4. აბზაცების ბლოკი გადააკეთეთ გარეკანის ბლოკად

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

გუტენბერგის აბზაცის ფორმატირების პანელი

ფორმატის პანელის ფორმატის წყალობით, შეგიძლიათ:

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

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

გუთენბერგის გვერდითი ხაზების პარამეტრები აბზაცების ბლოკისთვის

რამდენიმე შენიშვნა ზემოთ მოცემულ სურათთან დაკავშირებით:

  1. Აირჩიე დაბლოკვა დააჭირეთ აქ ყველა ბლოკის ვარიანტს და პარამეტრს
  2. აირჩიეთ შრიფტის ზომა და აქვე ჩართეთ Drop Cap
  3. დაამატეთ ფონის ფერი თქვენს აბზაცში. ილუსტრაციის მიზნით მას ცისფერი გავუწოდე. ასევე შეგიძლიათ ტექსტის ფერის მორგება. ორივე შემთხვევაში შეგიძლიათ დაამატოთ შეუზღუდავი საბაჟო ფერები
  4. აქ შეგიძლიათ დაამატოთ პირადი CSS კლასი, ანუ თქვენ შეგიძლიათ დაამატოთ დამატებითი CSS სტილი თქვენს ბლოკში
  5. ცისფერი ფონი და Drop Cap უკვე მიმართეს გუტენბერგის რედაქტორში

დოკუმენტის ჩანართი გვერდით

გვერდითა მენიუში კიდევ ერთი ჩანართია; დოკუმენტი ჩანართი, როგორც ნაჩვენებია ქვემოთ.

აბზაცის ბლოკის გვერდითი დოკუმენტის ჩანართი

აქ მოცემულია შენიშვნები ზემოთ მოყვანილი სურათისთვის:

  1. დააჭირეთ აქ, რომ გადახვიდეთ დოკუმენტი ჩანართი
  2. აქ შეგიძლიათ დანიშნოთ პოსტი, დააყენოთ ხილვადობა პირადი ან საზოგადო, მითითებული პოსტი ელოდება მიმოხილვას სტატუსი, აირჩიეთ პოსტის ფორმატი და შექმენით წებოვანი პოსტი
  3. განყოფილება საშუალებას გაძლევთ შეცვალოთ თქვენი პერმული ბმული
  4. აქ შეგიძლიათ აირჩიოთ ან შექმნათ ახალი კატეგორიები
  5. დაამატეთ თქვენი ჩანაწერები
  6. მითითებული გამოსახულების დაყენება
  7. შექმენით სახელმძღვანელო ნაწყვეტი
  8. ნებადართულია კომენტარები, პინგბეკები და ბმულები

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

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

სურათების დამატება გუტენბერგში

გუტენბერგში ახალი სურათის დამატება

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

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

გუთენბერგის რედაქტორში ახალი სურათის დამატება

რამდენიმე ნოტი:

  1. თქვენ შეგიძლიათ დაამატოთ სურათი პლუს (+) ხატების საშუალებით
  2. აქ მარტივად შეგიძლიათ დაამატოთ სურათი
  3. ეს ვარიანტი საშუალებას გაძლევთ დაამატოთ ა საფარი სურათი (ეს, როგორც წესი, უფრო დიდია, ვიდრე სხვა ფოტოები. გარდა ამისა, შეგიძლიათ დაამატოთ ტექსტი გარეკანზე, BTW).

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

სურათების დამატება გუტენბერგში

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

გუტენბერგის გამოსახულების ბლოკი

 გამოსახულება ბლოკი საშუალებას გაძლევთ ატვირთოთ სურათი ან დაამატოთ ის URL ან მედია ბიბლიოთეკა. ამ პროცესში, თქვენ შეგიძლიათ დაამატოთ alt ტექსტი (მნიშვნელოვანია SEO- სთვის), სათაური და აღწერა მედიის ეკრანის პარამეტრების მეშვეობით დაბლოკვა როგორც გვერდი, როგორც ეს მოცემულია შემდეგ სურათებში.

ჩვეულებრივი მედია პარამეტრები…

wordpress media პარამეტრები

…და გამოსახულება ბლოკის პარამეტრები.

გუტენბერგის გამოსახულების ბლოკის პარამეტრები

დღეს რამეს სწავლობ? Ვიმედოვნებ. გადავიდეთ.

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

როგორ დავამატოთ გადმოტვირთვის ფაილები, მაგ. PDF, სურათები, ვიდეო და ა.შ.

გუტენბერგი წარმოუდგენლად მარტივია თქვენი ფაილების WordPress- ის გვერდზე ან გადმოტვირთვის ფაილების დამატება.

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

გადმოტვირთვის ფაილების დამატება გუტენბერგში

ამით იწყებს შემდეგ ბლოკს:

გუტენბერგის ფაილური ბლოკი

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

ფაილის დამატება გუტენბერგში

შეგიძლიათ ირგვლივ შეარჩიოთ პარამეტრები. მაგალითად, შეგიძლიათ შეცვალოთ / წაშალოთ “უფასო გუტენბერგის PDF ჩამონათვალი”სათაური, აგრეთვე გადმოწერა ღილაკი. თქვენ შეგიძლიათ დაამატოთ CSS კლასი ბლოკში და შეასრულოთ ის სტილი, სადაც გსურთ.

ციტატის დამატება გუტენბერგში

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

ციტატების დამატება გუტენბერგში

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

გუტენბერგის ციტირების ბლოკის პარამეტრები

ყურადღება მიაქციეთ ციტირების ბლოკის პარამეტრებს მარჯვენა მხარეს, მარცხენა მხარეს?

თქვენი ციტირების დასამატებლად ჩაწერეთ ბლოკი შიგნით. ეს არის ჩემი შედეგი.

გუტენბერგის ციტირება

წარმოუდგენლად გამოიყურება, მართალია?

გუთენბერგში მედიასაშუალებების დამატება

გუტენბერგს აქვს რამდენიმე ბლოკი, რომ ჩართოს ვიდეო და სხვა მედია 30+ საიტებიდან, როგორიცაა YouTube, Vimeo, Facebook, SoundCloud, WordPress, Slideshare და ა.შ..

შინაარსის ჩასატარებლად, დააჭირეთ პლიუს (+) ხატულას, გადადით ნავიგაციაზე ჩანართები, და აირჩიე საიტი. მაგალითად, მინდოდა YouTube, როგორც ქვემოთ მოცემულია.

gutenberg youtube embed

შემდეგი, დააკოპირეთ YouTube ვიდეოს URL და დააჭირეთ ღილაკს ჩადეთ ღილაკი, როგორც ეს მოცემულია ქვემოთ მოცემულ სურათში.

gutenberg youtube embed block

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

ჩადეთ youtube ვიდეო გუთენბერგში

გლუვი მცურავი მთელი გზა. მოდით, დავამატოთ ცალკეული ღილაკი, რომელიც იდეალურია სამოქმედო ზარის შესაქმნელად (CTA).

როგორ დავამატოთ ღილაკი გუტენბერგში

ამ ეტაპზე ბლოკების დამატება არ გჭირდებათ. უბრალოდ დააჭირეთ პლიუსს (+) და შეარჩიეთ ბლოკი. ამაზე ადვილი ვერ იქნება.

ასე რომ, როგორ დავამატოთ ღილაკი?

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

ღილენბერგის რედაქტორში ღილაკების დამატება

ამით მიგვიყვანს ღილაკი დაბლოკეთ, როგორც ქვემოთ მოცემულია.

ღილენბერგის რედაქტორში ღილაკების დამატება

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

რამოდენიმე დაწკაპუნების შემდეგ, აი ის, რაც მე მივიღე.

გუტენბერგის ღილაკის მაგალითი

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

როგორ დავამატოთ სვეტები გუტენბერგში

მშვენიერი ღილაკით, მოდით დავამატოთ რამდენიმე სვეტი. მე დავამატებ ორ სვეტს, ასე რომ ყურადღებით მიყევით.

აქ რა უნდა გააკეთოთ დააჭირეთ პლუს (+) ხატულას, გადაადგილდით განლაგების ელემენტები დააჭირეთ ღილაკს Სვეტები ჩანართი, როგორც ჩანს ქვემოთ მოცემულ სურათში.

სვეტების tab gutenberg რედაქტორი

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

გუტენბერგის სვეტები wordpress რედაქტორში

რომელიც მე მაწვდის:

გუტენბერგის სვეტები frontend

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

არსებობს ამის ბლოკი? Დიახ აქ არის!

როგორ დავამატოთ სურათი გუტენბერგში ტექსტის გვერდით

გსურთ დაამატოთ გამოსახულება რამდენიმე ტექსტის გვერდით? თუ ასეა, მოგწონთ შემდეგი განყოფილება.

ჩვეულებისამებრ, დააჭირეთ პლიუს (+) ხატულას, გადაადგილდით განლაგების ელემენტები და დააჭირეთ მედია და ტექსტი როგორც ქვემოთაა ნაჩვენები.

მედია და ტექსტი გუტენბერგის ბლოკი

უნდა ნახო მედია და ტექსტი ბლოკი, როგორც ქვემოთ მოცემულია.

მედია და ტექსტური ბლოკი გუტენბერგში

შემდეგი, ატვირთეთ თქვენი სურათი / ვიდეო / მედია ან დაამატეთ ერთი მედია ბიბლიოთეკიდან. ამის შემდეგ, დაამატეთ თქვენი ტექსტი მედიის გვერდით, როგორც ეს მოცემულია ქვემოთ მოცემულ სურათში.

მე ვითამაშე გარშემო მედია და ტექსტი ბლოკი და შემდეგ მივედი შემდეგი. გაითვალისწინე; აქვე მოვახერხე ღილაკის დაჭერა

მედია და ტექსტური ბლოკი სრული მოქმედებით

ოჰ, ეს უკანა მხარეა! ნება მიბოძეთ წინა-ბოლოს დავანახო. Აქ:

მედიის ტექსტური ბლოკი გუტენბერგში

ძალიან პროფესიონალურად გამოიყურება, არა? თქვენ წარმოიდგინეთ, რამდენს მიაღწევთ გუტენბერგის რედაქტორთან.

მესამე მხარის გუტენბერგის ბლოკი

WordPress- ის შემქმნელებს სურთ, რომ თემები და მოდულები შეუთავსონ გუტენბერგის რედაქტორს. რამდენიმე მაგალითი მოიცავს WooCommerce, Jetpack და Yoast SEO.

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

შემდეგი, ახალი ხაზით, დააჭირეთ პლიუს (+) ხატულას, გადაადგილდით WooCommerce და აირჩიე რომელი ბლოკი გსურთ, როგორც ქვემოთ მოცემულია.

woocommerce gutenberg ბლოკები

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

სხვა შესანიშნავი ბლოკები

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

სხვათა შორის, აქ მოცემულია სხვა ხელმისაწვდომი ბლოკების სია.

  • ვიჯეტები – თქვენ შეგიძლიათ დაამატოთ შინაარსი თქვენი ვიჯეტიდან ბლოგ პოსტებში
  • მოკლე კოდები – თქვენ კვლავ შეგიძლიათ გამოიყენოთ WordPress- ის მოკლემეტრიანი კოდი
  • კლასიკური – დიდი ბლოკი, რომელიც შეიცავს თქვენს ძველ შინაარსს
  • მეტი – ბლოკს ადრე ერქვა სახელი Წაიკითხე მეტი ჭდე
  • გვერდის შესვენება, გამყოფი, განცალკევები
  • ინდივიდუალური HTML, Pullquote, ცხრილი
  • გალერეა და HTML5 აუდიო / ვიდეო
  • და ასე უფრო მეტად, თქვენს მიერ გამოყენებული თემებისა და მოდულების მიხედვით

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

სწრაფი გუტენბერგის ჰაკები და კლავიშთა მალსახმობები

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

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

gutenberg backlash მალსახმობი

კლავიშთა მალსახმობები: ყველა არსებული მალსახმობის სანახავად დააჭირეთ ღილაკს SHIFT + ALT + H Windows- ში და OPT + CTRL + H მაკში.

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

გუტენბერგის დოკუმენტის სტრუქტურა

ლამაზი. ზედმეტად გლუვი.

ო, და სხვათა შორის, “განახლება ვერ მოხერხდა” შეცდომა, ჩვეულებრივ, ხდება ურყევი ინტერნეტ-კავშირის გამო


მე და შენ შორის, გუტენბერგი არის ფანტასტიკური შინაარსის რედაქტორი. იმ პირობით, თუ თქვენ გინდათ ისწავლოს თოკები; თქვენ შეგიძლიათ ბევრი რამ მოიტანოთ მომავლის 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