در این مقاله نحوه قالب بندی مشروط جداول در Outlook را خواهید آموخت. من به شما نشان خواهم داد که چگونه رنگ متن سلول ها و پس زمینه را با رنگی که از لیست کشویی انتخاب می کنید به روز کنید.

آماده سازی

قبل از اینکه "درس طراحی" خود را شروع کنیم و یاد بگیریم که چگونه جداول را به صورت مشروط در Outlook قالب بندی کنیم، می خواهم یک مقدمه کوچک از برنامه ما برای Outlook به نام الگوهای ایمیل مشترک. با استفاده از این ابزار مفید، مکاتبات خود را در Outlook به همان سرعت و آسانی که قبلاً تصور می‌کردید مدیریت خواهید کرد. این افزونه به شما کمک می‌کند تا از کپی پیست‌های تکراری جلوگیری کنید و ایمیل‌های زیبا را در چند کلیک ایجاد کنید.

اکنون زمان بازگشت به موضوع اصلی ما است - قالب‌بندی شرطی در جداول Outlook. به عبارت دیگر، من به شما نشان خواهم داد که چگونه سلول ها، حاشیه ها و محتوای آنها را به رنگ دلخواه رنگ آمیزی کنید. ابتدا، مطمئن شوید که نحوه ایجاد جداول در Outlook را به خاطر می آورید.

از آنجایی که سلول ها را بر اساس آهنگی که از لیست کشویی انتخاب می کنم رنگ می کنم، باید یک پیش تنظیم دیگر انجام دهم. اگر آموزش من در مورد نحوه ایجاد قالب های ایمیل قابل پرکردن را به خاطر بیاورید، می دانید که لیست های کشویی با کمک مجموعه داده ها ایجاد می شوند. اگر احساس می‌کنید نحوه مدیریت مجموعه داده‌ها را فراموش کرده‌اید، کمی وقت بگذارید و دانش خود را در مورد این موضوع به‌روزرسانی کنید و بیایید به جلو برویم.

اکنون باید یک مجموعه داده را از قبل با رنگ‌هایی که قرار است ذخیره کنم، ذخیره کنم. استفاده کنید (من بهش زنگ زدمخوشحالم که پاسخ شما را می شنوم!

> مجموعه داده با تخفیف) و ماکرو WhatToEnterرا با انتخاب کشویی اضافه کنید. بنابراین، این مجموعه داده من است:

تخفیف	کد رنگ
10%	#70AD47
15%	#475496
20%	#FF0000
25%	#2E75B5

اگر نمی‌دانید آن کدها را از کجا دریافت کنید، فقط یک جدول خالی ایجاد کنید، بروید به Properties آن بروید و هر رنگی را انتخاب کنید. کد آن را در فیلد مربوطه خواهید دید، با خیال راحت آن را از آنجا کپی کنید.

من ماکرو WHAT_TO_ENTER را ایجاد می کنم و آن را به این مجموعه داده متصل می کنم زیرا بعداً به آن نیاز خواهم داشت:

