Robimo შაბლონი WordPress-ისთვის psd-ით. WordPress-ისთვის მარტივი თემების შექმნა. აირჩიეთ ფუნქციონალური შაბლონი

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

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

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

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

დოკუმენტის შექმნა.

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

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

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

ჯგუფური შაბლონისთვის.

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

ვებსაიტის სათაური.

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

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

ახლა აირჩიეთ " გაზიარება - ახალი - კოპირება ახალ გაზიარებაზე" ახლა ჩვენ ვიღებთ ბურთს დათვთან ერთად და გადავათრევთ ჩვენს პატარაზე.

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

ახლა ჩვენ უნდა გავზარდოთ ჩვენი გამოსახულების ინტენსივობა და ამისათვის გადავდივართ ჩანართზე გამოსახულება - კორექტირება - ტონი / გაჯერება. ახლა ჩვენ უნდა შევცვალოთ სურათის სიკაშკაშე -100-მდე. I ღერძი, რომელშიც ჩვენ ვართ დამნაშავენი:

ახლა მოდით დავწეროთ ჩვენი ლოგო საიტისთვის. ამისათვის ჩვენ უნდა დავაყენოთ ახალი შრიფტი. მგონი უკვე გადმოწერე ფაილი გამომავალი მასალებით და არქივში არის ფონტის ფაილიც. ჯერ უნდა გავხსნათ შრიფტი. ახლა ჩვენ უნდა გადავიდეთ საქაღალდეში (ყველაზე ხშირად Drive C: / windows - Fonts).
და დააკოპირეთ ყველა შრიფტის ფაილი იქ. ახლა გადატვირთეთ პროგრამა და ეს შრიფტი თქვენთვის ხელმისაწვდომი იქნება.
ახლა აირჩიეთ ტექსტის ინსტრუმენტი და აირჩიეთ ჩვენი შრიფტი, ფერი თეთრი და შექმენით ლოგო მარცხენა სახელმძღვანელოს გასწვრივ. რა მივიღე?

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

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

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

საიტის ძირითადი შინაარსი.

და ახლა ჩვენ გვაქვს მენიუს ღილაკი მასზე დაწკაპუნების შემდეგ. ახლა ჩვენ უნდა გადავიდეთ Content საქაღალდეში და შევქმნათ მასში ახალი ბურთი.

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

ახლა ჩვენ შეგვიძლია დაარეგულიროთ ტექსტურის სიკაშკაშე და კონტრასტი. ვისთვის ვაჭერთ ღილაკებს? Ctrl + Shift + U. აირჩიეთ სურათი - კორექტირება - მოსახვევები.

ჩვენ ვაყენებთ ბავშვის პარამეტრებს.

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

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

І დააყენეთ მიმდინარე პარამეტრები - სისქე 1 პიქსელი და ფერი c8c7c7.

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

ახლა ჩვენ ვაჭერთ ღილაკების კომბინაციას Ctrl + Shift + Uშეარბილოს ტექსტურა და შეცვალოს სიკაშკაშე მოსახვევების გამოყენებით. მორგებულია როგორც სურათზე.

აირჩიეთ ბურთი ჩვენი თეთრი ტილოთი, დააჭირეთ მარჯვენა ღილაკს და აირჩიეთ ელემენტი ” იხილეთ პიქსელები».

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

ახლა ჩვენ ვქმნით ნიღაბს იგივე ნაცრისფერი ბურთისთვის.

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

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

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

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

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

შემოხაზული.

ჩრდილი.

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

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

შუკოვის ფორმის დახატვა.

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

ახლა იმავე ზომის წითელ ღილაკს 32-ზე 32-ზე ვხატავთ წითელ ფერში და ვწერთ სიტყვას "თეთრ ფერში" ძიება».

გვერდითი მენიუ.

ახალი ბურთი შეღებილია მართკუთხედით 270 პიქსელი სიგანით და შევსებულია 1F1F1F ფერით. ჩვენ ასევე ვამატებთ სათაურს 270 პიქსელის სიგანით და 25 პიქსელის სიმაღლით, შევსებული შავი ფერით.

