رفتن به مطلب

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


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

سلام همیاران محترم انجمن

یک مشکلی که هست اینه که حجم صفحه نخستم حدود 800 کیلوبایت هست.و در 4 ثانیه لود میشه.اما مشکلی که داره بنا به جی تی متریکس

Serve scaled images

میباشد.یعنی اینکه اگر این مورد رو رفع کنم چیزی حدود 30 درصد حجم صفحه ام کم میشه.خوب من فقط تونستم یک توضیح اندکی در این انجمن پیدا کنم در این مورد.گویا این خطا،یعنی اینکه سیستم وردپرس،تصاویر رو برش زده و بند انگشتی کرده ولی صفحه نخست از اون استفاده نکرده.البته من به این ترجمه هم شک دارم و نمیدونم واقعیت این مبحث Serve scaled images چیست.!

مثلا میگه :

http://aftab98.ir/wp-content/uploads/2014/06/1353-150x86.jpg is resized in HTML or CSS from 150x86 to 65x35. Serving a scaled image could save 6.9KiB (82% reduction).

لینک به ارسال

جست و جو میکردید قبلا توضیح داده شده:

1 ـ

Serve scaled images : منظورش اینه که این تصاویر رو که برش زدی الکی آپلود کردی و ازش تو صفحه استفاده نمی کنی به خدمت بگیر !

منبع

2-

Serve scaled images : در این بخش از شما خواسته میشود تا عکس های مختلف که سایز اصلی شان چیز دیگری است با سایز ادیت شده در سایت قرار ندهید برای برطرف کردن این بخش عکس اصلی خودتان را در سایت زیر باز کنید .

http://pixlr.com/editor

و سپس از بخش image>>>resize سایز مورد نظر عکستان را انتخاب کرده و سپس عکس را در کامپیوتر ذخیره کرده و آپلود کنید و جایگزین لینک قبلی کنید تا عکس در کد ریساز نشده و این بخش برطرف شود

منبع

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

فرض کنید تصویری با سایز 500*800 و حجم 120kb آپ می کنید - حالا یا به سایزهای دیگه برش میخوره یا خیر مهم نیست.

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

اما اگر بخواین مثلاً در سایز 300*750 نمایش بدید دو راه دارید. یا اینکه همون اولی رو نمایش بدید که در اینصورت تصویر با حجم و ابعاد اولیه سرو میشه در حالیکه با ابعاد کمتر ولی با همون حجم نمایش داده میشه و این یعنی اینکه پرت. راه دوم فراخوانی thumbnail مناسب در قالب است.

thumbnail رو در انجمن جستجو کنید، بسیار دربارش بحث شده.

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

لینک به ارسال
جست و جو میکردید قبلا توضیح داده شده:

1 ـ

Serve scaled images : منظورش اینه که این تصاویر رو که برش زدی الکی آپلود کردی و ازش تو صفحه استفاده نمی کنی به خدمت بگیر !

منبع

2-

Serve scaled images : در این بخش از شما خواسته میشود تا عکس های مختلف که سایز اصلی شان چیز دیگری است با سایز ادیت شده در سایت قرار ندهید برای برطرف کردن این بخش عکس اصلی خودتان را در سایت زیر باز کنید .

http://pixlr.com/editor

و سپس از بخش image>>>resize سایز مورد نظر عکستان را انتخاب کرده و سپس عکس را در کامپیوتر ذخیره کرده و آپلود کنید و جایگزین لینک قبلی کنید تا عکس در کد ریساز نشده و این بخش برطرف شود

منبع

جناب رسولی سلام

بله سرچ کرده بودم و از اموزش هاتون بهره بردم.این مطلبتون رو مطالعه کرده بودم.مشکل من این هست که من بصورت اتوماتیک میخوام باشه.واقعیت اینه که سایت تفریحی هست و روزی حدود 20 مطلب گذاشته میشه(البته بیشتر به کمک افزنه ار اس اس هست)

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

