مقدمة في الـ yourcolor – CSS
الووردبريس wp
تعريف الCSS:
الCSS هي اختصار لـ Cascading Style Sheet
تستخدم في تصميم المواقع، من خلالها تستطيع توفير الكثير من الوقت من حيث أن الاستغناء عنها يتطلب منا كتابة أكواد كثيرة في HTML
الCSS تساعد مطوري الويب (المصممين) على إنشاء تصميم موحد عبر العديد من صفحات الموقع، بدلاً من إنشاء تصميم لكل عناصر الصفحة، تستطيع عمل تصميم واحد واستخدامه في عدد لانهائي من الصفحات.
بالإضافة الى ذلك، الCSS تجعل من السهولة تغيير تصميم أي عنصر عبر جميع الصفحات
تطبيق سريع في الCSS
لنفرض أننا نملك موقع مكون من 5 صفحات، مصمم بإستخدام الHTML فقط
وأردنا تغيير لون الخلفية من الأبيض الى الأسود
سنضطر الى التعديل على جميع الصفحات وتعديل وسم الBody
<body bgcolor="black">
أو اذا اردنا تغيير حجم خط الترويسة h1
سنضطر الى تغيير كم كبير من السطور
ولكن في الCSS جل ماعليك عمله هو
لنفرض أننا أردنا تغيير حجم خط الترويسة h1 من 18 الى 24
h1 {font-size:24px;}
وسيتم تغيير جميع الترويسات المحتواه في الموقع.
الخطوة الأولى
لبداية تصميم موقع بالCSS
نعمل صفحة ويب
مثلاً :
<html> <head> <title> 3nkboot el wordpress </title> <link rel="stylesheet" type="text/css" href="style.css"> <<
لتحديد مكان ملف الستايل (هنا سيتم كتابة جميع أكواد الستايل الخاص بالموقع)
</head><body><ul><li>my first website</li>
<p><li>yourcolor.net</li><p></ul><p></body> </html>
استخدام الCSS في الووردبريس
جميع قوالب الووردبريس لا تخلو من الCSS
للوصول الى ملف الستايل الخاص بموقعك، اذهب الى wp-content/themes/your_template
وانتقل الى ملف القالب الخاص بموقعك
افتح ملف header.php
وستجد مكان ملف الستايل
يجب عليك تسجيل الدخول لكتابة تعليق.