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

O

omid-ss2

تازه وارد
سلام و وقت بخیر خدمت دوستان گرامی

من واسه سایتم از اسلایدر wow slider استفاده کردم به صورت html الان میخوام به wp تبدیلش کنمو بگم مطلب دسته ای خاص رو بخونه

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

51563376371690107809.png


این کد اسلایدره

​



کد: 
<!-- Start WOWSlider.com BODY section --><!-- add to the <body> of your page -->
<divid="wowslider-container1">
<divclass="ws_images"><ul>اینجا اون عکس کوچولو های کناری هستن + عنوان
<li><img src="data1/images/77087_547708968592434_1065386381_n.jpg"alt="77087_547708968592434_1065386381_n"title="عنوان عکس ها"/></li>
<li><img src="data1/images/397016_215153958634089_1980028073_n.jpg"alt="397016_215153958634089_1980028073_n"title="عنوان عکس ها"/></li>
<li><img src="data1/images/423158_406551036103109_1702656020_n.jpg"alt="423158_406551036103109_1702656020_n"title="عنوان عکس ها"/></li>
<li><imgsrc="data1/images/550309_406575856100627_471888411_n.jpg"alt="550309_406575856100627_471888411_n"title="عنوان عکس ها"/></li>
</ul></div>
<divclass="ws_thumbs">اینجاهم عکس بزرگا
<div>
<ahref="#"><img src="data1/tooltips/77087_547708968592434_1065386381_n.jpg"/></a>
<ahref="#"><img src="data1/tooltips/397016_215153958634089_1980028073_n.jpg"/></a>
<ahref="#"><img src="data1/tooltips/423158_406551036103109_1702656020_n.jpg"/></a>
<ahref="#"><img src="data1/tooltips/550309_406575856100627_471888411_n.jpg"/></a>
</div>
</div>
<spanclass="wsl"><ahref="http://wowslider.com....com/vw">slider wordpress</a> by WOWSlider.com v5.6</span>
<divclass="ws_shadow"></div>
</div>
<scripttype="text/javascript"src="engine1/wowslider.js"></script>
<scripttype="text/javascript"src="engine1/script.js"></script>
<!-- End WOWSlider.com BODY section -->


ممنون

​

 
آخرین ویرایش توسط مدیر:
hannanstd.ir

hannanstd.ir

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

 
O

omid-ss2

تازه وارد
باید از wp query ها استفاده کنین . در ضمن برای اینکه تصاویر کوچک با تصاویر بزرگ متفاوت باشند هم باید از زمینه دلخواه استفاده کنین مگر اینکه تصاویر کوچک رو از طریق فانکشن ها تبدیل کنین به تصاویر بندانگشتی همان تصاویر بزرگ تر .
کلیک کنید تا گسترش یابد...
سلام دوستم..میدونم باید از کوئری استفاده کنم .. ولی نمیدونم از چه کوئری و به چه ترتیب قرار بدم؟؟

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

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

خیلی ممنون میشم

 
hannanstd.ir

hannanstd.ir

مدیر انجمن و توسعه دهنده ووکامرس پارسی
پس یک کد سالم بدین الان این همه چی بهم چسبیده هستند مثلا : <imgsrc

تگ چسبیده به سورس .

در ضمن کد رو کاملا html رو تست کنین ببینین کار میکنه یا نه .

اگه عجله ندارین تا دو سه روز دیگه انجام میدم برات . حالا شاید تا اون موقع یه بنده خدا دیگه انجام داد .

در ضمن دونستن ابعاد تصاویر بزرگ و کوچیک هم لازمه : واسه فانکشن تامبنیل ها

 
آخرین ویرایش توسط مدیر:
O

omid-ss2

تازه وارد
پس یک کد سالم بدین الان این همه چی بهم چسبیده هستند مثلا : <imgsrc تگ چسبیده به سورس .

در ضمن کد رو کاملا html رو تست کنین ببینین کار میکنه یا نه .

اگه عجله ندارین تا دو سه روز دیگه انجام میدم برات . حالا شاید تا اون موقع یه بنده خدا دیگه انجام داد .

