WordPres에는 많은 이미지 플러그인이 있습니다. 그러나 이 기사에서는 게시물에 이미지를 삽입하기 위한 WordPress의 내부 도구를 살펴보겠습니다. 이를 통해 개별 사진과 전체 갤러리를 모두 삽입할 수 있습니다. 또한 이미지와 갤러리 모두 원하는 대로 사용자 지정할 수 있습니다.

WordPress 기사의 일반 이미지, 사진 및 갤러리 설정

사이트에 표시되는 이미지의 크기를 설정할 수 있습니다. 이렇게 하려면 WP 사이트에 로그인합니다. 콘솔 메뉴에서 옵션 → 미디어 파일 항목이 필요합니다.

기사에 삽입할 이미지를 설정하는 페이지가 기본적으로 열립니다. 여기에서 썸네일 크기, 중간 크기, 큰 크기의 세 가지 이미지 크기 옵션을 볼 수 있습니다.

세 가지 사진 크기가 필요한 이유를 설명하겠습니다. 기사에 이미지를 삽입할 때 "미디어 파일 추가" 형식의 편집기에서 Wordpress는 세 가지 이미지 크기 중에서 선택할 수 있습니다. 기사에 삽입하기 위해 제공되는 것은 이러한 설정에서 설정한 매개변수입니다.

기사 썸네일

또한 기사를 게시할 때 기사의 축소판을 만들라는 메시지가 표시됩니다. 이 썸네일은 기사에 첨부되어 다양한 위젯에 반영되며 기사의 명함이 됩니다.

Facebook 기사 썸네일을 제대로 표시하려면 썸네일 크기가 200x200 이상이어야 합니다.

썸네일 크기는 레이아웃일 때 템플릿에서 설정됩니다. 큰 썸네일 이미지를 썸네일 크기에 맞게 비례적으로 자르려면 옵션>>>미디어 파일에서 특수 확인란을 선택합니다.

매개변수 " 큰 사이즈» 최대값 1024×1024로 설정합니다. 그러나 전체 사이트의 이미지를 특정 크기로 제한하려면 이 설정 항목에서 이러한 크기를 설정하십시오.

파일 업로드

다음 메뉴 항목은 주의를 기울여야 합니다. 이것은 파일 다운로드입니다.

모든 사이트 사진은 사이트의 소위 "미디어 라이브러리"에 업로드됩니다. 이미지는 위의 설정에서 지정한 세 가지 크기로 한 번에 로드됩니다.

"업로드한 파일을 월별 및 연도별로 폴더에 저장" 항목의 미디어 설정에서 확인란을 선택하는 경우

그러면 이미지가 다음 디렉토리에 업로드됩니다.

메모:

1. 기사 작성 시 사진을 업로드 하시면 이 기사에 사진이 첨부됩니다.
2. 어떤 이유로 기사를 편집하는 동안 사진을 편집한 다음 모든 사진 개정이 라이브러리에 남아 있으면 자동으로 삭제되지 않습니다.
3. 사진을 "미디어 파일" 라이브러리에 직접 업로드하면 사진이 링크되지 않은 것으로 간주됩니다.

첨부된 사진과 첨부되지 않은 사진

그 의미와 첨부된 사진과 첨부되지 않은 사진이 어떻게 다른지 설명하겠습니다. 이 기사에 연결된 모든 사진은 기본적으로 기사에 간단한 WordPress 갤러리로 표시될 수 있습니다. 간단한 갤러리를 만들려면 추가 플러그인을 설치할 필요가 없습니다. 비주얼 에디터기사의 아무 곳에나 갤러리의 짧은 코드를 배치하십시오. 갤러리 워드프레스, 기본값, 구성 가능, 단축 코드 다양한 종류아래 갤러리.

개별 이미지와 사진 갤러리를 기사에 삽입하는 방법에 대해 자세히 설명하겠습니다.

WP 기사에 이미지를 삽입하는 방법

WordPress 편집기를 사용하면 WordPress 게시물에 이미지, 사진 및 갤러리를 완전히 포함할 수 있습니다. 이것은 아주 간단하게 이루어집니다. 스크린샷의 예를 들어 설명하겠습니다.

