CSS

CSS أو Cascading Style Sheets هي لغة style sheet تُستخدم لتحديد المظهر المرئي وتنسيق مستندات HTML. قوالب الووردبريس تستخدم CSS و HTML لإخراج البيانات التي تم إنشاؤها بواسطة WordPress. يحتوي كل قالب WordPress على ملف style.css الذي يحتوي على قواعد لتعريف تنسيق الصفحات التي تم إنشاؤها بواسطة WordPress.

CSS سهل الاستخدام وسهل التعلم. هناك العديد من المواقع التي تنشر دروس CSS التعليمية للمبتدئين والتي يمكن أن تساعد مستخدم WordPress الجديد على البدء. ومع ذلك ، نظرًا لأنه سهل الاستخدام للغاية ، يمكن للكثير من مستخدمي WordPress فهم الأساسيات من خلال النظر ببساطة إلى ملف style.css الخاص بقالب WordPress.

مثال:

body { 
font-size:14px;
color: #444;
background-color:#FFFFFF; 
} 
h1 { 
font-size:18px;
text-transform:uppercase;
}
.post-title { 
font-size: 16px; 
color: #4C0000;
font-weight:normal;
} 

يمكن تصميم عناصر HTML مباشرة في CSS. يستخدم المصممون أيضًا identifiers و classes لتحديد الأقسام المختلفة التي يمكن تصميمها في CSS. وهذا يساعدهم على استخدام أنماط مختلفة لعناصر HTML نفسها على صفحة الويب ولكن في أقسام مختلفة. على سبيل المثال ، يمكن تصميم عنصر h1 لعنوان المدونة في قسم رأس الصفحة بشكل مختلف عن عنصر h1 آخر في منطقة النشر بالصفحة نفسها.

مثال:

<div id="header">
 
<h1 class="blog-title">
<a href="<?php bloginfo('url'); ?>" title="<?php bloginfo('name'); ?>"><?php bloginfo('name'); ?></a>
</h1>
 
</div>

يحتوي HTML الموضح أعلاه على identifier يسمى “header” و class  يسمى “blog-title”. يمكن تصميم هذه الأقسام في CSS.

مثال:

#header { 
background-color:#4C0000;
height:120px;
width:100%;
padding:20px; 
} 
 
h1.blog-title a { 
font-color:#FFFFFF; 
font-size:16px;
font-family: Georgia, "Times New Roman", serif; 
text-decoration:none;
} 
اشترك
إخطار عن
guest
0 تعليقات
التقيمات المضمنة
اظهار كل التعليقات