sayres

تغییر در نوشته‌های تازه

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

درود بر اساتید.

نوشته‌های تازه در سایت من به این شکل میباشد:

tazik.ir در footer سایت.

اما می خوام تصویر کوچیک هم همراهش نشون بده .مثل این تصویر :

post-1032-0-54926100-1361200562_thumb.pn

چی کار باید کنم؟

پاینده باشید

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


لینک به پست

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


if ( function_exists('recent_post_thumb') ):
function recent_post_thumb( $num_post ) {
$recent_post_thumb = new WP_Query();
$recent_post_thumb->query('showposts=$num_post');
$output = '';
while ( $recent_post_thumb->have_posts() ) {
$recent_post_thumb->the_post();
$output .= '<li>';
$output .= '<a href="'.get_the_permalink().'">'. get_the_post_thumbnail() .'</a>';
$output .= '<h2><a href="'.get_the_permalink().'">'.get_the_title().'</a></h2>';
$output .= '</li>';
}
wp_reset_query();
return $output;
}
endif;

بعد هز جای پوسته از این تابع استفاده کن


<?php echo recent_post_thumb( 5 ); ?>

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


لینک به پست

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


if ( function_exists('recent_post_thumb') ):
function recent_post_thumb( $num_post ) {
$recent_post_thumb = new WP_Query();
$recent_post_thumb->query('showposts=$num_post');
$output = '';
while ( $recent_post_thumb->have_posts() ) {
$recent_post_thumb->the_post();
$output .= '<li>';
$output .= '<a href="'.get_the_permalink().'">'. get_the_post_thumbnail() .'</a>';
$output .= '<h2><a href="'.get_the_permalink().'">'.get_the_title().'</a></h2>';
$output .= '</li>';
}
wp_reset_query();
return $output;
}
endif;

بعد هز جای پوسته از این تابع استفاده کن


<?php echo recent_post_thumb( 5 ); ?>

من میخوام داخل footer یعنی همون جای خودش نشمایش داده شود.

این هم footer.php

http://codepad.org/wyRY3ee2

کجا باید


<?php echo recent_post_thumb( 5 ); ?>

وارد کنم؟

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


لینک به پست

دو را داری یکی اینه که از افزونه نمایش کد php استفاده کنی مثل

PHP Code Widget

PHP Text Widget

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


<ul><?php echo recent_post_thumb( 5 ); ?></ul>

یا اینکه یه وجیت مسقل براش تعریف کنی که فکر کنم راه اول بهتر چون راه دوم باید آبجکت نویسی بلد باشی ...

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


لینک به پست

دو را داری یکی اینه که از افزونه نمایش کد php استفاده کنی مثل

PHP Code Widget

PHP Text Widget

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


<ul><?php echo recent_post_thumb( 5 ); ?></ul>

یا اینکه یه وجیت مسقل براش تعریف کنی که فکر کنم راه اول بهتر چون راه دوم باید آبجکت نویسی بلد باشی ...

خوب من که نفهمیدم چجوری باید اون کارو کرد؟؟

اون افزونه ها کارشون چیه؟؟و من چطور واسه هدفم باید از اون ها استفاده کنم؟

من تو پست بالا footer.php گذاشتم ..یعنی چجوری میتونم تصاویر هم همزمان با پست

تو "نوشته های تازه" استفاده کنم؟

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

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


لینک به پست

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


<ul><?php echo recent_post_thumb( 5 ); ?></ul>

قبلش هم مطمئن باشد این قسمت در functions.php قرار داده باشید


if ( function_exists('recent_post_thumb') ):
function recent_post_thumb( $num_post ) {
$recent_post_thumb = new WP_Query();
$recent_post_thumb->query('showposts=$num_post');
$output = '';
while ( $recent_post_thumb->have_posts() ) {
$recent_post_thumb->the_post();
$output .= '<li>';
$output .= '<a href="'.get_the_permalink().'">'. get_the_post_thumbnail() .'</a>';
$output .= '<h2><a href="'.get_the_permalink().'">'.get_the_title().'</a></h2>';
$output .= '</li>';
}
wp_reset_query();
return $output;
}
endif;

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

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


لینک به پست

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


<ul><?php echo recent_post_thumb( 5 ); ?></ul>

قبلش هم مطمئن باشد این قسمت در functions.php قرار داده باشید


if ( function_exists('recent_post_thumb') ):
function recent_post_thumb( $num_post ) {
$recent_post_thumb = new WP_Query();
$recent_post_thumb->query('showposts=$num_post');
$output = '';
while ( $recent_post_thumb->have_posts() ) {
$recent_post_thumb->the_post();
$output .= '<li>';
$output .= '<a href="'.get_the_permalink().'">'. get_the_post_thumbnail() .'</a>';
$output .= '<h2><a href="'.get_the_permalink().'">'.get_the_title().'</a></h2>';
$output .= '</li>';
}
wp_reset_query();
return $output;
}
endif;

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

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

کد مستقیما وارد فوتر کنم؟

