درخواست کمک برای تبدیل HTML به قالب وردپرس

mkcenter · آذر 93

سلام خدمت دوستان عزیز و اساتید گرامی

عارضم به حضور شما که بنده Web designer هستم و به HTML و CSS تسلط دارم البته با PHP و SQL هم آشنایی اندکی دارم که کارمو راه بندازه .

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

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

نکته جالب اینجاست که اصلا هم نیاز نیست چیزیو دینامیک نشون بده من هرچی که میخاستم استاتیک تعریف کردم و تنها چیزی که میخام دینامیک نشون داده بشه فقط و فقط مطالب هستن ( البته جزئیات مطالب هم شاملشون میشه مثل تاریخ پست ارسال شده ، نویسنده ، دسته ، دکمه ادامه مطلب )

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

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

مشکل اصلیم اینجاست که سبک قالبی که نوشتم به صورتی هست که 4 مطلب در ایندکسش جای میگیره .

و میخام داخل این چهار کادر ، آخرین چهار مطلب نشون داده بشه که هرچی گشتم آموزشی در این زمینه پیدا نکردم

عکس رو ببینید متوجه میشید

کد های قسمت مطالب که میخام دینامیک بشن اینن که مربوط میشن به چهار مطلب:


<div class="title"> آخرین اخبار </div>
<div id="div">
<div id="news">
<div class="newstitle"><a href="single.html"><div class="commentbox">117</div></a> عنوان تست مطلب اول </div><div class="newsinfo">ارسال شده توسط : <div class="newssubmiter">Kung Lao</div><div class="newsdate"> 93/5/4 در 5:42 </div></div>
<p> <img src="images/goro-m.jpg" width="150px;"> این متن برای تست مطلب اول است این متن برای تست مطلب اول است این متن برای تست مطلب اول است این متن برای تست مطلب اول است این متن برای تست مطلب اول است این متن برای تست مطلب اول است این متن برای تست مطلب اول است این متن برای تست مطلب اول است این متن برای تست مطلب اول است تن برای تست مطلب اول است این متن برای تست مطلب اول است این متن برای تست مطلب اول است </p><a href="single.html"><div class="more">ادامه</div></a><div id="clear"></div>
</div>
<div id="news">
<div class="newstitle"><a href="single.html"><div class="commentbox">117</div></a> عنوان تست مطلب اول </div><div class="newsinfo">ارسال شده توسط : <div class="newssubmiter">Kung Lao</div><div class="newsdate"> 93/5/4 در 5:42 </div></div>
<p> <img src="images/goro-m.jpg" width="150px;"> این متن برای تست مطلب اول است این متن برای تست مطلب اول است این متن برای تست مطلب اول است این متن برای تست مطلب اول است این متن برای تست مطلب اول است این متن برای تست مطلب اول است این متن برای تست مطلب اول است این متن برای تست مطلب اول است این متن برای تست مطلب اول است تن برای تست مطلب اول است این متن برای تست مطلب اول است این متن برای تست مطلب اول است </p><a href="single.html"><div class="more">ادامه</div></a><div id="clear"></div>
</div>
<div id="clear"></div>
</div>
<div id="div">
<div id="news">
<div class="newstitle"><a href="single.html"><div class="commentbox">117</div></a> عنوان تست مطلب اول </div><div class="newsinfo">ارسال شده توسط : <div class="newssubmiter">Kung Lao</div><div class="newsdate"> 93/5/4 در 5:42 </div></div>
<p> <img src="images/goro-m.jpg" width="150px;"> این متن برای تست مطلب اول است این متن برای تست مطلب اول است این متن برای تست مطلب اول است این متن برای تست مطلب اول است این متن برای تست مطلب اول است این متن برای تست مطلب اول است این متن برای تست مطلب اول است این متن برای تست مطلب اول است این متن برای تست مطلب اول است تن برای تست مطلب اول است این متن برای تست مطلب اول است این متن برای تست مطلب اول است </p><a href="single.html"><div class="more">ادامه</div></a><div id="clear"></div>
</div>
<div id="news">
<div class="newstitle"><a href="single.html"><div class="commentbox">117</div></a> عنوان تست مطلب اول </div><div class="newsinfo">ارسال شده توسط : <div class="newssubmiter">Kung Lao</div><div class="newsdate"> 93/5/4 در 5:42 </div></div>
<p> <img src="images/goro-m.jpg" width="150px;"> این متن برای تست مطلب اول است این متن برای تست مطلب اول است این متن برای تست مطلب اول است این متن برای تست مطلب اول است این متن برای تست مطلب اول است این متن برای تست مطلب اول است این متن برای تست مطلب اول است این متن برای تست مطلب اول است این متن برای تست مطلب اول است تن برای تست مطلب اول است این متن برای تست مطلب اول است این متن برای تست مطلب اول است </p><a href="single.html"><div class="more">ادامه</div></a><div id="clear"></div>
</div>
<div id="clear"></div>
</div>

