كيف أخصّص سمة مدوّنتي في VeloCMS؟
عدّل الخطوط وألوان علامتك التجارية وكثافة التخطيط دون لمس أي سطر كود — يتيح VeloCMS أكثر متغيّرات التصميم تأثيراً من خلال لوحة إعدادات السمة.
يتيح لك VeloCMS تعديل ألوان علامتك التجارية والخط الرئيسي وكثافة التخطيط من «لوحة التحكم ← المظهر ← التصميم العام» دون كتابة سطر CSS واحد. تُخزَّن التغييرات على شكل تجاوزات لإعداد السمة وتُطبَّق بوصفها خصائص CSS مخصصة وقت التشغيل — مما يجعلها فورية وقابلة للإلغاء وغير قادرة على كسر السمة الأساسية.
اقرأ النص الكامل
وجدت قالبًا تحبه، لكن ألوانه ليست ألوان علامتك التجارية وخطّه ليس أنت تمامًا. في معظم المنصات، يعني إصلاح ذلك: CSS، أو قالبًا فرعيًا، أو مطوّرًا. ليس هنا. سأُعيد تصميم هوية قالب VeloCMS بالكامل — الألوان، والخطوط، والتفاصيل — دون لمس سطر واحد من الكود.
كل ذلك موجود في مكان واحد: لوحة «التصميم العام» ضمن «المظهر». لا ورقة أنماط، ولا ملف JSON، ولا مربع «CSS إضافي» مخيف. مجرد محرر نظيف مع معاينة مباشرة، بحيث يظهر كل تغيير أُجريه فورًا بدلًا من التخمين ثم التحديث.
ابدأ باللون. توجد بطاقة لكل رمز من رموز العلامة — الخلفية، والنص، ولون التمييز الخاص بك — وأنا فقط أختار قيمًا جديدة. تتحدّث عينات المعاينة أثناء عملي، لأتمكن من ضبط لوحة ألواني بدقة. ستة ألوان أساسية، مع متّسع لألوان مخصّصة، دون الحاجة لأي تنقيب عن أكواد hex.
الآن الخط. ثلاث فتحات خطوط — للعناوين، وللنص الأساسي، وللتمييز — لأتمكن من تحديد خط عرض مميّز في الأعلى وخط نظيف وسهل القراءة للكتابة. غيّر الفتحة، ويتبعك الموقع بأكمله. هنا تبدأ القالب العام بالشعور وكأنه صُمّم خصيصًا لي.
ثم التفاصيل الصغيرة التي تُثبت الفكرة. يمكنني تدوير زوايا الأزرار وضبط أحجام عناويني وأوزانها — اللمسات الأخيرة التي تجعل التصميم يبدو مقصودًا. رموز صغيرة، وفارق كبير. إنه الفارق بين «قالب لطيف» و«علامتي التجارية».
ضغطة «حفظ» واحدة، وها هو أفضل جزء — إنها طبقة علامة تجارية تعلو القالب، فإذا بدّلت القوالب الشهر المقبل، تنتقل ألواني وخطوطي معي. لست مضطرًا لإعادة فعل هذا في كل مرة. تُضبط علامتي مرة واحدة، وتبقى ثابتة.
ألوانك، وخطوطك، بلا أي كود. اجعل القالب خاصًا بك على velocms.org.
أي خصائص التصميم يمكنني تغييرها دون كود؟
تعرض لوحة «التصميم العام» ثلاث فئات من الإعدادات. تتيح لك ألوان العلامة التجارية ضبط لون التمييز الرئيسي والخلفية ولون النص — تُخزَّن جميعها كقيم OKLCH كي تتكيّف بسلاسة مع الوضع الداكن. يتيح لك قسم الطباعة الاختيار من قائمة منسّقة بعناية من أزواج الخطوط (كل زوج خطٌّ للعناوين وخطٌّ للنص الأساسي مختاران للقابلية للقراءة والأداء). يمنحك قسم التخطيط حقل «عرض المحتوى» النصي الحر — أدخل قيمة بالبكسل بدقة (مثل 720px) لعرض عمود القراءة، أو اتركه فارغاً لاستخدام العرض الافتراضي لقالب السمة. تغطّي هذه العناصر الثلاثة أكثر ما يميّز شخصية مدوّنتك دون الحاجة إلى أي مطوّر.
كيف أضبط لون علامتي التجارية الخاص؟
افتح «لوحة التحكم ← المظهر ← التصميم العام» وانقر على مربّع اللون الرئيسي. تنفتح أداة اختيار الألوان مع حقل إدخال hex — ألصق رمز hex لون علامتك التجارية (مثلاً #E63946) وستتحدّث المعاينة على اليمين فوراً. يحوّل VeloCMS قيمة hex داخلياً إلى OKLCH حتى يبدو اللون متسقاً عبر معايرات الشاشات المختلفة وفي الوضع الداكن. انقر على «حفظ التغييرات» وسيصبح اللون الجديد سارياً فوراً على جميع الزوّار. إن أردتَ إعادة لون السمة الافتراضي، امسح حقل اللون المخصص واحفظ.
ما الخطوط المتاحة وكيف أبدّلها؟
يأتي VeloCMS مع سبعة أزواج خطوط مختارة بعناية، يغطّي كلٌّ منها خطّ العناوين وخطّ النص الأساسي. محسَّنة الأزواج مسبقاً لأداء الويب — تُحمَّل الخطوط من Google Fonts بإعداد display=swap كي لا تحجب أبداً عرض صفحتك. للتبديل، افتح قسم «الخطوط» في لوحة «التصميم العام»، انقر على أي زوج لمعاينته في العرض المباشر على اليمين، ثم احفظ. تنتشر تغييرات الخط على جميع مقالاتك الموجودة فوراً — لا يوجد إعداد خط لكل مقال على حدة، لأن عدم اتساق الطباعة من أسرع الطرق لإضفاء مظهر غير احترافي على المدوّنة.
هل يمكنني حقن CSS مخصص للتعديلات المتقدمة؟
ليس بعد — لا يوجد في VeloCMS حقل لحقن CSS أو JavaScript مخصّص. تغطّي لوحة «التصميم العام» ألوان العلامة التجارية والطباعة وكثافة التخطيط ونصف قطر الزوايا دون كتابة كود، وهذا هو أقصى ما تقدّمه واجهة التخصيص بلا كود حالياً. إن كان التغيير الذي تريده خارج هذه العناصر، فهذه ليست قدرة ذاتية الخدمة بعد.
إن لم تُغطِّ عناصر تحكم لوحة «التصميم العام» في الألوان والطباعة والتخطيط ما تبحث عنه، فلا يوجد حقل إداري للالتفاف على ذلك اليوم — إنها ليست قدرة ذاتية الخدمة.