در ضمن دونستن ابعاد تصاویر بزرگ و کوچیک هم لازمه : واسه فانکشن تامبنیل ها
کلیک کنید تا گسترش یابد...
لطف میکنین

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

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

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

تشکر از اینکه وقت میزارید

لینک :
لینک ها تنها برای اعضای سایت قابل نمایش است.


 
آخرین ویرایش توسط مدیر:
hannanstd.ir

hannanstd.ir

مدیر انجمن و توسعه دهنده ووکامرس پارسی
دسته وردپرس دیگه ؟

دسته محصولات ووکام نیست که؟

 
O

omid-ss2

تازه وارد
نه ووکام نیست..این ی قالب جداست واسه سایت ورزشیه

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

 
hannanstd.ir

hannanstd.ir

مدیر انجمن و توسعه دهنده ووکامرس پارسی
کد زیر رو بریز تو فانکشن قالبت :


کد: 
add_theme_support( 'post-thumbnails' );if ( function_exists( 'add_image_size' ) ) {
add_image_size( 'sB', 640, 480, true );
add_image_size( 'sk', 68, 48, true );
}
پوشه engine1 رو هم کپی کن داخل پوشه قالبت .

اینم کد اسلایدر که بجای 4 تعداد اسلایدی که میخوای نشون بده رو میزاری بجای 16 هم آیدی دسته ات رو :

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


کد: 
<!-- Start WOWSlider.com BODY section --> <!-- add to the <body> of your page -->


    <link rel="stylesheet" type="text/css" href="<?php echo get_template_directory_uri(); ?>/engine1/style.css" />
    <script type="text/javascript" src="<?php echo get_template_directory_uri(); ?>/engine1/jquery.js"></script>
<div id="wowslider-container1">
    <div class="ws_images"><ul>

<?php 
 wp_reset_query();

$args = array(
    'post_type' => 'post',
'cat' => 16,
    'showposts' => 4,
    'orderby' => 'meta_value_num',
    'order' => 'DESC',

);
$my_query = new WP_Query( $args );
while ($my_query->have_posts()):
$my_query->the_post();
$do_not_duplicate = $post->ID; 
if ( has_post_thumbnail()){
?>

<li>
<?php the_post_thumbnail( 'sB', array('class' => '', 'alt' => ''.get_the_title().'', 'title' => ''.get_the_title().'' )); ?>
</li>


<?php } endwhile; ?>

</ul></div>
<div class="ws_thumbs">
<div>

<?php 
$my_query = new WP_Query( $args );
while ($my_query->have_posts()):
$my_query->the_post();
$do_not_duplicate = $post->ID; 
if ( has_post_thumbnail()){
?>


<a href="#"><?php the_post_thumbnail( 'sk', array('class' => '', 'alt' => ''.get_the_title().'', 'title' => ''.get_the_title().'' )); ?></a>

<?php } endwhile;  wp_reset_query(); ?>

</div>
</div>
<span class="wsl"><a href="http://wowslider.com/vw">slider wordpress</a> by WOWSlider.com v5.6</span>
    <div class="ws_shadow"></div>
    </div>    
    <script type="text/javascript" src="<?php echo get_template_directory_uri(); ?>/engine1/wowslider.js"></script>
    <script type="text/javascript" src="<?php echo get_template_directory_uri(); ?>/engine1/script.js"></script>
    <!-- End WOWSlider.com BODY section -->
دمو :
لینک ها تنها برای اعضای سایت قابل نمایش است.


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

 
آخرین ویرایش توسط مدیر:
O

omid-ss2

تازه وارد
داداش یعنی حرف نداری..دمت گرم عالی بود :41: :41: :-*

اگه اینم درست کنی که

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

مرسی کلییییییییییییییی

​
:-*

 
hannanstd.ir

hannanstd.ir

مدیر انجمن و توسعه دهنده ووکامرس پارسی
خب این یعنی الان تست کردی و خبر دادی :)

کد :


