ورود

View Full Version : سوال: استفاده از لایت باکس در وردپرس



f_talebi
سه شنبه 22 اردیبهشت 1394, 12:24 عصر
سلام من میخوام از این افزونه استفاده کنم برای سایتم ،
https://wordpress.org/plugins/lightbox-plus
نصبش کردم ولی نمیدونم چجوری باید ازش استفاده کنم ؟ کسی میتونه منو راهنمایی کنه

AmirHz.ir
سه شنبه 22 اردیبهشت 1394, 22:12 عصر
به هرعکس اینو

rel="lightbox[uniqueID|filename]"
اضافه کنید افزونه براش کار میکنه

f_talebi
چهارشنبه 23 اردیبهشت 1394, 12:16 عصر
به هرعکس اینو

rel="lightbox[uniqueID|filename]"
اضافه کنید افزونه براش کار میکنه
سوالم اینه که مگه ما توی وردپرس تصاویر رو توی خود وردپرس وارد نمیکنیم ؟ خب چطور اینو به کدهام اضافه کنم:متفکر:

mehbod.rayaneh
چهارشنبه 23 اردیبهشت 1394, 20:26 عصر
درود
توی اون آموزشش گفته ک شما یا باید به لینک عکس rel اضافه کنی! یا ب خود عکس دیگه!
این کاری نداره!
توی فانکشن اینو اضافه کنید:


add_filter('the_content', 'my_addlightboxrel');
function my_addlightboxrel($content) {
global $post;
$pattern ="/<a(.*?)href=('|\")(.*?).(bmp|gif|jpeg|jpg|png)('|\")(.*?)>/i";
$replacement = '<a$1href=$2$3.$4$5 rel="lightbox" title="'.$post->post_title.'"$6>';
$content = preg_replace($pattern, $replacement, $content);
return $content;
}

این کدی ک من دادم به عکس هایی ک توی پستها قرار میدی، rel=”lightbox” اضافه میکنه!
حالا شما lightbox را توی کد ب هر چی دوست داری تغییر بده!
پیروز باشید

f_talebi
دوشنبه 04 خرداد 1394, 13:19 عصر
نمیدونم چرا کار نمیکنه. فکر کنم یه چیزی کم باشه ... مثلا فرض کنید این قالب منه که میخوام عکسهایی که تو وردپرس وارد میکنم با لایت باکس بیان :

برای مثال این کد index.php هست :


<!DOCTYPE html>
<html>
<head>
<title>نمونه</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="stylesheet" type="text/css" href="<?php bloginfo('template_directory'); ?>/style.css"/>
</head>
<body>
<div id="container">
<div id="main-menu">
منوی اصلی
</div>
<div id="content">
<?php if (have_posts()) : while (have_posts()) : the_post(); ?>
<div class="content">
<h3 class="onvan">
<a href="<?php the_permalink() ?>" rel="bookmark" title="<?php the_title_attribute(); ?>">
<?php the_title(); ?>
</a>
</h3>
<div class="Article">
<div id="post-<?php the_ID(); ?>" <?php post_class(); ?>>
<h2>&nbsp;</h2>

<div class="entry">
<?php the_content();?>
</div>

<?php if (!is_page()) { ?>
</p>
<p>&nbsp;</p>

<p class="postmetadata">
<?php the_tags('برچسب ها : ' , ' , ' , '<br />'); ?>
<?php edit_post_link('ویرایش', '', ' | '); ?>
<?php comments_popup_link('نظرات »', '1 نظر »', '% نظر »'); ?>

<?php comments_template(); ?>


<?php } ?>

<small>
| <?php the_time('jS F Y') ?>| توسط <?php the_author() ?>
</small>
</p>
</div>
</div>
<div class="navigation">
<div class="alignleft"></div>
<div class="alignright"></div>
</div>
<hr>
<br>
</div>
<?php endwhile; else: ?>
<?php endif; ?>
</div>
</div>
</body>
</html>



******************************************
این هم کد CSS :


/*
Theme Name: sa
Author: Fateme Talebi
Author URI: http://talebi69.blogfa.com
*/
*{margin:0;padding:0;}
body{direction:rtl;}
#container{ margin: auto;width:95%;border:1px dashed blue;}
#main-menu{border:1px dashed pink;min-height:70px;background:orange}
#content{border:1px dashed blue;}



******************************************
و این هم کد functions.php :


<?php
add_filter('the_content', 'my_addlightboxrel');
function my_addlightboxrel($content) {
global $post;
$pattern ="/<a(.*?)href=('|\")(.*?).(bmp|gif|jpeg|jpg|png)('|\")(.*?)>/i";
$replacement = '<a$1href=$2$3.$4$5 rel="lightbox[uniqueID|filename]" title="'.$post->post_title.'"$6>';
$content = preg_replace($pattern, $replacement, $content);
return $content;
}
?>


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

f_talebi
یک شنبه 31 خرداد 1394, 23:47 عصر
من هنوز منتظر جواب هستم. کسی کار کرده ... ؟:متفکر:

webline
شنبه 03 مرداد 1394, 18:30 عصر
از افزونه
http://wordpress.org/plugins/responsive-lightbox
یا
http://wordpress.org/plugins/simple-lightbox
استفاده کنید