رفتن به مطلب

افزودن قابليت اسلايدر به قالب


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

در حال طراحي قالبي هستم و نياز به اضافه كردن اسلايدر دارم ميخام اينكار رو بدون هيچ افزونه اي انجام بدم ، چه كدي نياز هست ؟ البته تابع براي نمايش تصاوير شاخص اينه <?php echo aldenta_get_post_image();?>

لینک به ارسال

سلام

شما یه اسلایدر آماده دانلود کن . بعدش با php ادیتش کن . مثلا داخل یه کد بذاره که مطالب یه دسته رو نشون بده . ساده ترین راه همینه ! :)

لینک به ارسال

در حال طراحي قالبي هستم و نياز به اضافه كردن اسلايدر دارم ميخام اينكار رو بدون هيچ افزونه اي انجام بدم ، چه كدي نياز هست ؟

سلام

در تاپیک زیر اسلایدر هایی معرفی شده است, انتخاب کنید:

منبع jquery های زیبا و کاربردی

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

لینک به ارسال

متاسفانه الان فرصت تست و آزمايش ندارم حدود نيم ساعت ديگه بايد برم ... يه كد آماده لازم دارم

لینک به ارسال

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

باید یک اسلایدر رو انتخاب کنید بعد به وردپرس تبدیل کنید.

لینک به ارسال

من چون يكم مشكل منابع دارم تصميم گرفتم از افزونه خيلي كم استفاده كنم .

الان من يه تابع دارم كه تصاوير شاخص رو نشون ميده : <?php echo aldenta_get_post_image();?>

دنبال يه كد هستم كه اين تابع رو درش قرار بدم و يه اسلايدر بشه برام !

اين كد آماده وجود نداره ؟!

لینک به ارسال

ببینید کد آماده که نداریم.

شما یک اسلایدر انتخاب می کنید. بعد بخشی که تکرار میشه(معمولا li هست) رو در کوئری قرار میدید و نمایش عکس رو هم با تصویر شاخص مدنظرتون ست می کنید.

لینک به ارسال

الان من نميدونم اسلايدر از كجا گير بيام ! يه چند تا ديدم پولي بود اونم 50 يورو ميشه 200 هزار تومن !

اگر امكانش هست چند تا اسلايدر سبك (خيلي مهمه سبك باشه) با لينك دانلود معرفي كنيد

لینک به ارسال

سلیقه ایی هست.


http://www.smashingapps.com/2012/05/22/37-fresh-jquery-image-content-sliders-and-slideshows.html
http://www.designyourway.net/blog/resources/28-useful-jquery-sliders-you-need-to-download/

لینک به ارسال
  • 1 ماه بعد...

سلام . وقت بخير . نخواستم تاپيك تكراري ايجاد كنم.

من هم نميخوام از افزونه استفاده كنم.

ميخوام بدونم براي تصاويري كه توسط مدير مديريت ميشه , از كدوم قسمت مديريت استفاده كنم ؟ يعني اينكه مدير فقط عكس اضافه كنه و بعد با يه تكه كد اون عكس ها رو در اسلايدر فراخواني كنم.

لینک به ارسال

میخواین عکس از طریق رسانه اپلود بشه یا خود مدیر از جای دیگه آپلود کنه؟

لینک به ارسال

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

من کد اسلایدر رو گذاشتم . فقط میخوام عکس و متن مربوط به اون توسط مدیر ، آپلود و درج بشه .

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

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

درسته ؟ از همین راه استفاده کنم ؟

اما چطور میتونم تفکیک بین عکس و متن اون از لحاظ کوئری داشته باشم .

لینک به ارسال

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

بعد با تابع the_content dh the_excerpt برای نمایش متن و با تابع the_post_thumbnail برای نمایش عکس تصویر شاخص استفاده کنید.

در تایپک زیر توضیحاتی دادم:

تبدیل Featured Content Slider به یک افزونه وردپرس

لینک به ارسال

ممنونم . راه حل کلی رو فهمیدم .

لینکی که دادید رو نگاه کردم ولی باز یه سوال :

باید دسته ای که برای نمایش تصاویر اسلایدر تعریف میکنم ، طوری باشه که در لیست موضوعات سایتم نیاد و یا حتی نوشته هاش بعنوان پست های معمولی فعال نشن .

این هم ممکنه با این راه انجام بشه ؟

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

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

لینک به ارسال
باید دسته ای که برای نمایش تصاویر اسلایدر تعریف میکنم ، طوری باشه که در لیست موضوعات سایتم نیاد و یا حتی نوشته هاش بعنوان پست های معمولی فعال نشن .

این هم ممکنه با این راه انجام بشه ؟

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

هم با کوئری و هم با کد در فانکشن.

کد زیر در فانکشن:

function exclude_category($query) {
$query->set('cat', '-7');
return $query;
}
remove_filter('pre_get_posts', 'exclude_category');

ای دی رو بجای 7 بزارید و تست کنید.

لینک به ارسال

ممنونم آقا مرتضي.

هنوز به بخش اصلي سوالم يعني تفكيك متن و عكس در اسلايدر نرسيدم.

فعلا براي اين كه دسته اي به نام اسلايدر تعريف بشه اما در ليست موضوعات نياد اين كارها رو انجام دادم.

1. دسته اي به نام اسلايدر تعريف كردم ( كه آيديشو از جدول wp_term ديدم و 16 بود )

