• اطلاعیه ها

    • Morteza

      باهم بسازیم: اطلس ووکامرس و وردپرس   14/07/96

      تاپیک ایجاد شده برای بحث در جهت ایجاد یک منبع، ویکی، صفحات توضیحی و یا بخش آموزشی جامع برای وردپرس و متعلقات مختلف آن است. لطفا جهت مشارکت در این بحث، ارائه پیشنهاد و یا انتقاد به تاپیک فوق مراجعه کنید. باهم بسازیم: اطلس ووکامرس و وردپرس
saeed4641

رفع مشکل کشیده شدن عکس ها

15 پست در این موضوع قرار دارد

سلام

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

آیا میشه این مشکل رو رفع کرد؟

ممنون میشم کمک کنید

آدرس سایت بنده در امضا هست

0

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


لینک به پست

دقیقا کدوم قسمت رو میگین؟

اخبار؟جدیدترین؟کتاب یا ....؟

0

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


لینک به پست

عکس هاتون رو باید قبل از آپلود به اندازه


width:240px; height:160px

بسازید در صورتی که اغلب عکسهاتون 150در 150 هستند و این طبیعیه که کشیده بشند ولی اگر می خواهید با همین روال و اندازه طبیعی دیده بشند


.column2 li.first-news .post-thumbnail{ margin: 0 0 10px 0; height:129px; float:none;}
.column2 li.first-news .post-thumbnail img{ width:100%; height:100%;}

.wide-box li .post-thumbnail{float:left;}
.wide-box li.first-news .post-thumbnail{width:240px; height:160px}
.wide-box li.first-news .post-thumbnail img{ width:100%; height:100%; }

.list-box li .post-thumbnail{float:left;}
.list-box li.first-news .post-thumbnail{margin:0 0 15px 0;float:none;width:302px;height:150px;}
.list-box li.first-news .post-thumbnail img{ width:100%; height:100%;}
.pic-box .first-pic .post-thumbnail{position:relative;}

.cat-tabs-wrap li .post-thumbnail{float:left; margin-bottom:0;}
.cat-tabs-wrap li.first-news .post-thumbnail{margin:0 0 10px 0;float:none;width:302px; height:140px;}
.cat-tabs-wrap li.first-news .post-thumbnail img{ width:100%; height:100%;}

در style.css پیدا کنید و همه ی width و height را به max-height و max-width تبدیل کنید

2

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


لینک به پست

چقدر جالب

منم ی همچین مشکلی دارم.

یعنی تصاویر شاخصم رو میگیره میکشه!!

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

مثلا فرض کنین عکسا پهناش 300 باشه در ارتفاع 250.الان اگه بخوام این رو به همون نسبت بزرگتر کنم باید چی کار کنم؟چون میخوام عکسام بزرگتر بشه طوری که کیفیتشو از دست نده

من خودم پهناش رو این طوری تعریف کردم:

width:100%

ممنون

0

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


لینک به پست

عکس هاتون رو باید قبل از آپلود به اندازه


width:240px; height:160px

بسازید در صورتی که اغلب عکسهاتون 150در 150 هستند و این طبیعیه که کشیده بشند ولی اگر می خواهید با همین روال و اندازه طبیعی دیده بشند


.column2 li.first-news .post-thumbnail{ margin: 0 0 10px 0; height:129px; float:none;}
.column2 li.first-news .post-thumbnail img{ width:100%; height:100%;}

.wide-box li .post-thumbnail{float:left;}
.wide-box li.first-news .post-thumbnail{width:240px; height:160px}
.wide-box li.first-news .post-thumbnail img{ width:100%; height:100%; }

.list-box li .post-thumbnail{float:left;}
.list-box li.first-news .post-thumbnail{margin:0 0 15px 0;float:none;width:302px;height:150px;}
.list-box li.first-news .post-thumbnail img{ width:100%; height:100%;}
.pic-box .first-pic .post-thumbnail{position:relative;}

.cat-tabs-wrap li .post-thumbnail{float:left; margin-bottom:0;}
.cat-tabs-wrap li.first-news .post-thumbnail{margin:0 0 10px 0;float:none;width:302px; height:140px;}
.cat-tabs-wrap li.first-news .post-thumbnail img{ width:100%; height:100%;}

در style.css پیدا کنید و همه ی width و height را به max-height و max-width تبدیل کنید

