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

قالب نظرات و دیدگاه های تو در تو وردپرس

خلاصه کارهایی که باید انجام بشه…

  • حذف استایل قسمت دیدگاه های قالب خودتون
  • اضافه کردن استایل جدید
  • جایگزین یا اضافه کردن فایل comments.php در قالب

استایل قالب نظرات تو در تو وردپرس

شما از هر قالبی که برای سایتتون استفاده می کنید حتما یک استایلی برای قسمت دیدگاه ها داره که ابتدا شما باید فایل style.css قالب خودتونو باز کنید و بگردید این کلاس ها رو پیدا کنید و پاکشون کنید.معمولا تمام کدهای قسمت نظرات تو قسمت مشخص و پشت سرهم هستند و شما باید بگردید دنبال واژه comment و هر کجا اینو دیدید بدونید که مربوط به دیدگاه ها میشن اون مجموعه کد ها.(نهایت اگر پیدا نکردید ، تو قسمت نظرات مطرح کنید تا بیایم سایتتون و بگیم از کجا تا کجا رو پاک کنید ، برین حالشو ببرین !!) .

سپس بعد از حذف کردن کدهای مربوط به قسمت نظرات قالبتون ، باید کدهای زیر رو به همون انتهای فایل style.css قالبتون اضافه کنید.


