რატომ გჭირდებათ WordPress ბავშვის თემა?

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

თუ ეს უკვე მეორედ უყურებთ WordPress-ს და მესამედ წააწყდით თემის განახლებას, წაიკითხეთ.

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

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

მე მოვახერხე მისი პოვნა WordPress-ის ურნებში Twenty Twelve თემის ძველი ვერსიით. მაგალითად გამოვიყენებ.

1. შექმენით საბავშვო თემის საქაღალდე:

mkdir wp-content/themes/twentytwelve-child

2. თემის მუშაობისთვის საჭიროა ორი ფაილი:

• სტილი.css
• ფუნქციები.php

მოდით შევქმნათ ისინი:

შეეხეთ wp-content/themes/twentytwelve-child/style.css
შეეხეთ wp-content/themes/twentytwelve-child/fnctions.php

3. თემის სახელი დაყენებულია style.css-ში. style.css-ის მინიმალური კოდი:

/* თემის სახელი: Twenty Twelve Child შაბლონი: twentytwelve ავტორი: WordPress გუნდი ვერსია: 1.0 ტექსტის დომენი: twentytwelve-child */ @import url("../twentytwelve/style.css")

ბოლო ხაზი იტვირთება სტილები დედა თემიდან.

ამ ეტაპზე, თემა ჩნდება თემების სიაში WordPress-ის ადმინისტრატორის ზონაში და ასე გამოიყურება:

დააკოპირეთ screenshot.png დედა თემიდან გამოსახულების გამოსაჩენად. სურვილის შემთხვევაში შეგიძლიათ მისი რედაქტირება:

cp wp-content/themes/twentytwelve/screenshot.png wp-content/themes/twentytwelve-child/

ახლა თემების სია ასე გამოიყურება:

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

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

სტანდარტული თემა ასე გამოიყურება:

მოდით, ცოტა შევცვალოთ სიცხადისთვის. დავაკოპირე header.php ფაილი დედა თემიდან, შევცვალე მენიუს ჩვენება მასში (სათაურის ზემოთ) და წავშალე ბლოგის აღწერილობის ჩვენება. ამავე დროს, ორიგინალური header.php ხელუხლებელი დარჩა. ასე აღმოჩნდა:

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

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

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

შეეხეთ wp-content/themes/twentytwelve-child/custom.css

დაამატეთ კოდი spoiler.site-დან მასში:

საიტი (ზღვარი: 0 ავტომატური; მაქსიმალური სიგანე: 90%; გადინება: დამალული; )

სამწუხაროდ, @import url დირექტივა მხოლოდ ერთხელ მუშაობს style.css ფაილში, ასე რომ თქვენ ვერ შეძლებთ მეორე სტილის ფაილის ჩართვას.

WordPress-ში სტილები ჩართულია wp_enqueue_style() ფუნქციის გამოყენებით functions.php ფაილში.

შექმენით პირველი მორგებული ფუნქცია ბავშვის თემის functions.php-ში, რომელიც დააბრუნებს ბავშვის თემის საქაღალდეს ან uri-ს:

ფუნქცია get_child_template_directory_uri() ( return dirname(get_bloginfo("stylesheet_url")); )

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

ახლა ჩვენ ვუკავშირდებით custom.css-ს:

ფუნქცია child_styles() ( wp_enqueue_style("twentytwelve-child-style", get_child_template_directory_uri() . "/custom.css"); ) add_action("wp_enqueue_scripts", "child_styles",12);

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

ვფიქრობ, არ არის საჭირო იმის ახსნა, თუ რატომ უნდა დაიწყოს functions.php ფაილი

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

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

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

(ეწვია 1223-ჯერ, 1 ვიზიტი დღეს)

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

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

WordPress-ის დაყენება: თქვენ შეიძლება არასწორად აკეთებდეთ ამას

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

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

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

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

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

რა არის საბავშვო თემები და როგორ გამოვიყენოთ ისინი?

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

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

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

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

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

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

ბავშვის თემების უპირატესობები

