التنسيق الشرطي في جداول Outlook

  • شارك هذا
Michael Brown

في هذه المقالة سوف تتعلم كيفية التنسيق الشرطي للجداول في Outlook. سأوضح لك كيفية تحديث طلاء نص الخلايا والخلفية باللون الذي تحدده من القائمة المنسدلة.

    التحضير

    قبل أن نبدأ "درس الرسم" ونتعلم كيفية تنسيق الجداول بشكل شرطي في Outlook ، أود تقديم مقدمة صغيرة عن يُطلق على تطبيقنا لبرنامج Outlook اسم قوالب البريد الإلكتروني المشتركة. باستخدام هذه الأداة المفيدة ، ستتمكن من إدارة مراسلاتك في Outlook بالسرعة والسهولة التي لم تتخيلها إلا من قبل. ستساعدك الوظيفة الإضافية على تجنب نسخ المعاجين المتكررة وإنشاء رسائل بريد إلكتروني جميلة المظهر في غضون بضع نقرات.

    حان الوقت الآن للعودة إلى موضوعنا الرئيسي - التنسيق الشرطي في جداول Outlook. بمعنى آخر ، سأوضح لك كيفية تلوين الخلايا وحدودها ومحتواها باللون المطلوب. أولاً ، تأكد من تذكر كيفية إنشاء الجداول في Outlook.

    نظرًا لأنني سأقوم بتلوين الخلايا بناءً على النغمة التي أختارها من القائمة المنسدلة ، فسوف أحتاج إلى إجراء ترتيب مسبق آخر. إذا كنت تتذكر البرنامج التعليمي الخاص بي حول كيفية إنشاء قوالب بريد إلكتروني قابلة للتعبئة ، فأنت تعلم أن القوائم المنسدلة يتم إنشاؤها بمساعدة مجموعات البيانات. توقف لحظة لتحديث معلوماتك حول هذا الموضوع إذا كنت تشعر أنك نسيت كيفية إدارة مجموعات البيانات ودعنا ننتقل.

    الآن أنا بحاجة إلى حفظ مجموعة بيانات مسبقًا بالألوان التي سأذهب إليها استخدم (أسميتهسعيد لسماع ردك!

    مجموعة بيانات مع خصومات) وإضافة ماكرو WhatToEnterمع تحديد القائمة المنسدلة. إذن ، ها هي مجموعة البيانات الخاصة بي:
    الخصم رمز اللون
    10٪ # 70AD47
    15٪ # 475496
    20٪ # FF0000
    25٪ # 2E75B5

    إذا كنت تتساءل من أين تحصل على هذه الرموز ، فما عليك سوى إنشاء جدول فارغ ، انتقل إلى خصائصه واختيار أي لون. سترى رمزه في الحقل المقابل ، فلا تتردد في نسخه مباشرة من هناك.

    أنشأت ماكرو WHAT_TO_ENTER وقمت بتوصيله بمجموعة البيانات هذه حيث سأحتاجها لاحقًا:

    ~٪ WhatToEnter [{dataset: 'Dataset with Discounts' ، العمود: "الخصم" ، العنوان: حدد discount '}]

    سيساعدني هذا الماكرو الصغير في الحصول على قائمة الخصم المنسدلة للاختيار من بينها. بمجرد القيام بذلك ، سيتم رسم الجزء الضروري من الجدول الخاص بي.

    أفهم مدى الغموض الذي قد يبدو عليه الآن ، لذا لن أتركك مع سوء الفهم هذا وأبدأ في إظهار كيفية تغيير لون النص أو قم بتمييز خلية. سأستخدم عينات أساسية حتى تتمكن من الحصول على الفكرة وإعادة إنتاج هذا الإجراء ببياناتك الخاصة.

    لنبدأ.

    تغيير لون خط النص في الجدول

    لنبدأ بتظليل بعض النصوص في الجدول. لقد أعددت نموذجًا مع جدول نموذج لتجارب الرسم لدينا:

    نموذج رأس 1 نموذج رأس 2 نموذج رأس3 [يجب إدخال معدل الخصم هنا]

    الهدف هو رسم النص باللون المقابل اعتمادًا على التحديد المنسدل. بمعنى آخر ، أريد لصق قالب واختيار معدل الخصم اللازم من القائمة المنسدلة وسيتم تلوين هذا النص الملصق. بأي لون؟ قم بالتمرير لأعلى للوصول إلى مجموعة البيانات في جزء التحضير ، سترى أن كل سعر خصم له رمز لون خاص به. هذا هو اللون المطلوب الذي يجب استخدامه.

    بما أنني أرغب في إضافة الخصم من القائمة المنسدلة ، فأنا بحاجة إلى لصق ماكرو WhatToEnter في هذه الخلية. هل تشعر أنك بحاجة إلى تحديث ذاكرتك حول هذا الموضوع؟ خذ لحظة للتحقق من أحد دروسي السابقة ؛)

    لذا ، سيبدو الجدول الناتج كما يلي:

    نموذج رأس 1 نموذج العنوان 2 نموذج العنوان 3
    ~٪ WhatToEnter [{dataset: 'Dataset with Discounts' ، العمود: "الخصم" ، العنوان: "حدد خصم '}] خصم

    انظر ، ستتم إضافة معدل الخصم من القائمة المنسدلة وكلمة "خصم" سيكون هناك على أي حال.

    ولكن كيف يمكنني إعداد القالب بحيث يتم رسم النص باللون المقابل؟ من السهل جدًا في الواقع ، سأحتاج فقط إلى تحديث HTML للنموذج قليلاً. لننهي الجزء النظري ونتحرك يمينًا للممارسة.

    تلوين كل النص في خلية الجدول

    أولاًأفتح رمز HTML الخاص بنموذجي وأتحقق منه بعناية:

    إليك كيف يبدو القالب في HTML:

    ملاحظة. علاوة على ذلك ، سأقوم بنشر جميع أكواد HTML كنص حتى تتمكن من نسخها إلى النماذج الخاصة بك وتعديلها بالطريقة التي تريدها.

    دعونا نلقي نظرة فاحصة على HTML أعلاه. السطر الأول هو خصائص حدود الجدول (النمط والعرض واللون وما إلى ذلك). ثم ينتقل الصف الأول (3 عناصر لخلية بيانات الجدول لثلاثة أعمدة) مع سماتها. ثم نرى كود الصف الثاني.

    أنا مهتم بالعنصر الأول من الصف الثاني مع WHAT_TO_ENTER. سيتم التلوين عن طريق إضافة قطعة الكود التالية:

    TEXT_TO_BE_COLORED

    سأقسمها إلى أجزاء لك وأوضح كل منها:

    • COLOR المعلمة تتعامل مع اللوحة. إذا استبدلت به ، على سبيل المثال ، "أحمر" ، سيتحول هذا النص إلى اللون الأحمر. ومع ذلك ، نظرًا لأن مهمتي هي اختيار لون من القائمة المنسدلة ، فسأعود إلى الإعداد لثانية وأخذ ماكرو WhatToEnter من هناك: ~٪ WhatToEnter [{مجموعة البيانات: "مجموعة البيانات مع الخصومات" ، العمود: "الخصم" ، العنوان: حدد الخصم '}]
    • TEXT_TO_BE_COLORED هو النص الذي يجب تظليله. في المثال الخاص بي ، سيكون " ~٪ WhatToEnter [{dataset: 'Dataset with discounts'، العمود: 'Discount'، title: 'Select discount'}] خصم ” (انسخ هذه القطعة مباشرة منكود HTML الأصلي لتجنب تلف البيانات).

    هنا هو الجزء الجديد من الكود الذي سأدرجه في HTML الخاص بي:

    ~٪ WhatToEnter [{dataset: 'Dataset with الخصومات ، العمود: "الخصم" ، العنوان: "تحديد الخصم"}] الخصم

    ملاحظة. ربما لاحظت أن معلمة "العمود" تختلف في هذين الماكروين. هذا لأنني بحاجة إلى إرجاع القيمة من أعمدة مختلفة ، على سبيل المثال العمود: "رمز اللون" سيعيد اللون الذي سيرسم النص بينما العمود : "الخصم" - الخصم معدل اللصق في خلية.

    يطرح سؤال جديد - ما هو مكان HTML الذي يجب أن أضعه فيه؟ بشكل عام ، يجب أن يحل هذا النص محل TEXT_TO_BE_COLORED. في عينتي ، سيكون العمود الأول ( ) من الصف الثاني (العمود). لذلك ، استبدل ماكرو WTE وكلمة "خصم" بالرمز أعلاه وأحصل على HTML التالي:

    نموذج العنوان 1

    نموذج العنوان 2

    نموذج العنوان 3

    ~٪ WhatToEnter [{dataset: 'Dataset with Discounts' ، العمود: "الخصم" ، العنوان: "تحديد الخصم" }] خصم

    بمجرد حفظ التغييرات ولصق هذا النموذج المحدث ، ستطلب مني نافذة منبثقة اختيار خصم. أختار 10٪ ويتم تلوين النص الخاص بي باللون الأخضر على الفور.

    تظليل جزء من محتوى الخلية

    منطق تلوين جزء فقط من الخليةالمحتوى هو نفسه في الأساس - يمكنك استبدال النص المراد تلوينه فقط بالكود من الفصل السابق مع ترك باقي النص كما هو.

    في هذا المثال ، إذا كنت بحاجة إلى تلوين النسبة المئوية فقط (بدون كلمة "خصم") ، سأفتح كود HTML ، وحدد الجزء الذي لا يحتاج إلى تلوين ("خصم" في حالتنا) وأخرجه من العلامة:

    في إذا كنت تقوم بتحضيرات التلوين من البداية ، فقط ضع في اعتبارك أن النص الملون في المستقبل يحل مكان TEXT_TO_BE_COLORED ، والباقي يبقى بعد النهاية. إليك HTML الذي تم تجديده:

    نموذج العنوان 1

    نموذج الرأس 2

    نموذج الرأس 3

    ~٪ WhatToEnter [{dataset: 'Dataset with discounts'، العمود: 'الخصم'، العنوان: 'Select discount'}] الخصم

    انظر؟ لقد وضعت جزءًا فقط من محتوى خليتي داخل العلامات ، وبالتالي سيتم تلوين هذا الجزء فقط عند اللصق.

    تطبيق التنسيق الشرطي على خلايا الجدول

    الآن دعنا نغير المهمة قليلاً ونحاول تسليط الضوء ليس على النص بل على خلفية الخلايا بأكملها في نفس الجدول النموذجي.

    قم بتمييز خلية واحدة

    بينما أقوم بتعديل نفس الجدول ، لن أكرر نفسي وألصق كود HTML للجدول الأصلي في هذا الفصل أيضًا. قم بالتمرير لأعلى قليلاً أو انتقل مباشرة إلى المثال الأول لـهذا البرنامج التعليمي لمشاهدة الكود غير المتغير للجدول غير الملون.

    إذا كنت أرغب في تظليل خلفية الخلية بالخصم ، فسأحتاج أيضًا إلى تعديل HTML قليلاً ، لكن التعديل سيختلف عن تلوين النص. الاختلاف الرئيسي هو أنه يجب تطبيق اللون ليس على النص ولكن على الخلية بأكملها.

    تبدو الخلية التي سيتم تمييزها مثل تلك الموجودة في تنسيق HTML:

    ~٪ WhatToEnter [{dataset: 'Dataset with Discounts' ، العمود: 'الخصم' ، العنوان: 'Select Discount'}] الخصم

    نظرًا لأنني أريد تمييز خلية ، يجب تطبيق التغييرات على سمة الخلية ، وليس إلى نص. سأقسم السطر أعلاه إلى أجزاء ، وأوضح كل منها وأشر إلى الأجزاء التي يجب تغييرها: يعني

    • "style =" أن خلية الصف بها خصائص النمط التالية. هذا هو المكان الذي نأخذ فيه استراحة الأولى. عندما أقوم بتعيين لون خلفية مخصص ، أقوم بتغيير نمط إلى نمط مجموعة البيانات .
    • "width: 32.2925٪؛ border: 1px أسود خالص ؛ " - هذه هي خصائص النمط الافتراضية التي قصدتها أعلاه. أحتاج إلى إضافة واحدة أخرى لتخصيص خلفية الخلية المختارة: لون الخلفية . نظرًا لأن هدفي هو اختيار اللون الذي يجب استخدامه من قائمة منسدلة ، أعود إلى تحضيراتي وأخذ WhatToEnter الجاهز من هناك.

    نصيحة. إذا كنت تريد رسم الخلية بلون واحد ولا تريد أن تزعجك القائمة المنسدلة في كل مرة ،فقط استبدل ماكرو باسم اللون ("أزرق" ، على سبيل المثال). سيبدو كما يلي: ~٪ WhatToEnter [{dataset: 'Dataset with discounts' ، العمود: 'Discount' ، title: 'Select discount'}] خصم

    • " ~٪ WhatToEnter [] الخصم " هو محتوى الخلية.

    إذن ، هنا مظهر HTML المحدث:

    ~ ٪ WhatToEnter [{dataset: 'Dataset with Discounts' ، العمود: 'الخصم' ، العنوان: 'Select Discount'}] الخصم

    يبقى باقي الجدول كما هو. هنا ينتقل HTML الناتج الذي سيبرز الخلية بمعدل النسبة المئوية:

    نموذج رأس 1

    نموذج رأس 2

    نموذج رأس 3

    ~٪ WhatToEnter [{dataset: 'Dataset with discounts' ، العمود: 'الخصم' ، العنوان: 'Select discount'}] الخصم

    عندما أحفظ هذا التغيير وألصق الجدول المحدث في رسالة بريد إلكتروني ، سأحصل على القائمة المنسدلة مع الخصومات وسيتم تمييز الخلية الأولى كما هو مخطط.

    تلوين الصف بالكامل

    عندما لا تكفي خلية واحدة ، أرسم الصف بأكمله :) قد تعتقد أنك ستحتاج إلى تطبيق الخطوات من القسم أعلاه لجميع الخلايا الموجودة في صف. سأندفع لإحباطك ، سيختلف الإجراء قليلاً.

    في الإرشادات أعلاه ، أوضحت لك كيفية تحديث خلفية الخلية بتعديل جزء HTML لهذه الخلية. منذ الآن أنا على وشك إعادة طلاء كاملصف ، سأحتاج إلى أخذ سطر HTML الخاص به وتطبيق التغييرات عليه.

    الآن أصبح خاليًا من الخيارات ويبدو مثل . سأحتاج لإضافة data-set-style = ولصق WHAT_TO_ENTER الخاص بي هناك. في النتيجة ، سيبدو السطر مثل السطر أدناه:

    وهكذا ، سيبدو HTML بالكامل للجدول مع الخلية المراد رسمها كما يلي:

    نموذج العنوان 1

    نموذج العنوان 2

    نموذج الرأس 3

    ~٪ WhatToEnter [{مجموعة البيانات : "مجموعة البيانات مع الخصومات" ، العمود: "الخصم" ، العنوان: "تحديد الخصم"}] الخصم

    لا تتردد في نسخ HTML هذا للقوالب الخاصة بك للتأكد من أنها تعمل بالطريقة التي أصفها. بدلاً من ذلك ، ثق في لقطة الشاشة أدناه :)

    تلخيص

    هذا كل ما أردت إخبارك به عن التنسيق الشرطي في جداول Outlook اليوم. لقد أوضحت لك كيفية تغيير لون محتوى الخلايا وإبراز خلفيتها. آمل أن أكون قد تمكنت من إقناعك بأنه لا يوجد شيء خاص وصعب في تعديل HTML للقالب وستقوم بإجراء بعض تجارب الرسم الخاصة بك ؛)

    لمعلوماتك ، يمكن تثبيت الأداة من متجر Microsoft على جهازك جهاز كمبيوتر شخصي أو جهاز Mac أو جهاز لوحي يعمل بنظام Windows ويتم استخدامه على جميع أجهزتك في وقت واحد.

    إذا كان لديك أي أسئلة أو ، ربما ، اقتراحات حول تنسيق الجداول ، فيرجى إبلاغي بذلك في التعليقات. سأكون

    مايكل براون متحمس للتكنولوجيا ولديه شغف لتبسيط العمليات المعقدة باستخدام أدوات البرمجيات. مع أكثر من عشر سنوات من الخبرة في صناعة التكنولوجيا ، صقل مهاراته في Microsoft Excel و Outlook ، بالإضافة إلى جداول بيانات Google والمستندات. مدونة مايكل مكرسة لمشاركة معرفته وخبرته مع الآخرين ، وتقديم نصائح ودروس تعليمية سهلة المتابعة لتحسين الإنتاجية والكفاءة. سواء كنت محترفًا متمرسًا أو مبتدئًا ، تقدم مدونة مايكل رؤى قيمة ونصائح عملية للحصول على أقصى استفادة من أدوات البرامج الأساسية هذه.