귀하의 워드 프레스 웹 사이트에 대한 배경 이미지를 설정

당신이 당신의 웹 사이트에 사용하는 각 이미지 또는 비디오는 청중에 대한 브랜드를 정의합니다. 이렇게 너의 웹사이트에 배경 심상은 중요하,너는 전망안에 너의 상표 작풍 및 광고 타깃을 지키는 그들을 디자인하나 선택해야 한다.

이 튜토리얼에서,당신은 당신의 워드 프레스 웹 사이트에 배경 이미지를 설정하는 여러 가지 방법을 배울 수 있습니다. 난 당신이 쉽게 스스로 할 수 있도록 자세히 워드 프레스 배경 이미지를 설정하는 과정을 통해 당신을 데려 갈 것이다.

당신은 당신의 워드 프레스 사이트를 호스팅 여부 WordPress.com 또는 자체 관리 서버를 사용하고 있습니다.이 자습서는 당신을위한 것입니다. 당신은 당신의 워드 프레스 웹 사이트에 대한 배경 이미지를 설정하는 다음과 같은 방법을 배울 수 있습니다:

• 워드프레스 테마 설정으로 배경 이미지 추가
• 워드프레스 플러그인을 사용하여 배경 이미지 추가
• 배경 사진 추가

옵션 1. 워드 프레스 테마 설정으로 배경 이미지 추가

많은 무료 워드 프레스 테마는 배경 이미지를 설정할 수 있습니다. 나는 블로그,포트폴리오 및 소규모 기업을위한 간단한 이동-에 테마 스물 스물 한 테마를 사용하고 있습니다. 이 테마는 또한 배경 이미지를 가질 수 있습니다.

워드프레스 사이트의 관리 섹션에 로그인합니다. 당신은 여기에서 워드 프레스 설정의 대부분을 처리 할 수 있습니다.

• 
  워드 프레스
  워드 프레스 사이트 관리자 대시 보드에 로그인하는 방법
  아디 퍼딜라

귀하의 웹 사이트의 모양에 대한 모든 설정을 보유 모양을 클릭합니다. 당신은 테마를 선택하라는 메시지가 표시됩니다. 테마(또는 배경 이미지를 가질 수 있습니다 다른 테마)로 스물 스물 하나를 선택합니다.

이제 모양 메뉴 위로 마우스를 이동하고 배경을 클릭합니다. 테마 사용자 정의 창이 나타나고 배경 이미지를 선택할 수 있습니다.

이제 이미지를 선택하고 워드 프레스 라이브러리에서 이미지를 선택하거나 이미지를 업로드하십시오.

대체 텍스트,제목,캡션 및 설명과 같은 배경 이미지의 세부 정보를 설정할 수 있습니다. 당신의 초점은 검색 엔진 최적화 인 경우,항상 대체 텍스트를 추가 할 수있는 좋은 생각이다.

이미지를 선택하고 설정을 저장하면 워드프레스 배경 이미지가 변경됩니다. 이제 다양한 사전 설정 옵션(화면 채우기,화면에 맞추기 등)을 탐색 할 수 있습니다.당신이 당신의 배경 이미지는 당신이 그것을 원하는 방법을 정확하게 보이게 할 수 있습니다).

왼쪽 상단의 변경 사항 저장 버튼을 클릭하지 않으면 변경 사항이 저장되지 않습니다.

옵션 2. 워드 프레스 플러그인을 사용하여 배경 이미지 추가

플러그인을 사용하여 웹 사이트의 모양을 변경하는 것은 자체 관리 워드 프레스 사이트가 있거나 유료 계획에 투자 한 경우에만 권장됩니다 WordPress.com.당신은 당신의 무료 플러그인을 사용하도록 선택하는 경우 WordPress.com 계정,도메인에서 변경됩니다.wordpress.com 에.2015 년 11 월 1 일컴,이는 적합하지 않습니다.

플러그인은 워드 프레스 사이트에 대한 기능과 기능을 많이 제공합니다. 예를 들어 배경 플러그인을 사용하면 웹 사이트의 여러 영역(게시물,페이지 및 카테고리)에 서로 다른 배경을 추가 할 수 있습니다. 당신은 또한 하나의 플러그인과 배경으로 유튜브 비디오를 설정할 수 있습니다. 청중이 쉽게 자신의 휴대 전화에서 귀하의 웹 사이트를 즐길 수 있도록 플러그인은 휴대폰에 대한 이미지 및 비디오 크기를 조정할 수 있습니다.

• 
  워드프레스
  워드프레스 플러그인이란?
  레이첼 맥콜린
