Tbz Designer

تبدیل اچ تی ام ال به وردپرس

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

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

http://up.vbiran.ir/..._Untitled-2.png

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

0

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


لینک به پست

درود...

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

آموزش طراحی سایت با وردپرس توی اینترنت موجوده به صورت ویدئویی...

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

موفق باشید...

1

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


لینک به پست

سلام و روز خوش ، در مورد کاری که میخواین بکنین منابع بسیار زیادی هست و توی انجمنم بار ها بحث شده که بهتر بود سرچ میکردید،

ولی در این مورد که گیر کردید خیلی خیلی آسون تر هست.

فرض کنید کد HTML شما اینه:

<ul>
<li>ana2015</li>
<li>ana2015</li>
<li>ana2015</li>
<li>ana2015</li>
<li>ana2015</li>
<li>ana2015</li>
</ul>

کافیه تبدیل بشه به:

<?php
$the_query = new WP_Query( $args );
if ( $the_query->have_posts() ) {
echo '<ul>';
while ( $the_query->have_posts() ) {
$the_query->the_post();
echo '<li>' . get_the_title() . '</li>';
}
echo '</ul>';
}
wp_reset_postdata();
?>

یعنی کافیه شما توی حلقه ای که اجرا کردید تابع the_title رو اجرا کنید تا نامش نمایش داده بشه

برای درک بهتر حلقه ها و دیدن مثال های بیشتر به لینک های زیر مراجعه کنید:

https://codex.wordpress.org/Function_Reference/query_posts

https://codex.wordpress.org/Class_Reference/WP_Query

https://codex.wordpress.org/The_Loop

موفّق باشید.

4

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


لینک به پست

درود مجدد

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

من میخوام مطابق این تصویر :

..._Untitled-2.png

توی هر صفحه 20 پست قرار بگیره و تمام پست ها همونجور سطری دربیاد

بازم تشکر میکنم از همگی

0

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


لینک به پست
درود مجدد دوستان نمیدونم تصویری که ضیمه کرده بودم رو مشاهده کردید یا نه ، من میخوام بخش پست هام اونجوری سطری باشه نه مثل دانلود ها و فارسی روید و مابقی سایت ها من میخوام مطابق این تصویر : ..._Untitled-2.png توی هر صفحه 20 پست قرار بگیره و تمام پست ها همونجور سطری دربیاد بازم تشکر میکنم از همگی

سلام ، کدی که بالا گذاشتم بهتون سطری تحویل میده پست ها رو ، فقط باید استایلشون بدین ، مشکل چیه؟

1

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


لینک به پست

سلام ، کدی که بالا گذاشتم بهتون سطری تحویل میده پست ها رو ، فقط باید استایلشون بدین ، مشکل چیه؟

درود

مشکل اینجاست که توی سی اس اس استایل نمیگیره ته تگ li و نه تگ a هیچ کدوم

0

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


لینک به پست

باید اینجوری کلاس داد بهشون دیگه:


<?php
$the_query = new WP_Query( $args );
if ( $the_query->have_posts() ) {
echo '<u class="اسم-کلاس"l>';
while ( $the_query->have_posts() ) {
$the_query->the_post();
echo '<li>' . get_the_title() . '</li>';
}
echo '</ul>';
}
wp_reset_postdata();
?>

بعد CSSش هم میشه این:


.اسم-کلاس {
background: #000;
}
.اسم-کلاس li {
background red;
padding: 10px;
}

کد PHP رو خواستین a اضافه کنین یا کم کنین یا کلاس بذارین یا هرکاری بکنین از همین کد قسمت li رو عوض کنین

موفّق باشید.

3

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


لینک به پست

باید اینجوری کلاس داد بهشون دیگه:


<?php
$the_query = new WP_Query( $args );
if ( $the_query->have_posts() ) {
echo '<u class="اسم-کلاس"l>';
while ( $the_query->have_posts() ) {
$the_query->the_post();
echo '<li>' . get_the_title() . '</li>';
}
echo '</ul>';
}
wp_reset_postdata();
?>

بعد CSSش هم میشه این:


.اسم-کلاس {
background: #000;
}
.اسم-کلاس li {
background red;
padding: 10px;
}

کد PHP رو خواستین a اضافه کنین یا کم کنین یا کلاس بذارین یا هرکاری بکنین از همین کد قسمت li رو عوض کنین

موفّق باشید.

درود

علی آقا کدی که اول داده بودید رو من تست کردم اما جواب نداد ولی این کد برام کار کرد :


<?php query_posts('showposts=20'); ?>
<?php while (have_posts()) : the_post(); ?>
<li><a href="<?php the_permalink() ?>" rel="bookmark" title="<?php the_title(); ?>">
<?php the_title(); ?>
</a> </li>
<?php endwhile; ?>
<?php wp_reset_query(); ?>

حالا توی این کد فقط تگ li و a موجود هست

میتونید خودتون سایت رو مشاهده کنید

0

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


لینک به پست

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

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

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

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


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

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

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


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