როგორ დავამატოთ პერსონალური CSS WordPress პროგრამით ვებსაიტზე – სწორი გზა!

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


აქ არის ის, რაც თქვენ უნდა იცოდეთ:

როგორ დავამატოთ CSS WordPress:

– (შენიშვნა: ვიდეო კრედიტებს Topher DeRosia- ს – HeroPress- ის შემქმნელს)

ვიდეო ასო:

გამარჯობა! ეს არის ტოფერერი WinningWP– ით. ამ ვიდეოში ჩვენ გადავხედავთ, თუ როგორ უნდა დაამატოთ პერსონალური CSS WordPress– ს სწორი გზით. ერთი წუთით წარმოიდგინეთ, რომ გსურთ მცირედი ცვლილება შეიტანოთ თქვენს საიტის ფორმაში. თქვენ Google– ს გარშემო ცოტათი დაინახავთ CSS– ს მცირე ნაწილს და ამბობენ, ”უბრალოდ ჩადეთ ეს თქვენს საიტზე.” მაგრამ სად დააყენე? და როგორ იცით, რომ ეს სწორად გაკეთდა? ნება მომეცით გაჩვენოთ. ჯერ უნდა დავადგინოთ, რა არის თქვენი CSS. ნამდვილად მხოლოდ ორი სფეროა, რომლითაც გსურთ CSS– ის გამოყენება. ერთი საიტის ზოგადი დიზაინისთვის არის განლაგება და ფერები და ა.შ. სხვა არის შინაარსის დიზაინი და ასე გამოიყურება თქვენი კონკრეტული შინაარსი: სურათის მკურნალობა და ბლოკჩეინის ზომა და ა.შ. მომავალში შეიძლება გქონდეთ თქვენი საიტის დიზაინის შეცვლა. მიიღეთ სრულიად ახალი თემა და კვლავ შეინარჩუნეთ ის მცირე რჩევები, რაც გააკეთეთ იმისთვის, თუ როგორ გამოიყურება თქვენი შინაარსი. ნება მიბოძეთ გაჩვენოთ რას ვგულისხმობ. აქ ჩვენ გვაქვს საკმაოდ მარტივი საიტი და მარტივია აღწერილი განლაგება. თავში არის ძებნის ზოლი, სათაურის ზოლი, შინაარსის არეალი და ძნელია ამის ნახვა, რადგან ეს არის ცარიელი, მაგრამ მე აქ მაქვს გვერდითი მხარე. ფონი ყველა თეთრია, ქვედაკი ნაცრისფერია, საძიებო ზოლი კი შავი. ეს არის ისეთი რამ, რაც თქვენ შეცვლით თქვენს თემასთან დაკავშირებით. აქ ჩვენ გვაქვს ჩვენი შინაარსი, ხოლო სურათების მარჯვნივ მარჯვნივ გვაქვს გარკვეული ზომის საყრდენი, ხოლო მასალები აღწერილი არის. ეს შინაარსთან დაკავშირებული ცვლილებები იქნება, ამიტომ გადავხედოთ როგორ გავაკეთოთ ორივე. საიტის დიზაინის ცვლილებები უკავშირდება თქვენს თემას, რაც აზრი აქვს. თუ მომავალში შეცვლით თემას, არ გსურთ CSS შენარჩუნება, რადგან ყველაფერი იმაზეა, თუ როგორ გამოიყურება. ასე რომ, ჩვენ გვინდა შეცვალოთ თქვენი ამჟამინდელი თემა და შემდეგ გადავდოთ, თუკი ოდესმე მოიშორებთ ამ თემას. თქვენ გაქვთ ორი არჩევანი, ერთი არის Customizer და მეორე არის რედაქტირების სტილი.css. არცერთი არ არის რთული, მაგრამ Customizer ნამდვილად ადვილია. ნება მიბოძეთ გაჩვენოთ რას ვგულისხმობ. მსურს ჩემი საიტის სათაურის შეცვლა წითლად. პირველი რაც მე ვაპირებ ამის გაკეთებას არის მისი სახელის მოძებნა. Chrome- ში დააჭირეთ ღილაკს და დააჭირეთ ინსპექტირებას. და აქვე ნათქვამია საიტის სათაურის მთავარი. ეს არის ის, რაც მინდა შეიცვალოს. ახლა აქ ჩემი საიტის თავზე არის ღილაკი Customize. თუ მე შევდივარ Customizer- ის ბოლოში, შეგიძლიათ დააჭიროთ დამატებით CSS. აქ ცოტა ინსტრუქციაა, თუ როგორ გამოიყენოთ იგი. თუ დააჭირეთ დახურვას, მაშინ ის აქ მოდის. ამიტომ მე ვაპირებ აკრეფის საიტის სათაურის და ტალღოვან ფრჩხილებში ჩასასვლელად, რომელსაც ფონის ფერი წითელი აქვს. ახლა თქვენ არ გჭირდებათ იცოდეთ როგორ გამოიყენოთ ინსპექტორი, როგორც მე გავაკეთე და არ არის საჭირო იცოდეთ რომ f არის წითელი. თქვენ შეიძლება მოიპოვეთ სადმე ვებ – გვერდიდან ეს კოდი და ეს კარგია, თქვენ არ გჭირდებათ გაიგოთ, თუ როგორ უნდა იპოვოთ იგი საკუთარ თავს. მე უბრალოდ გაჩვენებთ, თუ როგორ ჩადეთ აქ. ახლა აქ არის დააჭირეთ გამოქვეყნება და ახლა შემიძლია ამ ჩანართის დახურვა და ახლა წითელი სათაური მაქვს. თქვენ შეგიძლიათ განათავსოთ იმდენი CSS, როგორც გსურთ. სურვილის შემთხვევაში შეგიძლიათ მთლიანად შეცვალოთ თქვენი საიტის მთელი დიზაინი. ახლა კი მე მინდა გაჩვენოთ CSS რედაქტირების სხვა გზა. მე ვაპირებ ამოვიღო კოდი, რომელიც ჩამაწერე ადრე და შეინახება და ახლა ჩვენ ვაპირებთ ჩვენი თემის სტილი.css ფაილის რედაქტირებას. Dashboard– ში წასასვლელად, გარეგნობის თემების მიხედვით. თქვენი აქტიური თემა ყოველთვის აქ არის მარცხენა მხარეს. თქვენ ნამდვილად გსურთ ამ კონკრეტული მეთოდის შესრულება, თუ თქვენ იყენებთ ბავშვთა თემას. თქვენ ხედავთ აქ მე მაქვს ინსტალაცია, მაგრამ ჩემი აქტიური თემაა – ბავშვის თემა. ეს განაახლებს ისე, რომ თუკი განახლება შეასრულებს, არ წაშლის ჩემი პერსონალურად მორგება, რომელიც ჩემი ბავშვის თემაში იქნება და ჩემი ბავშვის თემა არასდროს მიიღებს განახლებას, რადგან ბავშვის თემები არ მიიღებენ განახლებებს. თუ შეგიძლიათ დაადასტუროთ, რომ თქვენ იყენებთ ბავშვთა თემას, აქ მენიუში არის ბმული რედაქტორისთვის. და სწორედ აქ ისინი გეტყვიან ყველაფერს, რაც მხოლოდ ბავშვების თემებზე ვთქვი. ასე რომ წავიდეთ წინ და დააჭირეთ მე მესმის თუ იყენებთ ბავშვთა თემას. პირველი ფაილი, რომელიც გამოდის, არის თქვენი სტილი.css. ეს ყოველთვის ასე იქნება. და ყველა ეს ტექსტი აქ არის ინფორმაცია თქვენი თემის შესახებ. თქვენ არ გჭირდებათ ამის ყურადღება. წადი მარჯვნივ და ბოლოში დაინახავ, რომ მაღარო ამბობს: “დაამატე შენი საკუთარი სტილი ქვემოთ”. სანამ ამ ფაილში რაიმე რედაქტირებას გავაკეთებთ, გირჩევთ გირჩევთ გამოიყენოთ ეს სარეზერვო ასლი. ეს მართლაც მარტივია. ჩვენ უბრალოდ ვაპირებთ სადმე სხვა ფაილში კოპირებას და ჩასაწერად. ასე რომ, თუ Windows- ში ხართ, შეგიძლიათ გააკეთოთ Control + A ან Mac– ში, შეგიძლიათ გააკეთოთ Command + A.. ის ხაზს უსვამს ყველაფერს, ან Control- ს ან Command + C- ს და ის კოპირებს მას. თქვენ შეგიძლიათ ჩასვათ ნებისმიერი სხვა ფაილი, რომელსაც შეუძლია ტექსტის შენარჩუნება. თქვენ ნამდვილად არ გჭირდებათ მუდმივად შეინახოთ იგი, თქვენ ინახავთ მხოლოდ მაშინ, როდესაც თქვენ ამ რედაქტირებას ახდენთ და თუ ეს სრულყოფილად მიდის, მაშინ როდესაც თქვენ გააკეთებთ, უბრალოდ წაშლით თქვენს სარეზერვო. მაგრამ თუ ეს წყვეტს და დაიკარგება, შეგიძლიათ უბრალოდ წაშალოთ ეს და ჩასვათ ის, რაც გადაწერეთ. ასე რომ, მე ვაპირებ ზუსტად იგივე კოდის ჩასვლას, რაც მე გავაკეთე Customizer- ით და დააჭირეთ განახლების ფაილს. და შემდეგ განაახლეთ ჩემი საიტი. ჩვენც აქ არის წითელი. ახლა თუ Customizer ასე მარტივია, რატომ გსურთ თქვენი სტილი.css ფაილის განთავსება? მიზეზი არის ის, რომ თქვენი სტილი.css ფაილი იტვირთება ბევრად უფრო ადრე, ვიდრე Customizer. ასე რომ, თუ ეს გააკეთეთ Customizer– ით, შეგიძლიათ მიიღოთ მაგალითად, როდესაც გვერდი სრულად იტვირთება, თეთრად გამოიყურება წამში და შემდეგ წითლდება. თუ ამას სტილში ჩადებთ. Css ამას არ აკეთებთ. კიდევ ერთი რამ, რაც მე მიყვარს Customizer- ის შესახებ, არის ის, რომ თქვენ აკვირდებით მათ ცვლილებებს. ასე რომ, ჩემთვის საერთო სამუშაო სამუშაოა ჩემი ყველა CSS ჩაწერეთ Customizer- ში და შემდეგ კოპირება და ჩასაწერად ყველაფერი სტილი.css- ში. თქვენ არ უნდა გააკეთოთ ეს. თქვენ შეგიძლიათ დატოვოთ ეს ყველაფერი Customizer- ში და ის იმუშავებს, რომ სამუდამოდ იპოვოთ. თუ თქვენ ახლავე იწყებთ ჩემს რეკომენდაციას, გააკეთოთ მხოლოდ Customizer. ეს სწრაფია, ადვილია, უმტკივნეულოა და უარყოფითი მხარეები მინიმალურია. თუ გსურთ ექსპერიმენტი და თქვენი ფეხები ოდნავ სველით WordPress- ის შიდა მუშაობით, შემდეგ წადით წინ და შეცვალეთ თქვენი სტილი.css ფაილი. ახლა CSS– ის სხვა ტიპი, რომელზეც გსურთ მუშაობა, არის თქვენი შინაარსის მენეჯმენტი. ახლა ამის გაკეთება არ გინდა. გსურთ ის გამყარდეს თუნდაც თემების შეცვლის შემთხვევაში. თქვენ ყოველთვის გინდათ, რომ სურათების სათაური არ იქნეს აცილების, მიუხედავად იმისა თუ რა თემას იყენებთ. ამ შემთხვევაში თქვენ გსურთ გამოიყენოთ მოდული. მე ვიყენებ ამ მოდულს, რომელსაც ეწოდება Simple Custom CSS. შემდეგ გარეგნობის ქვეშ არის Custom CSS მენიუს ელემენტი. ეს საშუალებას გაძლევთ უბრალოდ აკრიფოთ CSS აქ. მე ვაპირებ ამ სათაურების სახელის გარკვევას. მე დააჭირეთ მაუსის მარჯვენა ღილაკს და შეამოწმეთ. და ნათქვამია, რომ მას უწოდებენ wp-caption-text. ასე რომ, აქ შემიძლია ჩავიწერო. Wp-caption-text, font font: normal; მე დააჭირეთ განაახლეთ Custom CSS და შემდეგ ჩვენ განვატვირთავთ ჩვენს გვერდს. და თქვენ ხედავთ, რომ ის აღარ არის italicized. ახლა მე ვაპირებ თემატიკის შეცვლას. თქვენ დაინახავთ, რომ ჩემი სურათის სათაური ჯერ კიდევ არ არის გამოსწორებული და მაინც წითელი ჰედერის მთელი კონცეფცია გაქრა, რადგან მთელი ეს კოდი იყო დაკავშირებული სხვა თემასთან. გადახედეთ, თუ გსურთ თქვენი თემის მართვა, გამოიყენებთ Customizer- ს ან გარეგნობის ქვეშ, გადადით რედაქტორზე და შეცვალეთ თქვენი სტილის ფურცელი. თუ გსურთ CSS თქვენი შინაარსის მართვა, მაშინ გსურთ დანამატი, რომელიც თქვენს CSS- ს განასხვავებს თემას. რაღაც ჩვეულებრივი CSS. თუ გსურთ შეიტყოთ მეტი WordPress- ის შესახებ, გადახედეთ www.winningwp.com.

იხილეთ მეტი ვიდეო…

რამის დამატება?

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Like this post? Please share to your friends:
    Adblock
    detector
    map