თქვენი WordPress ვებსაიტის დიზაინი (პირადი შეხების დასამატებლად)

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


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

Მზად ხარ? მოდით, პირველ რიგში დავიწყოთ; ფერები.

ფერადი სქემის შედგენა

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

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

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

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

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

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

216 ფერები 12 ფერის წინააღმდეგ

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

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

კულერი

კულერი

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

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

შეამოწმე კულერი.

HTML ფერი სქემა

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

html ფერის სქემა

აქ შედის HTML ფერის სქემა. ეს არის ფერადი სქემა, რომლის 200 – ზე მეტი (216 რეალურად) ვებ – კოდია. გრაფიკით შეიარაღებული, მზის ქვეშ არცერთი ფერი არ უნდა იყოს რთული განხორციელება.

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

შეამოწმეთ HTML ფერის სქემა.

გენოფალი

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

გენოფალური

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

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

კოლორექსა

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

ფერიჰექსა

როგორ მუშაობს ColorHexa Blender? ყველაფერი რაც თქვენ უნდა გააკეთოთ არის აკრიფოთ თქვენი ფერის კოდები, რომლებიც გამოყოფილია ”+” – ით და ColorHexa ასრულებს დანარჩენ სამუშაოს. მაგალითად, ვცდილობდი:

# ff0000 + # 0000ff + # ff00ff და მე მივიღე #a00aa. უფრო მეტიც, ისინი მოგცემენ ფერადი ინფორმაციის მთელ გვერდს (თქვენი საბოლოო ფერი, მაგალითად, # aa00aa). ეს არის ერთი ინსტრუმენტი, რომელიც უნდა შეეცადოთ საკუთარ თავს განიცადოთ ფერის შერევა, როგორც არასდროს.

შეამოწმეთ ColorHexa.

ULTIMATE CSS GRADIENT GENERATOR

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

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

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

შეამოწმეთ Ultimate CSS გრადიენტის გენერატორი.

შრიფტების კრეფა

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

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

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

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

”შრიფტებთან თამაში ცეცხლივით თამაშია. ზოგჯერ მას შეუძლია ვებგვერდზე მატჩის შუქი, ლამაზი ტექსტის ნაპერწკალი. სხვა დროს მას შეუძლია დაწვეს მთელი სახლი. ” – Lorelle of cameraontheroad.com.

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

ქვემოთ მოცემულია კარგი მაგალითი:

#menu {font-family: Arial, Helvetica, Sans-serif, Verdana, "Times New Roman"; შრიფტის ზომა: 0.8em; ფერი შავი;}

ზემოთ მოყვანილი კოდი თქვენს მენიუში დააყენებს შრიფტის ზომას 0.8 სთ-ზე და ფერი გახდება შავზე. იგი ასევე დააწერს შრიფტს Arial- ს, მაგრამ თუ მომხმარებელს არ აქვს Arial საკუთარ აპარატზე, Helvetica აიღებს მას. თუ მათ არ ჰყავთ Helvetica ან Arial, Verdana, Sans-serif ან Times New Roman დაიკავებს.

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

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

გარდა ამისა, ეს არის ადვილი პეიზაჟი.

თქვენ მხოლოდ უნდა გახსნათ თქვენი სტილი.css და ზევით განათავსეთ შემდეგი კოდი.

@ font-face {font-family: Museo300; src: url ("შრიფტები / museo300-რეგულარული.ttf") ფორმატი: ('truetype'); შრიფტის წონა: ნორმალური;}

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

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