فرض کنید تصویری با سایز 500*800 و حجم 120kb آپ می کنید - حالا یا به سایزهای دیگه برش میخوره یا خیر مهم نیست. اگر بخواین در جایی از قالب این تصویر رو به همین اندازه نمایش بدید که خودش رو فراخوانی می‌کنید. اما اگر بخواین مثلاً در سایز 300*750 نمایش بدید دو راه دارید. یا اینکه همون اولی رو نمایش بدید که در اینصورت تصویر با حجم و ابعاد اولیه سرو میشه در حالیکه با ابعاد کمتر ولی با همون حجم نمایش داده میشه و این یعنی اینکه پرت. راه دوم فراخوانی thumbnail مناسب در قالب است. thumbnail رو در انجمن جستجو کنید، بسیار دربارش بحث شده. اگر نشد اعلام کنید تا ادامه بدیم.

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

طبق اموزش های انجمن،بندانگشتی رو در فانکشن فراخوانی کردم ولی دیگه نمیدونم باید چکار میکردم،چون به هیچ وجه تاثیر نگذاشت!

بعد از این عدم تاثیر،تصمیم به باز کردن این تایپک گرفتم.

لینک به ارسال

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

http://forum.wp-parsi.com/tutorials/article/548-%D8%B3%D8%A7%D8%AE%D8%AA-%D8%AA%D8%B5%D8%A7%D9%88%DB%8C%D8%B1-%D8%A8%D9%86%D8%AF%D8%A7%D9%86%DA%AF%D8%B4%D8%AA%DB%8C-%D8%A8%D8%A7-aqua-resizer/

یکم برای من گیج کننده است!!!

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

لینک به ارسال

در فایل فانکشن بگردید ببینید این کد موجوده یا نه:


add_theme_support( 'post-thumbnails' );

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

حالا برای اینکه سایزهای دلخواه رو هنگام آپلود برش، ایجاد کنید در زیر کد فوق اضافه کنید:


add_image_size('Tiny_Thumb', 70, 70, TRUE);
add_image_size('Medium_Thumb', 240, 150, TRUE);

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

حالا فرض کنید در جایی از پوسته میخواین سایز 70*70 رو نمایش بدید. در اون قسمت پوسته کد زیر رو قرار بدید:


<?php the_post_thumbnail('Tiny_Thumb'); ?>

ویرایش شده توسط isk
لینک به ارسال
  • 6 ماه بعد...

در فایل فانکشن بگردید ببینید این کد موجوده یا نه:


add_theme_support( 'post-thumbnails' );

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

حالا برای اینکه سایزهای دلخواه رو هنگام آپلود برش، ایجاد کنید در زیر کد فوق اضافه کنید:


add_image_size('Tiny_Thumb', 70, 70, TRUE);
add_image_size('Medium_Thumb', 240, 150, TRUE);

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

حالا فرض کنید در جایی از پوسته میخواین سایز 70*70 رو نمایش بدید. در اون قسمت پوسته کد زیر رو قرار بدید:


<?php the_post_thumbnail('Tiny_Thumb'); ?>

دوستان عزیز من دقیقا همین مشکل رو دارم . و این کارهایی رو که آقای isk گفتند انجام دادم

اما مشکل اینه برای اینکه اون سایز عکس مورد نظرم در صفحه اصلی و در سایدبار راست اعمال بشه .. نمیدونم اون کد سوم رو دقیقا کجا باید قراربدم ؟

لطفا بگید این کد


<?php the_post_thumbnail('Tiny_Thumb'); ?>

را کجای قالب قرار بدم ؟؟

ممنون

لینک به ارسال

دوستان عزیز من دقیقا همین مشکل رو دارم . و این کارهایی رو که آقای isk گفتند انجام دادم

اما مشکل اینه برای اینکه اون سایز عکس مورد نظرم در صفحه اصلی و در سایدبار راست اعمال بشه .. نمیدونم اون کد سوم رو دقیقا کجا باید قراربدم ؟

لطفا بگید این کد


<?php the_post_thumbnail('Tiny_Thumb'); ?>