• 콘솔→게시물→새로 추가를 엽니다.
• 기사에 사진을 삽입하려면 "미디어 파일 추가"를 클릭하십시오.

• 우리는 컴퓨터에서 또는 URL로 인터넷에서 또는 이전에 업로드된 사진 라이브러리인 사이트에서 사진을 선택합니다.

기사(오른쪽)에 사진을 추가하기 전에 기사에 설치할 사진의 크기를 선택하고 alt 태그, 사진 이름, 원하는 경우 사진 설명을 처방합니다.

• 스크린샷에서 "미디어 파일"로 설정된 "링크" 열에서. 사진을 여는 플러그인인 경우 모달 창, 사진이 별도의 창에서 열립니다.

• "미디어 파일"이 아닌 "첨부 페이지"로 설정하면 사진이 먼저 사진이 있는 사이트의 페이지(첨부 파일)로 열리며 그 다음에는 별도의 창에서 사진으로 열립니다.
• 사진 편집 시 사진 표시를 수정할 수 있습니다. 기사 또는 페이지에 "사진 삽입" 아래를 읽으십시오.

기사의 사진 편집, 마무리

편집기에서 사진 표시를 추가로 사용자 지정할 수 있습니다. 이렇게 하려면 편집기에서 사진을 클릭하고 편집 아이콘을 선택합니다.

기사 사진 설정에서 다음을 변경할 수 있습니다.

• 위치(3)(왼쪽, 가운데, 오른쪽, 없음)
• 크기 조정(4)(비례);
• 사진을 클릭할 때 열리는 링크를 선택하십시오(5)(없음, 미디어 파일, 첨부 페이지, 사용자 지정 URL).

"첨부 페이지"를 설정하면 사진이 첨부 URL 아래 별도의 창에서 열립니다. "미디어 파일"을 설정하면 사진이 별도의 페이지에 사진으로 열리거나, 라이트박스와 같은 팝업 창에 사진을 표시하기 위해 플러그인을 사용하는 경우 팝업 창에 사진이 열립니다. "맞춤 URL"은 사진을 클릭한 사용자를 지정된 URL로 전송합니다.

• 추가 설정: 테두리 스타일, 가로 및 세로 들여쓰기를 추가할 수 있습니다( 최신 버전 WordPress "스타일"이 작동하지 않음).

프레임 스타일 예:테두리: 5px 단색 빨간색;

WordPress 게시물에 갤러리를 삽입하는 방법

기사에 갤러리를 삽입하려면 다음을 수행해야 합니다.

• "갤러리 삽입"을 선택하십시오.
• "사진 업로드"를 선택하십시오.
• 갤러리에 필요한 사진을 컴퓨터에서 선택하십시오.
• 갤러리 표시 사용자 정의: 열 수 및 사진 표시 순서;
• "갤러리 삽입"을 클릭합니다.

갤러리의 썸네일 크기는 탭(설정→미디어 파일)에서 설정한 썸네일 크기와 일치합니다.

단축 코드가 있는 갤러리 추가

갤러리는 WordPress 단축 코드를 사용하여 만들 수 있습니다. 텍스트 에디터(HTML) 편집 페이지에서. 이렇게 하려면 텍스트 편집기(편집기 오른쪽 상단의 "텍스트" 버튼)로 전환하고 붙여넣습니다. 원하는 코드아래 표시된 것 중에서 선택하십시오.

WordPress 기사의 모든 갤러리 코드를 대괄호로 묶습니다. [code here]

//기사 갤러리에 첨부된 간단한 사진 갤러리///5열이 있는 갤러리// gallery columns="5" //미디어 파일에 연결된 갤러리,// //클릭하면 페이지가 아닌 이미지 자체가 열립니다/ / gallery link="file" order="DESC" columns="5" //ID(87,11 /23,39,45)별로 사진을 추가(제외)/제거(포함)합니다. gallery exclude="87,11" include= "23,39,45" //사진 ID로 다른 게시물의 갤러리// gallery id="333" //사진 크기가 있는 갤러리, small,// //중간 및 대형 설정에 정의된 크기. console// gallery size="medium" 또는 gallery size="large"의 미디어 파일