ბავშვის თემას უამრავი უპირატესობა აქვს:

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

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

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

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

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

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

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

ბავშვის თემის ძირითადი დაყენება

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

შენიშვნა:

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

საქაღალდის შექმნა wp-content/themes-ში

როგორც აღვნიშნეთ, ბავშვის თემას სამი რამ სჭირდება: საკუთარი საქაღალდე, stylesheets და functions.php ფაილი. ჩვენ დავიწყებთ ფოლდერით.

ნებისმიერი სხვა თემის მსგავსად, საბავშვო თემები გვხვდება თქვენი WordPress ინსტალაციის wp-content/themes საქაღალდეში. მოდით წავიდეთ იქ და შევქმნათ ახალი საქაღალდე თქვენი ბავშვის თემისთვის.

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

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

სტილის ფურცლების შექმნა

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

სტილის ფურცლის შექმნა მარტივია: უბრალოდ შექმენით ახალი ტექსტური ფაილი და დაარქვით style.css. მზადაა! თუმცა, იმისათვის, რომ ის იმუშაოს, ჩვენ უნდა ჩავსვათ შემდეგი კოდი, რომელსაც ეწოდება "stylesheet header", ფაილის დასაწყისში (კოდი არის WordPress Codex):

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

აი, რას ნიშნავს თითოეული ხაზი:

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

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

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

/* თემის სახელი: Twenty Fifteen Child Theme აღწერა: Twenty Fifteen ნაგულისხმევი WordPress თემის საბავშვო თემა ავტორი: AndreyEx შაბლონი: twentyfifteen ვერსია: 1.0.0 */

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

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

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

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

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

Functions.php ფაილის შექმნა

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

მოკლედ, functions.php შეიცავს კოდს, რომელიც ფუნდამენტურად ცვლის ვებსაიტის იერსახეს.

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

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

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

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

შაბლონის ფაილებთან მუშაობა

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

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

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

ჩვენი მორგებული გვერდის შაბლონისთვის, ჩვენ უბრალოდ დავაკოპირებთ page.php ფაილს საწყისი თემიდან, გადავარქმევენ მას custom-full-width.php და განვათავსებთ საქაღალდეში, სახელწოდებით page-templates ჩვენს ბავშვის თემაში.

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

ერთადერთი, რაც აქ გავაკეთეთ, არის სათაური, რომელიც ეუბნება WordPress-ს, რომ ეს არის გვერდის შაბლონი, სადაც ჩვენ შევცვალეთ get_header და get_footer ისე, რომ ისინი შეიცავენ ორ ფაილს სახელწოდებით header-custom.php და footer-custom.php.

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

ახლა დროა შევქმნათ ჩვენი მორგებული სათაური და ქვედა კოლონტიტული თემის ფაილში. პირველ რიგში, გადადით მშობლის თემაში და დააკოპირეთ header.php და footer.php ბავშვის თემის საქაღალდეში და გადაარქვით მათ სახელი header-custom.php და footer-custom.php, შესაბამისად.

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

კიდევ ერთხელ, ჩვენ დავაკოპირებთ footer.php ფაილს ოცდათხუთმეტი მშობლის თემიდან და ჩასვით მას ჩვენი ბავშვის თემაში. თუმცა ამჯერად მის სახელს ასე დავტოვებთ.

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

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

სხვა შაბლონის ფაილების რედაქტირება