ახლა ჩვენ უნდა დავწეროთ კატეგორიები ბლოგისთვის. ტექსტი არის Times New Roman შრიფტით და ზომით 16 პიქსელი. მენიუს თითოეულ ელემენტს უნდა დაამატოთ სურათი. აირჩიეთ " ლამაზი ფიგურა"მე ვირჩევ რასტრული წერტილის ფორმას" ორნამენტი 4»შევსებულია ფერით 818181.

საიტის ქვედა კოლონტიტული.

სარდაფს დიდად არ შევიწუხებთ, უბრალოდ ავსებთ მთელ ველს შავი ფერით და დავამატებთ მენიუს Times New Roman შრიფტით, 18 პიქსელი ზომით და ფერით E6E6E6.

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

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

1. Frontend ბლოგი

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

სტანდარტული წინა გვერდი ( index.php)

სტანდარტული სინგლი ( single.php)

2. Photoshop-ის განლაგება

პრაიმ ჩართულია გარე ხედისტანდარტული თემები, განავითარეთ Photoshop-ის განლაგება თქვენი ბლოგისთვის. კონდახისთვის გამოვიყენებ vikorist GlossyBlue-ს - ჩემი ერთ-ერთი კატისგან თავისუფალი თემა. ჩამოტვირთეთ demo.zip მზა Photoshop ფაილის ჩამოსატვირთად.

3. HTML და CSS

მას შემდეგ, რაც PSD დიზაინი მზად იქნება, შექმენით HTML + CSS შაბლონი კანის მხარისთვის. ამ ინსტრუქციების მიყოლებით, შეგიძლიათ ჩემი GlossyBlue HTML ფაილების რედაქტირება დემო.zip. არქივების ამოხსნის შემდეგ გაიგებთ index.html, single.htmlі page.html. შემდეგ მე გამოვიყენებ მათ შაბლონად გადაქცევისთვის.

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

4. როგორ მუშაობს WordPress-ის თემა

როგორც კი გადახვალთ სტანდარტული თემების საქაღალდეში ( wp-content/themes/default), მაშინ გექნებათ ბევრი php ფაილი (ე.წ. შაბლონის ფაილები) და ერთი ფაილი სტილი.css. WordPress გვერდის შესაქმნელად, ჩამოტვირთეთ შაბლონის ფაილების vikoryst ფაილი ( index.php , Header.php, sidebar.php,і ძირი.php).

დაწვრილებით კოდექსში: „საიტის არქიტექტურა“ და „თარგების იერარქია“.

5. შაბლონის ფაილების დუბლირება

დააკოპირეთ HTML საქაღალდე GlossyBlue-დან საქაღალდეში wp-content/თემები. ამის შემდეგ გადადით ნაგულისხმევ დირექტორიაში, დააკოპირეთ კომენტარები.phpі searchform.phpსაქაღალდეში პრიალა ლურჯი.

6. სტილი.css

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

7. ფაილის ქვეგანყოფილება

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

8.Header.php

Გახსენი index.html. თქვენ უნდა შეცვალოთ განყოფილება ზემოდან იმ ადგილამდე, სადაც ის მთავრდება, ჩასვით იგი ახალ php ფაილში და შეინახეთ header.php.
გადადით ნაგულისხმევი თემების საქაღალდეში, გახსენით ახალი header.php. დააკოპირეთ და შეცვალეთ ტეგები, რომლებიც შედის php კოდში: სათაური, ბმული, სტილის ცხრილები, h1 და div კლასი = აღწერა.

ნავიგაციის მენიუ (wp_list_pages) შეცვალეთ ტეგები ლივ ul id = ნავიზე;

9. Sidebar.php

გადაუხვიე index.html, ჩაწერეთ კოდი იმ ადგილიდან, საიდანაც ის იწყება ფორმის id = საძიებო ფორმადა სანამ ტეგი დაიხურება div id = გვერდითი ზოლი, მოათავსეთ ის ახალ php ფაილში და შეინახეთ გვერდითი ზოლი.php.

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