با تشکر

ویرایش شده آذر 93 توسط mkcenter

onlinewebsite · آذر 93

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


<?php if ( have_posts() ) : ?>
<?php while ( have_posts() ) : the_post(); ?>
<div id="news">
<div class="newstitle"><a href="<?php the_permalink() ?>#comment"><div class="commentbox"><?php comments_number('0 ديدگاه','1 ديدگاه','% ديدگاه'); ?></div></a>
<?php the_title();?></div>
<div class="newsinfo">ارسال شده توسط : <div class="newssubmiter"><?php the_author_posts_link(); ?></div><div class="newsdate"> <?php the_time('j F Y در H:i') ?> </div></div>
<p> <img src="images/goro-m.jpg" width="150px;"><?php the_content();?></p><a href="<?php the_permalink() ?>">
<div class="more">ادامه</div></a>
<div id="clear"></div>
</div>

<?php endwhile; ?>
<?php endif; ?>

از <?php the_permalink() ?>برای لینک مطلب و the_content() برای محتوا و the_title() برای عنوان مطلب در حلقه استفاده کنید

ویرایش شده آذر 93 توسط onlinewebsite

mkcenter · آذر 93

برای اینکار باید یک حلقه درست کنید و عنوان و محتوا و ... داخل حلقه نمایش بدین. بهترین کار اینه که یه قالب خیلی ساده پیدا کنید و ببینید
<?php if ( have_posts() ) : ?>
<?php while ( have_posts() ) : the_post(); ?>
<div id="news">
<div class="newstitle"><a href="<?php the_permalink() ?>#comment"><div class="commentbox"><?php comments_number('0 ديدگاه','1 ديدگاه','% ديدگاه'); ?></div></a>
<?php the_title();?></div>
<div class="newsinfo">ارسال شده توسط : <div class="newssubmiter"><?php the_author_posts_link(); ?></div><div class="newsdate"> <?php the_time('j F Y در H:i') ?> </div></div>
<p> <img src="images/goro-m.jpg" width="150px;"><?php the_content();?></p><a href="<?php the_permalink() ?>">
<div class="more">ادامه</div></a>
<div id="clear"></div>
</div>

<?php endwhile; ?>
<?php endif; ?>
از <?php the_permalink() ?>برای لینک مطلب و the_content() برای محتوا و the_title() برای عنوان مطلب در حلقه استفاده کنید

با عرض تشکر بابت پاسخگویی ، مشکل من اینه که قالب من 4 مطلب میگیره ، نمیدونم چجوری باید آدرس بدم که چهار مطلب آخر دو به دو جلو هم قرار بگیرن اینطور که html وارد شده

اگه میشه کد html که دادم رو با این متغیر ها جایگزین کنید و بفرستید

ممنون <3

asemon14 · آذر 93