CSS-ისა და ფუნქციების ცვლილებების გარდა, თქვენ შეგიძლიათ სტრუქტურული ცვლილებები შეიტანოთ თქვენს თემაში შაბლონის php ფაილების რეგულირებით. ეს უნდა გაკეთდეს სიფრთხილით, მაგრამ ეს საშუალებას გაძლევთ დააკონფიგურიროთ თემის ნებისმიერი ნაწილი. Functions.php ფაილის რედაქტირებისგან განსხვავებით, სადაც ორიგინალური თემის ფუნქციები ავტომატურად იმპორტირებულია, როდესაც თქვენ არედაქტირებთ ბავშვის თემის შაბლონის ფაილებს, ისინი მთლიანად ცვლიან შაბლონებს მთავარ თემაში. მშობელი თემის ფაილი იგნორირებულია და მის ნაცვლად გამოიყენება ახალი (ბავშვის თემიდან). პირველი რაც უნდა გავაკეთოთ არის ძველი ფაილის ხელახლა შექმნა, სანამ მის შეცვლას დავიწყებთ. ამისათვის უბრალოდ დააკოპირეთ შაბლონის ფაილი საწყისი თემიდან და ჩასვით ბავშვის თემის საქაღალდეში. მაგალითად, თუ გვსურს შევცვალოთ შაბლონის ფაილი საიტის სათაურისთვის (header.php), ჩვენ უბრალოდ ვაკოპირებთ მას /wp-content/themes/sebweo/-დან და ჩავსვით /wp-content/themes/sebweo-child/. (შეცვალეთ საკუთარი გზით!)

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

ბავშვის თემის უპირატესობები და უარყოფითი მხარეები

WordPress ბავშვის თემის გამოყენების უპირატესობები

უსაფრთხო განახლება:

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

ადვილად გაფართოებადი:

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

სარეზერვო ასლი:

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

WordPress ბავშვის თემის გამოყენების უარყოფითი მხარეები

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

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

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

რატომ გჭირდებათ ბავშვის თემა?

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

რა არის WordPress ბავშვის თემა

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

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

WordPress ბავშვის თემის შექმნა – პრაქტიკული მაგალითი

შეგახსენებთ, რომ სისტემის ყველა თემა განთავსებულია wp-content/themes დირექტორიაში. შემდეგი ნაბიჯ-ნაბიჯ.

• wp-content/themes დირექტორიაში შექმენით საქაღალდე ბავშვის თემისთვის მორგებული სახელით. მაგალითად, მე ვქმნი საქაღალდეს: first-child-theme. სახელი თვითნებურია, მალე დასჭირდება.
• თქვენს საყვარელ ტექსტურ რედაქტორში (მე ვიყენებ Notepad++), შექმენით ტექსტური ფაილი css გაფართოებით და სახელის სტილით. ჩვენ არ ვცვლით სახელს, მაგრამ ფაილის შინაარსი უნდა შეიცავდეს მხოლოდ სათაურს:

/* თემის სახელი: პირველი ბავშვის თემა თემის URI: http: //domen.ru/ აღწერა: ბავშვის თემის შექმნა ავტორი: იგორ სეროვი ავტორი URI: http: //საიტის თარგი: zeefocus */

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

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

თემა ისევ ცარიელია და საჭიროებს შევსებას და გააქტიურებას. შეგიძლიათ პირიქით გააკეთოთ: გააქტიურეთ და შემდეგ შეავსეთ.

როგორ შევავსოთ ბავშვის თემა

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

თემის დუბლირებისთვის აირჩიეთ ორი ვარიანტიდან:

• დააკოპირეთ მშობელი style.css ფაილი და გადაიტანეთ იგი მსგავს საბავშვო თემის ფაილში (ამჟამად მხოლოდ ერთია).
• ან ბავშვის თემის style.css ფაილში დაამატეთ დამატებითი ხაზი:

@import url(“../zeefocus/style.css“);

სად, zeefocus არის მთავარი, მშობელი თემა.

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

არ დაგავიწყდეთ იმპორტის ფუნქციის ამოღება style.css ფაილის სათაურიდან.

სხვა თემატური ფაილები

ისევ ორი ​​ვარიანტი

• ვქმნით ცარიელ ფაილებს მსგავსი სახელებით ცარიელი შინაარსით: () და ვწერთ საჭიროებისამებრ;
• ან, უფრო მარტივად, ძირითადი თემის ფაილებს გადავიტანთ ბავშვის თემაში და საჭიროებისამებრ ვასწორებთ მათ.

ბავშვთა თემის დანამატები

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