• 
  워드 프레스
  17 워드 프레스에 대한 최고의 비디오 배경 플러그인
  노나 블랙맨

이 튜토리얼을 위해,우리는 아주 기본적인 무료 플러그인을 사용하고 있습니다. 그것은 간단한 전체 화면 배경 이미지 플러그인이라고합니다.

플러그인을 활성화 한 후,모양 위에 마우스를 가져가. 이제 새 옵션,전체 화면 배경 이미지를 클릭하십시오.

그런 다음 이미지 선택을 클릭하고 원하는 이미지를 워드 프레스 배경 이미지로 업로드하십시오. 이전에 거기에 원하는 배경 이미지를 추가 한 경우 당신은 또한 당신의 미디어 라이브러리에서 이미지를 선택할 수 있습니다.

원하는 경우 이미지의 대체 텍스트,캡션 및 설명과 같은 세부 정보를 추가 할 수 있습니다. 이미지 사용을 클릭 한 다음 옵션 저장을 클릭하십시오.

지금,당신의 웹 사이트에 머리는 워드 프레스 배경 이미지가 어떻게 보이는지 볼 수 있습니다.

옵션 3. 다시,당신은 자체 호스팅 워드 프레스 사이트를 가지고,또는 유료 계획에 가입해야합니다 WordPress.com.사용자 지정 배경 이미지를 추가할 수 없습니다 하지만 당신은 또한 정확 하 게 어떻게 당신이 원하는 보이게 귀하의 웹사이트의 모양에 다양 한 변화를 만들 수 있습니다.

워드프레스 대시보드로 이동하여 모양>을 클릭합니다.

이제,연사워드 프레스 배경 이미지를 설정하는 코드 줄을 추가합니다.

body { background-image: url("https://theimageurl"); background-position: center center; background-size: cover; background-repeat: no-repeat; background-attachment: fixed;}

http://theimageurl워드프레스 배경 이미지로 사용할 이미지를 바꾸십시오.

당신은 또한 당신의 워드 프레스 웹 사이트에 개별 게시물에 사용자 정의 배경과 이미지를 추가 할 수 있습니다. 이렇게 하려면 다음 코드가 필요합니다:

body.category-slug { background-image: url("http://anotherimageurl"); background-position: center center; background-size: cover; background-repeat: no-repeat; background-attachment: fixed;}

예전과 마찬가지로http://anotherimageurl를 사용하려는 이미지의 링크로 바꿔야 합니다. 또한slug을 사이트의 기존 범주 이름으로 바꾸어야 합니다.

모든 수정 사항을 저장하기 위해 변경 사항 저장 버튼을 클릭하는 것을 잊지 마십시오. 지금 당신은 새로운 배경 이미지를 볼 수 귀하의 사이트를 방문 할 수 있습니다!

당신이 당신의 워드 프레스 사이트에 어떤 이미지를 업로드하기 전에 이미지 크기

에주의,크기에 초점을 맞 춥니 다. 그것은 높은 품질의 영상을 추가 할 유혹. 그러나 이것은 웹 사이트의 로딩 속도를 증가시킬 수 있습니다. 그것은 큰 거래 같은 소리하지 않습니다; 그러나,느린 귀하의 사이트,더 큰 반송 속도,더 많은 사람들이 읽기 또는 그것의 내용을 보기 전에 귀하의 웹사이트를 떠나 의미. 이것은 차례로 전환에 영향을 미칩니다. 구글은 2 초 당신이 사업을 실행 특히,이상적인 사이트 속도라고 말했다.

그러나 다른 한편으로는 크기가 작기 때문에 품질이 떨어지는 이미지를 추가하면 사용자 경험에 부정적인 영향을 줄 수 있습니다. 그래서 이상적인 연습 균형을 유지 하 고 좋은 품질의 사진을 추가 하는 것입니다 하지만 필요한 경우에—그 때 그들은 귀하의 콘텐츠에 가치를 추가 하 고 필요한 해상도에만.

요약

이 튜토리얼에서,나는 당신에게 워드 프레스 배경 이미지를 설정하는 세 가지 방법을 보여 주었다.

1. 테마 모양 설정을 통해 배경 이미지 추가
2. 플러그인을 사용하여 배경 이미지 추가
3. 사용자 정의 추가

워드프레스 웹사이트의 배경 이미지가 필요하거나 필요하지 않을 수 있습니다. 그러나,배경 이미지를 선택 하는 경우 귀하의 고객에 대 한 귀하의 브랜드 스타일을 설정 하는 중요 한 요소는 알고. 그래서 당신의 워드 프레스 배경 이미지가 브랜드 이미지를 반영해야합니다.