از ژنراتور کئوری ساز هم می تونید استفاده کنید

http://wp-parsi.com/generator/

onlinewebsite · آذر 93

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


<div id="div">
<?php if ( have_posts() ) : ?>
<?php $i=1; while ( have_posts() ) : the_post(); ?>
<div id="news">
<div class="newstitle"><a href="<?php the_permalink() ?>#comment"><div class="commentbox"><?php comments_number('0 ديدگاه','1 ديدگاه','% ديدگاه'); ?></div></a>
<?php the_title();?></div>
<div class="newsinfo">ارسال شده توسط : <div class="newssubmiter"><?php the_author_posts_link(); ?></div><div class="newsdate"> <?php the_time('j F Y در H:i') ?> </div></div>
<p> <img src="images/goro-m.jpg" width="150px;"><?php the_content();?></p><a href="<?php the_permalink() ?>">
<div class="more">ادامه</div></a>
<div id="clear"></div>
</div>
<?php if($i%2==0){ echo '<div id="clear"></div></div><div id="div">'; }
$i++; endwhile; ?>
<?php endif; ?>
</div>

mkcenter · آذر 93

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

عزیزان من طبق فرامیشات شما ، کدی که در پست اول گذاشته بودم رو به شکل زیر تغییر دادم


<div class="title"> آخرین اخبار </div>
<div id="div">
<div id="news">
	 <div class="newstitle">
		 <a href="<?php the_permalink() ?>">
			 <div class="commentbox">117</div>
		 </a><a href="<?php the_permalink() ?>"><?php the_title();?></a></div>
	 <div class="newsinfo">ارسال شده توسط :
		 <div class="newssubmiter"><?php the_author_posts_link(); ?></div>
		 <div class="newsdate"> <?php the_time('F j, Y'); ?> </div>
	 </div>
	 <p> <?php the_content();?> </p>
	 <a href="<?php the_permalink() ?>">
		 <div class="more">ادامه</div>
	 </a>
	 <div id="clear"></div>
</div>
<div id="news">
	 <div class="newstitle">
		 <a href="<?php the_permalink() ?>">
			 <div class="commentbox">117</div>
		 </a><a href="<?php the_permalink() ?>"><?php the_title();?></a></div>
	 <div class="newsinfo">ارسال شده توسط :
		 <div class="newssubmiter"><?php the_author_posts_link(); ?></div>
		 <div class="newsdate"> <?php the_time('F j, Y'); ?> </div>
	 </div>
	 <p> <?php the_content();?> </p>
	 <a href="<?php the_permalink() ?>">
		 <div class="more">ادامه</div>
	 </a>
	 <div id="clear"></div>
</div>
<div id="clear"></div>
</div>
<div id="div">
<div id="news">
	 <div class="newstitle">
		 <a href="<?php the_permalink() ?>">
			 <div class="commentbox">117</div>
		 </a><a href="<?php the_permalink() ?>"><?php the_title();?></a></div>
	 <div class="newsinfo">ارسال شده توسط :
		 <div class="newssubmiter"><?php the_author_posts_link(); ?></div>
		 <div class="newsdate"> <?php the_time('F j, Y'); ?> </div>
	 </div>
	 <p> <?php the_content();?> </p>
	 <a href="<?php the_permalink() ?>">
		 <div class="more">ادامه</div>
	 </a>
	 <div id="clear"></div>
</div>
<div id="news">
	 <div class="newstitle">
		 <a href="<?php the_permalink() ?>">
			 <div class="commentbox">117</div>
		 </a><a href="<?php the_permalink() ?>"><?php the_title();?></a></div>
	 <div class="newsinfo">ارسال شده توسط :
		 <div class="newssubmiter"><?php the_author_posts_link(); ?></div>
		 <div class="newsdate"> <?php the_time('F j, Y'); ?> </div>
	 </div>
	 <p> <?php the_content();?> </p>
	 <a href="<?php the_permalink() ?>">
		 <div class="more">ادامه</div>
	 </a>
	 <div id="clear"></div>
