کمی تغییر در یک قالب وردپرس

mohammad90-2011

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

1- می خوام تعداد ابزار ها به یه حدی که رسید مثل خود آخر ابزار ها بزنه "مشاهده آرشیو ابزار ها" برای آموزش ها و قالب ها هم همینطور بشه

2- قسمت نظرات رو اضافه کردم به پست ها ولی ظاهر جالبی نداره چطوری درستش کنم

3- تو قسمت قالب ها چطوری پیشنمایش قرار بدم درست مثل خود سایت ابزاره یعنی ادامه مطلب داشته باشه و پیشنمایش برای هر قالب

اینم آدرس سایتم :

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

 

Black_Sky

کاربر عضو
چون نمیتونم تایپ کنم سریع میگم:

1

- می خوام تعداد ابزار ها به یه حدی که رسید مثل خود آخر ابزار ها بزنه "مشاهده آرشیو ابزار ها" برای آموزش ها و قالب ها هم همینطور بشه
کوئری بسازید و ID دسته خاص بگیرید و برای آن لیم تعیین کنید

2- قسمت نظرات رو اضافه کردم به پست ها ولی ظاهر جالبی نداره چطوری درستش کنم
ساده است هر قالبی که دیدید و فایل نظات خوبی داشت برای قالب خودتون کپی کنید هیچی دیگه نمیخواد البته خود وردپرس هم پیشفرض داره میتونید به همون استایل بدید با css

3-- تو قسمت قالب ها چطوری پیشنمایش قرار بدم درست مثل خود سایت ابزاره یعنی ادامه مطلب داشته باشه و پیشنمایش برای هر قالب
با استفاده از ضمینه دلخواه و کد سختم براتون :D

تابع: Demo


کد:
<?php $demo = get_post_meta($post->ID,'demo',true); if( $demo!=null ){ ?>
<span><a target="_blank" href="<?php echo $demo; ?>">پیش نمایش اصلی</a></span>
<?php } /* end demo */?>
 

mostafa98

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

 

rocki3oy

کاربر عضو
دوتس عزیز برای قسمت نظرات یک استایل که به رنگ بندی خاکستری سایت شما بخوره در زیر قرار میدم می تونید استفاده کنید و برای مچ شدن با پوسته خودتون اعداد را تغییر بدید و درست کنید کار سختی نیست.


کد:
h3#comments {
	text-align: right;
	color: #222;
	text-shadow: 1px 1px 1px #FFF;
	margin: 0 auto 20px;
	display: block;
	clear: both;
	border-bottom: 1px dashed #AAA;
	padding-bottom: 10px;
}
img.avatar {
	margin-left:15px;
	width:70px;
	float:right;
	height:70px;
}
ol.commentlist {
	margin: 15px auto;
	list-style: none;
	border-top: 1px dashed #AAA;
	padding-top: 5px;
	display: block;
	clear: both;
}
ol.commentlist img{
	border:none;
	border-radius:0;
	padding:0;
}
ol.commentlist a {
	color: #bbb;
	text-decoration: none;
	font-style: none;
}
ol.commentlist li{
	font-size: 14px;
	background-color:#efefef;
	padding: 11px;
	padding-right:15px;
	margin-top: 20px;
	border: 2px dashed #dad6d6;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	overflow: hidden;
	width: 625px;
}
ol.commentlist li li{
	width: 570px;
}
ol.commentlist li p{
	width: 80%;
	font-size: 14px;
	margin-right: 100px;
}
ol.commentlist li a{
	color: #888;
	font-size: 14px;
}
#respond {
	margin: 0 auto 15px;
	width: 600px;
	clear: both;
	display: block;
}
#respond h3{
	visibility:hidden;
}
form#commentform {
	background:#f7f7f6;
	width:600;
	padding: 11px;
	margin-top: 10px;
	border: 3px dashed #dad6d6;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	overflow: hidden;
}
#commentform p , #formp{
	padding-right: 10px;
	margin-bottom:5px;
	line-height:2;
	width:100%;
	float:right;
}
#commentform label {
	color:#999;
	font-size:14px;
	margin-right:10px;
}
#commentform input , #forminput{
	float:right;
	display: block;
	width: 170px;
	padding: 3px 10px;
	height: 30px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	-moz-box-shadow: inset 0px 0px 5px #CCC;
	-webkit-box-shadow: inset 0px 0px 5px #CCC;
	box-shadow: inset 0px 0px 5px #CCC;
	border: none;
	background:#eeeeed;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
	font-size: 13px;
}
#commentform input:focus , #forminput:focus {
	-moz-box-shadow: inset 0px 0px 5px #AAA;
	-webkit-box-shadow: inset 0px 0px 5px #AAA;
	box-shadow: inset 0px 0px 5px #AAA;
}
#commentform textarea , #formtextarea {
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	background:#eeeeed;
	color:#333;
	-moz-box-shadow: inset 0px 0px 5px #CCC;
	-webkit-box-shadow: inset 0px 0px 5px #CCC;
	box-shadow: inset 0px 0px 5px #CCC;
	padding:4px 6px;
	width: 300px;
	height: 180px;
	font-family: BKoodakBold;
	font-size: 17px;
	line-height: 20px;
	float: right;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}
