تساعدك قصاصات الأنماط المتتالية (CSS) على إضافة أنماط مخصصة إلى قبو حجر السج. إنها أدوات قوية تساعد في تحديد أجزاء مختلفة من واجهة المستخدم ، مثل لون العناصر وموضعها وحجمها. يعني تعلم استخدام مقتطفات CSS في Obsidian أنه يمكنك إنشاء مظهر مخصص ، مما يسمح لـ Obsidian بأن يكون أقرب إلى أسلوب عملك وشخصيتك. هذا يمكن أن يعزز تجربتك والإنتاجية بشكل عام. تابع القراءة لمعرفة كيفية استخدام مقتطفات CSS على حجر السج.
مضيفا القصاصات في سبج
الجزء الأول من استخدام مقتطفات CSS هو إضافتها. تسمح لك التخصيصات والأنماط المختلفة بإنشاء مساحة عمل جذابة ومرئية. استخدام المقتطفات يجعل تدوين الملاحظات مرضية وممتعة. إذا كنت لا تعرف بالفعل ، فهذه هي كيفية إضافة المقتطفات إلى قبو الخاص بك:
- انتقل إلى 'الإعدادات' وافتحه.
- اختر 'المظهر' وحدد 'مقتطفات CSS.
- حدد 'مجلد المقتطفات'.
- قم بإنشاء أو تنزيل مقتطفات CSS في هذا المجلد.
- افتح 'المقتطفات' و 'إعادة التحميل'.
استخدام مقتطفات CSS في حجر السج
في Obsidian ، يساعد استخدام مقتطفات CSS في الكتابة فوق أو استكمال سمات أكبر مختلفة تقوم بتطبيقها على المنتج. لاستخدام المقتطفات:
ماذا يحدث إذا قمت بحظر شخص ما على الخلاف
- أضف ملفًا يسمى
.css إلى .obsidian / snippets. - انتقل إلى خيار 'المظهر'.
- ينعش.
- اختر الملف الناتج بتبديل.
سبج التصميم باستخدام مقتطفات CSS
تعتبر CSS Snippets جزءًا لا يتجزأ من Obsidian لأنها تصف كيف يجب أن يظهر كل جزء من الخزنة. تسمح لك هذه المقتطفات بتخصيص جميع خصائص حجر السج تقريبًا لتتناسب مع تفضيلاتك. هناك العديد من الخيارات فيما يتعلق بالتصميم سبج.
استخدام المحددات لاختيار نمط
يتطلب تحديد النمط الذي تريده 'محددات'. يتيح لك هذا تحديد الجزء الذي تحتاجه لأسلوبك. عادة ما تكون المحددات متداخلة ، ويجب أن تكون محددًا. إذا كان النمط 'علامات اقتباس محرف' ، فاختر ذلك بالضبط. بشكل عام ، يؤدي تحديد 'عروض الأسعار' إلى تغيير مظهر الاقتباسات المحظورة في كل جزء من التطبيق.
استخدم الخصائص لتصميم التحديد
لتحديد نمط اختيارك ، تحتاج إلى استخدام 'الخصائص' ، والتي تتوفر بكثرة في CSS. لكي تكون محددًا بشأن النتيجة ، حدد الخصائص التي تحتاج إلى تعديل وامنحها القيم المستهدفة.
استخدم التصريح لإعطاء التعليمات
لإعطاء التعليمات ، يتم استخدام 'تصريح'. يتضمن هذا المحدد (ما يحتاج إلى تصميم) ، والخصائص التي تحتاج إلى التصميم (الأجزاء التي تحتاج إلى تغيير) ، والقيم الجديدة للخصائص (الشكل الذي تريده). على سبيل المثال ، إذا كنت تريد أن يكون كل النص داخل المحرر باللون الأحمر ، فهذا مثل قول: 'سبج ، ابحث عن كل النص داخل المحرر ، واطلب منهم أن يتحولوا إلى اللون الأحمر'. يجب أن يبدو إعلان CSS على النحو التالي:
.markdown-source-view {
color: red;
}
يعمل .markdown-source-view كمحدد. يحتوي {} على الخصائص التي يلزم تنسيقها ، بينما يمثل اللون الخاصية ، ويمثل اللون الأحمر القيمة المطلوبة. يتم عرض علاقات القيمة لجميع الخصائص مع الخاصية متبوعة بنقطتين وقيمة وفاصلة منقوطة لإنهاء السطر. يجب أن تكون الخصائص مسافة بادئة واحدة من القطاع للتمييز بينها بسهولة.
يعد فصل الإعلان في الصفوف أمرًا اختياريًا ولكن يمكن أن يساعدك عند تغيير العديد من العناصر والجوانب المختلفة.
كيف أعرف أي نوع من الكبش لدي
تفسير CSS متسلسل ، حيث تحكم أحدث الإعلانات جميع الإعلانات الأخرى التي سبقته.
استخدم الفئات لتحديد ما تريد تصميمه
تُستخدم 'الفئات' لتحديد ما تريد تصميمه. يتم وصف الفئات على أنها سمات مضافة للبنية الأساسية للتطبيق. يمكن استهدافها باستخدام المحددات. .markdown-source-view يحدد محتوى التطبيق المفتوح لعرض محرر. النقطة السابقة في أسماء الكائنات تشير إلى الفئات.
العناصر المستهدفة
تحتاج 'العناصر' إلى الاستهداف أيضًا ، اعتمادًا على التصميم. هذه هي أجزاء التطبيق الهيكلية. يمكن وضع مسافة بادئة للفقرات باستخدام محدد العنصر 'p'. لا يتم استخدام علامات ترقيم سابقة لوصف العناصر.
استخدم المنطق في المحددات لتعزيز الخصوصية
يؤدي استخدام مساحة إلى زيادة الخصوصية عن طريق اختيار الأحفاد: يختار 'الوالد -الجد' الطفل من الوالد الذي هو ابن الجد. على سبيل المثال، . markdown-source-view blockquote يختار blockquotes داخل أجزاء وضع التحرير.
إذا كانت هناك فترة بين الفصول ، فإنها تظهر علاقة 'و'. على سبيل المثال ، سيؤدي إدخال '.programmer.designer' إلى اختيار العناصر مع كل من 'المبرمج' و 'المصمم' كفئة.
الفاصلة هي فاصل منطقي 'أو'. على سبيل المثال ، إدخال 'blockquote، pre' يستهدف عنصري 'blockquote' و 'pre'.
يمكنك الرجوع إلى دليل موزيلا إلى CSS ، حيث أن معظم المنطق ينطبق على سبج.
كيفية إضافة النقاط البارزة على Instagram بدون نشر
حفظ بيانات التصميم
عند عمل موضوعات شاملة ، احفظها تحت VAULT / .obsidian / theme. يجب تسمية هذا بشكل فريد ويمكن العثور عليه ضمن الإعدادات> المظهر> المظهر في حجر السج. انقر على خيار 'إعادة تحميل السمات' إذا لم يتم اكتشافها. إذا تم إجراء التعديلات على سمة موجودة وكانت صغيرة ، فقم بتخزينها تحت VAULT / .obsidian / snippets.
تخصيص سمات حجر السج باستخدام مقتطفات CSS
حجر السج له سمات تسمح لك بإجراء تغييرات. يمكنك اختيار الاستمرار في تجربة سمة واحدة في كل مرة أو إنشاء CSS مخصص يلبي احتياجاتك باستخدام DevTool.
حدد الخيار 'تطبيق مقتطف CSS'
هذا هو المكان الذي تبدأ منه ، وذلك لتمكين CSS المخصص. هذا يسمح لـ Obsidian بقراءة الكود ثم الكتابة فوق النمط الافتراضي. تساعد الخطوات أدناه في تمكين خيار CSS المخصص.
- افتح تطبيق Obsidian.
- انتقل إلى 'الإعدادات' على صفحتك السبجية (أسفل اليمين). هذا يفتح صفحة الإعدادات.
- حدد 'المظهر' في صفحة الإعدادات.
- في الجزء السفلي من قائمة 'المظهر' ، حدد الخيار 'تطبيق مقتطف CSS في (الدليل)'.
سيؤدي هذا إلى توجيه التطبيق إلى ملف CSS الموجود في الدليل الجذر للخزنة. تمت قراءة هذا ، ويتم تطبيق كود CSS المخصص. في هذه المرحلة ، لا يوجد ملف CSS.
احصل على أقصى استفادة من السبج باستخدام مقتطفات CSS
حجر السج يفتح العديد من الاحتمالات. لتحقيق أقصى استفادة منه ، عليك أن تجرب شيئًا إضافيًا تجعل استخدامه أكثر إثارة ومكافأة. قد يكون إنشاء السمات الخاصة بك باستخدام CSS هو كل ما تحتاجه. للقيام بذلك ، يجب عليك أولاً تمكين CSS Snippets في Obsidian من خلال قائمة الإعدادات. يتيح لك CSS تعديل النمط وإضافة قيم جديدة. يمكنك تحقيق الكثير والتلاعب باستخدام مقتطفات CSS.
هل سبق لك أن حاولت استخدام مقتطفات CSS على حجر السج؟ ماذا كانت تجربتك؟ يرجى مشاركتنا في قسم التعليقات أدناه.