სხეული {font-family: Museo300;

თქვენ შეგიძლიათ გამოიყენოთ ჩაშენებული შრიფტი თქვენი ვებსაიტის ნებისმიერი ელემენტისთვის. Მაგალითად…

#menu {font-family: Museo300;

… თქვენს მენიუში დააყენებს Museo300.

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

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

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

როგორ და სად დაამატე ხაზს ზემოთ? თქვენ უნდა გახსნათ თქვენი WordPress ადმინისტრაციის პანელი -> გარეგნობა -> რედაქტორი -> header.php

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

@import url (http://fonts.googleapis.com/css?family=over+the+rainbow);

ზემოთ მოყვანილი მაგალითი საშუალებას გაძლევთ გამოიყენოთ Ცისარტყელას ზემოთ შრიფტი Google- დან, ნებისმიერ ადგილას თქვენს საიტზე. მაგალითად, თუ თქვენ გინდათ გამოიყენოთ Over The Rainbow მთელ თქვენს ვებ – გვერდზე, შეგიძლიათ გამოიყენოთ ეს კოდი:

body {font-family: "ცისარტყელის მეტი";

Google უზრუნველყოფს 600-ზე მეტი უფასო შრიფტის ოჯახი, ასე რომ, ითამაშე!

განახლება (07/12/13): თუ გსურთ Google Fonts თქვენს WordPress საიტზე მარტივად დაამატოთ, შეგიძლიათ გამოიყენოთ Google ტიპოგრაფიის მოდული. ამის გარდა, შეგიძლიათ შეიტყოთ მეტი Google შრიფტების შესახებ და თუ როგორ შეგიძლიათ მათი განხორციელება ამ WordPress– ის ვებსაიტის ტიპოგრაფიის გაუმჯობესებაში, ტომ ევერის Google შრიფტებით..

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

WordPress მოდელები შრიფტების დასამატებლად

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

გაერთეთ? მოდით გადავიდეთ…

 თარიღი და დრო

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

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

შენში WP დაფა, ნავიგაცია გარეგნობა, შემდეგ კი რედაქტორი როგორც ქვემოთაა ნაჩვენები:

ფორმატირების თარიღი

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

ერთი პოსტი

დააჭირეთ ერთ პოსტს (single.php) და გახსნისთანავე გახსენით საძიებო ზოლი დაჭერით Ctrl + F. საძიებო ზოლში, რომელიც გამოჩნდება, ჩაწერეთ:

დრო

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

ახლა, ტერიტორია, რომლის რედაქტირება გსურთ (“F Y”).

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

“F” წელს (“F Y”) დგას თვის სრული სახელი ხოლო “Y” წარმოადგენს წელი 4 ციფრში. ამიტომ, თუ იყენებთ (‘F Y), თქვენი თარიღი ასე გამოიყურება:

სექტემბერი 2013

თუ F და Y- ს დაყრიდით კომას, მსგავსი რამ უნდა გქონდეთ:

Სექტემბერი 2013

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

l = დღის სრული სახელი (ქვედა შემთხვევაში L)

F = თვე

j = თვის დღე (თარიღი)

Y = წელი 4 ციფრში

y = წელი 2 ციფრით

მეტი სიმბოლო შეგიძლიათ იხილოთ ქვემოთ მოცემულ ცხრილში:

ფორმატის თარიღის ცხრილი

და აქ, რამდენიმე მაგალითი:

თარიღის ფორმატირების მაგალითები

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

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

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

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

ვერ ვიპოვნე_time ფუნქცია?

ეს კარგია, რადგან დღეის განმავლობაში მრავალი თემა იყენებს_date () ფუნქციის ნაცვლად__ (()) ფუნქციის ნაცვლად, რაც სინამდვილეში უკეთესი პრაქტიკაა. თუ თქვენი თემა იყენებს_date () ფუნქციას, თქვენ არ უნდა გააკეთოთ ნებისმიერი რედაქტირება, რადგან თქვენ შეგიძლიათ მარტივად შეცვალოთ თქვენი მონაცემების ჩვენება თქვენს პანელში, “პარამეტრები-> General”.

სურათების გამოყენება

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

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

დაამატეთ მედია

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

კომუნალური ატვირთვა

ეს ტერიტორია გვხვდება ატვირთვის პროგრამის მარჯვენა მხარეს.

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

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

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

ფავიკონის დამატება

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

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

საერთოდ, favicon არის 16 X 16 პიქსელის კვადრატული გრაფიკული ფაილი, რომელსაც აქვს გაფართოება .ico. გაფართოება ხატია.

როგორ შევქმნათ Favicon

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

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

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

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

ონლაინ სერვისები, რომელთა გამოყენება შეგიძლიათ შექმნათ favicons, მოიცავს (მაგრამ არ შემოიფარგლება):

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

როგორ დააყენოთ თქვენი Favicon WordPress- ში

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

ამ გაკვეთილისთვის, მე faviconer.com გამოვიყენე, რომ ჩემი ბლოგი და ფაილიზაა შექმნილი favicon შევქმნა არსებული ფაილების წაშლა.

ხელით favicon.ico ფაილით ატვირთეთ იგივე თქვენი თემის მთავარ საქაღალდეში. ეს არის საქაღალდე, სადაც ინახება თქვენი მიმდინარე თემა.

შემდეგ ატვირთეთ თქვენი ფავიკონის კიდევ ერთი ეგზემპლარი root საქაღალდეში (ჩვეულებრივ public_html) ან მთავარ დირექტორიაში, სადაც თქვენი საიტი ინახება, ასე რომ თქვენ შეძლებთ თქვენი ფავორიტის ნახვას, როდესაც აკრიფებთ ვინმეს საიტზე.com/favicon.ico. ეს ავტომატურად დაამატებს თქვენს ფავორიტს თქვენს შეტყობინებებს.

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

დაამატეთ თქვენი Favicon მოდული

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

ყველაფერი ერთში

თქვენს შაბლონს ხელით დაამატეთ favicon

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

  • შესვლა თქვენი დაფა
  • ნავიგაცია გარეგნობა
  • შემდეგ რედაქტორი (თემის რედაქტორი)
  • იპოვნეთ და გახსენით header.php (თავსართი) ფაილი

დაამატეთ ეს ხაზი თქვენს სათაურის ფაილში (სასურველია იმ ზედა ნაწილში, სადაც სხვა ნახავთ) წარწერები:

შეინახეთ ერთხელ გაკეთებული. 

განაახლეთ თქვენი ბრაუზერი თქვენი ახალი ცვლილებების სანახავად.

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

დასკვნა

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

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

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

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me