기사에 사진이 첨부된 갤러리 추가

기사를 작성할 때 편집기에서 업로드하는 모든 사진은 이 기사에 첨부되며 시스템은 첨부 파일을 생성합니다. 미디어 라이브러리의 사진을 기사에 연결할 수도 있습니다.

기사에 첨부된 모든 사진은 WordPress 기사에 간단한 갤러리 단축 코드를 삽입하여 기사의 어느 곳에나 표시할 수 있습니다. 갤러리대괄호(). 그런 다음 이 기사에 첨부된 모든 사진이 기사에 갤러리로 표시됩니다.

• 설명하겠습니다.만들다 간단한 갤러리그 자리에서, 편집기에서 기사에 사진을 삽입할 수 없습니다.
• 기사를 작성하고 텍스트의 올바른 위치에 위 목록에서 짧은 코드를 삽입하십시오.
• 기사를 저장하면 게시할 필요가 없습니다.
• 다음으로 미디어 라이브러리로 이동하여 갤러리에 필요한 수의 사진을 업로드하고 모든 사진을 게시물에 첨부합니다.
• 또한 미디어 관리자에서 모든 기사에 갤러리를 추가하거나 기사 편집기에 들어가지 않고도 WordPress 기사에 갤러리를 추가할 수 있습니다.

WordPress의 멋진 기능!

처음부터 시작하겠습니다. 따라서 처음에는 게시물의 미리보기 이미지와 일반 이미지의 차이점을 이해해야 합니다. 썸네일은 게시물의 썸네일과 같으며 게시물 자체에서 사용되지 않을 수도 있습니다.

어떤 종류의 범주가 있고 이 범주의 페이지에서 일부 항목 앞(또는 각 항목 이전)에 어떤 종류의 그림이 있다고 가정합니다. 이는 실제로 게시물의 미리보기입니다. 세밀화. 게시물 중 하나의 페이지로 이동하면 콘텐츠에서 이 사진을 찾거나 찾지 못할 수 있습니다.

일반적으로 썸네일은 다음과 같은 게시물의 미리보기 이미지입니다.

• 게시물 콘텐츠에 사용되거나 사용되지 않을 수 있습니다.
• 카테고리, 태그, 아카이브 등의 페이지에 게시물에 대한 링크와 함께 표시될 수 있습니다.
• 자동으로 특정 크기(이미지 해상도를 의미)로 조정할 수 있습니다.

사실, 웹사이트 배경으로 사용할 수도 있습니다. 각 항목에 대해 - 고유한 배경.

1단계 WordPress 테마에 대한 썸네일 지원 활성화

사이트에서 미리보기 이미지를 사용하려면 이 기능이 기본적으로 비활성화되어 있으므로 먼저 활성화해야 합니다.

썸네일을 활성화하려면 다음 코드 줄을 functions.php 파일에 붙여넣기만 하면 됩니다(이 이름을 가진 파일이 많이 있을 수 있습니다. 현재 테마가 있는 폴더에 직접 있는 파일이 필요합니다).

한 번에 썸네일을 모두 사용하지 않으려면 예를 들어 게시물(게시물)에만 포함할 수 있습니다.

또는 게시물에 대해서만 페이지에 대해서만:

WordPress 분류 체계에 축소판을 할당할 수 있습니까?

표준 수단으로 - 아니요. 추가하는 플러그인(카테고리 및 태그 포함)을 사용하거나 이미지 URL특정 분류 요소에 대한 설명에서

2단계. 게시물 썸네일 설정은 어떻게 하나요?

일반적으로 관리자 패널을 통해 썸네일을 설치하는 두 가지 방법이 있습니다. 그것들은 서로 크게 다르지 않습니다. 더 편리한 것을 사용할 수 있습니다.

방법 1. 메타박스 "포스트 썸네일"

그는 다음과 같습니다.

이 예제는 게시물 자체에 대한 링크( function )가 있는 게시물의 제목( function )과 축소판을 인쇄합니다.

함수에 대한 동일한 예:

wp_get_attachment_image_src() 및 get_post_thumbnail_id()를 사용하여 썸네일 URL 가져오기

