WordPress 웹 사이트에 배경 이미지를 추가 하시겠습니까?
배경 이미지는 웹 사이트를 더 매력적이고 심미적으로보기 좋게 만드는 데 사용할 수 있습니다.
이 기사에서는 WordPress 웹 사이트에 배경 이미지를 쉽게 추가하는 방법을 보여줍니다.
서면 지침을 선호하는 경우 계속 읽으십시오.
방법 1. WordPress 테마 설정을 사용하여 배경 이미지 추가
숲 가장 인기있는 WordPress 테마 맞춤형 백그라운드 지원이 제공됩니다. 이 기능을 사용하면 WordPress 웹 사이트에서 배경 이미지를 쉽게 설정할 수 있습니다.
귀하의 경우, 워드 프레스 테마 사용자 정의 배경 기능을 지원하므로 이 방법을 사용하여 웹사이트에 배경 이미지를 추가하는 것이 좋습니다.
그러나 귀하의 워드 프레스 테마 에서 이 기능을 지원하지 않거나 배경 이미지를 구현하는 방식이 마음에 들지 않으면 자습서에서 언급한 다른 옵션을 시도해 볼 수 있습니다.
먼저 페이지를 방문해야합니다 외관»사용자 정의 WordPress 관리자에서. 그러면 Customizer가 실행됩니다. 워드 프레스 테마 실시간 미리보기를 보면서 이 테마의 다양한 설정을 변경할 수 있습니다.
그런 다음 '옵션'을 클릭해야합니다.배경 이미지'. 패널이 슬라이드 아웃되고 웹 사이트의 배경 이미지를 업로드하거나 선택하는 옵션이 표시됩니다.
계속하려면 이미지 선택 버튼을 클릭합니다.
그러면 컴퓨터에서 이미지를 업로드 할 수있는 WordPress 팝업이 나타납니다. 이전에 미디어 라이브러리에서 다운로드 한 이미지를 선택할 수도 있습니다.
그런 다음 배경에서 사용할 이미지를 업로드하거나 선택한 후 이미지 선택 버튼을 클릭해야합니다.
미디어 업 로더 팝업이 닫히고 WordPress 테마 사용자 지정에서 선택한 이미지의 미리보기가 표시됩니다.
이미지 아래에서 배경 이미지 옵션도 볼 수 있습니다. 아래에 " 사전 설정화면 채우기, 화면에 맞추기, 반복 또는 사용자 정의 중에서 배경 이미지를 표시 할 방법을 선택할 수 있습니다.
아래 화살표를 클릭하여 배경 이미지 위치를 선택할 수도 있습니다. 중앙을 클릭하면 이미지가 화면 중앙에 정렬됩니다.
«버튼을 클릭하는 것을 잊지 마십시오 게시 설정을 저장합니다. 이제 WordPress 웹 사이트에 배경 이미지를 성공적으로 추가했습니다.
웹 사이트를 방문하여 실제로 확인하십시오.
방법 2. 플러그인을 사용하여 WordPress에 사용자 정의 배경 이미지 추가
이 방법은 훨씬 더 유연합니다. 모든 WordPress 테마와 함께 작동하며 여러 배경 이미지를 구성 할 수 있습니다.
WordPress 웹 사이트의 게시물, 페이지, 카테고리 또는 기타 섹션에 대해 다른 배경을 설정할 수도 있습니다.
자동으로 모든 배경 이미지를 전체 화면으로 만들고 반응합니다. 이는 배경 이미지가 더 작은 장치에서 자동으로 크기가 조정됨을 의미합니다.
우선, 플러그인을 설치하고 활성화해야합니다 전체 화면 배경 프로. 자세한 내용은에 대한 단계별 가이드를 참조하십시오. 워드 프레스 플러그인 설치 방법.
활성화 후 페이지를 방문해야합니다. 외관»전체 화면 BG 이미지 플러그인 설정을 구성합니다.
라이센스 키를 추가하라는 메시지가 표시됩니다. 이 정보는 플러그인을 구매 한 후받은 이메일 또는 플러그인 웹 사이트의 계정에서 얻을 수 있습니다.
그런 다음 '설정 저장'변경 사항을 저장합니다. 이제 WordPress 웹 사이트에 배경 이미지를 추가 할 준비가되었습니다.
계속해서 버튼을 클릭하십시오 새 이미지 추가 플러그인의 설정 페이지에서. 배경 이미지 다운로드 화면으로 이동합니다.
버튼 '이미지 선택'이미지를 다운로드하거나 선택합니다. 이미지를 선택하자마자 화면에서 이미지의 실시간 미리보기를 볼 수 있습니다.
그런 다음이 이미지의 이름을 제공해야합니다. 이 이름은 내부적으로 사용되므로 어디서나 사용할 수 있습니다.
마지막으로이 이미지를 배경 이미지로 사용할 위치를 선택해야합니다.
Full Screen Background Pro를 사용하면 전체 웹 사이트의 배경 이미지를 설정하거나 카테고리, 아카이브, 홈페이지 또는 블로그와 같은 웹 사이트의 다른 섹션에서 선택할 수 있습니다.
배경 이미지를 저장하기 위해 저장하는 것을 잊지 마십시오.
페이지를 방문하여 원하는만큼 이미지를 추가 할 수 있습니다. apparence »전체 화면 BG 이미지
전역 적으로 사용할 여러 이미지를 정의하면 플러그인이 표시됩니다. automatiquement 슬라이드 쇼로 배경 이미지.
이미지가 사라지는 데 걸리는 시간과 새 배경 이미지가 나타나는 시간을 조정할 수 있습니다.
여기에 입력하는 시간은 밀리 초입니다. 20 초 후에 배경 이미지가 희미 해 지도록하려면 20000을 입력해야합니다.
버튼을 클릭하는 것을 잊지 마십시오 저장 옵션 변경 사항을 저장하십시오.
게시물, 페이지 및 카테고리의 배경 이미지
Full Screen Background Pro를 사용하면 게시물, 페이지, 카테고리, 태그 등에 대한 배경 이미지를 설정할 수도 있습니다.
다른 배경 이미지를 표시하려는 게시물 / 페이지를 편집하기 만하면됩니다. 기사 편집 페이지에서 새 그룹 " 전체 화면 배경 이미지 »기사 편집기에서.
특정 카테고리에 배경 이미지를 사용하려면 페이지를 방문해야합니다. 모양»전체 화면 배경 이미지, 그런 다음 "이미지 선택 ".
이미지를 업로드 한 후 배경 이미지를 표시 할 컨텍스트로 "카테고리"를 선택할 수 있습니다.
이미지를 표시하려는 특정 카테고리 또는 슬러그의 ID를 입력하십시오.
설정을 저장하려면 이미지를 저장해야합니다.
방법 3. CSS 코드를 사용하여 WordPress의 모든 위치에 사용자 정의 배경 이미지 추가
기본적으로 WordPress는 WordPress 웹 사이트의 다른 HTML 요소에 여러 CSS 클래스를 추가합니다. 이러한 WordPress 생성 CSS 클래스를 사용하여 게시물, 카테고리, 작성자 및 기타 페이지에 사용자 정의 배경 이미지를 쉽게 추가 할 수 있습니다.
예를 들어, 웹 사이트에 TV라는 카테고리가있는 경우 WordPress는 누군가 TV 카테고리 페이지를 볼 때 이러한 CSS 클래스를 body 태그에 자동으로 추가합니다.
당신은 사용할 수 있습니다 검사 도구 WordPress에서 body 태그에 추가 한 CSS 클래스를 정확히 확인합니다.
CSS 클래스를 사용하여이 카테고리 페이지의 스타일을 다르게 지정할 수 있습니다.
카테고리 -tv 카테고리 -4
카테고리 아카이브 페이지에 사용자 정의 배경 이미지를 추가해 보겠습니다. 이 사용자 지정 CSS를 WordPress 테마에 추가해야합니다.
body.category-tv { background-image : url ( "http://example.com/wp-content/uploads/2017/03/your-background-image.jpg"); 배경 위치 : 중앙 중앙; 배경 크기 : 덮개; 배경 반복 : 반복 없음; 배경 첨부 : 고정; }
개별 게시물 및 페이지에 사용자 정의 배경을 추가 할 수도 있습니다. WordPress는 태그 본문에 게시물 또는 페이지 ID가있는 CSS 클래스를 추가합니다. .category-tv를 특정 게시물의 CSS 클래스로 바꾸면 동일한 CSS 코드를 사용할 수 있습니다.
프리미엄 워드 프레스 플러그인도 만나보세요
당신은 다른 것을 사용할 수 있습니다 워드 프레스 플러그인 현대적인 외관을 제공하고 블로그 또는 웹사이트의 처리를 최적화합니다.
우리는 여기에 당신을 도울 수있는 프리미엄 WordPress 플러그인을 제공합니다.
1. 쉬운 사용자 정의 JS 및 CSS
Ce 워드 프레스 플러그인 Premium은 웹사이트의 모든 섹션에 추가할 수 있는 강력한 CSS 및 JavaScript 코드 편집기입니다. WordPress 테마에 대한 주요 업데이트 후에도 사용자 정의를 유지할 수 있습니다.
개인화 된 코드의 사용 분야를 제한 할 수있는 옵션이 있습니다. 예를 들어 비디오 형식의 기사에만 코드를 사용할 수 있습니다.
에 대한 기사를 참조하십시오 워드 프레스 이용 약관에 동의하는 방법
또는 코드를 특정 WordPress 테마로 제한 할 수 있습니다. 현재 WordPress 블로그의 테마를 변경하는 경우 편리합니다.
2. 노란 연필 : 비주얼 CSS 스타일 편집기
Yellow Pencil은 모든 테마와 함께 사용하여 몇 분 만에 웹 사이트를 개인화 할 수있는 비주얼 스타일 편집기입니다 (글꼴, 색상, 애니메이션 등…).
Ce 워드 프레스 플러그인 프리미엄은 다음과 같은 방법으로 CSS 스타일을 생성합니다. 배경 마치 게임처럼 색상을 가지고 놀면서 초보자와 숙련 된 사용자 모두를 위해 설계되었습니다.
또한 우리의 발견 5 플러그인 워드프레스(WordPress) 알림을 표시
코딩 지식이 필요하지 않습니다. 그러나, 그 워드 프레스 플러그인 코딩을 좋아하는 사람들을 위한 좋은 CSS 편집기가 있습니다. 이 편집기를 사용하여 실시간으로 코딩하고 CSS를 사용자 지정할 수 있습니다.
3. Facebook 최근 댓글 위젯
이 위젯을 사용하면 WordPress 블로그의 최신 Facebook 댓글 목록을 첫 페이지 또는 웹 사이트에서 사용하는 위젯이있는 모든 위치에 표시 할 수 있습니다.
웹 사이트 또는 WordPress 블로그의 모든 최신 댓글 표시,위젯에 표시 할 댓글의 자동 또는 수동 승인,사람이 Facebook 댓글 플러그인을 통해 댓글을 작성할 때 이메일 알림을 전송합니다. 좋은 SEO와의 호환성 모든 WordPress 테마, o위젯 등을 사용자 정의하는 옵션.
추천 자료
웹 사이트 구축 및 관리에 도움이되는 기타 권장 리소스에 대해 알아보십시오.
- 모바일에서 WordPress 위젯을 숨기는 방법
- 10 WordPress 플러그인을 사용하여 웹 사이트의 시각적 효과 향상
- WordPress 웹 사이트를 수동으로 마이그레이션하는 방법 : 가이드
- 7 WordPress의 클릭 유도 문안 버튼 용 WordPress 플러그인
결론
여기 ! 이 튜토리얼은 끝났습니다. 이 기사가 WordPress에 배경 이미지를 추가하는 방법을 배우는 데 도움이 되었기를 바랍니다. 주저하지 마십시오 좋아하는 소셜 네트워크에서 친구들과 공유.
그러나 상담 할 수도 있습니다 우리의 자원, 인터넷 사이트 제작 프로젝트를 수행하는 데 더 많은 요소가 필요한 경우에 대한 가이드를 참조하십시오. 워드 프레스 블로그 제작.
제안이나 의견이 있으면 섹션에 남겨주세요 commentaires.
...