• اطلاعیه ها

    • Saeed Fard

      سیاره وردپرس ایران   15/10/95

      سایت‌های زیادی در ایران و سرتاسر وب در زمینه گسترش وردپرس تلاش دارند و نوشته‌های آموزشی منتشر می‌کنند. اما ضرورت یک منبع خوب و ارزشمند برای جمع‌آوری بهترین‌های وب ایران و دنیا باعث ایجاد سیاره وردپرس شد تا دنبال کنندگان این موضوع به صورت یکجا و آسان بتوانند به این نوشته‌ها دسترسی داشته باشند.     در سیاره وردپرس این بستر فراهم شده است که آدرس وب‌سایت‌های مربوطه ثبت و برای این سرویس ارسال شود، آخرین نوشته‌های مفید وب‌سایت‌ها در سیاره وردپرس و نیز در بخش اخبار وردپرس پیشخوان سایت‌های وردپرسی از طریق افزونه‌ی Parsi Date نمایش داده می‌شود. همینطور کاربران از طریق عضویت در خبرنامه ایمیلی سیاره وردپرس می‌توانند به صورت دوره‌ای بهترین و جدیدترین نوشته‌های وردپرسی را که توسط اعضای تحریریه و همکاران سیاره وردپرس بررسی و تایید می‌شود را در ایمیل خود دریافت کنند.   امکانات سیاره وردپرس امکان ثبت آدرس سایت‌هایی که نوشته‌های مفید در زمینه وردپرس دارند. نمایش نوشته‌های وردپرس سایت‌ها در سیاره وردپرس نمایش نوشته‌های وردپرس در پیشخوان سایت‌های وردپرس فارسی توسط ویجت اخبار پلاگین Parsi Date و ... امکان ثبت ایمیل کاربران علاقه‌مند جهت دریافت مطالب محبوب و ویژه در خبرنامه دوره‌ای سیاره توسط اعضای تحریریه و ... جهت ثبت سایت وردپرسی یا ایمیل خود به سایت سیاره وردپرس مراجعه کنید   تاپیک پیشنهادات و همکاری در سیاره وردپرس : http://wpu.ir/qlhy5  
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 به همچنین.

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


لینک به پست

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

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

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

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


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

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

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


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

  • مطالب مشابه

    • توسط mosi1672
      سلام 
      من یه سایتی دارم که برای همایش علمی مقالات رو با فرمی که با افزونه گرویتی فرم ساخته شده دریافت میکنم.
      خواستم بدونم آیا راهی وجود داره که امار مقالات دریافتی رو به صورت داینامیک و پویا بتونم با روی سایت اصلی نشون بدم؟ البته با ظاهر زیبا
      مثل این سایت تایپ ایران که امار پروژه ها و کاربرانش رو به صورت نمودار دایره ای نشون میده..
      این ادرس سایت :
      ادرس فرم:http://ihsc.bsbmu.ir/maghaleh/
      ادرس سایت:http://ihsc.bsbmu.ir/

      میدونم خیلی ساده گفتم ولی اگر امکان داره راهنمایی بفرمایید
    • توسط rezarnmsh
      با سلام احتیاج به طراحی یک سایت مشابه persiandivx.net با وردپرس دارم افرادی که فرصت  طراحی دارند با ایمیل *** مبلغ و زمان ان را اطلاع دهند با تشکر
    • توسط koolfayfer
      سلام دوستان
      این کد منه:
      $(document).ready(function(e) { $(".box").hover( function(){ $(".image").animate({bottom: "0px"}); }, function(){ $(".image").animate({top: "0px"}); } ); });  
       
       
       
      یه باکس مربع در نظر بگیرید با کلس box
      و یه باکس با کلس image به پهنای کلس box و ارتفاع دوبرابر که داخل کلس box می باشد
      overflow تگ box مخفیه و در ابتدا نیمه بالایی تگ image رو می بینیم
      که با هاور روی box نیمه پایینی image اسکرول بشه که بتونیم ببینیم...
       
       
       
       
      بار اول هاور و آن هاور میشه اما دیگه این رویداد اتفاق نمی افته
      مشکل از کجاست؟
    • توسط marpeech
      سلام دوستان
       
      من دنبال یه افزونه اسلایدر می گردم که بتونه اسلاید تمام صفحه و ریسپانسیو درست کنه. اما با یه شرط! و اون این باشه که توی تمام مرورگرها و دستگاه ها هم تمام صفحه باشه. الان من اسلایدر تمام صفحه دارم اما وقتی از توی اپرا نگاه میکنم تمام صفحه ست، توی موزیلا یه کمی از ارتفاعش کم میشه، توی کروم هم همینطور (در همه این موارد از عرض، تمام صفحه ست اما از ارتفاع کم و زیاد میشه). عرض اسلایدر رو هم 100% تعیین میکنم اما برای ارتفاعش راه حلی ندارم. ممنون میشم که راهنمایی کنید
    • توسط marpeech
      سلام دوستان و وقت بخیر
       
      من خیلی تلاش کردم که بتونم یه اسلایدر تمام عرض بین منوی بالا و منوی اصلی (یعنی محل قرار گیری لوگو) توی قالب صحیفه قرار بدم. متاسفانه نتونستم. یه عکس هم ضمیمه میکنم که توضیحاتم رو بهتر نشون بده. کسی میتونی راهنمایی کنه که چطوری میتونم این کار رو بکنم؟