• فناوری
  • سرگرمی


❶شیوه کارکرد (css) چیست؟ چگونه در وردپرس به کار ببریم و تغییر دهیم | CSS HTML 


کشف لاشه هزاران پرنده دریایی در سواحل استرالیا
مقایسه سیتالوپرام و نورتریپتیلین در درمان افسردگی سالمندان
هفت قطعه معیوب رایج در خودروهای وارداتی
«گوگل آنالیتیک» ایران را تحریم کرد؟
اردوغان حرف می‌زند ارزش لیر سقوط می‌کند !
ساخت یک هیدروژل نیمه‌رسانا با حرکات شبیه به عروس دریایی
رباتی که وظایف سخت را در ارتفاع ۳۰۰ متری انجام می‌دهد
طبیب ایران
نگاه قیم وار حوزه به دانشگاه، بزرگترین مانع وحدت حوزه و دانشگاه
مفاصل سالم، زندگی شاداب: راهکارهای پیشگیری از آرتروز
آیا واقعا آماده ازدواج هستید؟ بررسی نشانه‌های آمادگی
حمله هکرهای کلاه‌سفید به خودروی کیا/ یک حفره امنیتی کشف شد
این پنجره‌ها خودشان را خنک می‌کنند
یک کودک اولین قربانی هوش مصنوعی
چگونه با تنهایی در زندگی زناشویی مقابله کنیم؟
فال روزانه - یکشنبه 10 تیر 1403
خوردن بیش ازحد فلفل تند، موجب مرگ می‌شود نخورید
رژ لب: هنر جذابیت و سبک‌های مختلف برای لب‌هایی زیبا
فال روزانه - جمعه 15 تیر 1403
بازار مسکن در پسابرجام / توافق چه تاثیری روی مسکن دارد؟
دانستنی های بدن انسان
همه چیز درباره دره تندیس‌های قشم: شاهکارهای سنگی که طبیعت خلق کرده است
بیماری‌های پوستی شایع و راه‌های درمان آن‌ها
طرز تهیه نان کدو تنبل سالم
همه چیز درباره کپسول سایمتیکون و موارد مصرف آن
طرز تهیه دیپ چیزبرگر، پیش غذایی لذیذ و خوشمزه
شیک ترین مدل های تیشرت لش مردانه
بیوگرافی مایرون اِلوترایی: مجسمه‌ساز برجسته یونان باستان
رمزگشایی از راز بیماری ذخیره گلیکوژن (GSD)؛ سفری به دنیای ژنتیک و متابولیسم
گورستان صخره‌ای سیراف: یک اثر تاریخی باستانی از تمدن‌های قدیم ایران
تصاویر جذاب و دیدنی؛ از مجسمه بحث برانگیز هری کین تا سگ رُباتیک برای امنیت ترامپ
دانلود رایگان مجموعه سریال Silicon Valley دره سیلیکن
خواص دارویی «کیوی» ضد سرطان و سکته، خاصیت «کیوی»
بیوگرافی شیدا خلیق بازیگر + زندگی شخصی و همسرش
مواد غذایی کپک زده رو چیکار کنیم؟مصرف دوباره چه شرایطی دارد؟
چرا آبادان مقصدی ایده‌آل برای گردشگران است؟
موبایل گوگل هم به قابلیت ارتباط ماهواره‌ای مجهز شد
ابداع ربات تربچه‌ای که می‌توان پس از استفاده خورد!
طرز تهیه دسر انبه به دو روش متفاوت، دسری دلچسب و خوشمزه
File History تنظیم یک درایو برای سابقه پرونده
کارکرد CSS
Function CSs

صفحه اصلی راهنما | مرور راهنما | تماس با واحد پشتیبانی

شیوه نامه (css) یا شیوه‌نامه آبشاری (Cascading Style Sheet) یک زبان نشانه گذاری برای تعریف جلوه های تصویری و قالب بندی اسناد HTML می باشد. پوسته های وردپرس از CSS و HTML برای خروجی گرفتن از اطلاعاتی که توسط وردپرس تولید می شوند استفاده می کنند. هر قالب وردپرسی دارای یک فایل style.css می باشد. این فایل سی اس اس حاوی قوانینی برای تعریف قالب بندی صفحاتی که توسط وردپرس ایجاد می شوند است.

یادگیری و استفاده از زبان نشانه گذاری CSS بسیار راحت می باشد. سایت های زیادی به زبان انگلیسی و فارسی وجود دارند که آموزش های CSS را منتشر می کنند, این آموزش ها می توانند به یک تازه کار وردپرس برای شروع کار کمک کند. البته به دلیل اینکه CSS خیلی راحت می باشد بسیاری از کاربران وردپرس با کمی نگاه کردن به فایل style.css می توانند اصول اولیه این زبان را درک کنند.

مثال:

body {
font-size:12px;
color: #000;
background-color:#fff;
}

h1 {
font-size:18px;
text-transform:none;
}

.post-title {
font-size: 16px;
color: #000;
font-weight:normal;
}

عناصر HTML می توانند به صورت مستقیم توسط css استایل داده شوند. همچنین طراحان وب می توانند با استفاده از شناسه ها (ID) و کلاس ها (classes) بخش های مختلفی که که می خواهند استایل دهند را تعریف کنند. این قابلیت به آنها کمک می کند تا از استایل های مختلف برای عنصار یکسان 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 ای که در بالا می بینید شامل یک id به نام header و یک کلاس به نام blog-title می باشد. این بخش ها می توانند به صورت مجزا مانند زیر توسط CSS استایل داده شوند.

#header {
background-color:#000;
height:140px;
width:100%;
padding:20px 10px;
}

h1.blog-title a {
font-color:#000;
font-size:15px;
font-family: tahoma;
text-decoration:none;
}





  • فناوری
  • سرگرمی

لطفا نظر خود را درباره مطلبی که خوانده‌اید، بنویسید...
نام شریف شما :
آدرس ایمیل:
مطلب :
کپی از مطالب این سایت تنها با ذکر فاتحه رایگان است
مجله تفریحی، سرگرمی و اطلاع رسانی   Natilos.ir © 2024 - 2015
V 9.8