웹사이트에 도움이 필요하거나 처음부터 개발이 필요한 경우 - .

새로운 블로그 기사를 작성할 때 다양한 사진, 사진 및 그래픽을 추가해야 하는 경우가 많습니다. 이를 수행하는 방법에는 여러 가지가 있습니다. WordPress에 이미지를 삽입하는 방법은 이 기사에서 접근 가능한 언어로 자세히 살펴보겠습니다.

내가 말하는 것처럼 사진을 추가하는 것이 정말 쉽습니까? 스스로 판단하고 일부에게는 사소한 일이지만 페이지에 사진이나 그래픽을 삽입하는 방법에 대한 예를 고려해 볼 가치가 있습니다.

페이지 탐색:

WordPress에서 이미지 업로드, WordPress 게시물에 이미지를 추가하는 방법

게시물에 이미지 추가가 발생하면 WordPress에서 이미지를 로드하는 작업은 한 번에 여러 가지 방법으로 수행됩니다.

1. WordPress 라이브러리에서.
2. 컴퓨터에서.
3. 다른 사이트에서.

이미지를 추가하는 방법에 대한 비디오를 볼 수도 있습니다.

보시다시피 한 번에 세 가지 옵션이 있습니다. 그들 각각은 동일한 초기 조치를 가지고 있습니다. 원하는 지점에 커서를 놓고 왼쪽 상단 모서리에 있는 "미디어 파일 추가" 버튼을 클릭하여 이미지가 위치할 위치를 선택합니다.

버튼을 클릭하면 그래픽 추가 방법을 선택할 수 있는 대화 상자가 열립니다.

파일 라이브러리에서 WordPress에 이미지를 삽입하는 방법

라이브러리에서 추가하려면 스크롤 막대를 사용하거나 검색을 사용하여 필요한 파일을 찾아야 합니다. 또한 검색의 편의를 위해 파일 유형과 추가 날짜별로 파일을 정렬할 수 있습니다.

파일을 찾은 후에는 편집 후 추가할 수 있으며 제목을 지정하고 사이트에 게시한 후 사진 위로 마우스를 가져가면 표시됩니다.

이 메뉴에서는 이름을 설정할 수 있을 뿐만 아니라 페이지의 표시를 사용자 지정할 수도 있습니다.

• 텍스트(콘텐츠 블록)를 기준으로 정렬합니다.
• 다른 기사나 다른 사이트에 대한 링크를 만드십시오. 사진을 고정 모드로 사용하려면(이 게시물에만 해당) 링크를 제거하고 "아니오"로 설정해야 합니다.
• 주어진 비율로 디스플레이 크기를 변경합니다.

필요한 모든 설정을 완료한 후 "기록에 추가" 버튼을 클릭합니다. 그런 다음 페이지에 추가된 사진이 기사 편집기에 표시됩니다.

컴퓨터에서 WordPress 게시물에 이미지를 삽입하는 방법

컴퓨터에서 사진을 추가하려면 먼저 라이브러리에 사진을 업로드해야 합니다.

이렇게 하려면 "파일 업로드"를 클릭한 다음 컴퓨터에서 원하는 파일을 선택합니다.

이미지를 업로드한 후 위의 설정을 수행하고 작업 결과도 즐깁니다.

다른 사이트에서 WordPress 게시물에 이미지를 추가하는 방법

다른 사이트에서 WordPress 페이지에 이미지를 삽입하려면, "사이트에서 삽입" 탭을 선택하고 필요한 설정을 해야 합니다.

보시다시피 다른 사이트의 게시물에 이미지를 추가하려면 인터넷에서 사용할 수 있는 이미지에 대한 링크가 필요합니다. URL을 입력하면 사진이 표시되고 우리가 알고 있는 방식으로 편집할 수 있습니다.

이것으로 이 강의를 마칩니다. 약속한 대로 모든 것이 매우 간단하고 예측 가능하며 모든 독자가 접근할 수 있는 방식으로 설명되어 있습니다. 그렇지 않은 경우 의견을 남겨주시면 명확하지 않은 부분을 수정하도록 노력하겠습니다.