~%WhatToEnter[{dataset:'Dataset with discounts',column:'Discount', title: انتخاب کنید discount'}]

این ماکرو کوچک به من کمک می‌کند تا فهرست کشویی تخفیف را انتخاب کنم. وقتی این کار را انجام دادم، قسمت ضروری جدول من رنگ می‌شود.

من می‌دانم که فعلاً چقدر ممکن است نامشخص باشد، بنابراین شما را با این سوء تفاهم رها نمی‌کنم و شروع به نشان دادن نحوه تغییر رنگ متن می‌کنم. یا یک سلول را برجسته کنید. من از نمونه های اولیه استفاده خواهم کرد تا بتوانید ایده بگیرید و این روش را با داده های خود بازتولید کنید.

بیایید شروع کنیم.

رنگ فونت متن را در جدول تغییر دهید

بیایید با سایه زدن برخی از متن ها در جدول شروع کنیم. من یک الگو با یک جدول نمونه برای آزمایش های نقاشی خود آماده کرده ام:

سربرگ نمونه 1 سرصفحه نمونه 2 سرصفحه نمونه3 [نرخ تخفیف باید در اینجا وارد شود]

من هدف این است که بسته به انتخاب کشویی، متن را به رنگ مربوطه رنگ کنید. به عبارت دیگر، من می خواهم یک الگو را چسبانم، نرخ تخفیف لازم را از لیست کشویی انتخاب کنم و این متن چسبانده شده رنگی شود. در چه رنگی؟ به سمت مجموعه داده در قسمت آماده سازی حرکت کنید، خواهید دید که هر نرخ تخفیف کد رنگ خاص خود را دارد. این رنگ مورد نظری است که باید استفاده شود.

از آنجایی که می‌خواهم تخفیف از لیست کشویی اضافه شود، باید ماکرو WhatToEnter را در این سلول جای‌گذاری کنم. احساس می کنید باید حافظه خود را در این موضوع تجدید کنید؟ کمی وقت بگذارید و یکی از آموزش های قبلی من را بررسی کنید ;)

بنابراین، جدول نتیجه به این صورت خواهد بود:

سربرگ نمونه 1	هدر نمونه 2	سرصفحه نمونه 3
~%WhatToEnter[ {dataset:'Dataset with discounts', column:'Discount', title:'Select discount'} ] discount

ببینید، نرخ تخفیف از لیست کشویی و کلمه "تخفیف" اضافه خواهد شد. به هر حال وجود خواهد داشت.

اما چگونه می توانم الگو را طوری تنظیم کنم که متن به رنگ مربوطه رنگ آمیزی شود؟ در واقع به راحتی، من فقط باید HTML قالب را کمی به روز کنم. بیایید بخش تئوری را تمام کنیم و به سمت راست حرکت کنیم.

تمام متن را در سلول جدول رنگ کنید

ابتداخاموش، کد HTML الگوی خود را باز می کنم و آن را با دقت بررسی می کنم:

این شکل قالب من در HTML به نظر می رسد:

توجه داشته باشید. در ادامه همه کدهای HTML را به صورت متن ارسال می کنم تا بتوانید آنها را در قالب های خود کپی کنید و به روشی که می خواهید تغییر دهید.

بیایید نگاهی بسیار دقیق به HTML بالا داشته باشیم. خط اول ویژگی های حاشیه جدول (سبک، عرض، رنگ و غیره) است. سپس ردیف اول (3 عنصر سلول داده جدول برای 3 ستون) با ویژگی های آنها می رود. سپس کد ردیف دوم را می بینیم.

من با WHAT_TO_ENTER به عنصر اول ردیف دوم علاقه مند هستم. رنگ‌آمیزی با افزودن کد زیر انجام می‌شود:

TEXT_TO_BE_COLORED

من آن را برای شما تکه تکه می‌کنم و هر یک از آنها را روشن می‌کنم:

• COLOR پارامتر نقاشی را کنترل می کند. اگر آن را با "قرمز" جایگزین کنید، این متن قرمز می شود. با این حال، از آنجایی که وظیفه من انتخاب رنگ از لیست کشویی است، برای یک ثانیه به مرحله آماده سازی برمی گردم و ماکرو آماده شده WhatToEnter را از آنجا می برم: ~%WhatToEnter[{dataset: "مجموعه داده با تخفیف"، ستون: "تخفیف"، عنوان: انتخاب تخفیف'}]
• TEXT_TO_BE_COLORED متنی است که باید سایه زده شود. در مثال خاص من، « ~%WhatToEnter[{dataset:'Dataset with discounts',column:'Discount', title:'Select discount'}] تخفیف » خواهد بود (این قطعه را مستقیماً ازکد HTML اصلی برای جلوگیری از خراب شدن داده ها).

در اینجا قطعه کد جدیدی است که در HTML خود درج خواهم کرد:

~%WhatToEnter[{dataset:'Dataset with discounts',column:'Discount',title:'Select discount'}] discount

توجه. ممکن است متوجه شده باشید که پارامتر "ستون" در آن دو ماکرو متفاوت است. به این دلیل است که من باید مقدار را از ستون های مختلف برگردانم، یعنی column:'Color code' رنگی را که متن را رنگ می کند و column:'Discount' - تخفیف را برمی گرداند. نرخ چسباندن در یک سلول

یک سوال جدید مطرح می شود - آن را در چه مکانی از HTML باید قرار دهم؟ به طور کلی، این متن باید جایگزین TEXT_TO_BE_COLORED شود. در نمونه من، اولین ستون ( ) ردیف دوم (ستون) خواهد بود. بنابراین، ماکرو WTE و کلمه "discount" را با کد بالا جایگزین می کنم و HTML زیر را دریافت می کنم:

سرصفحه نمونه 1

سرصفحه نمونه 2

سرصفحه نمونه 3

~%WhatToEnter[{dataset:'مجموعه داده با تخفیف',ستون:'Discount', عنوان:'Select discount' }] تخفیف

هنگامی که تغییرات را ذخیره کردم و این الگوی به روز شده را جایگذاری کردم، یک پنجره پاپ آپ از من می خواهد که یک تخفیف انتخاب کنم. من 10% را انتخاب می کنم و متن من بلافاصله سبز رنگ می شود.

بخشی از محتوای سلول را سایه بزنید

منطق رنگ آمیزی تنها بخشی از سلولمحتوا اساساً یکسان است - شما فقط متن مورد نظر را با کد فصل قبل جایگزین می‌کنید و بقیه متن را همانطور که هست می‌گذارید.

در این مثال، اگر نیاز به رنگ آمیزی فقط درصد داشته باشم. (بدون کلمه "تخفیف")، کد HTML را باز می کنم، بخشی را که نیازی به رنگ آمیزی ندارد (در مورد ما "تخفیف") انتخاب می کنم و آن را از برچسب خارج می کنم:

در در صورتی که از همان ابتدا آماده سازی رنگ آمیزی را انجام می دهید، فقط به خاطر داشته باشید که متن رنگی آینده به جای TEXT_TO_BE_COLORED می رود، بقیه پس از پایان باقی می ماند. این HTML تمدید شده من است:

سرصفحه نمونه 1

سربرگ نمونه 2

سرصفحه نمونه 3

~%WhatToEnter[{dataset:'Dataset with discounts',column:'Discount',title:'Select discount'}] تخفیف

می بینید؟ من فقط بخشی از محتوای سلول خود را در برچسب ها قرار داده ام، بنابراین فقط این قسمت هنگام چسباندن رنگ می شود.

قالب بندی شرطی را در سلول های جدول اعمال کنید

حالا بیایید کار را کمی تغییر دهیم و سعی کنیم نه متن، بلکه کل پس زمینه سلول ها را در همان جدول نمونه برجسته کنیم.

یک سلول را برجسته کنید

از آنجایی که من همان جدول را اصلاح می کنم، خودم را تکرار نمی کنم و کد HTML جدول اصلی را در این فصل نیز قرار نمی دهم. کمی به بالا بروید یا به سمت راست به اولین مثال برویداین آموزش را برای دیدن کد بدون تغییر جدول بدون رنگ رنگ آمیزی متن تفاوت اصلی این است که رنگ باید بر روی متن اعمال شود، بلکه باید به کل سلول اعمال شود.

سلول برجسته شده در قالب HTML به نظر می رسد:

~%WhatToEnter [{dataset:'Dataset with discounts',column:'Discount',title:'Select discount'}] discount

همانطور که می خواهم سلولی را برجسته کنم، تغییرات باید در ویژگی سلول اعمال شود، نه به متن. من خط بالا را به چند قسمت تقسیم می کنم، هر یک از آنها را روشن می کنم و به قسمت هایی که باید تغییر کنند اشاره می کنم:

• “style=” به این معنی است که سلول ردیف دارای ویژگی های سبک زیر این جایی است که ما اولین استراحت خود را انجام می دهیم. همانطور که می‌خواهم یک رنگ پس‌زمینه سفارشی تنظیم کنم، style را به data-set-style تغییر می‌دهم.
• "width: 32.2925%؛ حاشیه: 1px یکدست سیاه؛" - اینها ویژگیهای سبک پیش فرضی هستند که در بالا منظورم بود. من باید یکی دیگر را برای سفارشی کردن پس‌زمینه سلول انتخابی اضافه کنم: background-color . از آنجایی که هدف من این است که رنگ مورد استفاده را از یک لیست کشویی انتخاب کنم، به آماده سازی خود برمی گردم و WhatToEnter آماده را از آنجا می گیرم.

نکته. اگر می خواهید سلول به یک رنگ رنگ آمیزی شود و نمی خواهید لیست کشویی هر بار شما را آزار دهد،فقط یک ماکرو را با نام رنگ (به عنوان مثال "آبی") جایگزین کنید. به این صورت خواهد بود: ~%WhatToEnter[{dataset:'Dataset with discounts',column:'Discount', title:'Select discount'}] تخفیف

• " ~%WhatToEnter[] تخفیف " محتوای سلول است.

بنابراین، در اینجا ظاهر HTML به روز شده است:

~ %WhatToEnter[{dataset:'Dataset with discounts',column:'Discount',title:'Select discount'}] discount

بقیه جدول همانطور که هست باقی می ماند. در اینجا HTML حاصل آمده است که سلول را با نرخ درصد برجسته می کند:

سرصفحه نمونه 1

سرصفحه نمونه 2

سرصفحه نمونه 3

~%WhatToEnter[{dataset:'Dataset with discounts',column:'Discount', title:'Select discount'}] تخفیف

وقتی این تغییر را ذخیره می کنم و جدول به روز شده را در ایمیلی جای می دهم، لیست کشویی را دریافت می کنم با تخفیف و سلول اول طبق برنامه ریزی هایلایت می شود.

رنگ کردن کل ردیف

وقتی یک سلول کافی نیست، کل ردیف را رنگ می کنم :) ممکن است فکر کنید که باید مراحل بخش بالا را برای تمام سلول های موجود در آن اعمال کنید. یک ردیف. من عجله می کنم تا شما را ناامید کنم، روش کمی متفاوت خواهد بود.

در دستورالعمل های بالا به شما نشان داده ام که چگونه پس زمینه سلول را با اصلاح قطعه HTML این سلول به روز کنید. از آنجایی که اکنون می خواهم کل را دوباره رنگ کنمردیف، باید خط HTML آن را بگیرم و تغییرات را مستقیماً روی آن اعمال کنم.

اکنون بدون گزینه است و به نظر می رسد . نیاز دارم برای اضافه کردن data-set-style= و چسباندن WHAT_TO_ENTER من در آنجا. در نتیجه، خط مانند شکل زیر خواهد بود:

بنابراین، کل HTML جدول با سلولی که باید نقاشی شود، به این صورت خواهد بود:

سربرگ نمونه 1

سرصفحه نمونه 2

سرصفحه نمونه 3

~%WhatToEnter[{dataset :"مجموعه داده با تخفیف"، ستون:"تخفیف"، عنوان:"انتخاب تخفیف"}] تخفیف

با خیال راحت این HTML را برای الگوهای خود کپی کنید تا مطمئن شوید که همانطور که توضیح دادم کار می کند. از طرف دیگر، به اسکرین شات زیر اعتماد کنید :)

خلاصه

این تمام چیزی است که امروز می خواستم در مورد قالب بندی شرطی در جداول Outlook به شما بگویم. من به شما نشان دادم که چگونه رنگ سلول ها را تغییر دهید و پس زمینه آنها را برجسته کنید. امیدوارم توانسته باشم شما را متقاعد کنم که هیچ چیز خاص و دشواری در تغییر HTML قالب وجود ندارد و شما چند آزمایش نقاشی را خودتان انجام خواهید داد ;)

FYI، ابزار را می توان از فروشگاه مایکروسافت بر روی خود نصب کرد. رایانه لوحی، مک یا رایانه لوحی ویندوز و به طور همزمان در همه دستگاه‌های شما استفاده می‌شود.

اگر سؤال یا، شاید، پیشنهادی در مورد قالب‌بندی جداول دارید، لطفاً در نظرات به من اطلاع دهید. من خواهم بود