انجمن


شیوه نامه (CSS) برای ابزارک ها (Widgets)  (۱۳ نوشته)

  • sourenaa

    آفلاین
    عضو
    تعداد نوشته‌ها: ۹۱
    تشکر شده: ۱۷ بار
    # نوشته شده: ۹ سال پیش
    ۱۲ آذر ۱۳۸۷ - ۰۶:۴۴

    چگونه می توان شیوه نامه برای ابزارک ها (Widgets) شیوه نامه ی (CSS) جداگانه نوشت؟ من می خواهم هر ابزارک بولت bullet خودش را داشته باشد مثل این وبسایت:
    http://wp-themes.der-prinz.com/wyntonmagazine/?p=4

    وبسایت بالا فقط یک مثال است و از ابزارک استفاده نمی کند. من می خواهم CSS شیوه ی هر ابزارک را تعریف کند.

  • مهدی

    آفلاین
    ناظم
    تعداد نوشته‌ها: ۱۱۰۰
    تشکر شده: ۳۴۰ بار
    # نوشته شده: ۹ سال پیش
    ۱۲ آذر ۱۳۸۷ - ۱۱:۳۶

    پوسته هایی که از ابزارک پشتیبانی می‌کنند، فایلی به نام functions.php در پوشه خود دارند
    برای استایل دادن به ابزارک‌ها باید به اِلمان های داخل این فایل استایل دهید
    برای مثال :

    <?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;
    }

    موفق باشید

  • sourenaa

    آفلاین
    عضو
    تعداد نوشته‌ها: ۹۱
    تشکر شده: ۱۷ بار
    # نوشته شده: ۹ سال پیش
    ۱۲ آذر ۱۳۸۷ - ۱۶:۵۸

    سوال من اینه که چطور میشه به هر ابزارک استایل متفاوت داد؟ مثلا «مقالات جدید» علامتی مثل صفحه ی کاغذ در کنار خود داشته باشند و «نظرات خوانندگان» علامتی مثل قلم. به علاوه من می خواهم به جای عنوان بعضی از ابزارک ها با استفاده از CSS تصویر بگذارم.
    راه حل شما خوب است، منتها اگر بخواهیم به همه ی ابزارک ها یک استایل بدهیم.

  • sourenaa

    آفلاین
    عضو
    تعداد نوشته‌ها: ۹۱
    تشکر شده: ۱۷ بار
    # نوشته شده: ۹ سال پیش
    ۲۷ آذر ۱۳۸۷ - ۱۶:۵۸

    بزارین بیشتر توضیح بدم:
    من این کدها رو در 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;
    	}

    مشکل اینه که این استایل همه ی ابزارک ها رو به یک شکل تغییر میده. در حالی که من می خوام ابزارکی که اسم نویسنده های سایت رو نشون میده با ابزارکی که مقاله ها رو فهرست می کنه دو تا استایل متفاوت داسته باشند. میتونم این دو تا استایل رو بسازم ولی چه جور میتونم اونها رو به ابزارک ها وصل کنم؟

  • navid

    آفلاین
    ناظم
    تعداد نوشته‌ها: ۲۷۱۸
    تشکر شده: ۲۹۲ بار
    # نوشته شده: ۹ سال پیش
    ۲۸ آذر ۱۳۸۷ - ۱۵:۲۰

    هر ابزارکی یه کلاس و آی دی داره با اونا تو سی اس اس بهش مقدار بدید ...

  • sourenaa

    آفلاین
    عضو
    تعداد نوشته‌ها: ۹۱
    تشکر شده: ۱۷ بار
    # نوشته شده: ۹ سال پیش
    ۳۰ آذر ۱۳۸۷ - ۱۰:۴۲

    کلاس و آی دی شونو کجا پیدا کنم؟

  • navid

    آفلاین
    ناظم
    تعداد نوشته‌ها: ۲۷۱۸
    تشکر شده: ۲۹۲ بار
    # نوشته شده: ۸ سال پیش
    ۱ دی ۱۳۸۷ - ۰۷:۳۷

    آدرس اینجا بزارید من بگم ... تو سورس صفحه هم که مشخص می شه :)

  • sourenaa

    آفلاین
    عضو
    تعداد نوشته‌ها: ۹۱
    تشکر شده: ۱۷ بار
    # نوشته شده: ۸ سال پیش
    ۱۲ دی ۱۳۸۷ - ۰۴:۰۶

  • navid

    آفلاین
    ناظم
    تعداد نوشته‌ها: ۲۷۱۸
    تشکر شده: ۲۹۲ بار
    # نوشته شده: ۸ سال پیش
    ۱۲ دی ۱۳۸۷ - ۱۳:۴۰

    توی functions این خط رو :
    'before_widget' => '<div class="sidebar_widget">',

    به این تغییر بدین :
    'before_widget' => '<div id="%1$s" class="widget %2$s">',

  • sourenaa

    آفلاین
    عضو
    تعداد نوشته‌ها: ۹۱
    تشکر شده: ۱۷ بار
    # نوشته شده: ۸ سال پیش
    ۱۲ دی ۱۳۸۷ - ۱۹:۳۴

    ممنون.
    معنی "%1$s" و "widget %2$s" چیه؟ آیا باید به جای اونها نام استایل ها و ابزارک ها رو بذارم؟

  • navid

    آفلاین
    ناظم
    تعداد نوشته‌ها: ۲۷۱۸
    تشکر شده: ۲۹۲ بار
    # نوشته شده: ۸ سال پیش
    ۱۴ دی ۱۳۸۷ - ۰۹:۰۸

    خب همینی که دادم رو باید بزارید. اینا خودش بعدم توسط سیستم جایگزین می شه به کلاس و آی دی ...

  • sourenaa

    آفلاین
    عضو
    تعداد نوشته‌ها: ۹۱
    تشکر شده: ۱۷ بار
    # نوشته شده: ۸ سال پیش
    ۲۹ دی ۱۳۸۷ - ۰۶:۱۱

    نشد دوست عزیز...

    اگه برین توی سایت دموی این قالب نگاه کنین می بینین که توی sidebar علامت های مختلفی استفاده شدن:
    http://wp-themes.der-prinz.com/wyntonmagazine/?p=23
    توی سایتی که من روش کار می کنم هم این علامت ها در پایین sidebar دیده می شن به این علت که اون ها ابزارک نیستند، بخشی از sidebar بدون ابزارک اند. یعنی حتی اگه ابزارکی هم در sidebar نباشه اونا رو طراح قالب تعریف کرده که اونجا باشن.
    چیزی که من احتیاج دارم بدونم اینه که چه طور میشه اون استایل هایی رو که به صورت آماده در قالب اومده رو به ابزارک هایی که بعدا اضافه می کنیم قبولوند. فکر می کنم باید از طریق گذاشتن کدهایی درfunctions.php باشه ولی مطمئن نیستم.

  • navid

    آفلاین
    ناظم
    تعداد نوشته‌ها: ۲۷۱۸
    تشکر شده: ۲۹۲ بار
    # نوشته شده: ۸ سال پیش
    ۱ بهمن ۱۳۸۷ - ۰۶:۲۸

    اون سایت پیغام خطا داد. ببینید باید اون کدی رو که دادم بزارین تا درست کلاس و آی دی بده به ویدجت هاتون. بعد از اون باید فایل استایلتون رو با این کلاس و آی دی تنظیم کنید ...

درباره‌ی این موضوع



برچسب‌ها