Home-theater-designers
크기가 부적절하게 조정되지 않는 한 사진은 천 마디 말의 가치가 있습니다. WordPress에는 이미지와 축소판의 크기를 조정하는 강력한 도구가 포함되어 있지만 이를 처리하는 방법을 알아야 합니다.
WordPress의 이미지 크기 및 추천 이미지 관리에 대해 알아야 할 모든 내용을 읽으십시오.
WordPress 파일에서 PHP 편집
이 게시물에는 WordPress용 PHP 코드가 포함되어 있습니다. 테마를 수정하기 전에 무료 PHP 단기 집중 과정을 읽어보고 싶을 수도 있습니다.
테마 파일을 여는 것이 불편하거나 향후 테마 업데이트로 인해 손실될 것이기 때문에 열고 싶지 않은 경우 다음을 사용할 수 있습니다. 내 사용자 정의 기능 대신 코드 블록을 추가하는 플러그인.
https://en-gb.wordpress.org/plugins/my-custom-functions/
WordPress 이미지 크기 기본 사항
WordPress 관리자 대시보드에서 이미 알고 있을 것입니다. 설정 > 반.
cpu가 얼마나 뜨거울까
다음은 WordPress에서 호출하는 세 가지 기본 이미지 크기입니다. 썸네일 , 중간 , 그리고 크기가 큰 . 축소판 크기에는 여기에서 지정한 정확한 치수로 잘리는 특수 설정이 있습니다. 1:1 비율 차원일 필요는 없습니다. 원하는 대로 설정할 수 있습니다.
자르기가 활성화되면 이미지의 크기가 조정되고 가운데에 맞춰지고 맞지 않는 것은 모두 삭제됩니다.
중형 및 대형 설정은 다음을 지정한다는 점에서 약간 다르게 작동합니다. 최고 너비와 높이 모두에 대한 치수에 따라 이미지가 축소됩니다. 이미지가 너무 작으면 해당 이미지 크기가 생성되지 않습니다.
새 이미지를 업로드하면 원본이 저장되어 포스트에 풀사이즈로 삽입이 가능하며, 등록된 다른 이미지 사이즈는 자동으로 생성됩니다.
WordPress에 사용자 정의 이미지 크기 추가
WordPress 내에서 기본적으로 정의된 세 가지 크기로는 충분하지 않을 수 있으므로 테마와 플러그인에서 고유한 사용자 정의 크기를 추가할 수 있습니다. 테마 파일을 편집하는 데 익숙하다면 이 작업도 수행할 수 있습니다.
테마 디렉토리를 열고 기능.php 파일. 추가 다음 코드, 정의하려는 각 이미지 크기에 대해 하나씩:
add_image_size( 'my-thumbnail', 400, 200, true);각각의 새 이미지 크기에는 이름, 너비 및 높이 치수가 필요하고 이미지를 정확히 이 크기로 잘라야 하는지 여부( 진실 또는 거짓 ). 테마 또는 위젯의 구조적 부분의 경우 일반적으로 레이아웃이 깨지지 않도록 자르기를 원할 것입니다.
많은 사용자 지정 이미지 크기를 만들고 싶을 수 있지만 그렇게 하지 않아야 합니다. 귀하가 정의한 각 이미지 크기는 추천 이미지로만 의도한 경우에도 업로드하는 모든 단일 이미지에 대해 생성됩니다.
따라서 7개의 사용자 정의 이미지 크기와 3개의 기본 이미지 크기가 있는 경우 업로드하는 각 이미지는 자체적으로 10개의 작은 복사본을 생성합니다. 단일 게시물에 10개의 이미지가 포함될 수 있다고 생각하면 해당 게시물에 대해서만 100개의 파일이 생성됩니다.
사용자 지정 이미지 크기를 생성할 수 없으며 추천 이미지에만 사용하도록 지정할 수 있습니다.
또한 특정 사용자 정의 크기를 더 이상 사용하지 않고 해당 코드를 삭제(또는 테마 변경)하더라도 이전 이미지는 서버에 영원히 남아 있습니다. WordPress는 사용하지 않는 이미지를 삭제하지 않습니다. MakeUseOf만큼 오래되거나 큰 사이트에서 더 이상 사용되지 않는 이미지를 저장하는 데 수백 기가바이트가 낭비된다는 의미입니다.
소규모 사이트의 경우 미디어 클리너 플러그인이 도움이 될 수 있지만 항상 전체 백업을 먼저 실행하십시오.
https://wordpress.org/plugins/media-cleaner/#description
게시물 콘텐츠에 사용할 사용자 정의 이미지 크기
기본적으로 사용자 정의 이미지 크기는 게시물에 이미지를 삽입할 때 드롭다운 상자에 표시되지 않습니다. Thumbnail, Medium, Large 및 Full Size만 볼 수 있습니다(원본 이미지의 크기는 확대되지 않으므로 원본 이미지의 크기에 따라 다름).
사용자 정의 크기도 목록에 포함하려면 코드가 조금 더 필요합니다. 다시, 귀하의 기능.php 파일:
function image_sizes_to_mediapicker( $default_sizes ) {
return array_merge( $default_sizes, array(
'my-thumbnail' => __( 'My Thumbail Size' ),
) );
}
add_filter( 'image_size_names_choose', 'image_sizes_to_mediapicker' );
이것은 미디어 선택기 목록을 필터링하여 작동합니다. 원래 크기 목록 배열을 나열하려는 새 크기와 병합합니다. 'my-thumbnail' 및 'My Thumbnail Size'를 사용자 정의 크기로 변경하고 사람이 읽을 수 있는 이름으로 나열합니다.
WordPress 추천 이미지 옵션
추천 이미지는 게시물과 연결된 단일 이미지이지만 게시물 콘텐츠에 반드시 삽입될 필요는 없습니다. 헤더, 프론트 페이지 또는 사이드바의 테마에서 자주 사용됩니다. 그러나 이미지 크기 측면에서는 일반 이미지와 다르게 취급되지 않습니다.
정의한 모든 크기에 대해 추천 이미지를 포함하여 업로드된 모든 이미지가 복제되고 크기가 조정됩니다.
아이폰 액정을 저렴하게 수리해주는 곳
옵션이 표시되지 않으면 추천 이미지 설정 게시물 편집 화면에서 테마가 기능을 지원하지 않을 수 있습니다. 테마에 다음 줄을 추가하여 지원을 강제할 수 있습니다. 기능.php 파일이지만 대신 새 테마를 찾는 것이 좋습니다.
추천 이미지와 같은 기본적인 것에 대한 지원 부족은 다른 곳에서 오래된 코드를 나타냅니다.
add_theme_support('post-thumbnails');자신의 테마 또는 플러그인에서 추천 이미지를 사용하려면 다음을 사용하세요. the_post_thumbnail() 이미지 태그를 출력하는 함수:
the_post_thumbnail('my-thumbnail',array('class'=>'my_post_thumbnail_css_class'));이 함수는 2개의 매개변수를 취합니다. 찾고 있는 이름이 지정된 크기(이 경우 'my-thumbnail')와 전달하려는 속성(예: 사용자 지정 CSS 클래스)입니다.
필수 HTML보다 추천 이미지의 실제 URL만 가져오려면 대신 다음을 시도하세요(이 예에서는 중간 이미지 크기 가져오기).
음악을 재생하는 자동차용 USB 포트
$thumbnail = wp_get_attachment_image_src(get_post_thumbnail_id(), 'medium');
echo $thumbnail[0];WordPress 썸네일 이미지 재생성
기본 이미지 크기를 변경하거나 사용자 정의 이미지 크기를 생성할 때마다 다음에만 적용됩니다. 새로운 업로드. 모든 기존 이미지는 원래 크기로 유지됩니다.
이전에 업로드한 이미지의 크기를 조정하려면 플러그인이 필요합니다. AJAX 썸네일 재구축 재생성할 크기를 선택할 수 있으며 아카이브에서 천천히 작동합니다.
https://wordpress.org/plugins/ajax-thumbnail-rebuild/
하지만 알아야 할 몇 가지 제한 사항과 함정이 있습니다.
추천 이미지는 자동으로 크기를 조정할 수 있지만 플러그인은 게시물 콘텐츠를 다시 작성할 수 없습니다. 예를 들어 게시물에 이미지를 추가한 경우 크기가 큰 크기(당시 500px였을 수 있음), 정의 변경 크기가 큰 게시물의 이미지 크기를 변경하지 않습니다. 게시물을 편집하고 동일한 이미지를 새 크기로 다시 삽입하지 않는 한 500px로 유지됩니다.
언급했듯이 이미지 크기가 많으면 많은 이미지를 생성하게 됩니다. 고맙게도 Thumbnail Rebuild를 사용하면 이것을 다음으로 제한할 수 있습니다. 추천 이미지만 . 그러나 이것은 이전 이미지에만 적용된다는 것을 기억하십시오. 향후 모든 이미지 업로드는 WordPress에서 관리하므로 모든 이미지 크기가 모든 것에 대해 생성됩니다.
지금은 또한 배우기에 좋은 시간이 될 것입니다 JPG와 PNG의 차이점 따라서 앞으로는 최적의 형식을 사용해야 합니다.
WordPress 사이트를 한 단계 업그레이드하십시오
WordPress 테마를 조정하고 싶으십니까? 테마의 이미지, 색상 및 요소 위치 지정은 주로 CSS 및 HTML에 의해 정의되므로 CSS 및 HTML을 배우려면 이 단계별 자습서를 확인하는 것이 좋습니다.
테마에 관심이 있다면 사진 포트폴리오를 위한 멋진 WordPress 테마를 살펴보세요.
WordPress 사이트가 너무 자주 충돌합니까? 너무 많은 비용을 지불하고 있습니까? InMotion Hosting과 같은 잘 알려진 호스팅 서비스로 전환(MakeUseOf 특별 할인 이 링크 ) 또는 Bluehost(특별 MakeUseOf 할인 이 링크 ).
공유하다 공유하다 트위터 이메일 FBI가 하이브 랜섬웨어에 대한 경고를 발령한 이유FBI는 특히 악성 랜섬웨어 변종에 대해 경고했습니다. Hive 랜섬웨어를 특히 조심해야 하는 이유가 여기에 있습니다.
다음 읽기 관련 항목- 프로그램 작성
- 워드프레스
James는 인공 지능 학사 학위를 보유하고 있으며 CompTIA A+ 및 Network+ 인증을 받았습니다. 하드웨어 리뷰 편집자로 바쁘지 않을 때는 LEGO, VR 및 보드 게임을 즐깁니다. MakeUseOf에 합류하기 전에 그는 조명 기술자, 영어 교사 및 데이터 센터 엔지니어였습니다.
제임스 브루스가 참여한 작품 더보기뉴스레터 구독
뉴스레터에 가입하여 기술 팁, 리뷰, 무료 전자책 및 독점 거래를 확인하십시오!
구독하려면 여기를 클릭하세요.