2.كدي كه گفتيد رو در function نوشتم و 16 رو به جاي 7 گذاشتم.

3.براي نمايش دسته ها تابع فانكشن رو فراخواني كردم .


<?php echo exclude_category($query) ?>

اما فعلا نتيجه نداد. تا اينجاي كار , اشتباهم چي بوده ؟

لینک به ارسال

برای آی دی کافیه به ویرایش دسته در بخش دسته ها برید در آدرس بار آی دی دسته نوشته میشه. یا اینکه در روی اون برید در status bar پایین مرورگر هم آی دی رو میتونیدببینید.

تا مرحله 2 هم کار درست هست. اما دیگه مرحله 3 نیاز نیست و تابع رو نباید اکو کنید و فقط باید بررسی کنید که در لیست آخری نوشته ها پست های دسته موردنظر میاد یا خیر.

لینک به ارسال

ممنونم . اين بررسي با چه كدي بايد انجام بشه ؟

تا مرحله ي 2 رو درست انجام دادم ولي فعلا اتفاقي نيفتاد .

من خيلي به كدنويسي در وردپرس آشنا نيستم.

الان نميدونم اين $query كه در فانكشن داديد , از كجا اومده . مگه نبايد $query رو ما به تابع بديم .

ممنونم.

لینک به ارسال

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

بزارید تا روی کد خودتون توضیحی کوتاه بدم.

در مورد کوئری متغییر نیست حالت تابع داره. query_posts یا WP_Query

لینک به ارسال

ممنونم.

من فعلا اين دو كار رو انجام دادم.

1. دسته اي به نام اسلايدر تعريف كردم

2.كدي كه گفتيد رو در function نوشتم و آيديشو به جاي 7 گذاشتم.

اما از اينجا به بعد رو نميدونم بايد چكار كنم . اينكه

1 . چه كدي بزارم كه دسته ي اسلايدر و محتواش بين دسته ها و نوشته هاي سايتم نياد.

2. چه كدي رو در اسلايدر بكار ببرم كه بگم نوشته و عكس اين دسته رو بخون .

ممنونم از راهنماييهاتون.

لینک به ارسال

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

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

یح بخش از کد Html یافایل html رو پیوست کنید تا نمونه رو بهتون یاد بدم.

لینک به ارسال

من يك دسته به نام اسلايدر دارم با آيدي 16 . كد فانكشن رو گذاشتم اما نتيجه نداد و همچنان دسته و مطالبش نمايش داده ميشه.

اين سايتم

كدي هم كه قبلا براي نمايش دسته ها (موضوعات ) گذاشته بودم اين بود :


<?php wp_list_categories('sort_column=name&sort_order=asc&children=true&hierarchical=true&title_li=0&show_count=1&'); ?>

-------------------------------------------

براي قسمت دوم , منظورتون كدوم قسمت فايل html هست كه پيوست كنم؟

اگه منظورتون كد اسلايد شو هست , ميدونم بايد كد مربوط به نمايش تصوير و متن رو كجا بزارم , اما نميدونم چه كدي بزارم كه فقط تصوير و متن اون دسته ي خاص رو نشون بده

------------------------------------------

ممنونم.

ویرایش شده توسط pary_daryayi
لینک به ارسال

براي قسمت دوم , منظورتون كدوم قسمت فايل html هست كه پيوست كنم؟

بله همین رو پیوست کنید تا نوع جاگذاری رو توضیح بدم.

نميدونم چه كدي بزارم كه فقط تصوير و متن اون دسته ي خاص رو نشون بده

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

لینک به ارسال

بله همین رو پیوست کنید تا نوع جاگذاری رو توضیح بدم.

ممنون . نوع جایگذاری رو بلدم .

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

ممنونم.

ویرایش شده توسط pary_daryayi
لینک به ارسال

به این صورت نوشتم و تا حدودی حل شد ( خواستم تاپیک رو نیمه کاره رها نکرده باشم ؛ برای کسانی که پیگیری میکنند)

کدی که در فانکشن گذاشتم :


<?php
// get the first image attached to the current post
function aldenta_get_post_image($size = 'thumbnail') {
global $post;
$photos = get_children( array('post_parent' => $post->ID, 'post_status' => 'inherit', 'post_type' => 'attachment', 'post_mime_type' => 'image', 'order' => 'ASC', 'orderby' => 'menu_order ID') );
if ($photos) {
$photo = array_shift($photos);
return wp_get_attachment_image($photo->ID, $size);
}
else{
return '<img src="'.get_bloginfo('template_url').'/images/not-pic.png" border="0" />';
}
return false;
}
?>

کدی که برای نمایش همه ی دسته ها جز یک دسته ی خاص نوشتم :


wp_list_categories('sort_column=name&sort_order=asc&children=true&hierarchical=true&title_li=0&show_count=1&exclude=16'); ?>

exclude=16 آیدی دسته ی مورد نظر هست.

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


<?php query_posts('cat=-16'); ?>
<?php if(have_posts()): ?>
<?php while(have_posts()):the_post(); ?>

و کدی که عکس و نوشته رو از هم جدا میکنه ( عکس و نوشته ی یک دسته ی خاص رو )


<?php query_posts('cat=16'); ?>
<?php if (have_posts()) : while (have_posts()) : the_post(); ?>
<?php the_post_thumbnail(); ?>
<?php the_excerpt();?>

ویرایش شده توسط pary_daryayi
لینک به ارسال

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

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

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

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

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

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

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

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

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