رفتن به مطلب

ساخت گالری با پیوندها


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

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

1-شکل شماره یک نحوه پرکردن پیوند ها را نشان میده در قسمت نام آدرس عکس مورد نظر را میدهیم و در قسمت توضیح شرح عکسی که قراره نمایش داده بشه

2-شکل شماره دو که میخوام بصورت :در هر ردیف سه عدد عکس و زیرش توضیح عکس نمایش داده بشه

3- در هر صفحه 5 ردیف (شامل 15 عکس) نمایش داده بشه

ممنون

post-529-0-20392600-1360510215_thumb.jpg

post-529-0-63648500-1360510254_thumb.jpg

لینک به ارسال

سلام

justintadlock.com/archives/2009/01/09/creating-an-image-gallery-with-wordpress-bookmarks

لینک به ارسال

سلام

justintadlock.com/archives/2009/01/09/creating-an-image-gallery-with-wordpress-bookmarks

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


<?php
/*Template Name: bookmark */?>
<?php get_header(); ?>
<div class="right"><?php include (TEMPLATEPATH . '/side-right.php'); ?></div>
<div class="center"><div id="center">
<div class="ads-top"><?php include (TEMPLATEPATH . '/ads-down.php'); ?></div>
<div class="center-block">
<div class="title"><div id="matn">گالری</div></div>
<div id="padd">
<?php $args = array(
'category' => 61,
'order' => 'ASC',
'orderby' => 'name',
'categorize' => false,
'title_li' => false,
'before' => false,
'after' => false,
'show_images' => true,
'category_before' => false,
'category_after' => false,
); ?>
<div class="bookmarks-gallery">
<?php wp_list_bookmarks($args); ?>
</div></div></div>
<div class="left"><?php include (TEMPLATEPATH . '/side-left.php'); ?></div>

اینم css


