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

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

ეს სტატია განიხილავს შაბლონის შექმნის ეტაპებს და აღწერს psd ფაილების განლაგებას.

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

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

გარკვეული მიზნებისთვის, თემა იქმნება ხელით

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

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

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

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

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

რა სტანდარტებს აკმაყოფილებს თემა?

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

ყველა WordPress თემებიმდებარეობს ჰოსტინგზე wp-content / themes / საქაღალდეში. ამ საქაღალდის შუაში არის სხვა საქაღალდეები დაკავშირებული თემებით, ფაილი დამატებითი ფუნქციებით (functions.php), სტილის ფაილები და სურათები. თემების ფართო სპექტრის შესახებ ინფორმაციის მოსაძებნად, თქვენ უნდა გადახვიდეთ ქვედიაქციაში. ასე რომ, "დასავლეთის" თემა განთავსდება wp-content / themes / western / საქაღალდეში.

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

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

  1. Style.css არის სტილის ფაილი, რომელიც პასუხისმგებელია საიტის გარე დიზაინზე.
  2. Functions.php არის ფუნქციური ფაილი, რომელიც ემატება სხვადასხვა საიტებს.
  3. სხვა php ფაილები, რომლებიც მიუთითებენ საიტზე არსებული შაბლონის სპეციფიკურ მახასიათებლებზე, WordPress-თან ინტეგრაციაზე. თავად ეს ფაილები საშუალებას გაძლევთ გადაიყვანოთ PSD განლაგება სრულფასოვან შაბლონად.

მოდით უფრო ახლოს მივხედოთ ამ ფაილებს იმის გასაგებად, თუ როგორ უნდა განლაგდეს WordPress თემები.

style.css ფაილის შექმნის წესები

უპირველეს ყოვლისა, თქვენი პასუხისმგებლობაა, ყურადღება მიაქციოთ CSS განლაგების ყველა თავისებურებას. რომელ ფაილში უნდა შეინახოთ თქვენი საიტის გარეგნობა? Ale vin არ იქნება მოთხოვნილი, რადგან თქვენ არ დაამატებთ შექმნილი შაბლონის აღწერას. ეს არის WordPress-ის პირველი ფუნქცია, რომელიც მოითხოვს ზრუნვას PSD განლაგების WordPress ძრავზე გადატანისას. თქვენ უნდა მიუთითოთ შემდეგი პარამეტრები:

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

WordPress-ის უმარტივესი თემის შესაქმნელად, დაამატეთ რედაქტირებული ვერსია ერთი style.css ფაილით. ამ ფაილში „თარგის“ სტრიქონში მიუთითეთ მამის თემის სახელი. მაგალითად, კლასიკური, როდესაც თქვენ რედაქტირებთ სტანდარტულ შაბლონს. ახლა თემა შეიქმნა და მთლიანად დაფუძნებული იქნება კლასიკურ შაბლონზე. ამიტომ, თქვენ თავად მოგიწევთ ფაილების განთავსება wp-content / themes / classic დირექტორიაში.

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

დამატებითი ფუნქციონალური ფაილის მახასიათებლები.php

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

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

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

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

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

  1. სტილი.css.
  2. ინდექსი.php.

Dosvіdeni ვებმასტერი მიიღებს Serpentry index.php-ს, ჰოგოს დასასრულებლად, შიმშილის დამრიგებლის გასაკეთებლად, სიდბარა, შეკრება, არქივი, სათაურები, ინსულტი და ტ. ფართო შეწყვიტე დამატებითი ფუნქცია.

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

  • header.php - წარმოადგენს საიტის სათაურს;
  • sidebar.php - გვერდითი ზოლის სვეტები;
  • footer.php - რესურსის ქვედა ნაწილი (მისი ქვედა ნაწილი);
  • comments.php და comments-popup.php - კომენტარები.

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

  • სათაურის ფაილის დასამატებლად საიტზე (header.php) დაამატეთ ტეგი

    get_header() tamplate tag;

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

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

აირჩიეთ ფუნქციონალური შაბლონი

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

პირველი ვარიანტი უკვე განიხილება. შაბლონის ყველა php ფაილი შაბლონის იერარქიაშია. შემდეგ, ამ იერარქიის წესების დაცვით, თქვენ ეტაპობრივად ქმნით განლაგების ფაილებს მათ გარშემო. ამ გზით, თქვენ გექნებათ სრულფასოვანი შაბლონი PHP ფუნქციურ კომპონენტებთან ერთად. იერარქია ამ შემთხვევაში მიჰყვება კაპიტალის მნიშვნელობის პრინციპს. მაგალითად, თუ თქვენ გაქვთ კატეგორიის ფაილი (category.php) და მომხმარებელმა მოითხოვა ის, მაშინ ბრაუზერი თავად ნახავს საწყობის საიტს. თუ არაფერია, მაშინ გასაღები ფაილი მიენიჭება index.php შაბლონს.

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

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

როგორ შევქმნათ psd განლაგება WordPress-ში

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

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

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

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

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

კატეგორია:. 4 კომენტარი. გამოქვეყნებულია: 24.11.2012.

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

18. WordPress Sidebar შაბლონი

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

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