ابزارک خور کردن ساید بار(سوال)

  • نویسنده موضوع Ehs@n
  • تاریخ شروع

Ehs@n

کاربر عضو
سلام

من یه مشکلی دارم

یه قالب طراحی کردم و آلان باید اونو ابزارک خور کنم

ولی بلد نیستم

به کسرا جان پ.خ زدم جواب دادن که اینجا می ذارم

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


کد:
[SIZE=12px]<?php if ( function_exists('dynamic_sidebar') && dynamic_sidebar('sidebar') ) : else : ?><?php endif; ?>  [/SIZE]
اینجا sidebar اسم جاییه که میخوای ابزارک نمایش پیدا کنه که تو کد بالا نوشتیم اسمشو

تو فایل فانکشن قالبت یعنی این فایل functions.php این کدارو اظافه کن :


کد:
[SIZE=12px] [/SIZE]
[SIZE=12px]if ( function_exists('register_sidebar') ) [/SIZE]

[SIZE=12px]register_sidebar(array('name'=>'sidebar', [/SIZE]
[SIZE=12px]'before_widget' => '', [/SIZE]
[SIZE=12px]'after_widget' => '</div><div class="dblue_box"></div>', [/SIZE]
[SIZE=12px]'before_title' => '<div class="a_tblue_box">', [/SIZE]
[SIZE=12px]'after_title' => '</div><div class="mblue_box">', [/SIZE]

[SIZE=12px]));  [/SIZE]
خوب حالا سوال من اینه که:

من طراحیم شاید درست نباشه و اومدم واسه سایت بار یه div واسه عنوان جدا کردم و یه div هم واسه نمایش افزونه ولی حالا نمی دونم دقیقا این کد رو کجا باید بذارم

و اینم بگم که قالب رو من فعلا رو HTML و CSS طراحی کردم و جداسازی نکردم واسه وردپرس(منظورم همون تیکه تیکه کردن بود)

و نمی دونم فانکشن یعنی چی

اگه میشه کمی بیشتر توضیح بدین

ممنون

 

kasraa

کاربر عضو
سلام

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

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

کلا اگر الآن قالب های حرفه ای میبینی و کلی امکانات داره همش با همین فایل فانکشنه مثلا من خودم دارم با وردپرس یه سیستم حراجی آنلاین راه میندازم که همش با همین فایل و دستوراتشه :D

خب این از توضیحات فایل فانکشن بریم سراغ سوال بعدیت :

اگر توی اون کد دقت کرده باشی من برات css هارم گذاشتم دیگه :


کد:
'before_widget' => '', 
'after_widget' => '</div><div class="dblue_box"></div>', 
'before_title' => '<div class="a_tblue_box">', 
'after_title' => '</div><div class="mblue_box">',
میتونی css هات یا همون کلاس هاتو اینجا پیاده کنی :x

همین :D

 

Ehs@n

کاربر عضو
با عرض معذرت میشه کد رو خودت با کدی که من نوشتم ست کنی!

کد HTML


کد:
[SIZE=12px]<div class="col2">[/SIZE]
[SIZE=12px]    <div class="mu-l">[/SIZE]
[SIZE=12px]    <div class="l-ti">[/SIZE]
[SIZE=12px]    title of left menu[/SIZE]
[SIZE=12px]    </div>[/SIZE]
[SIZE=12px]    <div class="l-as">[/SIZE]
[SIZE=12px]    text of left menu[/SIZE]
[SIZE=12px]    </div>[/SIZE]
[SIZE=12px]    </div>    [/SIZE]

[SIZE=12px]    </div>[/SIZE]
اینم CSS هاش


کد:
[SIZE=12px].mu-l{[/SIZE]
[SIZE=12px]    background:#FFF;[/SIZE]
[SIZE=12px]        width:280px;[/SIZE]
[SIZE=12px]    height:auto;[/SIZE]
[SIZE=12px]    border:solid 1px #FFDD33 !important ;[/SIZE]
[SIZE=12px]    border-radius:7px;[/SIZE]
[SIZE=12px]    -moz-border-radius:7px;[/SIZE]
[SIZE=12px]    margin:auto;[/SIZE]
[SIZE=12px]    position:relative;[/SIZE]
[SIZE=12px]margin:auto;[/SIZE]
[SIZE=12px]margin-top:10px;[/SIZE]
[SIZE=12px]-moz-box-shadow: 0 0 10px #888;[/SIZE]
[SIZE=12px]-webkit-box-shadow: 0 0 10px#888;[/SIZE]
[SIZE=12px]box-shadow: 0 0 10px #888;[/SIZE]
[SIZE=12px]}[/SIZE]