را کجای قالب قرار بدم ؟؟

ممنون

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

ولی برا نمونه به این صورت


<a href="<?php the_permalink() ?>" rel="bookmark" title="<?php the_title(); ?>"><?php the_post_thumbnail('Tiny_Thumb'); ?></a>

هر جا که میخواین نمایش داده بشه قرار بدین با کد thumbnail پیش فرض قالبتون جایگزین کنید

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

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

ولی برا نمونه به این صورت


<a href="<?php the_permalink() ?>" rel="bookmark" title="<?php the_title(); ?>"><?php the_post_thumbnail('Tiny_Thumb'); ?></a>

هر جا که میخواین نمایش داده بشه قرار بدین با کد thumbnail پیش فرض قالبتون جایگزین کنید

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

بدم ؟؟

لطفا کمی مبتدیانه توضیح بدید

ممنون

لینک به ارسال

برای صفحه‌ی اصلی باید کد رو در مثلاً index.php و یا home.php قرارداد.

برای سایدبار باید بطور معمول کد رو در sidebar.php قرار داد. گرچه ممکنه قالب شما در حالت‌های خاص دارای فایل های دیگری باشه.

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

ممنون میشم اگه کد زیر را در فایل index.php برام جاگذاری کنید.

<?php the_post_thumbnail('Medium_Thumb'); ?>

 

فایل index.php

<?php
	if ( !defined('ABSPATH') ){ die(); }

	global $avia_config, $more;

	/*
	 * get_header is a basic wordpress function, used to retrieve the header.php file in your theme directory.
	 */

	get_header();

			$title  = __('Blog - Latest News', 'avia_framework'); //default blog title
			$t_link = home_url('/');
			$t_sub = "";

			if(avia_get_option('frontpage') && $blogpage_id = avia_get_option('blogpage'))
			{
				$title 	= get_the_title($blogpage_id); //if the blog is attached to a page use this title
				$t_link = get_permalink($blogpage_id);
				$t_sub =  avia_post_meta($blogpage_id, 'subtitle');
			}

			if(!empty($blogpage_id) && get_post_meta($blogpage_id, 'header', true) != 'no') 
			{
				echo avia_title(array('heading'=>'strong', 'title' => $title, 'link' => $t_link, 'subtitle' => $t_sub));
			}
			
			do_action( 'ava_after_main_title' );
	?>



		<div class='container_wrap container_wrap_first main_color <?php avia_layout_class( 'main' ); ?> <?php echo avia_blog_class_string(); ?>'>

			<div class='container template-blog '>

				<main class='content <?php avia_layout_class( 'content' ); ?> units' <?php avia_markup_helper(array('context' => 'content'));?>>

                    <?php

                    $avia_config['blog_style'] = apply_filters('avf_blog_style', avia_get_option('blog_style','multi-big'), 'blog');
                    if($avia_config['blog_style'] == 'blog-grid')
                    {
                        $atts 	= array('type' => 'grid', 'items' => get_option('posts_per_page'), 'columns'=> 3, 'class'=>'avia-builder-el-no-sibling', 'paginate'=>'yes');
                        $blog = new avia_post_slider($atts);
                        $blog->query_entries();
                        echo "<div class='entry-content-wrapper'>".$blog->html()."</div>";
                    }
                    else
                    {
                        /* Run the loop to output the posts.
                        * If you want to overload this in a child theme then include a file
                        * called loop-index.php and that will be used instead.
                        */

                        $more = 0;
                        get_template_part( 'includes/loop', 'index' );
                    }
                    ?>

				<!--end content-->
				</main>

				<?php
				wp_reset_query();
				//get the sidebar
				$avia_config['currently_viewing'] = 'blog';
				if(is_front_page()) $avia_config['currently_viewing'] = "frontpage";
				get_sidebar();

				?>

			</div><!--end container-->

		</div><!-- close default .container_wrap element -->




<?php get_footer(); ?>

 

لینک به ارسال

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

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

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

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

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

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

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

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

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