HTML- ის WordPress- ში გადაყვანა (ნაბიჯ ნაბიჯ)


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


ამასთან, ეს არ ნიშნავს რომ სტატიკური HTML ვებსაიტები აღარ არსებობს. სინამდვილეში, HTML5, მარკირების ენის უახლესი გამეორება, ძალიან მძლავრია და საშუალებას გაძლევთ შექმნათ ხარისხიანი ვებსაიტები მათ უკან CMS- ის გარეშე..

მიუხედავად ამისა, WordPress- ის მზარდი საბაზრო წილი აჩვენებს, რომ უფრო და უფრო მეტი ადამიანი გადის პლატფორმაზე.

WordPress Market წილი 2019 წელს

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

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

Მოდი წავიდეთ.

Contents

3 გზა სტატიკური HTML– დან WordPress– ში გადასატანად

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

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

ა) ხელით გადაიყვანეთ HTML WordPress თემაზე

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

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

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

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

ბ) HTML– დან WordPress– მდე WordPress Child Theme– ის საშუალებით

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

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

გ) შიგთავსის იმპორტიდან HTML– დან WordPress– ის დანამატის გამოყენებით

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

ა) როგორ ხელით გადაიზარდოს HTML WordPress თემად

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

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

1. შექმენით თემა საქაღალდე და ძირითადი ფაილები

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

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

  • სტილი.css
  • index.php
  • header.php
  • sidebar.php
  • footer.php

მათთან ჯერ არაფერი გააკეთოთ, შეინახეთ ფაილები რედაქტორში. თქვენ დაგჭირდებათ მალე.

2. დააკოპირეთ არსებული CSS WordPress Style Sheet

ახლა დროა მოვამზადოთ WordPress სტილის ფურცელი (ფაილისტილი.css თქვენ უბრალოდ შექმენით) თქვენი ძველი საიტის CSS მასში კოპირებამდე. ამისათვის გახსენით ფაილი და ჩასვით შემდეგი:

/ *
თემის სახელწოდება: ოცდამეცამეტე
თემა URI: http://wordpress.org/themes/twentythirteen
ავტორი: WordPress გუნდი
ავტორი URI: http://wordpress.org/
აღწერა: WordPress- ის 2013 წლის თემა ბლოგიდან გვიბიძგებს, რომელშიც მოცემულია საფოსტო ფორმატის სრული დიაპაზონი, თითოეული მათგანი ულამაზესად გამოიყურება საკუთარი უნიკალური გზით. დიზაინის დეტალები მრავლადაა, დაწყებული ძლიერი ფერთა სქემით და სათაურის სურათების შესაბამისი სურათებით, ლამაზი ტიპოგრაფიითა და ხატებით, და მოქნილი განლაგებით, რომელიც მშვენივრად გამოიყურება ნებისმიერი მოწყობილობისთვის, დიდი თუ პატარა.
ვერსია: 1.0
ლიცენზია: GNU- ს ზოგადი საჯარო ლიცენზია v2 ან შემდეგ
ლიცენზიის URI: http://www.gnu.org/licenses/gpl-2.0.html
ტეგები: შავი, ყავისფერი, ფორთოხალი, რუჯის, თეთრი, ყვითელი, მსუბუქი, ერთ-სვეტი, ორ-სვეტი, მარჯვენა მხარეს, მოქნილი სიგანე, საბაჟო თავსართი, საბაჟო მენიუ, რედაქტორის სტილი, გამორჩეული სურათები, მიკროფორმები, პოსტ-ფორმატები, rtl ენაზე მხარდაჭერა, წებოვანი ფოსტა, თარგმანი მზად
ტექსტის დომენი: ოცდამეცამეტე

* /

ეს არის ე.წ სტილის ფურცლის სათაური (მნიშვნელოვანია: კომენტარის დატოვება არ დატოვეთ/*...*/ წარწერები!). შეავსეთ თითოეული ნაწილი ასე:

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

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

3. გამოყავით თქვენი არსებული HTML

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

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

html to wordpress მაგალითი გვერდზე

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





ვებგვერდის სათაური







ვებგვერდის სათაური

  • ნავი პუნქტი # 1
  • ნავი პუნქტი # 2
  • ნავი პუნქტი # 3

სტატიის სათაური

Lorem ipsum dolor sit to amet, consectetur adipiscing elit. არ არის საჭირო დროებითი დრო. Nunc vel vehicula ante. იხილეთ მეტი წიგნები, გაითვალისწინეთ მოზიდული ნამუშევარი. შემდეგ პერიოდში, თქვენ იცით,.

ქვეთავი

Lorem ipsum dolor sit to amet, consectetur adipiscing elit. არ არის საჭირო დროებითი დრო. Nunc vel vehicula ante. იხილეთ მეტი ელექტრონული ფოსტა, გაითვალისწინეთ ის, რომ თქვენ უნდა დაათვალიეროთ. ამ შემთხვევაში, თქვენ იცით, თუ გსურთ მიიღოთ ის. შექმენით თქვენი ტერმინები დროებით. ეს არის ულტრაბგერითი ულტრაბგერები. წააწყდით ფასილიტატს.