من PHP Text Widget نصب و فعال کردم .منتها هیچ ابزارکی اضافه نشده؟

post-1032-0-80703600-1361209556_thumb.pn

ویرایش شده در توسط sayres

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


لینک به پست

بله میتونید مستقیم توی فوتر قر ار بدید.

اگر هم در فوتر خودتون کد برای نمایش آخرین ها دارید(نه ابزارک) کد رو اینجا بزارید تا راهنمایی کنیم چطور میشه بهش عکس اضافه کرد.

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


لینک به پست

بله میتونید مستقیم توی فوتر قر ار بدید.

اگر هم در فوتر خودتون کد برای نمایش آخرین ها دارید(نه ابزارک) کد رو اینجا بزارید تا راهنمایی کنیم چطور میشه بهش عکس اضافه کرد.

این کد صفحه footer منه :

http://codepad.org/wyRY3ee2

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


لینک به پست

بله میتونید مستقیم توی فوتر قر ار بدید.

اگر هم در فوتر خودتون کد برای نمایش آخرین ها دارید(نه ابزارک) کد رو اینجا بزارید تا راهنمایی کنیم چطور میشه بهش عکس اضافه کرد.

دوستمون در بالا ایم کد داد که من تو صفحه function گذاشتم :


if ( function_exists('recent_post_thumb') ):
function recent_post_thumb( $num_post ) {
$recent_post_thumb = new WP_Query();
$recent_post_thumb->query('showposts=$num_post');
$output = '';
while ( $recent_post_thumb->have_posts() ) {
$recent_post_thumb->the_post();
$output .= '<li>';
$output .= '<a href="'.get_the_permalink().'">'. get_the_post_thumbnail() .'</a>';
$output .= '<h2><a href="'.get_the_permalink().'">'.get_the_title().'</a></h2>';
$output .= '</li>';
}
wp_reset_query();
return $output;
}
endif;

والان نمی دونم این کد کجای صفحه footer بزارم:


<ul><?php echo recent_post_thumb( 5 ); ?></ul>

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


لینک به پست

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

افزونه PHP Code Widget رو دانلود کن بعد توی قسمت ابزارک یه ابزارک اجاد میکنه بازش کن و این کد زیر رو قرار بده . از توی functions.php اون کدی و که وارد کردی بردار ...


<ul><?php
function recent_post_thumb( $num_post ) {
$recent_post_thumb = new WP_Query();
$recent_post_thumb->query('posts_per_page =$num_post');
$output = '';
while ( $recent_post_thumb->have_posts() ) {
$recent_post_thumb->the_post();
$output .= '<li>';
$output .= '<a href="'.get_permalink().'">'. get_the_post_thumbnail() .'</a>';
$output .= '<h2><a href="'.get_permalink().'">'.get_the_title().'</a></h2>';
$output .= '</li>';
}
wp_reset_query();
return $output;
}
echo recent_post_thumb( 5 );
?></ul>

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


لینک به پست

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

افزونه PHP Code Widget رو دانلود کن بعد توی قسمت ابزارک یه ابزارک اجاد میکنه بازش کن و این کد زیر رو قرار بده . از توی functions.php اون کدی و که وارد کردی بردار ...


<ul><?php
function recent_post_thumb( $num_post ) {
$recent_post_thumb = new WP_Query();
$recent_post_thumb->query('posts_per_page =$num_post');
$output = '';
while ( $recent_post_thumb->have_posts() ) {
$recent_post_thumb->the_post();
$output .= '<li>';
$output .= '<a href="'.get_permalink().'">'. get_the_post_thumbnail() .'</a>';
$output .= '<h2><a href="'.get_permalink().'">'.get_the_title().'</a></h2>';
$output .= '</li>';
}
wp_reset_query();
return $output;
}
echo recent_post_thumb( 5 );
?></ul>

ممنون رفیق.

اگه من بخوام بدون افزونه این کار بکنم باید چی کار کنم؟

یعنی میخوام توی خود تم کدها را قرار بدم.

ممنون

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


لینک به پست

بعد میخوام تصویر کوچیک مثل همون شکل اول که گذاشتم باشه.

http://forum.wp-parsi.com/index.php?app=core&module=attach&section=attach&attach_rel_module=post&attach_id=1833

من این کد وارد کردم همه تصویرای بزرگ کل فوتر من بهم ریخت...؟

ویرایش شده در توسط sayres

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


لینک به پست

تابع


get_the_post_thumbnail()

رو با این عوض کن


get_the_post_thumbnail('thumbnail')

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


لینک به پست

تابع


get_the_post_thumbnail()

رو با این عوض کن


get_the_post_thumbnail('thumbnail')

tazik.ir

تو قسمت فوتر برید ببیند چهجوری شده؟؟؟قسمت تست

شکلی نیست؟

من این کد وارد کردم :



