استایل دادن به ابزارک ها

[romila 44]

...

من میخوام به ابزارک ها استایل بدم لطفا یکی راهنمایی کنه.

اینم از کدی که استفاده کردم:

<aside class="right-side">
    <div class="right-side-title">
	  <h4 class="right-side-title-text">عنوان</h4>
    </div>
    <ul class="right-side-text">
	    <li class="li"><a href="#" target="_self">متن</a></li>
    </ul>
  </aside>

ویرایش شده آبان 92 توسط NESTED
واژه‌های جالبی نبود :)

[Parsa 23463]

کلاسها که مشخص هستند

right-side

right-side-title

right-side-title-text

right-side-text

به همینها استایل بدید در فایل style.css پوسته

[romila 44]

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

نکته دیگه اینکه همه ی ابزارک ها متنی نیستن و بعضی هاشون مثل ابزارک جستجو از کادر تشکیل شدن و استایل دادن به اونها هم برام مشکله

[Parsa 23463]

معمولا هر نوع ابزارک کلاس خاصی داره

با inspect element مرورگر میتوانید کلاس را بدست آورید یا سورس صفحه

[imanfakhar 26231]

همینطور می تونید:

در تعریف ابزارکها در کدهای functions.php قالب کدی شبیه به کد زیر خواهید داشت

  register_sidebar(array(
   'name' => 'left',
   'before_widget' => '<div id="%1$s" class="%2$s">',
   'after_widget' => '</div>',
   'before_title' => '<h3>',
   'after_title' => '</h3>',
  ));

به

before_widget

یک کلاس ثابت اضافه کنید مثلا

   'before_widget' => '<div id="%1$s" class="widget %2$s">',

[romila 44]

ایمان جان میشه بیشتر راهنمایی کنی چون من تازه کارم،

الان قسمت before widget من به صورت زیر هستش.

'before_widget' => '<aside class="right-side">',

[imanfakhar 26231]

کد ریجستری سایدبار را در فایل functions.php بخونید

یا با استفاده از ویرایشگر پیشرفته فایل functions.php را آپلود کنید اینجا

[romila 44]

<?php
if (function_exists('register_sidebar')) {
register_sidebar(array(
	    'name'		  => 'Right Sidebar',
	    'id'		    => "right_sidebar",
	    'description'   => 'Under Search Form',
	    'before_widget' => '<aside class="right-side">',
	    'after_widget'  => "</aside>",
	    'before_title'  => '<div class="right-side-title"><h4 class="right-side-title-text">',
	    'after_title'   => "</h4></div>"
));
}
?>

[imanfakhar 26231]

در حال حاضر این سلکتورها در ابزارکهاتون ثابتند

.right-side-title {}
.right-side-title h4.right-side-title-text {}
.right-side-title ul.right-side-title-text {}
.right-side-title ul.right-side-title-text li {}
.right-side-title ul.right-side-title-text li a {}

که به ترتیب سلکتور:

کل ویجت

عنوان

کللیست نمایش داده شده

هر آیتم از لیست

مطالب داخل پیوند از هر آیتم

هستند، الان مشکلتون دقیقا در کجاست

[romila 44]

ایمان جان خیلی ممنون از راهنماییتون تا حد زیادی کارم رو راه انداخت اما من هنوز به نتیجه مطلوب نرسیدم

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

من میخوام یه استایل یکتا به همه ی ابزارک ها بدم طوری که هر وقت هر ابزارکی رو اضافه میکنم به طور خودکار استایل بقیه ابزارک ها رو بگیره حالا میخواد ابزارک کادر دار باشه مثل ابزارک جستجو یا ابزارک متنی باشه مثل ابزارک آخرین نوشته ها.

ممنون میشم راهنماییم کنید.

توی مطالب قبلیتون گفتید که

یک کلاس ثابت اضافه کنید مثلا

'before_widget' => '<div id="%1$s" class="widget %2$s">',

میشه بیشتر توضیح بدید.

ویرایش شده آبان 92 توسط hami73

[imanfakhar 26231]

/* كادر اصلي */
aside.right-side {}
/* عنوان */
aside.right-side div.right-side-title {}
aside.right-side div.right-side-title h4.right-side-title-text {}
aside.right-side div.right-side-title h4.right-side-title-text a {}
/* نتيجه  */
aside.right-side ul {}
aside.right-side ul li {}
aside.right-side a {}
/* جستجو */
aside.right-side form {}
aside.right-side form input[type=text] {}
aside.right-side form input[type=submit] {}

[romila 44]

ایمان جان ممنون که وقت میزاری،کارهایی رو که گفتی انجام دادم ولی نشد.لطفا فایل پیوست رو نگاه کنید.(البته ابزارک هایی که تو عکس قبلی بود هنوز استایل دارن)

یعنی من باید برای تک تک این ابزارک ها استایل تعریف کنم؟

ویرایش شده آبان 92 توسط hami73

[romila 44]

ایمان جان یه مشکل دیگه هم دارم:

عکس اول مربوط به منوی وبسایت منه.

عکس دوم رو هم نگاه کنید.وقتی که توی ابزارک ها فهرست دلخواه میذارم همون منوی بالا رو تو ابزارک ها نشون میده! و با ابزارکی که پایین اون قرار داره یکی میشه.

ویرایش شده آبان 92 توسط hami73

[عبدالماجد 3203]

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

[imanfakhar 26231]

تا جایی که مشخصه الان استایل sidebar درست نیست نه ابزارک

[romila 44]

تا جایی که مشخصه الان استایل sidebar درست نیست نه ابزارک

اگه منظورتون در مورد ابزارک فهرست دلخواه هستش من وقتی این ابزارک رو میذارم استایل به هم میریزه

[Parsa 23463]

شما میخواهید در ابزارک منو قرار دهید؟

http://forum.wp-parsi.com/tutorials/article/3-%D8%A7%D9%81%D8%B2%D9%88%D8%AF%D9%86-%D9%82%D8%A7%D8%A8%D9%84%DB%8C%D8%AA-%D9%81%D9%87%D8%B1%D8%B3%D8%AA-%D8%AF%D9%84%D8%AE%D9%88%D8%A7%D9%87-%D8%A8%D9%87-%D9%BE%D9%88%D8%B3%D8%AA%D9%87/

[imanfakhar 26231]

اگه منظورتون در مورد ابزارک فهرست دلخواه هستش من وقتی این ابزارک رو میذارم استایل به هم میریزه

نه به فهرست دلخواه کاری ندارم ببینید شما یک قاب در گوشه صفحه داری که توش می تونی ابزارکهای مختلف را نمایش بدی به این قاب می گن سایدبار یا ستون کناری

در حال حاضر فکر کنم استایل اصلی این قاب بد تعریف شده

نشانی آنلاین بگذارید شاید بشه کمک کرد

[romila 44]

متاسفانه روی لوکال هستش

ایمان جان قالب رو به ایمیلتون فرستادم اگر براتون مقدور هست یه نگاه بیاندازید

ویرایش شده آبان 92 توسط hami73

[romila 44]

شما میخواهید در ابزارک منو قرار دهید؟

http://forum.wp-pars...لخواه-به-پوسته/

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

[Morteza 34190]

کلاس widget کلاس عمومی همه ابزارکهاست

میتونید براساس اون استایل بدید