Სარჩევი
ამ სტატიაში თქვენ იხილავთ, თუ როგორ გამოიყენოთ პირობითი ფორმატირება ცხრილის საზღვრებზე Outlook-ში. მე გაჩვენებთ როგორ შეცვალოთ მათი ფერი, სიგანე და სტილი. შემდეგ მე გასწავლით, თუ როგორ უნდა გააკეთოთ რამდენიმე მოდიფიკაცია ერთდროულად და გააფერადოთ თქვენი Outlook ცხრილი სხვადასხვა გზით.
უპირველეს ყოვლისა, მე მინდა გავაკეთო პატარა სათაური ამ ბლოგის ახალწვეულებისთვის. რადგან დღეს ჩვენ ვისაუბრებთ შაბლონების პირობით ფორმატირებაზე, მე გაჩვენებთ, თუ როგორ უნდა დააყენოთ ისინი სწორად, Outlook-ისთვის ჩვენი Shared Email Templates დანამატის გამოყენებით. ეს ხელსაწყო დაგეხმარებათ წინასწარ შენახული იდეალურად ფორმატირებული შაბლონების ჩასმა თქვენს ელფოსტაზე და შეამციროთ თქვენი კორესპონდენციის რუტინა რამდენიმე დაწკაპუნებით.
თუ უკვე წაიკითხეთ ჩემი პირობითი ფორმატირების სახელმძღვანელო Outlook ცხრილებში, თქვენ იცით. როგორ შევცვალოთ უჯრედების შინაარსი და ფონის ფერი. თუმცა, ეს არ არის ყველაფერი, რაც შეგიძლიათ გააკეთოთ თქვენი Outlook ცხრილის გასანათებლად. დღეს მე გაჩვენებთ გზებს პირობითად გააფერადოთ თქვენი ცხრილის საზღვრები და შეცვალოთ მათი სიგანე და სტილი.
უფრო მეტიც, მცირე ბონუსი გელოდებათ ბოლო თავში, სადაც გაჩვენებთ, როგორ გამოიყენოთ რამდენიმე მოდიფიკაცია. ამავდროულად და გახადეთ თქვენი მაგიდა ისეთივე ფერადი და ნათელი, როგორც ფეიერვერკი 4 ივლისს ;)
შეცვალეთ უჯრედების საზღვრების ფერი
რომ გაჩვენოთ როგორ მუშაობს საზღვრების ნახატი, მე გამოვიყენებ იგივე ნიმუშებს გასული კვირის გაკვეთილიდან. საქმე შემდეგია: მე ჩასვით აMicrosoft-ის გუნდი, თავისუფლად შეამოწმეთ მათი პასუხი ამ GitHub საუბარში :)
ბოლო შენიშვნა
ვიმედოვნებ, რომ მოვახერხე დაგარწმუნოთ, რომ ცხრილი Outlook-ში არ არის მხოლოდ შავი საზღვრები ჩვეულებრივი ტექსტი. გაუმჯობესებისა და კრეატიულობისთვის უამრავი ადგილია :)
როდესაც გადაწყვეტთ რამდენიმე ნახატის ექსპერიმენტის ჩატარებას, უბრალოდ დააინსტალირეთ Shared Email Templates Microsoft Store-დან და ისიამოვნეთ!
თუ არსებობს თქვენგან დარჩენილი ნებისმიერი შეკითხვა გჭირდებათ დახმარება Outlook ცხრილების პირობით ფორმატირებასთან დაკავშირებით, უბრალოდ დატოვეთ რამდენიმე სიტყვა კომენტარების განყოფილებაში და ჩვენ ამას გავარკვევთ ;)
შაბლონი და აირჩიეთ ფასდაკლების განაკვეთი ცხრილის შესავსებად. ჩემი არჩევანიდან გამომდინარე, უჯრედის საზღვრები შეღებილი იქნება კონკრეტულ ფერში.ცხრილი, რომელსაც დღეს გავაფერადებ, იქნება შემდეგი:
ნიმუშის სათაური 1 | სათაურის ნიმუში 2 | სათაურის ნიმუში 3 |
~%WhatToEnter[ {dataset:'Dataset with discounts', სვეტი:' ფასდაკლება', სათაური:'აირჩიე ფასდაკლება'} ] ფასდაკლება |
რადგან პირობითი ფორმატირება დამუშავებულია შაბლონების HTML-ში, მოდით ჯერ გახსენით ამ ცხრილის HTML კოდი:
- გახსენით საინტერესო შაბლონი და დააჭირეთ Edit :
- იპოვეთ იხილეთ HTML ხატი ( ) შაბლონის ხელსაწყოთა ზოლზე:
- იხილეთ ორიგინალური HTML, რომელიც მრავალჯერ შეიცვლება:
თუ გაინტერესებთ ფერები და მათი კავშირი ფასდაკლების განაკვეთებთან, მინიშნებას მოგცემთ :) მონაცემთა ნაკრები! წარმოდგენა არ გაქვს რა არის? შემდეგ გააკეთეთ მცირე პაუზა და ჯერ წაიკითხეთ ჩემი Fillable Outlook შაბლონების სახელმძღვანელო.
აქ არის ორიგინალური მონაცემთა ნაკრები, რომელსაც გამოვიყენებ დასაწყისში და ცოტათი გავაუმჯობესებ რამდენიმე თავში:
ფასდაკლება | ფერადი კოდი |
10% | #00B0F0 |
15 % | #00B050 |
20% | #FFC000 |
25% | #4630A0 |
როდესაც მჭირდება ამ ცხრილიდან საჭირო ფერის კოდის მოძიება, გამოვიყენებ შემდეგ მაკროს:
~%WhatToEnter[{dataset:'Dataset with discounts',column:'Color code'}]რადგან ჩვენ გვაქვს ყველა საფუძვლები დაფარული, დავიწყოთ ფერების შეცვლა :)
განაახლეთ ერთის საზღვრის ფერი უჯრედი
ცხრილის ერთი უჯრედის საზღვრების გასაფერადებლად, ჯერ ვიპოვოთ მისი ხაზი შაბლონის HTML-ში და უფრო ახლოს დავაკვირდეთ მის კომპონენტებს:
- „ style= “ წარმოადგენს უჯრედის ძირითადი პარამეტრების ერთობლიობას.
- “სიგანე: 32%; საზღვრები: 1px მყარი #aeabab ” არის უჯრედის და კონტურის სიგანე, ფერი და სტილი.
- “~%WhatToEnter[] ფასდაკლება” უჯრის შიგთავსია.
ეს კოდის ხაზი ნიშნავს, რომ მე დავინახავ უჯრედს მყარი სტილის 1px ნაცრისფერი საზღვრებით. თუ რომელიმე ამ პარამეტრს შევცვლი, შეიძლება დაზიანდეს ცხრილის გარეგნობა ჩემს შაბლონში, ანუ საზღვრები შეუმჩნეველი იქნება (თუმცა ჩასმის შემდეგ ყველაფერი მშვენივრად გამოიყურება).
მინდა მქონდეს სტანდარტი. ცხრილი შაბლონში და შეცვალეთ იგი ჩასმისას. ასე რომ, მე ვამატებ ერთ ახალ ატრიბუტს იმ პარამეტრებით, რომელიც ჩაანაცვლებს ორიგინალს ჩასმისას:
მოდით, განვიხილოთ ზემოთ მოცემული HTML ხაზი:
- “ style="border : 1px solid #aeabab;" პირველი ატრიბუტია. ეს არის უჯრედის ორიგინალებიმახასიათებლები.
- “ data-set-style= ” არის სპეციალური პარამეტრი, რომელიც დამეხმარება ჩასმისას ზემოთ მოცემული ატრიბუტის ჩანაცვლება თვისებების აუცილებელი სიმრავლით.
- “ საზღვარი: 1px მყარი; border-color: “ არის მეორე ატრიბუტის ნაწილი, სადაც ჩვენ ვაკეთებთ პაუზას. ნახეთ, დასაწყისი ორიგინალის იდენტურია, იგივე საზღვრის სიგანე და სტილი. თუმცა, რაც შეეხება ფერს (პარამეტრი, რომლის შეცვლაც მსურს), მას ვცვლი border-color: -ით და ჩასვით WhatToEnter მაკრო. აქედან გამომდინარე, ჩამოსაშლელი არჩევანიდან გამომდინარე, მაკრო შეიცვლება ფერის კოდით და საზღვრები ხელახლა შეიღებება.
- “~%WhatToEnter[] ფასდაკლება” ის მაინც უჯრედის შინაარსია, რომელიც არ საჭიროებს რაიმე ცვლილებას.
აქედან გამომდინარე, სრული HTML მომავალი ფერის უჯრედით ასე გამოიყურება:
როდესაც ჩასვით ეს შაბლონი , განახლებული უჯრედის საზღვარი მაშინვე შეიღებება არჩეულ ფერში:
დახატოთ მთელი რიგის საზღვრები
ახლა დავხატოთ საზღვრები ჩვენი ნიმუშის ცხრილის მთელი რიგი და ნახეთ როგორ მუშაობს. ლოგიკა აბსოლუტურად იგივეა, რაც აქზემოთ პუნქტი გარდა იმისა, რომ თქვენ უნდა განაახლოთ მეორე რიგის ყველა უჯრედი. მას შემდეგ რაც იგივე მოდიფიკაციები, რაც მე ზემოთ დავწერე, მთელ რიგზე იქნება გამოყენებული, შაბლონის ჩასმისას იგი თვალისმომჭრელად იღებება.
თუ გსურთ, გადახედოთ მზა HTML მეორე რიგის შეღებვით, აქ მიდის:
შეცვალეთ საზღვრის სიგანე
ახლა ვცადოთ განაახლოთ არა მხოლოდ საზღვრის ფერი, არამედ მისი სიგანე. კიდევ ერთხელ გადახედეთ HTML ატრიბუტს, რომელიც ცვლის ორიგინალს ჩასმისას:
data-set-style="border: 1px solid; border-color:~%WhatToEnter[{dataset:' მონაცემთა ნაკრები ფასდაკლებით', სვეტი:'ფერადი კოდი'}]">~%WhatToEnter[{dataset:'Dataset with discounts',column:'Discount',title:'Select discount'}] ფასდაკლებაიხილეთ 1px პარამეტრი? ეს არის გასაფერადებელი საზღვრების სიგანე. თქვენ შეგიძლიათ ხელით შეცვალოთ ის, ვთქვათ, 2-ზე და ცხრილის საზღვრები უფრო ფართო გახდება, როგორც კი ჩასვით.
თუმცა, ამას სხვანაირად გავაკეთებ. მე განვაახლებ ჩემს მონაცემთა ბაზას და დავამატებ ახალ სვეტს საზღვრების სიგანით. ამ შემთხვევაში, როგორც კი ავირჩევ ახლანდელ განაკვეთს ჩასმა, იქნება ფერიც და სიგანეცგანახლებულია.
ფასდაკლება | ფერადი კოდი | საზღვრის სიგანე |
10% | #00B0F0 | 2 |
15% | #00B050 | 2.5 |
20% | #FFC000 | 3 |
25% | #4630A0 | 3.5 |
ახლა მოდით შევცვალოთ თითოეული ხაზის მეორე ატრიბუტი და ჩავანაცვლოთ 1px ტექსტის შემდეგი ნაწილით:
border-width:~%WhatToEnter [{dataset:'Dataset with discounts',column:'Border width'}]შემდეგ ვიმეორებ მეორე რიგის სამივე უჯრედს და შედეგად მივიღებ შემდეგ HTML-ს:
როგორც ეს თარგი შეინახება და ჩასმული იქნება, გაფართოებული ლურჯი საზღვრები გამოჩნდება ელფოსტაში:
შეცვალეთ საზღვრების სტილი ცხრილში
ამ თავში apter მინდა თქვენი ყურადღება გავამახვილო სხვა პარამეტრზე - სტილზე. ეს გაუმკლავდება საზღვრების გარეგნობას. სანამ გაჩვენებთ, როგორ გამოიყენოთ ის სწორად, მე უნდა დავუბრუნდე ჩემს მონაცემთა ბაზას და შევცვალო იგი ჩემი ამჟამინდელი შემთხვევის შესაბამისად.
ფასდაკლება | საზღვარისტილი |
10% | დატეხილი |
15% | ორმაგი |
20% | წერტილი |
25% | ქედი |
თითოეული ფასდაკლების განაკვეთი დავაკავშირე საზღვრების სტილთან და შევინახე ეს მონაცემთა ნაკრები მომავლისთვის. ჩემი HTML-ის სტილის აღდგენის მაკრო იქნება შემდეგი:
~%WhatToEnter[{dataset:"Dataset with discounts",column:"Border style"}]ახლა მე მჭირდება განახლება მეორე რიგის ატრიბუტები მყარი (ნაგულისხმევი სტილი, რომელსაც ყოველთვის ვიყენებდი) ზემოთ მოცემული მაკროთი ჩანაცვლებით, რომ მიიღოთ კოდის შემდეგი ნაწილი:
data-set-style="border: 1px #aeabab; border-style: ~%WhatToEnter[{dataset:'Dataset with discounts',column:'Border style'}]აქ არის საბოლოო HTML:
თუ დააკოპირებთ ამ HTML-ს და ჩასვით თქვენი შაბლონებისთვის, შედეგი არ დაგელოდებით:
დააყენეთ პირობითი ფორმატირება, რათა შეცვალოთ ხაზგასმა, ტექსტის ფერი და საზღვრები ერთდროულად
ჩვენ მივაღწიეთ ყველაზე დიდ ინტერესს ting ნაწილი, მე ვაპირებ გაჩვენოთ, თუ როგორ გამოიყენოთ მრავალი მოდიფიკაცია ერთდროულად. უპირველეს ყოვლისა, მე განვაახლებ მონაცემთა ბაზას, საიდანაც ვიღებ მონაცემებს.მას შემდეგ, რაც გადავწყვიტე შევცვალო უჯრედების ხაზგასმა, ტექსტის ფერი და საზღვრების სიგანე, ყველა ეს პარამეტრი უნდა იყოს მითითებული. ამიტომ, ჩემი ახალი მონაცემთა ნაკრები ასე გამოიყურება:
ფასდაკლება | ფერადი კოდი | ფონის კოდი | საზღვრის სიგანე |
10% | #00B0F0 | #DEEBF6 | 2 |
15 % | #00B050 | #E2EFD9 | 2.5 |
20% | #FFC000 | 10>#FFF2CC | 3 |
25% | #4630A0 | #FBE5D5 | 3.5 |
ასე რომ, თუ ავირჩევ 10%-ს, საჭირო ტექსტი შეიღებება ლურჯად (# 00B0F0 ), არჩეული უჯრედების ფონი დაჩრდილდება ღია ცისფერი ტონი (# DEEBF6 ) და მათი საზღვრები ორჯერ გაფართოვდება.
მაგრამ როგორ შეიძლება ამ მონაცემთა ნაკრების დაკავშირება Outlook-ის ცხრილთან ისე, რომ ის ფორმატირდება? ამ ამოცანისთვის 2 სტატიაში გემზადები :) აქ არის HTML, რომელიც გაუმკლავდება ყველა საჭირო ცვლილებას:
ახლა გადავხედოთ ყველა შეცვლილ მოდიფიკაციას:
- სათაურის 1 ნიმუში - ეს ნაწილი ფერად დახატავს სათაურის ტექსტს სვეტიდან „ფერის კოდი“. იმ შემთხვევაში თუ გრძნობროგორც ტექსტის ნახატზე მეხსიერების განახლება გჭირდებათ, იხილეთ ჩემი წინა სახელმძღვანელოს ცხრილის თავში ტექსტის შრიფტის ფერის შეცვლა.
- data-set-style="background-color:~%WhatToEnter[ {dataset:'Dataset with discounts',column:'Background code',title:'Select discount'}] - ეს ნაწილი განაახლებს ფონის ფერს და იღებს მის კოდს მონაცემთა ნაკრების ფონის კოდი სვეტიდან. თუ ფიქრობთ, რომ გჭირდებათ ამ შემთხვევის უფრო დეტალური აღწერა, შეგიძლიათ გადახედოთ Highlight უჯრედების სახელმძღვანელოს.
- data-set-style="border: solid #aeabab; border-width:~%WhatToEnter[{dataset:'Dataset with discounts',column:'Border width'}] – ამ HTML ხაზის საზღვრების სიგანე შეიცვლება მითითებულზე საზღვრის სიგანე ადრე გავაშუქე, თუ რამე გამოგრჩათ, შეგიძლიათ გადახედოთ.
როდესაც შაბლონს დავდებ დამატებული ატრიბუტებით, შედეგი არ დამელოდება:
არის პატარა შენიშვნა, რომელიც მინდა გავაკეთო ამ თემის დახურვამდე. როდესაც მე ვამოწმებდი საზღვრების შეღებვას ცხრილებში, შევხვდი საზღვრების საკმაოდ ორაზროვან ქცევას Outlook-ის როგორც ონლაინ, ასევე დესკტოპ ვერსიებში. ცოტა დაბნეული ვიყავი, დაზუსტებისთვის მივმართე ჩვენს დეველოპერებს. მათ გაარკვიეს, რომ Outlook-ის სხვადასხვა კლიენტი ცხრილებს სხვადასხვა გზით ასახავს და ასეთი ქცევის მიზეზი არის Outlook-ის შეცდომა.
ჩვენმა გუნდმა შეატყობინა ეს საკითხი