چگونه می توان شیوه نامه برای ابزارک ها (Widgets) شیوه نامه ی (CSS) جداگانه نوشت؟ من می خواهم هر ابزارک بولت bullet خودش را داشته باشد مثل این وبسایت:
http://wp-themes.der-prinz.com/wyntonmagazine/?p=4
وبسایت بالا فقط یک مثال است و از ابزارک استفاده نمی کند. من می خواهم CSS شیوه ی هر ابزارک را تعریف کند.
پوسته هایی که از ابزارک پشتیبانی می‌کنند، فایلی به نام functions.php در پوشه خود دارند
برای استایل دادن به ابزارک‌ها باید به اِلمان های داخل این فایل استایل دهید
برای مثال :
sourenaa
مهدی<?php
if ( function_exists('register_sidebar') )
register_sidebar(array(
'before_widget' => '<li>',
'after_widget' => '</li>',
'before_title' => '<h2 class="bold">',
'after_title' => '</h2>',
));
?>من میخواهم عنوان ابزارک ها توپر (Bold) باشه برای همین به خط زیر تگ <h2> و یک class با نام bold (برای انتخاب این نام آزاد هستید) اختصاص میدم
'before_title' => '<h2 class="bold">',
و برای اتمام کار تگ h2 توسط دستور </h2> می‌بندم
'after_title' => '</h2>',
حالا به فایل style.css می‌روم تا تنظیمات دقیق تر رو اونجا انجام بدم
.bold{
font-family:tahoma;
font-size:12px;
text-align:right;
}موفق باشید
سوال من اینه که چطور میشه به هر ابزارک استایل متفاوت داد؟ مثلا «مقالات جدید» علامتی مثل صفحه ی کاغذ در کنار خود داشته باشند و «نظرات خوانندگان» علامتی مثل قلم. به علاوه من می خواهم به جای عنوان بعضی از ابزارک ها با استفاده از CSS تصویر بگذارم.
راه حل شما خوب است، منتها اگر بخواهیم به همه ی ابزارک ها یک استایل بدهیم.
بزارین بیشتر توضیح بدم:
من این کدها رو در functions.php دارم:
//Widgetized sidebar
if ( function_exists('register_sidebar') )
register_sidebars((2),array(
'before_widget' => '<div class="sidebar_widget">',
'after_widget' => '</div>',
'before_title' => '<h3>',
'after_title' => '</h3>',
));
?>این استایل رو هم در فایل style.css دارم:
.sidebar_widget ul li {
margin-bottom:5px;
padding-left:20px;
background:url(images/icons/icon_categories.gif) no-repeat;
}مشکل اینه که این استایل همه ی ابزارک ها رو به یک شکل تغییر میده. در حالی که من می خوام ابزارکی که اسم نویسنده های سایت رو نشون میده با ابزارکی که مقاله ها رو فهرست می کنه دو تا استایل متفاوت داسته باشند. میتونم این دو تا استایل رو بسازم ولی چه جور میتونم اونها رو به ابزارک ها وصل کنم؟
هر ابزارکی یه کلاس و آی دی داره با اونا تو سی اس اس بهش مقدار بدید ...
کلاس و آی دی شونو کجا پیدا کنم؟
آدرس اینجا بزارید من بگم ... تو سورس صفحه هم که مشخص می شه :)
آدرس اینه:
http://thepublicsphere.com/2008/12/is-mexico-headed-for-war/
توی functions این خط رو :
'before_widget' => '<div class="sidebar_widget">',
به این تغییر بدین :
'before_widget' => '<div id="%1$s" class="widget %2$s">',
ممنون.
معنی "%1$s" و "widget %2$s" چیه؟ آیا باید به جای اونها نام استایل ها و ابزارک ها رو بذارم؟
خب همینی که دادم رو باید بزارید. اینا خودش بعدم توسط سیستم جایگزین می شه به کلاس و آی دی ...
نشد دوست عزیز...
اگه برین توی سایت دموی این قالب نگاه کنین می بینین که توی sidebar علامت های مختلفی استفاده شدن:
http://wp-themes.der-prinz.com/wyntonmagazine/?p=23
توی سایتی که من روش کار می کنم هم این علامت ها در پایین sidebar دیده می شن به این علت که اون ها ابزارک نیستند، بخشی از sidebar بدون ابزارک اند. یعنی حتی اگه ابزارکی هم در sidebar نباشه اونا رو طراح قالب تعریف کرده که اونجا باشن.
چیزی که من احتیاج دارم بدونم اینه که چه طور میشه اون استایل هایی رو که به صورت آماده در قالب اومده رو به ابزارک هایی که بعدا اضافه می کنیم قبولوند. فکر می کنم باید از طریق گذاشتن کدهایی درfunctions.php باشه ولی مطمئن نیستم.
اون سایت پیغام خطا داد. ببینید باید اون کدی رو که دادم بزارین تا درست کلاس و آی دی بده به ویدجت هاتون. بعد از اون باید فایل استایلتون رو با این کلاس و آی دی تنظیم کنید ...
حل‌نشده
navid