ممنونم از لطفتون

بنده این کارو کردم ولی الان عکس هایی که کوچیک میشن نصفش سفید میشه

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

این طوری خیلی بهتر میشه

کادر های عکس هم بهم نمی خوره

عکس مشکل رو هم آپلود کردم

post-1489-0-61846900-1372445771_thumb.jp

0

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


لینک به پست

شما دستی عکسها رو فیت کردید

شاید بهتر باشه از تغییر اندازه خودکار وردپرس یا اسکریپتی مثل timthumb استفاده کنید

1

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


لینک به پست

شما دستی عکسها رو فیت کردید

شاید بهتر باشه از تغییر اندازه خودکار وردپرس یا اسکریپتی مثل timthumb استفاده کنید

این افزونه ای که می فرمایید عکس هارو کشیده نمیکنه؟

کلا برای فیت کردن عکس هارو به چه صورت در میاره؟

0

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


لینک به پست

این افزونه ای که می فرمایید عکس هارو کشیده نمیکنه؟

کلا برای فیت کردن عکس هارو به چه صورت در میاره؟

timthumb تصاویر رو بزرگ میکنه

چون تصاویر شما کوچک هست خوبه

ولی استفاده از اون توصیه نمیشه

1

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


لینک به پست

من این افزونه رو پیدا نکردم

میشه لینک دانلود بدید؟

دلیل توصیه نشدنش چیه؟

مشکلی ایجاد می کنه؟

0

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


لینک به پست

من این افزونه رو پیدا نکردم

میشه لینک دانلود بدید؟

دلیل توصیه نشدنش چیه؟

مشکلی ایجاد می کنه؟

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

که فضای هاست رو میگیره

2

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


لینک به پست

عکس هاتون رو باید قبل از آپلود به اندازه


width:240px; height:160px

بسازید در صورتی که اغلب عکسهاتون 150در 150 هستند و این طبیعیه که کشیده بشند ولی اگر می خواهید با همین روال و اندازه طبیعی دیده بشند


.column2 li.first-news .post-thumbnail{ margin: 0 0 10px 0; height:129px; float:none;}
.column2 li.first-news .post-thumbnail img{ width:100%; height:100%;}

.wide-box li .post-thumbnail{float:left;}
.wide-box li.first-news .post-thumbnail{width:240px; height:160px}
.wide-box li.first-news .post-thumbnail img{ width:100%; height:100%; }

.list-box li .post-thumbnail{float:left;}
.list-box li.first-news .post-thumbnail{margin:0 0 15px 0;float:none;width:302px;height:150px;}
.list-box li.first-news .post-thumbnail img{ width:100%; height:100%;}
.pic-box .first-pic .post-thumbnail{position:relative;}

.cat-tabs-wrap li .post-thumbnail{float:left; margin-bottom:0;}
.cat-tabs-wrap li.first-news .post-thumbnail{margin:0 0 10px 0;float:none;width:302px; height:140px;}
.cat-tabs-wrap li.first-news .post-thumbnail img{ width:100%; height:100%;}

در style.css پیدا کنید و همه ی width و height را به max-height و max-width تبدیل کنید

در ادامه مطلب پست های من هم عکس های مطالب مشابه مشکل کشیده شدن داره

همین کارو کردم ولی درست نشده

فقط عکس های صفحه اصلی درست شده

برای اونجا باید چیکار کنم؟

0

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


لینک به پست

بگردید دنبال


.post-listing .post-thumbnail

یا


.related-item .post-thumbnail

در فایل style.css و مطابق قبل تغییرات بدید

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

1

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


لینک به پست

http://forum.wp-pars...__10#entry16944

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

که فضای هاست رو میگیره

تو سايت ما عكس زياد بايد استفاده بشه و خب معناي بيس سايت ما عكسه ولي چون فعاليت هاي سئو هم داريم ، هيچوقت مساله ي سرعت رو فراموش نميكنيم، بارها و بارها و سال ها و سال ها با مسله كيفيت و عكس و اندزه و.. تو قالب ها مشكل داشتيم! وقتي خودم دست به كار شدم يه قالب حرفه اي بنويسم واسه سايت با توجه به مشكلات خودمون ، ديدم يه مشكل بزرگ داريم و اونم عكس هاست! نويسنده هاي ما توانايي كار حرفه اي با فتوشاپ نداشتن! و يا اگر داشتن حين كار كم ميزاشتن و يا وقت كافي نداشتن و يا اگر همه اينا بود ، اندازه عكسا فراموششون ميشد مثلا ميگفتيم براي مطالب عكس بزاريد توي سايز 125*195 سايز يادشون ميرفت و كاري ميكردن كه قالب زيرو رو ميشد! تا اينكه با اسكريپت فوق يعني timthumb اشنا شديم ،