10. ძირი.php

გადაუხვიე index.html. გახსოვდეთ კოდის შეყვანა div id = ქვედა კოლონტიტულიმოიცავს tag div id = ქვედა კოლონტიტულით და ბოლომდე /htmlშემდეგ განათავსეთ იგი ახალში ძირი.php.

ბოლო პოსტებიაქ მე შევარჩიე query_post ბლოგის დარჩენილი 5 პოსტის საჩვენებლად.

"დარჩენილი კომენტარები"დანამატის მიერ გენერირებული „დარჩენილი კომენტარები“ (შედის თემების საქაღალდეში)

11. ინდექსი.php

ახლა შენი index.htmlდამნაშავე მხოლოდ წაგებაში div id = შინაარსი. ფაილის შენახვა როგორც index.php. შეიყვანეთ რიგები: get_header, get_sidebar, і get_footerიმ თანმიმდევრობით, რომლითაც სუნი გროვდება ნიმუშში.

12. ციკლის ანალიზი

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

13. ციკლის კოპირება

გადადით ნაგულისხმევ დირექტორიაში, გახსენით index.php. დააკოპირეთ ციკლი სტანდარტულიდან index.phpთქვენსში - შორის div id = შინაარსი ../ div. ამის შემდეგ შეცვალეთ სტატიკური ტექსტი WordPress-ის შაბლონის ტეგებით: გამოქვეყნების თარიღი, სათაური, კატეგორია, კომენტარები, შემდეგი და წინა ბმული.

14. თემების გადახედვა

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

15. მარტოხელა.php

დროა შევქმნათ შაბლონი single.php. თუ გსურთ, შეგიძლიათ გაიმეოროთ ნაბიჯები, გადაიტანოთ კოდი სტანდარტულიდან. ჯობია ვაპატიოთ შემოქმედების ვიკორიზმი index.php, დაზოგე ფული single.php. Გახსენი single.phpსტანდარტული თემებიდან და დააკოპირეთ შაბლონის ტეგები საჭირო ადგილას. დავუკავშირდეთ კომენტარები_თარგი. სურათის შემდეგ სკრინშოტში მე შევიტანე ცვლილებები:

16.გვერდი.php

ახლა ახალი single.phpშეინახე სახელით page.php. აირჩიეთ ჩაწერის თარიღი, კომენტარის ფორმა და წინა/წინა დეტალები. ღერძი, ძალა და ყველაფერი თქვენი შაბლონია page.phpმზადაა.

17. HTML ფაილების ნახვა

წაშალეთ ყველა HTML ფაილი საქაღალდედან პრიალა ლურჯი(სუნი აღარ გვჭირდება). ტექნიკურად, ეს საკმარისია WordPress-ის ძირითადი თემების შესაქმნელად. თქვენ, მელოდიურად, აღნიშნეთ, რომ სტანდარტულ თემაში უფრო მეტი PHP ფაილია. ისე, სინამდვილეში, თქვენ არ გჭირდებათ სურნელი იმდენად, რამდენადაც გჭირდებათ მარტივი თემა. მაგალითად, ვფიქრობ ძიება.phpან კიდევ 404.phpარ არის პაპას სიაში, WordPress ავტომატურად ვიკორისტი გახდება index.phpგვერდის საჩვენებლად. წაიკითხეთ შაბლონის იერარქია დამატებითი ინფორმაციისთვის.

18. WordPress Sidebar შაბლონი

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

საიდუმლო არ არის, რომ მერეჟას აქვს WordPress-ისთვის მზა შაბლონების სიმდიდრე. დაწყებული უფასო შაბლონებით და დამთავრებული ძვირადღირებული პრემიუმ შაბლონებით ძლიერი ჩარჩოებით.

რატომ განსხვავება? რა არის საუკეთესო დიზაინი თქვენი ვებსაიტისთვის?

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

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

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