#commentform textarea:focus , #formtextarea:focus {
	display: block;
	clear: both;
	margin: 10px auto 0;
	width: 360px;
	padding: 10px 15px;
	height: 200px;
	border: none;
	-moz-box-shadow: inset 0px 0px 5px #AAA;
	-webkit-box-shadow: inset 0px 0px 5px #AAA;
	box-shadow: inset 0px 0px 5px #AAA;
}
#commentform #submit , #formsubmit {
	background-color: rgb(238, 0, 0);
	background-image: -ms-linear-gradient(top , rgb(238, 67, 46) 0%, rgb(181, 23, 0) 100%);
	background-image: -moz-linear-gradient(top , rgb(238, 67, 46), rgb(181, 23, 0));
	background-image: -o-linear-gradient(top , rgb(238, 67, 46) 0%, rgb(181, 23, 0) 100%);
	background-image: -webkit-gradient(linear,  top, right bottom, color-stop(0, rgb(238, 67, 46)), color-stop(1, rgb(181, 23, 0)));
	background-image: -webkit-linear-gradient(top , rgb(238, 67, 46) 0%, rgb(181, 23, 0) 100%);
	background-image: linear-gradient(to bottom, rgb(238, 67, 46) 0%, rgb(181, 23, 0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='rgb(238, 67, 46)', endColorstr='rgb(181, 23, 0)');
	border: 1px solid rgb(149, 17, 0);
	border-radius: 5px 5px 5px 5px;
	box-shadow: 0px 0px 0px 1px rgba(255, 115, 100, 0.4) inset, 0px 1px 3px rgb(51, 51, 51);
	color: rgb(255, 255, 255);
	text-align: center;
	margin:18px 0 0 4px;
	padding:3px 15px;
	float:right;
	font-family:BKoodakBold;
	font-size:16px;
	text-shadow: 0px -1px 1px rgba(0, 0, 0, 0.8);
}
#commentform #submit:hover , #formsubmit:hover{
	color: rgb(255, 255, 255);
	background-color: rgb(243, 120, 115);
	background-image: -moz-linear-gradient(center top , rgb(243, 120, 115) 0%, rgb(219, 80, 77) 50%, rgb(203, 5, 0) 50%, rgb(162, 6, 1) 100%);
}
#commentbox .chalt {
	background: #fff;
	padding: 11px;
	border: 3px solid #dad6d6;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
}
 

mohammad90-2011

تازه وارد
چون نمیتونم تایپ کنم سریع میگم:1

کوئری بسازید و ID دسته خاص بگیرید و برای آن لیم تعیین کنید

ساده است هر قالبی که دیدید و فایل نظات خوبی داشت برای قالب خودتون کپی کنید هیچی دیگه نمیخواد البته خود وردپرس هم پیشفرض داره میتونید به همون استایل بدید با css

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

تابع: Demo


کد:
<?php $demo = get_post_meta($post->ID,'demo',true); if( $demo!=null ){ ?>
<span><a rel="nofollow" target="_blank" href="<?php echo $demo; ?>">پیش نمایش اصلی</a></span>
<?php } /* end demo */?>
بابا زیر دیپلم توضیح بده متوجه بشم هیچی نفهمیدم

 

mohammad90-2011

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