ქვეთავი

Lorem ipsum dolor sit to amet, consectetur adipiscing elit. არ არის საჭირო დროებითი დრო. Nunc vel vehicula ante. იხილეთ მეტი ელექტრონული ფოსტა, გაითვალისწინეთ ის, რომ თქვენ უნდა დაათვალიეროთ. ამ შემთხვევაში, თქვენ იცით, თუ გსურთ მიიღოთ ის. შექმენით თქვენი ტერმინები დროებით. ეს არის ულტრაბგერითი ულტრაბგერები. წააწყდით ფასილიტატს.

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

პირველი, გახსენით თქვენი მიმდინარე index.html (თქვენი HTML საიტის ძირითადი ფაილი). ამის შემდეგ, გაიარეთ თქვენი ახლადშექმნილი WordPress ფაილები და დააკოპირეთ შემდეგი მათში (ქვემოთ მოყვანილი მაგალითებია ჩემი მარკირება):

header.php

ყველაფერი თქვენი HTML ფაილის დასაწყისიდან ძირითადი შინაარსის არეალში (ჩვეულებრივ, ამაზე მითითებულია)

ან

) გადადის ამ ფაილში. ამის გარდა, მანამდე, სადაც ის ამბობს, ასლი და ჩასვით . ეს ძალიან მნიშვნელოვანია მრავალი WordPress დანამატის სწორად მუშაობისთვის.




ვებგვერდის სათაური






ვებგვერდის სათაური

  • ნავი პუნქტი # 1
  • ნავი პუნქტი # 2
  • ნავი პუნქტი # 3

sidebar.php

ყველაფერი, რაც განეკუთვნება განყოფილებას

ამის შემდეგ თქვენ კეთდება index.html და შეუძლია დახუროს იგი. შეინახეთ ყველა სხვა ფაილი თქვენს თემის საქაღალდეში და დახურეთ მათ გარდა header.php და index.php. კიდევ ბევრი საქმე გაქვთ გასაკეთებელი მათთან.

4. “WordPressify” Header.php და Index.php

სათაურისთვის, დარჩენილი ყველაფერი არის შეცვალოს ზარის სტილი ფურცლის HTML– დან WordPress ფორმატში. ამისათვის მოიძიეთ არსებული ბმული განყოფილება. ეს შეიძლება ასე გამოიყურებოდეს:

შეცვალეთ იგი შემდეგი:

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




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

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


ახლა, დაზოგე index.php შეიტანეთ ფაილი და დახურეთ. კარგად გააკეთე! თქვენი ძირითადი თემა მზად არის. ახლა შეგიძლიათ დაამატოთ ის თქვენს ახალ WordPress საიტზე.

5. შექმენით ეკრანის ანაბეჭდი და ატვირთეთ თემა

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

ამისათვის გახსენით არსებული საიტი ბრაუზერში და მიიღეთ სასურველი სურათი. ამის შემდეგ, გახსენით თქვენი არჩევანის სურათის რედაქტირების პროგრამა და გადაიტანეთ იგი 880 × 660 პიქსელამდე. შეინახეთ როგორც screenshot.png და დაამატეთ იგი თქვენს თემის საქაღალდეში. ახლა თქვენ მზად ხართ ატვირთოთ თქვენი თემა.

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

პირველი ვარიანტი არის zip ფაილის შექმნა მისგან. ამის შემდეგ, გადადით თქვენს WordPress საიტზე და შემდეგ გამოჩენა> თემები. აქ დააჭირეთ Ახლის დამატება ზედა და შემდეგ თემის ატვირთვა.

გადაკეთებული თემის ატვირთვა

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

ალტერნატიულად, თქვენ შეგიძლიათ დაუკავშირდეთ თქვენს სერვერს FTP საშუალებით (ან უბრალოდ გადადით თქვენს მყარ დისკზე ადგილობრივ დირექტორიაში) და ნავიგაცია wp-შინაარსი / თემები. შემდეგ, ატვირთეთ თქვენი (გაუქმებული) თემის საქაღალდე იქ. ამის შემდეგ გააქტიურეთ თემა იგივე ადგილიდან, როგორც ადრე.

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

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

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

ბ) HTML– დან WordPress– მდე WordPress Child Theme– ის საშუალებით

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

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

1. შეარჩიეთ შესაფერისი თემა

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

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

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

2. შექმენით ახალი საქაღალდე

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

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

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

3. შექმენით სტილის ფურცელი

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

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

/ *
თემის სახელწოდება: ოცი თხუთმეტი ბავშვი
თემა URI: http://example.com/twenty-fifteen-child/
აღწერა: ოცდახუთმეტი ბავშვის თემა
ავტორი: ჯონ დო
ავტორი URI: http://example.com
შაბლონი: ოცდახუთმეტი
ვერსია: 1.0.0
ლიცენზია: GNU- ს ზოგადი საჯარო ლიცენზია v2 ან შემდეგ
ლიცენზიის URI: http://www.gnu.org/licenses/gpl-2.0.html
ტეგები: მსუბუქი, მუქი, ორ – სვეტი, მარჯვენა – გვერდიანი ზოლი, საპასუხო – განლაგება, წვდომისათვის მზად
ტექსტის დომენი: ოცდახუთმეტი ბავშვი
* /

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

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