უფასო PSD ვებსაიტების შაბლონები სასარგებლოა ბიზნესის, პორტფოლიოს და სხვა ტიპის ვებსაიტების დასაყენებლად. მათი ნახვა ყველგან ინტერნეტშია შესაძლებელი. არ ვთქვა, რომ მათი უმეტესობა მახინჯია, მაგრამ იშვიათად იპოვით რამეს, რაც თქვენს სტანდარტებს გადააჭარბებს. ვინაიდან Adobe Photoshop არის ერთ-ერთი "ადვილი გამოსაყენებელი, ძნელად დასაუფლებელი" პროგრამა, ბევრი დამწყები და პროფესიონალი ირჩევს PSD შაბლონებს პირველი ვებსაიტისთვის. ეს იმიტომ ხდება, რომ PSD ვებ შაბლონები მარტივია დაყენება, რედაქტირება და გამოყენება. თუმცა, თქვენ უნდა მიიღოთ ეს ვებ შაბლონები სანდო წყაროებიდან. ადვილია შეიყვარო ვებ შაბლონის დიზაინი, გადმოწერო ის აღფრთოვანებით და გახსნა Photoshop-ზე, მხოლოდ იმის გაგება, რომ ეს არის სრული არეულობა და ვერ იპოვი გზას.

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

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

ულიმიტო ჩამოტვირთვა: 500,000+ ვებსაიტის შაბლონები და დიზაინის აქტივები

ყველა თქვენთვის საჭირო ვებსაიტის შაბლონი და დიზაინის მრავალი სხვა ელემენტი ხელმისაწვდომია Envato Elements-ის ყოველთვიური გამოწერისთვის. გამოწერა ღირს $29 თვეში და მოგცემთ შეუზღუდავი წვდომამასიური და მზარდი ბიბლიოთეკისკენ 500,000+ ნივთები, რომელთა ჩამოტვირთვა შესაძლებელია იმდენჯერ, რამდენიც გჭირდებათ (სტოკ ფოტოებიც)!

ᲒᲐᲓᲛᲝᲬᲔᲠᲔ ᲐᲮᲚᲐᲕᲔ

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

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

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

ვებსაიტების სხვადასხვა მაკეტების სრული კოლექცია სხვადასხვა მოწყობილობებით. ახლა შეგიძლიათ დააყენოთ თქვენი გვერდის მოქნილობა iPhone-ებზე, iMac-ებზე, Macbook-ებსა და iPad-ებზე. ასევე, თქვენ ნახავთ თოთხმეტი სხვადასხვა PSD სცენას 4000 x 2500 px განზომილებით. თქვენ შეგიძლიათ გამოიყენოთ ისინი ყველა სახის სხვადასხვა პრეზენტაციისთვის, რომელიც სცილდება ვებსაიტის დიზაინის ვიტრინას. სხვა ფუნქციებში შედის ჩრდილები და სინათლის რეგულირება, ჭკვიანი ობიექტები (უბრალოდ გადაათრიეთ და ჩამოაგდეთ), 50% მასშტაბირება და სხვა. თქვენ ასევე შეგიძლიათ შეცვალოთ ფონის ფერიდა ისიამოვნეთ ძალიან დეტალური მორგებით. სუპერ სწრაფი რედაქტირებითა და გაუმჯობესებით, რამდენიმე წუთში შეგიძლიათ გქონდეთ მრავალი განსხვავებული პრეზენტაცია.

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

ავირე

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

ჰექსალი

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

ტექსტურირებული დიზაინი

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

გადართვა

Switch არის bootstrap 3D მრავალფუნქციური ვებ შაბლონი, რაც ნიშნავს, რომ ის შეიძლება გახდეს ისეთი, როგორიც გინდათ! ის ემსახურება როგორც შესანიშნავი ერთგვერდიანი შაბლონი, რომელიც გთავაზობთ სხვადასხვა გადაწყვეტილებებს თქვენი ყველა საჭიროებისთვის.

კაპე

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

შეატყობინეთ

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