#comments-wrap {padding: 0 30px 30px 30px;color:#242424;}
.comments-navigation {margin: 0; font-size: 12px;}
.comments-navigation a { margin-top: 10px; font-family:tahoma;}
.comments-navigation .alignleft {float: left; margin: 0; padding: 0;}
.comments-navigation .alignright {float: right; margin: 0; padding: 0;}
h3#comments-number, h3.postcomment {padding-bottom: 0;font-size: 12px;color: #3d3d3d;line-height: 30px;}
ol.commentlist { list-style:none; margin:20px 0 0 0; padding:0; text-indent:0; }
ol.commentlist li { border:1px solid #1a84a0; height:1%; margin:0 0 10px 0; padding:10px 10px 7px 57px; position:relative; }
ol.commentlist li.alt { }
ol.commentlist li.bypostauthor { }
ol.commentlist li.byuser { }
ol.commentlist li.comment-author-admin { }
ol.commentlist li.comment { }
ol.commentlist li div.comment-author { padding:0 170px 0 0; }
ol.commentlist li div.vcard { font:bold 12px tahoma, Helvetica, sans-serif; line-height: 24px; padding-bottom: 5px; }
ol.commentlist li div.vcard cite.fn { font-style:normal; }
ol.commentlist li div.vcard cite.fn a.url { }
ol.commentlist li div.vcard cite.fn a.url:hover { }
ol.commentlist li div.vcard img.avatar { border:1px solid #1a84a0; left:10px; position:absolute; top:10px; padding: 2px; }
ol.commentlist li div.vcard img.avatar-32 { }
ol.commentlist li div.vcard img.photo { }
ol.commentlist li div.vcard span.says { }
ol.commentlist li div.commentmetadata { }
ol.commentlist li div.comment-meta { font:normal 12px tahoma, Helvetica, sans-serif; line-height: 24px; position:absolute; right:10px; text-align:right; top:10px; }
ol.commentlist li div.comment-meta a { color:#aaaaaa; text-decoration:none;color:#242424; }
ol.commentlist li div.comment-meta a:hover { color:#37badc; text-decoration:none; }
ol.commentlist li p { font:normal 12px tahoma, Helvetica, sans-serif; line-height: 24px; margin:0 0 1em 0; }
ol.commentlist li form p { margin: 0;}
ol.commentlist li ul { font:normal 12px tahoma, Helvetica, sans-serif; list-style:square; line-height: 24px; margin:0 0 1em; padding:0; text-indent:0; }
ol.commentlist li div.reply { font-size: 12px; }
ol.commentlist li div.reply:hover { }
ol.commentlist li div.reply a { }
ol.commentlist li ul.children { list-style:none; margin:1em 0 0; text-indent:0;}
ol.commentlist li ul.children li { }
ol.commentlist li ul.children li.alt { }
ol.commentlist li ul.children li.bypostauthor { }
ol.commentlist li ul.children li.byuser { }
ol.commentlist li ul.children li.comment { }
ol.commentlist li ul.children li.comment-author-admin { }
ol.commentlist li ul.children li.depth-2 { margin:0 0 8px; }
ol.commentlist li ul.children li.depth-3 { margin:0 0 8px; }
ol.commentlist li ul.children li.depth-4 { margin:0 0 8px; }
ol.commentlist li ul.children li.depth-5 { }
ol.commentlist li ul.children li.odd { }
ol.commentlist li.even { }
ol.commentlist li.odd { }
ol.commentlist li.parent { }
ol.commentlist li.pingback { }
ol.commentlist li.pingback.parent { }
ol.commentlist li.pingback div.vcard { padding:0 170px 0 0; }
ol.commentlist li.thread-alt { }
ol.commentlist li.thread-even { }
ol.commentlist li.thread-odd { }
h3#respond {padding-bottom: 0;font-size: 18px;color: #3d3d3d;line-height: 30px;}
#respond {padding: 25px 0 0 0;}
#comments p.nocomments {padding: 0;}
form#commentform input {margin-top: 10px; padding: 0 5px; width: 260px; height: 30px; background: #f5f5f5; border: 1px solid #1a84a0;font-family:tahoma, Helvetica, sans-serif; font-size: 12px; color: #aaaaaa; line-height: 20px;}
form#commentform textarea {margin-top: 10px; padding: 5px; width: 340px; background: #f5f5f5; border: 2px solid #1a84a0; overflow: auto;font-family: tahoma, Helvetica, sans-serif; font-size: 12px; color: #aaaaaa; line-height: 22px;}
form#commentform input#submit {width: 100px; color: #242424;font-family:tahoma;}

فایل کامنت comments.php قالب وردپرس

مرحله بعدی که باید انجام بدید اینه که ، بعضی از قالب های وردپرس اگر فایل هاشونو نگاه کنید یک فایل دارن به نام comments.php که اگر قالب شما این فایل رو داره حذفش کنید و بعدش فایلی که در انتها برای دانلود قرار دادیم رو بجاش آپلود کنید.اگرم که قالبتون همچین فایلی نداره کافی هستش فقط به قالبتون اضافش کنید.

تمام ! از دیدگا های تو در تو قالبتون لذت ببرید ! اما چند نکته

ویرایش دیدگاه های قالب وردپرس

  • توصیه می کنیم قبل از انجام هر گونه تغییر روی قالب سایتتون که در بالا آموزش دادیم ، ابتدا قبلش از قالب یک بک آپ بگیرید تا خدای ناکرده اگر اشتباهی اتفاق افتاد سریع برش گردونید قالب درست بشه.
  • دوم این که ممکنه فاصله های قالب نظرات با قالب سایت شما خوب جور نشه ، فقط کافیه که همون خط اول استایل رو که اندازه های padding هست تغییر بدید متناسب قالبتون یا که margin هم بهش اضافه کنید.
  • این قالب نمایش گراواتار رو هم پشتیبانی می کنه !

دانود اسکریپت قالب دیدگاه های تو در تو وردپرس

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

توضیحات : داخل اسکریپتی که دانلود کردید ،  ۲تا فایل وجود داره ، یکی style.css هستش که همون کدهای بالا هستند هیچ فرقی نداره ، یک فایل هم comments.php هست که در بالا توضیح دادیم باید چکار کنید.

امتیاز شما از 1 تا 5
1 ستاره میدم به نوشته2 ستاره میدم به نوشته3 ستاره میدم به نوشته4 ستاره میدم به نوشته5 ستاره میدم به نوشته 17 رای
Loading...