.bookmarks-gallery {
text-align: center;
margin: 0 auto;
}
.bookmarks-gallery img {
width: 120px;

ولی فقط لینک ها اومد من چیزی مثل عکس شماره دو میخوام

لینک به ارسال

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

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

لینک به ارسال

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

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

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

لینک به ارسال

از وقتی بصورت افزونه شد دیگه با این بخش کار نکردم.

شما این رو با افزونه دارید یا وردپرستون پیش فرض داره؟ میخوام تست کنم.

لینک به ارسال

از وقتی بصورت افزونه شد دیگه با این بخش کار نکردم.

شما این رو با افزونه دارید یا وردپرستون پیش فرض داره؟ میخوام تست کنم.

این افزونه نیست

کدی هست که از خود شما گرفتم

ولی وقتی فرم شماره یک (طبق پیوست) در قسمت پیوندها را پر میکنم و از کدهای زیر استفاده میکنم عکسها را پشت سر هم میاره ولی زیرش توضیح نداره بلکه بصورت تایتل با نشانگر موس نشون میده

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


<?php wp_list_bookmarks('orderby=order&category_orderby=order&title_li=0&categorize=0&category=61&before=&after=&link_before=<img width="55" height="77" src="&link_after=">'); ?>

لینک به ارسال

منظور من بخش پیوندهاست.

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

لینک به ارسال

منظور من بخش پیوندهاست.

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

من وردپرس را به روز کردم (شما از وردپرس 3.5.1 استفاده می‌کنید.) و قالب پیوندها هم داره .

لینک به ارسال

پس از نسخه های پایینتر باقی مونده.

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

<?php wp_list_bookmarks('title_li=&categorize=0&category=8&limit=10'); ?>

لینک به ارسال

پس از نسخه های پایینتر باقی مونده.

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

<?php wp_list_bookmarks('title_li=&categorize=0&category=8&limit=10'); ?>

لطفا اگه امکان داره css را برام بنویسید چون یاد سر در نمیارمم

ممنون

لینک به ارسال

پس از نسخه های پایینتر باقی مونده.

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

<?php wp_list_bookmarks('title_li=&categorize=0&category=8&limit=10'); ?>

متاسفانه اینم فقط لینکها را نشون میده تصاویری در کار نیست.

فقط همون دستوری که خودم گذاشتم عکسها را نشون میده که متاسفانه عکسها در کنار هم قرار میده و با اضافه کردن &show_description=1 توضیحات را گوشه سمت چپ قرار میده نه پایین که ظاهر خیلی بدی ایجاد میکنه

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

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


<div><?php wp_list_bookmarks('title_li=&categorize=0&category=4606&before=<p>&after=</p>&show_images=1&show_description=1&orderby=id&order=ASC&link_after=<br />'); ?></div>

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

لینک به ارسال

خاصیت float css

در انجمن جستجو کنید

اینا تو style گذاشتم ولی نمیدونم کجای کد بزارم اولش که نشد


.test {
float:right;
width:55px;
height:77px;
margin:5px;
}

لینک به ارسال

مقدار link_after خالی بزارید

برای تگ p هم میتوانید کلاس بدهید و استایلدهی

<p class="test">

لینک به ارسال

مقدار link_after خالی بزارید

برای تگ p هم میتوانید کلاس بدهید و استایلدهی

<p class="test">

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



<?php
/*Template Name: bookmark */?>
<?php get_header(); ?>
<div class="right"><?php include (TEMPLATEPATH . '/side-right.php'); ?></div>
<div class="center"><div id="center">
<div class="center-block">
<div class="title"><div id="matn">گالری تست</div></div>
<div id="padd">

<?php wp_list_bookmarks('title_li=&categorize=0&category=4606&before=<p class="test">&after=</p>&show_images=1&show_description=1&orderby=id&order=ASC&link_after='); ?>

</div></div></div></div>



<div class="left"><?php include (TEMPLATEPATH . '/side-left.php'); ?></div>
<?php get_footer(); ?>

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

برای المان width تعریف کنید تا محدود بشه.

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

مشکل دوم همه در ردیف اول قرار دارن css برایش به صورت زیر تعریف کردم باز هم نشد


.test {
float:right;
width:200px;
}

لطفا در صورت امکان راهنمایی نمائید ممنونم

post-529-0-93904300-1361106161_thumb.jpg

لینک به ارسال

آخرین تغییراتی که تونستم بدم :

css


#test {
float:right;
width:110px;
margin-left:25px;
margin-right:25px;
margin-top:5px;
border: 5px solid #fff;
box-shadow: 0px 0px 5px #aaa;
text-align:center;
padding:5px;

و کدها :


<?php
/*Template Name: bookmark */?>
<?php get_header(); ?>
<div class="right"><?php include (TEMPLATEPATH . '/side-right.php'); ?></div>
<div class="center"><div id="center">
<div class="center-block">
<div class="title"><div id="matn">گالری تست</div></div>
<div id="padd">
<?php wp_list_bookmarks('title_li=&categorize=0&category=4606&before=<p
id="test">&after=</p>&show_images=1&show_description=1&orderby=id&order=ASC&link_
after='); ?>
</div></div></div></div>

<div class="left"><?php include (TEMPLATEPATH . '/side-left.php'); ?></div>
<?php get_footer(); ?>

عکس هم پیوست میزارم

دوتا مشکل هنوز داره :

1- عکسها خارج از قالب هستن که در عکس پیوست قبلی با فلش نشون دادم (در همین عکس هم زیر نوشته گالری تست ) یه کادر سفید هستش که باید داخل اون قرار بگیره

2-نوشته از بغل عکس شروع میشه نه از خط پایین (زیر عکس)

post-529-0-68646300-1361115322_thumb.png

لینک به ارسال

تست کنید:


<?php
/*Template Name: bookmark */?>
<?php get_header(); ?>
<div class="right"><?php include (TEMPLATEPATH . '/side-right.php'); ?></div>
<div class="center"><div id="center">
<div class="center-block">
<div class="title"><div id="matn">گالری تست</div></div>
<div id="padd">
<?php wp_list_bookmarks('title_li=&categorize=0&category=4606&before=<p
id="test">&after=</p>&show_images=1&show_description=1&orderby=id&order=ASC&link_
after='); ?>
</div>
<div class="clear"></div>
</div>
</div>
</div>

<div class="left"><?php include (TEMPLATEPATH . '/side-left.php'); ?></div>
<?php get_footer(); ?>

به استایل هم اضافه بشه:

.clear{
wdith: 100%;
clear: both;
}

2-نوشته از بغل عکس شروع میشه نه از خط پایین (زیر عکس)

به استایل اضافه کنید.

#test img{
display: block;
}

لینک به ارسال

راستی اگه روزی وردپرس از این نوع پیوندها (پیوند عکس) پشتیبانی نکرد تکلیف چیست ؟

راه حلی هست که به آن اضافه نمود؟؟؟

لینک به ارسال

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

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

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

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

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

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

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

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

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