4. შექმენით Functions.php და მემკვიდრეობის მშობელთა სტილები

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

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

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

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

ფუნქცია child_theme_enqueue_styles ()

$ mother_style = 'მშობელთა სტილი';

wp_enqueue_style ($ mother_style, get_template_directory_uri (). '/style.css');
wp_enqueue_style ("ბავშვის სტილი"),
get_stylesheet_directory_uri (). '/style.css',
მასივი ($ mother_style),
wp_get_theme () -> მიიღეთ ('ვერსია')
);
}
add_action ('wp_enqueue_scriptts', 'child_theme_enqueue_styles');

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

5. გააქტიურეთ ბავშვის თემა

ამ ეტაპზე, ბავშვის თემა მზად არის გააქტიურდეს.

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

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

6. შეცვალეთ დიზაინი

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

მაგალითად, პირველი, რაც გამოირჩევა, არის ის, რომ ჩვენი WordPress თემა დასძენს ადგილს ზემოთ და ქვემოთ მოცემულ ქვედა გვერდზე, რომელიც ჩვენს HTML საიტს არ აქვს.

html to wordpress ბავშვთა თემების მაგალითის გვერდი

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

სხეული
ზღვარი: 0;
}

შემდეგ, ჩვენ იგივე გავაკეთებთ ჩემს ახალ WordPress თემასთან, სადაც ამ სტილებს ვიპოვით:

სხეული. ადგილი {
margin-top: 48px;
ზღვარი-ზევით: 3.428571429rem;
ზღვარი-ქვედა: 48px;
ზღვარი-ქვედა: 3.428571429rem;
}

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

სხეული. ადგილი {
ზღვარი: 0 ავტო;
}

დაზოგვის შემდეგ, WordPress თემას აქვს მასში გამოყენებული ახალი სტილები:

html to wordpress ბავშვთა თემის რედაქტირებული მაგალითის გვერდზე

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

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

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

გ) შიგთავსის იმპორტიდან HTML– დან WordPress– ის დანამატის გამოყენებით

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

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

1. დააინსტალირეთ იმპორტის მოდული

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

html to wordpress იმპორტის მოდული

2. იმპორტის მომზადება

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

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

ფაილები

html to WordPress იმპორტის ფაილები

ამ ეკრანის კონფიგურაცია შემდეგნაირად:

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

შინაარსი

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

html to wordpress იმპორტის შინაარსი

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

, თქვენს მიერ შეყვანილი ინფორმაცია იქნება დივ, იდ და მთავარი.

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

სათაური და მეტამონაცემები

html to WordPress იმპორტის სათაური და მეტამონაცემები

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

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

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

საბაჟო ველები

html to WordPress იმპორტის პერსონალური ველები

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

კატეგორიები და წარწერები

html to WordPress იმპორტის კატეგორიები და ტეგები

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

იარაღები

html to wordpress იმპორტის ინსტრუმენტები

ეს ეკრანი ჩამოთვლის უამრავ სასარგებლო ინსტრუმენტს HTML– დან WordPress– ში წარმატებით შემოტანისთვის.

3. დაიწყეთ იმპორტი

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

hpml, WordPress იმპორტისთვის

(შენიშვნა: აქ ასევე შეგიძლიათ მიიღოთ აქ ინსტრუმენტები> იმპორტი და შემდეგ კრეფა იმპორტი გაუშვით ქვეშ HTML ვარიანტი.)

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

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

დამატებითი ნაბიჯები

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

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

html– ის შემდეგ შეამოწმეთ პერმანენტული კავშირები WordPress იმპორტისთვის

მის შესაცვლელად, დააჭირეთ ღილაკს რედაქტირება მარჯვნივ, შეცვალეთ URL- ზე თქვენი არჩევანი და დააჭირეთ Კარგი.

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

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

თქვენ წვდით მას FTP– ს საშუალებით, შესაძლოა, თქვენ უნდა ჩართოთ ფარული ფაილების ნახვა, როგორც ეს არ ჩანს ნაგულისხმევი. შემდეგ შეცვალეთ .htaccess და შეიტანეთ წესები.

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

წარმატებით გადაიტანეთ HTML– დან WordPress– ში?

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

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

  • WordPress- ის ინდივიდუალურად გადაადგილება
  • თქვენი საიტის გადატანა HTTP- დან HTTPS- ზე
  • დაამატეთ პერსონალური შრიფტები WordPress- ზე
  • დააჩქარეთ თქვენი WordPress ვებსაიტები
  • დაამატეთ საკონტაქტო ფორმა თქვენს WordPress საიტზე

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

გადაიტანეთ თქვენი საიტი HTML– დან 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