کد:
h3#comments {
    text-align: right;
    color: #222;
    text-shadow: 1px 1px 1px #FFF;
    margin: 0 auto 20px;
    display: block;
    clear: both;
    border-bottom: 1px dashed #AAA;
    padding-bottom: 10px;
}
img.avatar {
    margin-left:15px;
    width:70px;
    float:right;
    height:70px;
}
ol.commentlist {
    margin: 15px auto;
    list-style: none;
    border-top: 1px dashed #AAA;
    padding-top: 5px;
    display: block;
    clear: both;
}
ol.commentlist img{
    border:none;
    border-radius:0;
    padding:0;
}
ol.commentlist a {
    color: #bbb;
    text-decoration: none;
    font-style: none;
}
ol.commentlist li{
    font-size: 14px;
    background-color:#efefef;
    padding: 11px;
    padding-right:15px;
    margin-top: 20px;
    border: 2px dashed #dad6d6;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    overflow: hidden;
    width: 625px;
}
ol.commentlist li li{
    width: 570px;
}
ol.commentlist li p{
    width: 80%;
    font-size: 14px;
    margin-right: 100px;
}
ol.commentlist li a{
    color: #888;
    font-size: 14px;
}
#respond {
    margin: 0 auto 15px;
    width: 600px;
    clear: both;
    display: block;
}
#respond h3{
    visibility:hidden;
}
form#commentform {
    background:#f7f7f6;
    width:600;
    padding: 11px;
    margin-top: 10px;
    border: 3px dashed #dad6d6;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    overflow: hidden;
}
#commentform p , #formp{
    padding-right: 10px;
    margin-bottom:5px;
    line-height:2;
    width:100%;
    float:right;
}
#commentform label {
    color:#999;
    font-size:14px;
    margin-right:10px;
}
#commentform input , #forminput{
    float:right;
    display: block;
    width: 170px;
    padding: 3px 10px;
    height: 30px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    -moz-box-shadow: inset 0px 0px 5px #CCC;
    -webkit-box-shadow: inset 0px 0px 5px #CCC;
    box-shadow: inset 0px 0px 5px #CCC;
    border: none;
    background:#eeeeed;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    font-size: 13px;
}
#commentform input:focus , #forminput:focus {
    -moz-box-shadow: inset 0px 0px 5px #AAA;
    -webkit-box-shadow: inset 0px 0px 5px #AAA;
    box-shadow: inset 0px 0px 5px #AAA;
}
#commentform textarea , #formtextarea {
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    background:#eeeeed;
    color:#333;
    -moz-box-shadow: inset 0px 0px 5px #CCC;
    -webkit-box-shadow: inset 0px 0px 5px #CCC;
    box-shadow: inset 0px 0px 5px #CCC;
    padding:4px 6px;
    width: 300px;
    height: 180px;
    font-family: BKoodakBold;
    font-size: 17px;
    line-height: 20px;
    float: right;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
#commentform textarea:focus , #formtextarea:focus {
    display: block;
    clear: both;
    margin: 10px auto 0;
    width: 360px;
    padding: 10px 15px;
    height: 200px;
    border: none;
    -moz-box-shadow: inset 0px 0px 5px #AAA;
    -webkit-box-shadow: inset 0px 0px 5px #AAA;
    box-shadow: inset 0px 0px 5px #AAA;
}
#commentform #submit , #formsubmit {
    background-color: rgb(238, 0, 0);
    background-image: -ms-linear-gradient(top , rgb(238, 67, 46) 0%, rgb(181, 23, 0) 100%);
    background-image: -moz-linear-gradient(top , rgb(238, 67, 46), rgb(181, 23, 0));
    background-image: -o-linear-gradient(top , rgb(238, 67, 46) 0%, rgb(181, 23, 0) 100%);
    background-image: -webkit-gradient(linear,  top, right bottom, color-stop(0, rgb(238, 67, 46)), color-stop(1, rgb(181, 23, 0)));
    background-image: -webkit-linear-gradient(top , rgb(238, 67, 46) 0%, rgb(181, 23, 0) 100%);
    background-image: linear-gradient(to bottom, rgb(238, 67, 46) 0%, rgb(181, 23, 0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='rgb(238, 67, 46)', endColorstr='rgb(181, 23, 0)');
    border: 1px solid rgb(149, 17, 0);
    border-radius: 5px 5px 5px 5px;
    box-shadow: 0px 0px 0px 1px rgba(255, 115, 100, 0.4) inset, 0px 1px 3px rgb(51, 51, 51);
    color: rgb(255, 255, 255);
    text-align: center;
    margin:18px 0 0 4px;
    padding:3px 15px;
    float:right;
    font-family:BKoodakBold;
    font-size:16px;
    text-shadow: 0px -1px 1px rgba(0, 0, 0, 0.8);
}
#commentform #submit:hover , #formsubmit:hover{
    color: rgb(255, 255, 255);
    background-color: rgb(243, 120, 115);
    background-image: -moz-linear-gradient(center top , rgb(243, 120, 115) 0%, rgb(219, 80, 77) 50%, rgb(203, 5, 0) 50%, rgb(162, 6, 1) 100%);
}
#commentbox .chalt {
    background: #fff;
    padding: 11px;
    border: 3px solid #dad6d6;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
}
میشه لطف کنید توضیح بدید چطوری ازش استفاده کنم

 