게시물과 페이지에 파일을 추가하는 것은 다르지 않지만 일반적으로 읽을 수 있습니다. 다음에는 and 의 사용법에 대해 알아보겠습니다.

웹사이트 이미지는 디자인뿐만 아니라 콘텐츠에서도 없어서는 안될 부분입니다. 이미지가 없으면 방문자는 매력적이지 않은 회색 정보 콘텐츠만 보게 됩니다. 이미지가 없는 현대 웹사이트는 상상할 수 없습니다.

대부분의 경우 이미지는 교육 프로젝트, 뉴스 포털, 온라인 상점 및 기타 유형의 사이트에서 찾을 수 있습니다. 따라서 사이트에 이미지를 업로드해야 합니다. 워드프레스에 이미지를 추가하는 가장 일반적인 두 가지 방법이 있습니다. 이제 배울 것은 그들에 관한 것입니다.

컴퓨터에서 WordPress로 이미지 업로드

아마도 제목에서 그것이 무엇에 관한 것인지 분명합니다. WordPress에 이미지를 업로드하려면 이미지를 배치할 페이지 또는 게시물을 엽니다. 그런 다음 미디어 추가 버튼을 클릭합니다. 크고 눈에 잘 띄므로 찾는 데 문제가 없습니다. 그런 다음 "파일 선택" 버튼을 클릭하여 선택 창으로 이동합니다. 컴퓨터에서 원하는 이미지를 찾아 "열기" 버튼을 클릭합니다.

이 작업을 수행하기 전에 이미지 이름을 확인하는 것이 좋습니다. 라틴 문자여야 합니다. 그렇지 않으면 일부 브라우저 및 장치에서 사이트 페이지에 표시되는 데 문제가 있을 수 있습니다.

다른 웹사이트에서 WordPress에 이미지 업로드

첫 번째 경우와 마찬가지로 여기의 모든 것은 컴퓨터가 아니라 다른 사이트에서 파일을 다운로드한다는 점을 제외하면 매우 간단합니다. 이렇게 하려면 이미지의 주소인 URL을 알아야 합니다. 인터넷에서 마음에 드는 이미지를 찾아 마우스 오른쪽 버튼으로 클릭합니다. "이미지 URL 복사" 메뉴에서 항목을 클릭합니다. 그런 다음 이미지 URL이 클립보드에 있습니다.

이제 콘솔로 이동하여 이미지를 넣을 페이지 또는 게시물을 열고 "미디어 파일 추가" 버튼을 클릭합니다. 그런 다음 "웹사이트에서 삽입" 탭으로 이동합니다. 긴 줄에 이전에 복사한 이미지 URL을 붙여넣습니다. 이렇게하려면 마우스 오른쪽 버튼으로 클릭하고 "붙여 넣기"를 선택하십시오. 저장하면 이미지가 로드됩니다.

그러나 이러한 방식으로 이미지를 설치하면 원본 소스에서 이미지를 제거하거나 주소를 변경하는 경우 사이트에서 이미지를 잃을 수 있다는 점을 기억하십시오.

이것은 WordPress에서 이미지를 추가하는 가장 편리하고 일반적인 방법이었습니다.

WordPress의 이미지에 적용할 수 있는 효과를 알고 싶을 것입니다.

현장, 그리고 오늘. 사이트 페이지에 이미지가 있는 것은 필수 속성입니다. 그림은 내용에 대한 설명을 제공하고 방문자는 정보를 더 잘 인식합니다. 그것은 텍스트의 소위 "시트"를 희석하고 독자의 눈은 일시적으로 휴식합니다.

WordPress에서 미디어 파일 사용자 정의

워드프레스에 이미지를 삽입하는 것은 쉽습니다. 그러나 덜 중요한 정보부터 시작하겠습니다. 많은 사이트에서 워드프레스 텍스트에 이미지를 삽입하는 방법에 대한 지침을 제공하지만 어떤 이유로 설정에 대해 아무도 이야기하지 않습니다. 설치 후 실행해야 합니다. 장에서 설정 ⇒ 미디어 파일기본적으로 이 그림이 표시됩니다.

