ახლა გადახედეთ კრიტიკულად თქვენს ბლოგს. მალე მასზე ბევრი რამ განსხვავდება, რადგან პრინციპში, თქვენ შეგიძლიათ შეცვალოთ ის, რაც გსურთ საკუთარ თავზე. რა თქმა უნდა, თქვენ უბრალოდ უნდა იცოდეთ როგორ გააკეთოთ ეს.
ადმინ პანელში
გადადით ადმინისტრაციულ პანელში გარეგნობა - რედაქტორი ... თქვენ უკვე იცით, რა შაბლონებს ევალებათ, მაგრამ ახლა თქვენ არ მოგეწონებათ თარგები, მაგრამ რა ხდება მათ ქვეშ: სტილები... უფრო სწორედ, მათგან ერთი მონაკვეთი, რომელსაც ჰქვია სტილის სია.
ფაილი შეესაბამება ამ ჩამონათვალს სტილი.css ... ეს ფაილი მდებარეობს ბლოგზე, აქტიური თემების საქაღალდეში. იქ ყოველთვის შეგიძლიათ იპოვოთ იგი.
ბრაუზერში
უბრალოდ გახსენით თქვენი ბრაუზერში. ბრაუზერების უმრავლესობას აქვს ლამაზი თვისება: შეგიძლიათ დააჭიროთ ღილაკს და დააჭირეთ ღილაკს ნებისმიერ წერტილში ბლოგზე და შეარჩიეთ ოპერაციების სიიდან იხილეთ ელემენტის კოდი ... ბოლოში ჩნდება ფანჯარა, რომელშიც შეგიძლიათ იპოვოთ საინტერესო ინფორმაცია თქვენს მიერ დაწკაპუნებული ელემენტის შესახებ.
ამ ფანჯარაში დარჩა თქვენ ნახავთ გვერდის კოდს და ხაზი ხაზგასმული იქნება ამ კოდში. მოცემული ელემენტის შესაბამისი. და მარჯვნივ, სტილებში, ამ ელემენტის თვისებები იქნება.
შრიფტის ზომა, ბუდეები, ტექსტისა და ფონის ფერები, განლაგება: ეს ყველაფერი სტილშია და ეს ყველაფერი შეიძლება შეიცვალოს.
შეცვალეთ ფონის ფერი
WordPress- ის ბლოგზე, მე პირადად არ მომწონს, როდესაც სტატიების ფონი და ყველაფერი დანარჩენი განსხვავებულია. ამ შემთხვევაში, საკვების სტატიები ცალკეულ ბლოკშია და, ჩემი აზრით, არც ისე კარგად გამოიყურება. ჩვენ ფონს ყველგან გავაყალიბებთ, როგორც სტატიის ფონზე. დააჭირეთ იმ ფონს, რომლის შეცვლაც გვინდა, მაუსის მარჯვენა ღილაკით, აირჩიეთ ელემენტის კოდი. ჩვენ დავინტერესდებით ხაზით, რომელიც ხაზს გავუსვამთ მარჯვნივ კლასის ატრიბუტის სახელი ... სტილები იწერება კლასის მიხედვით.
Ამ შემთხვევაში კლასი \u003d არტ-განლაგება-უჯრედი ეს ნიშნავს, რომ სტილებში, ფაილში სტილი.cssასევე იქნება ასეთი კლასი და მასში უკვე იქნება დაწერილი თვისებები. მხოლოდ ის გამოიყურება განსხვავებული, კერძოდ:
.არარის განლაგება-უჯრედიდა შემდეგ ამ კლასის თვისებები დაიწერება curly სამაჯურებით.
იპოვნეთ ამ სახელით კლასი ფაილში სტილი.css... მოდით გამოვიყენოთ საძიებო ფუნქცია Ctrl + Fდა ჩაწერეთ სახელი საძიებო ველში: არტ-განლაგება-უჯრედი... ჩვენ დაუყოვნებლივ ვნახავთ ფონს:
ფონური ფერი: გამჭვირვალე. გამჭვირვალე ნიშნავს გამჭვირვალე .
ახლა, რა ფერი გვჭირდება? სად შემიძლია მივიღო ჩვენი სტატიების ფონის ფერი? ამჯერად გამოვიყენებთ fSCapture... Მასში. სხვა საკითხებთან ერთად, ინსტრუმენტების ყუთს შორის შეგიძლიათ იპოვოთ პიპეტი რომელიც განსაზღვრავს ნებისმიერი მონიტორის ეკრანზე ნებისმიერი ტერიტორიის ფერს. ძალიან სასარგებლო ინსტრუმენტი!
გახსენით FSCapture პროგრამა, გადადით პარამეტრები და აირჩიეთ ინსტრუმენტი ეკრანის პიპეტა
... დააჭირეთ სასურველ ადგილს ეკრანზე. ფანჯარაში ჰექს თქვენ ნახავთ თქვენთვის საჭირო ფერის კოდს: D2E8EE
თქვენ ჩადეთ იგი სტილში არტ-განლაგება-უჯრედი სიტყვის ნაცვლად გამჭვირვალე .
ნახეთ რა მოხდა. ჯერ კიდევ ბევრი სამუშაოა გასაკეთებელი, მაგრამ დაწყებული უკვე გაკეთებულია.
ვიდეო შესახებ. როგორ შეცვალოთ ფონი WordPress ბლოგზე
უფრო დეტალური ინფორმაციის მისაღებად შეგიძლიათ იხილოთ სექციები "ყველა კურსი" და "მიზანშეწონილობა", რომელთა ნახვა შეგიძლიათ საიტის ზედა მენიუდან. ამ სექციებში სტატიები თემატურია ბლოკებად, სადაც შეიცავს ყველაზე დეტალურ (შეძლებისდაგვარად) ინფორმაციას სხვადასხვა თემებზე.
ასევე შეგიძლიათ გამოიწეროთ ბლოგი და გაეცნოთ ყველა ახალ სტატიას.
ამას დიდი დრო არ სჭირდება. უბრალოდ დააჭირეთ ქვემოთ მოცემულ ბმულს:
ფონი არის სურათი, რომელიც აჩვენებს საიტის ყველა ელემენტს. ან ეს შეიძლება იყოს არა სურათი, არამედ მყარი ან გრადიენტიანი ფერი.
შაბლონების უმეტესობა მხარს არ უჭერს პარამეტრების შეცვლას და შეცვლას. თუმცა, ყველა თემას არ შეუძლია ამის გაკეთება, განსაკუთრებით მაშინ, როდესაც საქმე უფასო ასლებს ეხება. მაგრამ მაშინაც კი, თუ თქვენს საიტზე დაყენებულია ასეთი შაბლონი, რომელზეც შეგიძლიათ პარამეტრებში შეცვალოთ WordPress ფონი, ეს ძალიან რთული ოპერაცია იქნება, რადგან ცვლილებები დაუყოვნებლივ იქნება გამოყენებული მთელ საიტზე. ფონის შეცვლა ჩვეულებრივი შაბლონებში მხოლოდ რამდენიმე პოსტის, კატეგორიისა თუ გვერდისთვის შეუძლებელია.
ამ სტატიაში ჩვენ მოგიყვებით ორი მარტივი მოდულის შესახებ, რომლებიც ამ პრობლემას რამდენიმე დაჭერით წყვეტენ.
ფონზე თითო გვერდზე
ეს არის უმარტივესი მოდული, რომელიც საშუალებას გაძლევთ მანიპულირება მოახდინოთ თქვენი WordPress- ის ფონზე. მისი ინსტალაციისა და გააქტიურების შემდეგ, საიტის მართვის პანელის არანაირი პარამეტრი და დამატებითი ელემენტი არ გამოჩნდება. მხოლოდ თითოეული პოსტის და გვერდის გვერდზე იქნება ახალი ვარიანტი, რომელიც საშუალებას მოგცემთ დაამატოთ ინდივიდუალური ფონის სურათი.
WordPress- ის ფონისთვის შერჩეულ სურათზე შეიძლება გამოყენებულ იქნას რამდენიმე ეფექტი:
- აირჩიეთ გამეორება - ჰორიზონტალური ან ვერტიკალური;
- გააკეთეთ სურათი გადაადგილებული საიტზე ან ფიქსირებული, ე.წ.
- შეარჩიეთ WordPress ფონის ორიენტაცია - მარჯვენა, მარცხენა, ცენტრი;
- შეარჩიეთ რეგულარული შევსების ფერი სურათების ნაცვლად.
მოდული უფასოა. გარდა ამისა, ყველა ატვირთული WordPress ფონის რედაქტირება შესაძლებელია ამ დანამატის ჩამონტაჟებულ რედაქტორში.
მთლიანი ეკრანის ფონის სურათები Pro
და ამ მოდულის მუშაობა უფრო რთულია, ის საშუალებას გაძლევთ უფრო მეტი სამუშაო გააკეთოთ WordPress- ის ფონზე. იგი გადახდილია და 13 დოლარი ღირს. მოდულის გააქტიურების ინსტალაციის შემდეგ, მისი მენიუს ელემენტი გამოჩნდება ადმინ პანელში. იგი შეიცავს ფონის გალერეას, აქ შეგიძლიათ დაამატოთ, წაშალოთ და შეცვალოთ სურათები ნებისმიერ დროს.
გარდა ამისა, შეგიძლიათ დააყენოთ WordPress ფონი ნებისმიერი პოსტის ან გვერდისთვის, მათი იდენტიფიცირება პირადობის მოწმობით, ძირითადი გვერდისთვის, ნებისმიერი კატეგორიისთვის, საარქივო გვერდებზე და კიდევ 404 გვერდისთვის.
ამ მოდულის ფართო შესაძლებლობებს ავსებს ის ფუნქცია, რომელიც პირველ რიგში იყო - თითოეულ გვერდზე და პოსტის დასამატებლად, დამატებითი ფონის გამოსახულების დასაყენებლად ემატება პარამეტრები, რედაქტორთან და ყველა სახის ეფექტთან.
მთლიანობაში, WordPress- ის ფონის შესაქმნელად შესანიშნავი ინსტრუმენტია. ორივე ფასიანი და უფასო მოდული არის შესაფერისი ამასთან დაკავშირებული მრავალი ამოცანისთვის.
ამას წინათ ვისაუბრე გადაწყვეტილებების შესახებ - CSS- ის და Javascript- ის გამოყენების გარდა, 2 და WordPress მოდული ასევე გაუმკლავდეს ამ ამოცანას. ერთ-ერთ მათგანს, რომელსაც დღეს უფრო დეტალურად განვიხილავ, არის ფონის მენეჯერი. ყველა თემას არ აქვს პარამეტრების შეცვლა საიტის ფონის შეცვლისთვის და ყველა მომხმარებელი შეძლებს შაბლონაში არსებული სტილის გამოყენებით. გარდა ამისა, მოდულს აქვს რამდენიმე დამატებითი საინტერესო ფუნქცია, ამიტომ გადავწყვიტეთ მისი უფრო დეტალურად შესწავლა.
განახლება 11/8/2018: სამწუხაროდ, მოდული დიდი ხნის განმავლობაში არ განახლდა და ახლა ის მთლიანად გაქრა Plugin Directory- ის ოფიციალური საცავიდან. წაიკითხეთ სტატია ან იხილეთ მოდულების შერჩევა.
შეგიძლიათ იპოვოთ მოდული ამ გვერდზე ან დააინსტალიროთ იგი სახელით WordPress ადმინისტრატორიდან. ამ წერის დროს, იგი მას შემდეგ ძველად ითვლებოდა მხარდაჭერილი ვერსია დასრულდა 3.7.8. სამწუხაროდ, მოდული შესაძლოა ახლაც კი არ იყოს მხარდაჭერილი. ამასთან, მე წარმატებით ვამოწმებ მას უახლესი სისტემის 4.2.1 ვერსიაზე. ამასთან, ყველა მოდულში 30 ათასი ჩამოტვირთვა არ მოიძებნება.
Background Manager plugin– ის მთავარი ამოცანაა თითოეული ახალი სტუმრისთვის შემთხვევითი ფონის ჩვენება ან სლაიდების შექმნა რამდენიმე სურათიდან. გულწრფელად ვამბობდი, თავდაპირველად ვფიქრობდი, რომ მოდული უბრალოდ დამეხმარებოდა, თუ ხატულა ფონის გაკეთება, მაგრამ მისი ფუნქციები გარკვეულწილად მრავალფეროვანია. ეს საშუალებას გაძლევთ:
- შექმენით სურათების ნაკრები, საიდანაც გამოსახულების განთავსება მოხდება საიტის ფონზე. შეგიძლიათ ჩამოტვირთოთ ისინი თქვენი ადგილობრივი აპარატისგან, WordPress მედია ბიბლიოთეკიდან ან სხვა მოდულებიდან;
- ფონის პოზიციონირების განსაზღვრა, მისი "რეპლიკაცია" (თუ ეს ნიმუშია);
- ფონზე გადახურვის ნიმუშები;
- ჩამოტვირთეთ მთელი სურათი გადმოტვირთვის შემდეგ და არ დაელოდოთ, სანამ იგი თანდათანობით გამოჩნდება ზემოდან ქვემოდან (თუ ნელი ინტერნეტი იყენებთ);
- ფონის ჩვენების დაყენება გარკვეულ გვერდებზე: მთავარი, სექციები, არქივი ან შეტყობინება;
- დაამატეთ ბმული ბმულზე, Google Analytics– ის საშუალებით კონვერტაციის სტატისტიკის გაანგარიშებით.
როგორც ხედავთ, ძალიან საინტერესო ვარიანტია. ეს გლობალურად ეხება შესაძლებლობებს, მაგრამ Background Manager მოდული სავსეა ყველა სახის დეტალით. მაგალითად, თქვენ შეგიძლიათ აირჩიოთ ზედმეტი შაბლონის გამჭვირვალეობა, დაადგინოთ ეფექტი სლაიდების სურათზე სურათების გადაადგილებისას და ა.შ.
მოდულის პარამეტრების გარეთ, თქვენ ნახავთ მას "გარეგნობა" - "ფონი" განყოფილებაში. აქ, სხვათა შორის, იქმნება სიტუაცია, რომ ერთდროულად შეიძლება გქონდეთ ორი მენიუს ერთეული. თუ გახსოვთ, WordPress- ის ზოგიერთ თემას აქვს ეს პარამეტრი. ასე რომ, Background Manager მოდული სრულად შეესაბამება მას და თქვენ შეგიძლიათ მართოთ იგი ამ განყოფილებაში.
მაგრამ უმჯობესია წასვლა "ფონზე", რომელიც წარმოადგენს მხოლოდ მოდულის პარამეტრებს. ამ გვერდზე, თქვენ ნახავთ მხოლოდ სხვადასხვა პარამეტრების რამოდენიმე ჯგუფს.
ამასთან, პირველი ნაბიჯი არის ფონის სურათის შექმნა - დააჭირეთ ბმულს ” დაამატეთ სურათის ახალი ნაკრები”. შეგიძლიათ ნახოთ ხელმისაწვდომი ნაკრები "სურათის ნაკრები" ჩანართში.
როგორც ვთქვი, აქ უამრავი პარამეტრია, არის:
- ფონისთვის სურათების არჩევის პრინციპი - შემთხვევითი და ა.შ.;
- ყოველ ჯერზე სხვადასხვა სურათის ჩვენება ან ბრაუზერის სესიის შენახვა;
- ფონის ფერი;
- ფონის სრული ეკრანზე ან "რეპლიკაციის" ჩვენება;
- გამოსახულების ნიმუშის გადაფარვა;
- შეგიძლიათ დაამატოთ Pin Itrest ღილაკი Pinterest- დან და განისაზღვროს სხვა მრავალი ვარიანტი.
დაბოლოს, უნდა აღინიშნოს, რომ ზოგჯერ შეიძლება პრობლემები წარმოიშვას ფონის ჩვენებასთან დაკავშირებით. თუ თქვენს CSS შაბლონში გაქვთ მკაცრი დავალება ან ფონის განსაზღვრება, Background Manager plugin შეიძლება არ იმუშაოს. მაგალითად, ერთ საიტზე, მაგალითად, სურათი მარტივად იყო დატვირთული და ფონის მახასიათებელს სტილის ჩანაცვლებას ვუწოდებდი, მაგრამ ამ ბლოგში ამის შესახებ განსაკუთრებული კომენტარის გაკეთება მომიწია. რაზეა დამოკიდებული, ძნელი სათქმელია. აი რა მოხდა ბოლოს.
საერთო ჯამში, ფონის მენეჯერი არის მაგარი მოდული, რომელიც საშუალებას გაძლევთ აჩვენოთ სხვადასხვა სურათები თქვენი ვებსაიტის ფონისთვის და კიდევ გააკეთოთ სლაიდების ჩვენება მათგან. ზოგიერთი პროექტისთვის ეს შეიძლება იყოს შესანიშნავი "დეკორატიული" ელემენტი.
რაც შეეხება ფონიდან მენეჯერში ფონიდან ბმულებს. პარამეტრებში მსგავსი ვარიანტია და თითოეული სურათისთვის შეგიძლიათ მიუთითოთ ბმული. მე ეს თვისება გამოვცადე და ყველაფერი ჩანდა ამ მწერლობის დროს. თუმცა, ახლა ამასთან არის პრობლემები. ერთადერთი, რისი გაკეთებაც ჩვენ მოვახერხეთ, ბმული სპეციალურ ელემენტში მოვათავსოთ - იხილეთ [+] ხატი ზემოთ მოცემულ ეკრანზე. ამ მოდულის ფუნქცია პრობლემების გარეშე მუშაობს.
დღეს ჩემს პრაქტიკაში შევხვდი იმ ფაქტს, რომ მენიუს ფონისთვის საჭირო იყო განთავსება გამჭვირვალეობა... იყო ვარიანტი, რა თქმა უნდა, ამის გაკეთება სურათის გამოყენებით.png გამოყენებით, მაგრამ მაინც გადაწყვიტეს, რომ გათხრა და გააკეთეთ ნახევრად გამჭვირვალე ფონი CSS- ით... აღმოჩნდა საკმაოდ მარტივი :)
Html- კოდში ვწერთ "კლასს", რისთვისაც აუცილებელია გარკვეული გამჭვირვალეობის დადგენა:
FON (ფონზე: rgba (200, 54, 54, 0.5);)
ამრიგად, მე მივუთითე ფონის ფერი სამი ძირითადი ფერის მნიშვნელობების მითითებით (წითელი - რ, მწვანე - ზ, ლურჯი - ბ) და ფონური გამჭვირვალობა 50% (ალფა - ა) ერთი საკუთრებით. ფერისთვის მნიშვნელობები მითითებულია 0-დან 255 დიაპაზონში, ხოლო გამჭვირვალეობისთვის, დიაპაზონი იქნება 0.0-დან 1.0-მდე
საკუთრება რგბა ასევე გამოიყენება ყველა სხვა ელემენტისათვის. მაგრამ თუ აუცილებელი გახდება ამ კლასში ყველა ელემენტის გამჭვირვალეობის დადგენა, მაშინ შეგიძლიათ გამოიყენოთ ქონება ბუნდოვანი, რომელიც განსაზღვრავს გამჭვირვალობას მთელი ელემენტის ან მთელი გვერდისთვის. შემდეგ კოდი ასე გამოიყურება:
FON (ბუნდოვანი: 0.5;)
ამ შემთხვევაში, ამ კლასში ყველა ელემენტი გახდება გამჭვირვალე, მათ შორის სურათები და ტექსტი გამჭვირვალე იქნება.
გამოიწერეთ და მიიღეთ სასარგებლო სტატიები ფოსტით!
სხვა საინტერესო სტატიები ჩვენს ბლოგზე
- მე ვიცი, რომ პრაქტიკაში ხშირად არსებობს ისეთი სიტუაცია, რომ საიტის მფლობელი "შლის" ან ქმნის საიტს "ნულიდან" რამდენჯერმე, და შედეგად არ იღებს სასურველ შედეგს. ამ შემთხვევაში, შემდეგნაირად ...
- შვილობილი მასალა! იმის გამო, რომ საძიებო სისტემების უშუალო ინტერესი უშუალოდ ინტერნეტ მომხმარებლის შესახებ და Google- ის ალგორითმების უახლესი განახლებების ინდიკატორების გამო, საიტის მფლობელებისთვის კიდევ უფრო მნიშვნელოვანი გახდა ყურადღება მიაქციონ მათ დატვირთვის სიჩქარეს ...
- დააკვირდით, თუ თქვენ გაქვთ ამოცანა "შემქმნელის ვებსაიტის შემუშავება" - მიჰყევით ამ ბმულს და დაავალეთ ჩვენთვის. თუ თქვენ გჭირდებათ ტექნიკური დავალების მაგალითი - იხილეთ სტატია "მითითების პირობები ...
- შვილობილი მასალა! - გსურთ თქვენი სტატიის გამოქვეყნება? მრავალი ვებსაიტის მფლობელისთვის, SEO– ს საშინელი ამოცანა ეჩვენება. სინამდვილეში ეს ასე არ არის. მაღალკვალიფიციური სპეციალისტების მოზიდვა შეიძლება იყოს ძალიან ...
