sos

قرار دادن آیکون برای ابزارک ها

9 پست در این موضوع قرار دارد

سلام

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

0

به اشتراک گذاری این پست


لینک به پست

سلام

هر ابزارک یک کلاس اختصاصی دارد که شما میتونید با استفاده از اون استایل اختصاصی به هر ابزارک بدین, مثلا ابزارک آخرین نوشته ها دارای کلاس widget_recent_entries است.

موفق باشید

6

به اشتراک گذاری این پست


لینک به پست

کلاس widget به صورت دیفالت بین ابزارکها مشترکه اگر یک آیکون برای همه می خواهید بگذارید از همین کلاس استفاده کنید و الا که فرمودند

6

به اشتراک گذاری این پست


لینک به پست

سلام

هر ابزارک یک کلاس اختصاصی دارد که شما میتونید با استفاده از اون استایل اختصاصی به هر ابزارک بدین, مثلا ابزارک آخرین نوشته ها دارای کلاس widget_recent_entries است.

موفق باشید

کلاس widget به صورت دیفالت بین ابزارکها مشترکه اگر یک آیکون برای همه می خواهید بگذارید از همین کلاس استفاده کنید و الا که فرمودند

لیست این کلاسا رو میتونم داشته باشم چون برای هرکدوم میخوام یه چیزی تعریف کنم

ویرایش شده در توسط sos
0

به اشتراک گذاری این پست


لینک به پست

روی صفحه راست کلیک کنید و مشاهده سورس کد را بزنید داخل صفحه سورس کد ctrl+f را بزنید و widget را جستجو کنید و یکی یکی کلاسهاتون رو بردارید

3

به اشتراک گذاری این پست


لینک به پست

ارسال شده در (ویرایش شده)

درود.

بنده دارم قالب طراحی می کنم و کاملا هم ابزارک های اختصاصی براش دارم در نظر می گیرم.برای عنوان هر ابزارک هم با تگ i آیکون مخصوص قرار می دم.اگه بخوام برای هر ابزارک اختصاصی آیکون قرار بدم تگ i رو در فانکشنش تعریف کردم چون راه دیگه نبود که بشه برای هر ابزارک استایل عنوانش رو متفاوت کرد.


<?php echo $before_widget;?>
<?php echo $before_title;?>
<i class="post-icon"></i>
<?php echo $title ; ?>
<?php echo $after_title; ?>

حالا با این کار بنده نمی تونم برای ابزارک های پیش فرض تگ i بذارم چون اونوقت برای ابزارک های اختصاصی یک تگ i دیگه هم اضافه می شه.برای نمایش ابزارک ها در قالب بصورت زیر عمل کردم.


add_action( 'widgets_init', 'pasargad_widgets_init' );
include (TEMPLATEPATH . '/widgets/widget-posts.php');
if ( function_exists('register_sidebar') )
register_sidebar(array(
'name' => 'RightSidebar',
'description' => 'ابزارک سمت راست که می توناید از ابزارک های اختصاصی برای این بخش استفاده نمایید',
'before_widget' => '<section class="right-body">',
'after_widget' => '</section>',
'before_title' => '<div class="mauve"><h3>',
'after_title' => '</h3></div>',
));
function pasargad_widgets_init() {
$before_widget = '<section class=" left-body">';
$after_widget = '</section>';
$before_title = '<div class="title"><h3>';
$after_title = '</h3></div>';

register_sidebar( array(
'name' => __( 'index' ),
'id' => 'index',
'description' => __( '' ),
'before_widget' => $before_widget , 'after_widget' => $after_widget , 'before_title' => $before_title , 'after_title' => $after_title ,
) );
}

الان ابزارک های اختصاصی با آیکون نشون داده می شن اما پیش فرض رو نمی تونم تگ i بهش اضافه کنم.( چون گفتم باعث می شه یک i دیگه به اختصاصی اضافه بشه)

این مورد رو چه جوری می شه درست کرد؟ راهی وجود داره که برای هر ابزارک تعریف کنیم که فلان before_title و ... استفاده کنه؟

ویرایش شده در توسط افشیــــــن
0

به اشتراک گذاری این پست


لینک به پست

کدتون اینطوری درسته (برای نمونه)


if ( function_exists('register_sidebar') )
register_sidebar(array(
'name' => 'RightSidebar',
'description' => 'ابزارک سمت راست که می توناید از ابزارک های اختصاصی برای این بخش استفاده نمایید',
'before_widget' => '<aside><div id="%1$s" class="right-body widget %2$s">',
'after_widget' => '</div></aside>',
'before_title' => '<div class="mauve"><h3><i class="post-icon"></i>',
'after_title' => '</h3></div>',
));

و آیکونهای مختلف را باید با توجه به کلاس هر ویجت به تگ i داخل h3 اون نسبت بدید (در ضمن به تگهای html5 مستقیم کلاس ندید و برای فهرستها از aside استفاده کنید نه section بهتره)

2

به اشتراک گذاری این پست


لینک به پست

ارسال شده در (ویرایش شده)

کدتون اینطوری درسته (برای نمونه)


if ( function_exists('register_sidebar') )
register_sidebar(array(
'name' => 'RightSidebar',
'description' => 'ابزارک سمت راست که می توناید از ابزارک های اختصاصی برای این بخش استفاده نمایید',
'before_widget' => '<aside><div id="%1$s" class="right-body widget %2$s">',
'after_widget' => '</div></aside>',
'before_title' => '<div class="mauve"><h3><i class="post-icon"></i>',
'after_title' => '</h3></div>',
));

و آیکونهای مختلف را باید با توجه به کلاس هر ویجت به تگ i داخل h3 اون نسبت بدید (در ضمن به تگهای html5 مستقیم کلاس ندید و برای فهرستها از aside استفاده کنید نه section بهتره)

استاد من با فونت ایکون ایکون میدم یعنی با تگ i با این حساب چه جوری ایکون بدم.

به نظرم فقط میشه به کلاس post-icon یک بک گراند (آیکون) داد.

ویرایش شده در توسط روحانی
0

به اشتراک گذاری این پست


لینک به پست

افزونه:



https://wordpress.org/plugins/font-awesome-4-menus/
https://wordpress.org/plugins/font-awesome-menus/

2

به اشتراک گذاری این پست


لینک به پست

برای ارسال نظر یک حساب کاربری ایجاد کنید یا وارد حساب خود شوید

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

ایجاد یک حساب کاربری

برای حساب کاربری جدید در انجمن ما ثبت نام کنید. عضویت خیلی ساده است !


ثبت نام یک حساب کاربری جدید

ورود به حساب کاربری

دارای حساب کاربری هستید؟ از اینجا وارد شوید


ورود به حساب کاربری