رفتن به مطلب

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


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

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

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

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')

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 نیاز نداری !!!!!

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

به 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 رو مطالعه کنید. خیلی در موارد جزئی مثل اینها بدردتون میخوره.

موفق باشید

لینک به ارسال

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

هم اکنون می توانید مطلب خود را ارسال نمایید و بعداً ثبت نام کنید. اگر حساب کاربری دارید، برای ارسال با حساب کاربری خود اکنون وارد شوید .

مهمان
ارسال پاسخ به این موضوع ...

×   شما در حال چسباندن محتوایی با قالب بندی هستید.   حذف قالب بندی

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

×   لینک شما به صورت اتوماتیک جای گذاری شد.   نمایش به صورت لینک

×   محتوای قبلی شما بازگردانی شد.   پاک کردن محتوای ویرایشگر

×   شما مستقیما نمی توانید تصویر خود را قرار دهید. یا آن را اینجا بارگذاری کنید یا از یک URL قرار دهید.

×
×
  • اضافه کردن...