<ul><?php
function recent_post_thumb( $num_post ) {
$recent_post_thumb = new WP_Query();
$recent_post_thumb->query('posts_per_page =$num_post');
$output = '';
while ( $recent_post_thumb->have_posts() ) {
$recent_post_thumb->the_post();
$output .= '<li>';
$output .= '<a href="'.get_permalink().'">'. get_the_post_thumbnail('thumbnail') .'</a>';
$output .= '<h2><a href="'.get_permalink().'">'.get_the_title().'</a></h2>';
$output .= '</li>';
}
wp_reset_query();
return $output;
}
echo recent_post_thumb( 5 );
?></ul>

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


لینک به پست

<ul><?php
function recent_post_thumb( $num_post ) {
$recent_post_thumb = new WP_Query();
$recent_post_thumb->query('posts_per_page ='.$num_post);
$output = '';
while ( $recent_post_thumb->have_posts() ) {
$recent_post_thumb->the_post();
$output .= '<li>';
$output .= '<a href="'.get_permalink().'">'. get_the_post_thumbnail( get_the_ID(), array(100,100) ) .'</a>';
$output .= '<h2><a href="'.get_permalink().'">'.get_the_title().'</a></h2>';
$output .= '</li>';
}
wp_reset_query();
return $output;
}
echo recent_post_thumb( 5 );
?></ul>

ویرایش شده در توسط mehral

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


لینک به پست
[list]
query('posts_per_page ='.$num_post); $output = ''; while ( $recent_post_thumb->have_posts() ) { $recent_post_thumb->the_post(); $output .= '[*]'; $output .= '[url="'.get_permalink().'"]'. get_the_post_thumbnail( get_the_ID(), array(100,100) ) .'[/url]'; $output .= '
[b] [url="'.get_permalink().'"]'.get_the_title().'[/url][/b]
'; $output .= '
'; } wp_reset_query(); return $output; } echo recent_post_thumb( 5 ); ?>
[/list]

تشکر .

الان که این کد وارد می کنم اینجوری میشه :

post-1032-0-76373500-1361291244_thumb.pn

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

یا تغییر این کد array(100,100) به array(50,50) آیا عکس ها به سایز جدید تغییر اندازه می دهند؟

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


لینک به پست

برای این کار باید از css کمک بگیرید بهترین مرجع


http://www.w3schools.com/css/

اون آرایه برای مشخص کردن سایز هست بله .

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


لینک به پست

برای این کار باید از css کمک بگیرید بهترین مرجع


http://www.w3schools.com/css/

اون آرایه برای مشخص کردن سایز هست بله .

css تا حدودی بلدم.منتها چجوری به اون کد میتونم یک div به اون کد اضافه کنم؟کدام قسمتش؟

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


لینک به پست

شما به div نیاز نداری !!!!!

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


لینک به پست

شما به div نیاز نداری !!!!!

خوب داد جواب که دادی خوب میگفتی که به چی نیاز دارم؟

به li باید کلاس بدم؟

شما به div نیاز نداری !!!!!

خوب داد جواب که دادی خوب میگفتی که به چی نیاز دارم؟

به li باید کلاس بدم؟

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


لینک به پست

یه کلاس به li بده


li > a -> float: right

بعد


li > h2 -> float : right

بعدم با vertical align متن و در middle قرار بده

آخرم li رو overflow شو hiddlen کن

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


لینک به پست

یه کلاس به li بده


li > a -> float: right

بعد


li > h2 -> float : right

بعدم با vertical align متن و در middle قرار بده

آخرم li رو overflow شو hiddlen کن

یعنی به اینصورت :


li a {
float:right;
}
li h2 {
float:right;
}

?

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


لینک به پست

http://tazik.ir/

من این css ها را به کد مورد نظر دادم :


<ul id="recentcomments"><?php
function recent_post_thumb( $num_post ) {
$recent_post_thumb = new WP_Query();
$recent_post_thumb->query('posts_per_page ='.$num_post);
$output = '';
while ( $recent_post_thumb->have_posts() ) {
$recent_post_thumb->the_post();
$output .= '<li class="recentcomments">';
$output .= '<a href="'.get_permalink().'">'. get_the_post_thumbnail( get_the_ID(), array(50,50) ) .'</a>';
$output .= '<h2><a href="'.get_permalink().'">'.get_the_title().'</a></h2>';
$output .= '</li>';
}
wp_reset_query();
return $output;
}
echo recent_post_thumb( 5 );
?></ul>

و این css ها رو هم تو فایل css اصلی تم اضافه کردم تا نوشته بیاد سمت چپ تصویر:


li h2 {
padding-right:60px;
margin-top:-60px;
}

منتها چرا عنوان انقدر فونتش بده؟؟میخوام مثل بقیه بشه!

چه آپشن هایی باید اضافه شوند؟

ویرایش شده در توسط sayres

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


لینک به پست

فونت که مشکلی نداره اما اگر میخواید تغییر بدید باید از خاصیت font-family استفاده کنید.

بهتره کمی مباحث پایه css رو مطالعه کنید. خیلی در موارد جزئی مثل اینها بدردتون میخوره.

موفق باشید

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


لینک به پست

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

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

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

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


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

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

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


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