alisafari

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

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

سلام خدمت اساتید محترم وردپرس

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

تصمیم گرفتم با کمک اسلایدر های اماده جی کوئری اونو بسازم

الان مشکلی که دارم هوشمند کردن اسلایدر هست ، من الان یه اسلایدر جی کوئری دارم که با html ,css ,jquery نوشته شده ، و الان می خوام مثلا به جای عکس هایی که به صورت دستی وارد میکنم ، خودش خودکار تصویر شاخص اون مطلب + عنوان و خلاصه ای از مطلب رو نشون بده

دوستان من اسلایدر اماده و افزونه نمی خوام ، می خوام این اسلایدری رو که دارم هوشمند کنم

لطفا توضیحی خوب به همراه نمونه کد بدهید

ممنون از همه ی شما

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

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


لینک به پست

سلام

حدااقل می فرمودین چه نوع اسلایدری هست

وقتی ندونیم کد شما چی هست چطور بگیم داینامیکش کنید !

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


لینک به پست

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

دیگه همه چیز گویا هست

یه عکس از پست و عوان پست در قسمت تیره رنگ

59685705804166340385.jpg

این هم خود فایل

لینک دانلود

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


لینک به پست

برای به قول شما هوشمند سازی باید یه کوئری بسازید مثلا از 5 پست آخر سایت. درون حلقه کوئری به جای تگ img کد تصویر شاخص رو قرار بدید و همچنین به جای عنوان از the_title و به جای this iis a sample sliding images with مقدار the_excerpt رو قرار بدید.

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


لینک به پست

برای به قول شما هوشمند سازی باید یه کوئری بسازید مثلا از 5 پست آخر سایت. درون حلقه کوئری به جای تگ img کد تصویر شاخص رو قرار بدید و همچنین به جای عنوان از the_title و به جای this iis a sample sliding images with مقدار the_excerpt رو قرار بدید.

ممنون

میشم اگر نمونه کد بذارید

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

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


لینک به پست

مثلاً در فایل index.htm که دادید باکس body به صورت زیر میشه:


<body>
<section>
<div style="overflow:hidden; width:960px; margin: 100px auto; padding:0 20px;">
<div class="pix_diapo">

<?php $custom_query = new WP_Query(array(
'post_status' =>'publish',
'post_type' =>'post',
'order' =>'descending',
'orderby' =>'date',
'posts_per_page' =>'3',
'paged' => (get_query_var('paged')) ? get_query_var('paged') : 1
));
?>
<?php if($custom_query->have_posts()) :
while($custom_query->have_posts()) : $custom_query->the_post();?>
<div data-thumb="images/thumbs/megamind1048.jpg">
<img src="<?php the_post_thumbnail(); ?>">
<div class="caption elemHover fromLeft">
<?php the_excerpt(); ?>
</div>
</div>
<?php endwhile;endif;?><?php wp_reset_query(); ?>

</div><!-- #pix_diapo -->
</div>
</section>
</body>

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

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

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