</div>
<div id="clear"></div>
</div>
</div>

مشکل اینه که الان هر چهار مطلب یک مطلب رو نشون میدن !

اگه میشه این کد رو اصلاح کنید و اصلاح شده که چهار مطلب آخر نشون داده بشه بهم بدین

با تشکر <3

دوستان من همونطور که گفتم هنوز یک هفته هم نیست که با وردپرس کار میکنم

به PHP هم تسلط ندارم ...

ویرایش شده آذر 93 توسط mkcenter

onlinewebsite · آذر 93

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


<?php the_content_rss('...', TRUE, '', 30); ?>

به جای


<?php the_content();?>

استفاده کنید که بخش ها هم اندازه باشه

onlinewebsite · آذر 93

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


<?php $picalt = trim(strip_tags( $post->post_title ));
if( '' != get_the_post_thumbnail()) { the_post_thumbnail('thumbnail', array('class' => 'main-pic','title' => $picalt, 'alt' => $picalt));} else
{ echo '<img src="'.get_bloginfo('template_directory').'/images/default.png"  class="main-pic wp-post-image" alt="'.$picalt.'" />'; }?>

onlinewebsite · آذر 93

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


<div id="div">
<?php $the_query = new WP_Query( 'posts_per_page=4' );?>
<?php if ( $the_query->have_posts() ) : ?>
<?php $i=1; while ( $the_query->have_posts() ) : $the_query->the_post(); ?>
<div id="news">
<div class="newstitle"><a href="<?php the_permalink() ?>#comment"><div class="commentbox"><?php comments_number('0 ديدگاه','1 ديدگاه','% ديدگاه'); ?></div></a>
<?php the_title();?></div>
<div class="newsinfo">ارسال شده توسط : <div class="newssubmiter"><?php the_author_posts_link(); ?></div><div class="newsdate"> <?php the_time('j F Y در H:i') ?> </div></div>
<p> <img src="images/goro-m.jpg" width="150px;"><?php the_content();?></p><a href="<?php the_permalink() ?>">
<div class="more">ادامه</div></a>
<div id="clear"></div>
</div>
<?php if($i%2==0){ echo '<div id="clear"></div></div><div id="div">'; }
$i++; endwhile; ?>
<?php endif; ?>
</div>

hamidwi · آذر 93

سلام

این آموزش ویدئویی رو ببینید خیلی خوب با طراحی قالب وردپرس آشنا میشید.

http://www.sourcebar...-به-زبان-ف.html

این آموزش هم متنی :

http://www.7learn.com/series/wp-theme-designing-1

ینم یک آموزش ویدئویی که فکر می کنم کامل نیست :

http://learnfiles.com/category/video/%D8%B3%DB%8C%D8%B3%D8%AA%D9%85-%D9%87%D8%A7%DB%8C-%D9%85%D8%AF%DB%8C%D8%B1%DB%8C%D8%AA-%D9%85%D8%AD%D8%AA%D9%88%D8%A7/%D9%88%D8%B1%D8%AF%D9%BE%D8%B1%D8%B3

ویرایش شده آذر 93 توسط hamidwi

ورود

درخواست کمک برای تبدیل HTML به قالب وردپرس

پست های پیشنهاد شده

mkcenter 0

لینک به ارسال

onlinewebsite 113

لینک به ارسال

mkcenter 0

لینک به ارسال

asemon14 36

لینک به ارسال

onlinewebsite 113

لینک به ارسال

mkcenter 0

لینک به ارسال

onlinewebsite 113

لینک به ارسال

onlinewebsite 113

لینک به ارسال

onlinewebsite 113

لینک به ارسال

hamidwi 479

لینک به ارسال

به گفتگو بپیوندید

فهرست بخش ها

فعالیت ها