mohammad90-2011

تازه وارد
این کد قسمت قالب های سایته ولی نمیدونم چطوری به دمو آدرس بدم تا برا هر قالب یه دمو بذاره


کد:
<div class="tools"><div class="tools_top"><h2>قالب ها</h2></div>

<div class="tools_body"><div class="text"><div id="tools-p"><?php $recent = new WP_Query("category_name=قالب&showposts=20"); while($recent->have_posts()) : $recent->the_post();?>        	<div id="post-t"><div id="tools_body"><div id="photo"><a target="_blank" href="<?php the_permalink(); ?>"><?php the_post_thumbnail(array(115,115),array(alt=>get_the_title(),title=>get_the_title())); ?></a></div><div id="text"><b><a target="_blank" href="<?php the_permalink(); ?>"><?php the_title(); ?></a></b></p><div id="post1"><?php the_excerpt(); ?></br></br><a target="_blank" href="<?php the_permalink(); ?>" rel="bookmark" title="<?php the_title(); ?>" class="theme"></a></div><a target="_blank" href="<?php echo get_post_meta($post->ID, 'demo',true); ?>" class="demo"></a></div><div class="clear"></div></div></div><?php endwhile; ?>	</p></div></div></div><div class="tools_bottom"></div>
</div></div>
 

Black_Sky

کاربر عضو
به صورت زیر تست کنید:


کد:
<div class="tools">
<div class="tools_top">
<h2>قالب ها</h2>
</div>
<div class="tools_body">
<div class="text">
<div id="tools-p">
<?php $recent = new WP_Query("category_name=قالب&showposts=20"); while($recent->have_posts()) : $recent->the_post();?>
<div id="post-t">
<div id="tools_body">
<div id="photo">
<a target="_blank" href="<?php the_permalink(); ?>"><?php the_post_thumbnail(array(115,115),array(alt=>get_the_title(),title=>get_the_title())); ?></a></div><div id="text"><b><a target="_blank" href="<?php the_permalink(); ?>"><?php the_title(); ?></a></b></p><div id="post1"><?php the_excerpt(); ?></br></br><a target="_blank" href="<?php the_permalink(); ?>" rel="bookmark" title="<?php the_title(); ?>" class="theme"></a></div>
<?php $demo = get_post_meta($post->ID,'demo',true); if( $demo!=null ){ ?>
<a rel="nofollow" target="_blank" href="<?php echo $demo; ?>">پیش نمایش اصلی</a>
<?php } /* end demo */?>
</div>
<div class="clear"></div>
</div></div>
<?php endwhile; ?>
</p></div></div></div><div class="tools_bottom"></div>
</div></div>
 

mohammad90-2011

تازه وارد
خوب اینو جایگزین کردم ولی تغییری نکرد چطور استفاده کنم ازش؟ یه پست آزمایشی هم زدم میتونید ببینید.

 

rocki3oy

کاربر عضو
میشه لطف کنید توضیح بدید چطوری ازش استفاده کنم
دوست عزیز شما ابتدا فایل comment.php قالب را پاک کن.

کدی که برای بخش نظرات بهت دادم رو تو فایل style.css کپی کن.همین.بعد برو بخش نظرات رو ببین تغییر رو می بینی دوست گلم.

موفق باشید.

 

mohammad90-2011

تازه وارد
اون که حل شد ممنون دوست گلم

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

 

Mohammad

مدیر انجمن
پرسنل مدیریت
اسپم نزنید. منتظر بمونید دوستان کمک کنن.

 

mohammad90-2011

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

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

 

mohammad90-2011

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

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

ممنون میشم اگه اینا رو حل کنی برام

 

daryagame

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

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

پ ن : سایتی هم که داده بودی باز نشد

در صورتی که خواستی آدرس سایت رو پخ کن تا ببینیم به چه صورتی هست

 

mohammad90-2011

تازه وارد
نمیدونم چرا باز نمیشه سایتش ولی من می خوام از هر موضوعی یه تعداد مشخص مثلا 10 مطلب نمایش داده بشه بعد پایین مطالب یه دکمه بذارم که وقتی روش کلیک کنی تمام موضوعات رو نمایش بده تو این سایت هم هست

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

 
بالا