لینک به پست

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

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

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

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


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

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

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


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

  • مطالب مشابه

    • توسط koolfayfer
      سلام به همه
      دوستان من در پست های وب سایتم یه دکمه گذاشتم که وقتی روش کلیک میشه یه اینپوت تکست کنارش میاد و هیچ مشکلی در این بابت نیست
      اما وقتی پست داخل حلقه قرار میگیره و برای مثال تعدادش به 10 میرسه وقتی روی دکمه کلیک کنم قاطی میکنه چون که میخواد همه کلاس ها رو اینپوت ظاهر کنه
      چکار کنم که وقتی یه متن یا چیزی کلیک شد تنها اینپوت کنار اون ظاهر بشه نه همه!؟
    • توسط msb
      سلام
      افزونه ای لازم دارم که چند مطلب کوتاه رو به صورت اسلایدی نمایش بده
      البته هر اسلاید سه مطلب حداقل داشته باشه
      مثل تصویر ی که پیوست کردم
      ممنون میشم اگه افزونه خاصی میشناسید معرفی کنید
       

    • توسط masoudch
      سلام
      به کمکتون نیاز دارم.
      به مشکل خوردم برای اضافه کردن یک فایل جاوا اسکریپت برای ایجاد اسلاید شو (owl-carousel) در تم وردپرس.
      این تم html بوده که درحال تبدیل اون به تم وردپرس هستم.
      کد جاوااسکریپت: این کد رو کجا باید قرار بدم که مشکل اسلایدشو حل بشه؟
      <script> // You can also use "$(window).load(function() {" $(function () { // Slideshow $("#slider").responsiveSlides({ auto: true, pager: false, nav: true, speed: 500, namespace: "callbacks", before: function () { $('.events').append("<li>before event fired.</li>"); }, after: function () { $('.events').append("<li>after event fired.</li>"); } }); }); </script> آدرس دهی در فانکشن وارد کردم: این درسته که میتونم کدهای جاوا اسکریپت و توی فوتر قرار بدم و بعد از طریق فانکشن یا حالا هر روش دیگه ای اونا رو فراخونی کنم که دیگه همچین مشکلی پیش نیاد؟
      <?php function insert_style() { wp_enqueue_style('zerogrid' , get_template_directory_uri().'/assets/css/zerogrid.css'); wp_enqueue_style('style' , get_template_directory_uri().'/assets/css/style.css'); wp_enqueue_style('responsiveslides' , get_template_directory_uri().'/assets/css/responsiveslides.css'); wp_enqueue_style('font-awesome-min' , get_template_directory_uri().'/assets/font-awesome/css/font-awesome.min.css'); wp_enqueue_style('owl-carousel' , get_template_directory_uri().'/assets/owl-carousel/owl.carousel.css'); wp_enqueue_style('owl-theme' , get_template_directory_uri().'/assets/owl-carousel/owl.theme.css'); wp_enqueue_style('menu' , get_template_directory_uri().'/assets/css/menu.css'); //add scripts wp_enqueue_script('jquery183-min' , get_template_directory_uri().'/assets/js/jquery183.min.js'); wp_enqueue_script('script' , get_template_directory_uri().'/assets/js/script.js'); wp_enqueue_script('jquery-latest-min' , get_template_directory_uri().'/assets/js/jquery-latest.min.js'); wp_enqueue_script('responsiveslides-min' , get_template_directory_uri().'/assets/js/responsiveslides-min.js'); wp_enqueue_script('owl-carousel-min' , get_template_directory_uri().'/assets/owl-carousel/owl.carousel.min.js'); } add_action('wp_enqueue_scripts' , 'insert_style'); ?> خطایی که با بررسی inspect element متوجه شدم اینه که اصلا فایل owl-carousel.js خونده نمیشه.
      ممنون.
       
    • توسط devil1367
      با سلام
      من یک فروشگاه دارم چون قالب قبلیم نیازهامو نمیتونست برطرف کنه یه قالب جدید از یکی از سایتها خریداری کردم
      سوالم اینه با نصب بسته اسان نصب اطلاعاتی یا محصولات قبلی که داشتم حذف میشن ؟
      چطوری قالب رو شبیه دمو دربیارم و صفحات و برگه ها import کنم.
       
      با تشکر
    • توسط koolfayfer
      سلام به همه دوستان
      من اگه بخوام یه تگ آپلود فایل با یه باکس بزارم هنگامی که عکسی انتخاب میشه تو اون باکس نشون بده و دوباره روی تگ کلیک کنم و کنسل کنم که قاعدتا فایل انتخابی پاک میشه و باید در اون باکس هم پاک بشه
      ای چیزی که من میخوام چند خطی کد نیازه اما مورد مهمش اینه اگه بخوام از این کپی بگیرم و به 6 تا اضافه کنم نمی تونم به صورت داینامیک کدشو بزنم بلکه باید دوباره برای هر کدوم آیدی و کلس مجزا استفاده کنم از نو فراخونی کنم
       
      راهی هست که هر چند تا تگ فایل و باکس کپی بگیرم یا همون یه دستور اول ست در بیاد و نیاز نباشه چند بار کد های جی کوئری رو کپی کنم!؟