کد: 
<!-- Start WOWSlider.com BODY section --> <!-- add to the <body> of your page -->


    <link rel="stylesheet" type="text/css" href="<?php echo get_template_directory_uri(); ?>/engine1/style.css" />
    <script type="text/javascript" src="<?php echo get_template_directory_uri(); ?>/engine1/jquery.js"></script>
<div id="wowslider-container1">
    <div class="ws_images"><ul>

<?php 
 wp_reset_query();

$args = array(
    'post_type' => 'post',
'cat' => 16,
    'showposts' => 4,
    'orderby' => 'meta_value_num',
    'order' => 'DESC',

);
$my_query = new WP_Query( $args );
while ($my_query->have_posts()):
$my_query->the_post();
$do_not_duplicate = $post->ID; 
if ( has_post_thumbnail()){
?>

<li>
<a href="<?php the_permalink() ?>" target="_blank"><?php the_post_thumbnail( 'sB', array('class' => '', 'alt' => ''.get_the_title().'', 'title' => ''.get_the_title().'' )); ?></a>
</li>


<?php } endwhile; ?>

</ul></div>
<div class="ws_thumbs">
<div>

<?php 
$my_query = new WP_Query( $args );
while ($my_query->have_posts()):
$my_query->the_post();
$do_not_duplicate = $post->ID; 
if ( has_post_thumbnail()){
?>


<a href="#"><?php the_post_thumbnail( 'sk', array('class' => '', 'alt' => ''.get_the_title().'', 'title' => ''.get_the_title().'' )); ?></a>

<?php } endwhile;  wp_reset_query(); ?>

</div>
</div>
<span class="wsl"><a href="http://wowslider.com/vw">slider wordpress</a> by WOWSlider.com v5.6</span>
    <div class="ws_shadow"></div>
    </div>    
    <script type="text/javascript" src="<?php echo get_template_directory_uri(); ?>/engine1/wowslider.js"></script>
    <script type="text/javascript" src="<?php echo get_template_directory_uri(); ?>/engine1/script.js"></script>
    <!-- End WOWSlider.com BODY section -->
تو پنجره جدید باز میشه میره تو همون پست / اگه میخوای پنجره جدید باز نشه کد زیر رو از توش حذف کن :


کد: 
target="_blank"
دمو همون قبلی

 
O

omid-ss2

تازه وارد
داداش خیلی آقایی..مشکلم حل شد :41: آفرین واقعا

نمیشه رو اون تایتل هم کلیک کنیم بره مطلبو نشون بده؟؟

خسته نباشی... مزاحمت شدم نصفه شبی

فقط ی چیزی این کدارو دسته درستی کردی؟؟ آخه من تازه کارم

 
آخرین ویرایش توسط مدیر:
hannanstd.ir

hannanstd.ir

مدیر انجمن و توسعه دهنده ووکامرس پارسی
تایتل ؟

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

دسته منظورت چیه ؟

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

 
آخرین ویرایش توسط مدیر:
O

omid-ss2

تازه وارد
مرسی داداش خیلی آقایی

با این کوئری ها چجوری باید آشنا بشم؟؟ لینکی هست؟؟

 
hannanstd.ir

hannanstd.ir

مدیر انجمن و توسعه دهنده ووکامرس پارسی
هرچی در مورد وردپرس لازم باشه اینجا هست :


کد: 
http://codex.wordpress.org/
 
O

omid-ss2

تازه وارد
ممنون

توی ادامه مطلب هر دو تا تصویرو نشون میشه.چرا؟

واسه ادامه مطلب هم تصویر شاخص تعریف کردما سایز 300*300

 
آخرین ویرایش توسط مدیر:
hannanstd.ir

hannanstd.ir

مدیر انجمن و توسعه دهنده ووکامرس پارسی
باید تو قالب قسمت single.php یا صفحه مشابه کد فراخونی اون تصویر های شاخصی رو که میخواین قرار بدین فقط .

 
O

omid-ss2

تازه وارد
درستش کردم داداش

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

 
آخرین ویرایش توسط مدیر:
hannanstd.ir

hannanstd.ir

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

 
شما برای پاسخ‌دادن باید به انجمن ورود کنید.
بالا