각 필드에는 픽셀 단위의 치수가 있습니다. 모든 값을 0으로 설정하는 것이 좋습니다! 그리고 그 이유입니다. 사이트에 이미지를 추가하면 wordpress도 3개를 만듭니다! 이 이미지의 사본. 총 4개 획득! (다운로드 크기에 따라 다름) 사본.

폴더의 호스팅에서 wp-content /업로드 4개의 파일을 찾습니다.

이제 WordPress에 많은 이미지를 삽입한다고 상상해보십시오. 호스팅 디스크 공간(불필요한! 파일)을 빠르게 차지하게 되며 더 비싼 요금제로 전환해야 합니다. 그건 그렇고, 내가 사용하는 것은 꽤 좋은 조건과 요금을 가지고 있습니다.

다시 모든 값을 0으로 설정하십시오! 또한 퍼블리싱 전에는 반드시 필요하며 만 삽입하는 것이 바람직합니다. 그러나 그것은 다른 기사의 주제입니다.

워드프레스 이미지를 삽입하는 방법으로 바로 가봅시다.

WordPress에 이미지를 삽입하는 방법

우리는 사이트 페이지 또는 기록에 설치하기 위해 사진이 이미 컴퓨터에 준비되어 있다고 믿습니다. 텍스트 편집기에서 항목의 원하는 위치에 커서를 놓고 키를 누릅니다. 미디어 파일 추가.

1. 컴퓨터에서 파일을 업로드합니다.
2. 워드프레스 라이브러리에서 파일을 업로드합니다.
3. 사이트에서 붙여넣습니다.

컴퓨터에서 이미지 추가

딸깍 하는 소리 파일 업로드 ⇒ 파일 선택. 열리는 창에서 컴퓨터에서 파일을 선택합니다. 모든 것이 간단합니다.

WordPress 라이브러리에서 이미지 추가

탭의 wordpress 콘솔에서 미디어 파일누르다 새로운 걸 더하다.

그리고 컴퓨터에서 필요한 파일을 다운로드합니다.

웹사이트에서 워드프레스에 이미지 삽입

사이트의 이미지를 WordPress에 삽입하려면 다음을 클릭해야 합니다. 사이트에서 붙여넣기이미지의 URL을 입력합니다. URL을 어디서 얻을 수 있는지 모르는 경우 알려 드리겠습니다. 사이트에서 이미지 위에 마우스를 올려 놓고 마우스 오른쪽 버튼을 클릭합니다. 드롭다운 상자에서 이미지 주소 복사를 선택합니다.

워드프레스 이미지 커스터마이징

워드프레스에 이미지를 어떻게 업로드하든 상관없이 설정을 해야 합니다.

헤더- 그림의 이름. 키워드를 지정할 수 있습니다.

서명- 이 필드를 채우면 이 항목이 사이트의 그림 아래에 표시됩니다.

대체 속성- 필수 필드입니다. 검색 로봇이 이 속성을 읽습니다. 웹마스터 패널이 없는 경우 사이트에 오류에 대한 경고가 표시됩니다. 또한 방문자가 어떤 이유로 이미지를 볼 수 없는 경우 이 항목이 표시됩니다. 기사를 홍보하는 핵심 문구를 여기에 작성하는 것이 좋습니다.

설명이 필드는 검색 엔진용이기도 합니다. 채워지지 않을 수 있습니다.

조정- 여기에서 모든 것이 명확합니다. 페이지에서 이미지를 배치할 위치를 지정합니다.

• 임의 URL - 방문자가 클릭될 때 리디렉션되는 사이트 주소를 지정합니다.
• 미디어 파일 - 클릭하면 웹사이트 없이 이미지가 열립니다.
• 첨부 페이지 - 클릭하면 사이트 디자인이 포함된 페이지에서 이미지가 열립니다.
• 아니요 - 클릭하면 아무 일도 일어나지 않습니다. 사진이 활성화되어 있지 않습니다.

그게 다인 것 같습니다. 그런 간단한 질문이지만 기사는 꽤 방대했습니다. 이제 이 작업을 쉽게 수행할 수 있을 것입니다.

행운을 빕니다! 유용하고 아름다운 이미지로 워드프레스 사이트를 꾸며보세요.