برش دادن تصاویر بندانگشتی با css

[4M!R 805]

با سلام خدمت دوستان

من برای تصاویر بند انگشتی ارتفاع و عرض معینی تعیین کردم که بعضا تو عکس ها باعث کشیدگی میشه

میخواستم بدونم میشه با css کار کرد که مقداری که خودمون تعیین می کنیم از عکس نشون داده بشه به اصطلاح برش داده بشه؟

یه سواال دیگه من میخواسنم صفحات توی دسته هارو کاری کنم که با کلیک برو روی صفحه مورد نظر یا بعدی و قبلی بدون رفرش صفحه مطالب لود بشه(آژاکس)

مثل این سایت

http://www.beytoote.com/news/foreign-policy/

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

یا حق

[4M!R 805]

اقا یکی لطف کنه مارو راهنمایی کنه :|

اینجام سوال پرسیدم کسی جوابمونو نداد

[علی زینلی 2114]

سلام

راجب به سوال اوّل سی اس اس

از این کد استفاده کن:

    position: absolute;
    clip: rect(0px,60px,200px,0px);

[دکتر مهندس 687]

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

add_image_size('title', 250, 150, true);
add_image_size('vip', 160, 90, true);
add_image_size('box1', 120, 70, true);
add_image_size('box2', 50, 50, true);

در این کدهای بالا، یکی از اندازه هایی که تعریفکرده ام، 160*90 هست و اسمش vip هستش.

شما میتونید اسامی مختلف رو به صورت Tasvir1 و tasvir2 و tasvir3 و... استفاده کنید و بعد در قالبتون اسم اون سایزی رو که میخواهید به کار ببرید. بدین صورت:

<a href="<?php the_permalink(); ?>"><?php the_post_thumbnail('vip'); ?></a>

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

ویرایش شده آذر 93 توسط دکتر مهندس

[4M!R 805]

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

add_image_size('title', 250, 150, true);
add_image_size('vip', 160, 90, true);
add_image_size('box1', 120, 70, true);
add_image_size('box2', 50, 50, true);

در این کدهای بالا، یکی از اندازه هایی که تعریفکرده ام، 160*90 هست و اسمش vip هستش.

شما میتونید اسامی مختلف رو به صورت Tasvir1 و tasvir2 و tasvir3 و... استفاده کنید و بعد در قالبتون اسم اون سایزی رو که میخواهید به کار ببرید. بدین صورت:

<a href="<?php the_permalink(); ?>"><?php the_post_thumbnail('vip'); ?></a>

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

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

این کار باعث نمیشه چندین سایز از همون عکس تو هاستم اپلود بشه؟

[علی زینلی 2114]

مرسی از پاسخگویی دوستان علی زینلی و دکتر مهندس این کار باعث نمیشه چندین سایز از همون عکس تو هاستم اپلود بشه؟

روش اوّل که من داده بودم (بنا بر درخواست خودتون استفاده از CSS) خیر ، کد ها فقط در یه سایز تو هاست آپلود میشن.

ولی روش دوم که روش اصلی هم هست چرا ، چندین بار با سایز های مختلف آپلود میشن.

البتّه اصلش هم روشه دومه! چون موقعی که یه کاربر میاد توی سایت درست نیست به خاطر یه عکس 50×50 از حجمش اندازه یه عکس 500×500 کم بشه!

اگر از روش اوّل استفاده کنین درسته که حجم هاست خودتون کمتر مصرف میشه ولی سایتتون سنگین ، کاربر ناراضی و در کل اصلاً خوشایند نیست... من فقط بنا بر خواسته خودتون اون کد رو قرار دادم (برای این که بریده نشه هم میتونین از width و height استفاده کنین)

تو روش دوم هم برای بریده شدن و نشدنش میتونین از true و false استفاده کنین.

[دکتر مهندس 687]

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

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

اگر سایز بزرگ لود بشه و بعد کشیده بشه یا کوچیک بشه، باعث کاهش شدید امتیاز سئوی شما خواهد شد.

نتیجه اش رو میتونید در www.gtmetrix.com ببینید.

موفق باشید