[SIZE=12px].l-ti{    [/SIZE]
[SIZE=12px]    background:#FFDD33 !important ;[/SIZE]
[SIZE=12px]width:280px;[/SIZE]
[SIZE=12px]height:auto;    [/SIZE]
[SIZE=12px]border-bottom:solid 1px #FFDD33 !important ;[/SIZE]
[SIZE=12px]position:relative;[/SIZE]
[SIZE=12px]text-align:center;[/SIZE]
[SIZE=12px]font-weight:500;[/SIZE]
[SIZE=12px]-moz-border-radius-topright:5px;[/SIZE]
[SIZE=12px]border-top-right-radius:5px;[/SIZE]
[SIZE=12px]-moz-border-radius-topleft:5px;[/SIZE]
[SIZE=12px]border-top-left-radius:5px;[/SIZE]
[SIZE=12px]}[/SIZE]

[SIZE=12px].l-as{[/SIZE]
[SIZE=12px]    width:auto;[/SIZE]
[SIZE=12px]    height:auto;[/SIZE]
[SIZE=12px]    padding:2px 10px 2px 2px;[/SIZE]
[SIZE=12px]    position:relative;    [/SIZE]
[SIZE=12px]}[/SIZE]
لطفا به اصطلاحاتی که تو کد نویسی ازش استفاده کردم نخندید آدم تازه کار از این بهتر نمی تونه کار کنه

به احتمال 1000درصد کد نویسی مشکل داره ولی لطف چشم پوشی کنید یا به قول معلم مون اغراق کنید

 

kasraa

کاربر عضو
آخ ببخشید تاپیک رو ندیده بودم

نمیدونم این آقای محمد کی میخواد این مشکل آخرین ارسال های انجمن رو رفع کنه :-w

با عرض معذرت میشه کد رو خودت با کدی که من نوشتم ست کنی!
نچ نچ نچ اینکارو نمیکنم واسه اینکه خودت بری انجام بدی و یه چیزی یاد بگیری

ببین یه نیگا به کدا بنداز مثلا من به before_title کلاس دادم این قسمت همونطور که از اسمش معلومه برای قبل عنوان ابزارکت هست که اسم کلاسش a_tblue_box هستش حالا تو هر اسمی دوس داری بزار براش و تو css هرچی میخوای براش قرار بده

دیگه هم نبینم میگی یکی دیگه برات انجام بده ، اینطوری هیچی یاد نمیگیری و همیشه لنگ میمونی که چیکار کنی

یه بار که انجام بدی خودت حرفه ای میشی :x

 

Ehs@n

کاربر عضو
آقا ببخشید ولی یه مشکل جدید

من 2تا ساید بار دارم که اندازه و رنگ هر کدوم با هم فرق داره

ولی کد ساید بار و فانکشن یکی اند

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

حالا چه طوری میشه اسم اینو عوض کرد که بشه واسه هر کدوم خاصیت های مستقل داد؟

اگه اسمی که بعد از دستور name فانکشن هست رو عوض کنم (sidebar) و تو PHP هم بازم همین رو /sidebar/ رو عوض کنم و بذارم 1 مشکل ام حل میشه؟تا دوتا دستور جدا تو فانکشن و پی اچ پی داشته باشم؟

sidebar

و

sidebar1

?

 

kasraa

کاربر عضو
دقیق نفهمیدم چی گفتی اما اگر منظورت اینه 2 تا سایدبار داری ،

هم میتونی از تغییر اسم سایدبار اینکارو کنی هم اینکه خب میتونی کلاسهاشو یه چیز دیگه بدی و جداگونه css بنویسی براش

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

موفق باشی

 

Mohammad

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

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

 
بالا