به قدري اين اسكريپت رو بهش ايمان داريم كه حد نداره ، كمي تغيرش داديم كاستومايز شده و سرعت سايتو به خاطر روشي كه داره و ما اش بهره ميگيريم بالا برده و هر عكسي در هر سايزي بدي طوري برات برش ميزنه به اندازه دلخواهت كه دوستان فتوشاپ كار ما هم گاهي در توانايي اين مورد تعجب ميكنن! مشكلي هم با مساله هاست نداشتيم و كل هاست ما با كل اطلاعاتمون با تمام عكساش تا حالا 250 مگ هم نشده بعد 6 سال فعاليت (از لحظه استفاده از اين اسكريپت تمام پستا از ابتدا رو اين سيستم پياده شدن)

حال كه من ارادت عجيبي به پارسا جان دارم ، ولي توصيه ميكنم هر كسي مشكل عكس تو سايتش داره ازش استفاده كنه ، حتي المان هايي داره براي تنظيم كيفيت عكس كه بين 1 تا 100 درصد تنظيم ميشه اتومات و كم و يا زياد ميكنه براتون.

1

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


لینک به پست

ارسال شده در (ویرایش شده)

تو سايت ما عكس زياد بايد استفاده بشه و خب معناي بيس سايت ما عكسه ولي چون فعاليت هاي سئو هم داريم ، هيچوقت مساله ي سرعت رو فراموش نميكنيم، بارها و بارها و سال ها و سال ها با مسله كيفيت و عكس و اندزه و.. تو قالب ها مشكل داشتيم! وقتي خودم دست به كار شدم يه قالب حرفه اي بنويسم واسه سايت با توجه به مشكلات خودمون ، ديدم يه مشكل بزرگ داريم و اونم عكس هاست! نويسنده هاي ما توانايي كار حرفه اي با فتوشاپ نداشتن! و يا اگر داشتن حين كار كم ميزاشتن و يا وقت كافي نداشتن و يا اگر همه اينا بود ، اندازه عكسا فراموششون ميشد مثلا ميگفتيم براي مطالب عكس بزاريد توي سايز 125*195 سايز يادشون ميرفت و كاري ميكردن كه قالب زيرو رو ميشد! تا اينكه با اسكريپت فوق يعني timthumb اشنا شديم ،

به قدري اين اسكريپت رو بهش ايمان داريم كه حد نداره ، كمي تغيرش داديم كاستومايز شده و سرعت سايتو به خاطر روشي كه داره و ما اش بهره ميگيريم بالا برده و هر عكسي در هر سايزي بدي طوري برات برش ميزنه به اندازه دلخواهت كه دوستان فتوشاپ كار ما هم گاهي در توانايي اين مورد تعجب ميكنن! مشكلي هم با مساله هاست نداشتيم و كل هاست ما با كل اطلاعاتمون با تمام عكساش تا حالا 250 مگ هم نشده بعد 6 سال فعاليت (از لحظه استفاده از اين اسكريپت تمام پستا از ابتدا رو اين سيستم پياده شدن)

حال كه من ارادت عجيبي به پارسا جان دارم ، ولي توصيه ميكنم هر كسي مشكل عكس تو سايتش داره ازش استفاده كنه ، حتي المان هايي داره براي تنظيم كيفيت عكس كه بين 1 تا 100 درصد تنظيم ميشه اتومات و كم و يا زياد ميكنه براتون.

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

ولی جلوش نوشته not recomended

فعالش که کردم همه عکس ها رو به زیبایی درست کرد

حالا می خواستم بپرسم دلیل این که گفته پیشنهاد نمیشه چیه؟

این اسکریپت مشکلی به وجود میاره برای سایت من؟

ممنون میشم کامل توضیح بدید

باتشکر فراوان

ویرایش شده در توسط saeed4641
1

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


لینک به پست

خیر مشکلی بوجود نمیاره

1

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


لینک به پست

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

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

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

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


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

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

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


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