워드 프레스 헤더에 이미지 슬라이더를 추가하는 방법

로 와셈 압바스 에 9 월 5,2017

공유 57 윗 0 공유 0 공유 57

당신은 당신의 사이트의 헤더에 이미지 슬라이더를 만들 하시겠습니까? 때때로 당신은 최고의 거래를 표시 할 필요가,이미지 슬라이더를 갖는 사이트 헤더의 행동이나 좋은 사진을 호출,그래서 방문자에게 전문 보인다. 이 튜토리얼에서,우리는 워드 프레스 헤더에 이미지 슬라이더를 추가하는 방법을 공유합니다.

기본적으로 워드 프레스 헤더에 이미지 슬라이더를 추가 할 수있는 옵션이 없습니다. 그러나 몇 가지 워드 프레스 테마는 슬라이더를 만드는 플러그인을 제공 할 수 있습니다. 우리는 당신이 아직 간단 기능의 톤과 함께 제공 독백 슬라이더 플러그인을 사용하는 것이 좋습니다. 그것은 당신이 쉽게 사이트의 헤더에 이미지 슬라이더를 추가 할 수 있습니다.

워드 프레스 헤더에 이미지 슬라이더를 추가하려면 다음 3 단계를 수행해야합니다:

  • 1 단계. 설치 및 독백 슬라이더 플러그인을 활성화
  • 2 단계. 워드 프레스 헤더
  • 3 단계에 대한 이미지 슬라이더를 만듭니다. 템플릿 태그를 복사하고 테마의 헤더에 추가

이 튜토리얼이 종료되면,당신은 다음과 같이 표시됩니다 워드 프레스 헤더에 이미지 슬라이더를 추가 할 수 있습니다 이 이미지 아래:

워드 프레스 헤더의 이미지 슬라이더

워드 프레스 헤더의 이미지 슬라이더

시작할 준비가 되셨습니까? 가자!

1 단계:설치 및 활성화 독백 슬라이더 플러그인

당신이해야 할 첫 번째 일은 설치하고 귀하의 사이트에 독백 이미지 슬라이더 워드 프레스 플러그인을 활성화하는 것입니다.

독백 웹사이트

독백 웹 사이트

설치에 대한 자세한 내용을 알고 싶으십니까? 설치 및 독백 플러그인을 활성화하는 방법에 대한이 간단한 가이드를 확인하십시오.

2 단계:워드 프레스 헤더에 대한 이미지 슬라이더 만들기

플러그인이 활성화되면,당신은 독백으로 이동한다”새 이미지 슬라이더를 만들려면 새로 추가. 그것으로 시작하려면,당신은 제목을 추가하고 기본 슬라이더 섹션에서 사진을 삭제해야합니다.

이미지 추가

이미지 추가

화면 오른쪽의 게시 버튼을 누르십시오. 더 슬라이더 설정을 위해,당신은 워드 프레스에서 이미지 슬라이더를 만드는 방법에 대한 우리의 가이드를 확인해야합니다.

3 단계:템플릿 태그를 복사하고 테마의 헤더에 추가

이미지 슬라이더를 게시하면,당신은 독백 슬라이더 코드로 오른쪽에 새로운 위젯을 볼 수 있습니다. 단순히 여기에서 템플릿 태그를 복사:

템플릿 태그 복사

템플릿 태그 복사

이제 워드 프레스 테마의header.php파일로 이동해야합니다. 당신은 당신의 워드 프레스 관리자 백엔드에서 모양”편집기에서 찾을 수 있습니다.

참고:오류로 인해 전체 사이트가 다운될 수 있으므로 템플릿 파일을 편집하기 전에 사이트를 백업해야 합니다.

가서 아래 이미지와 같이이 파일의 단축 코드를 붙여 넣습니다:

코드 추가

코드 추가

이 예제는 기본 워드 프레스 테마 스물 열 여섯을 사용하고 있습니다. 다른 테마를 사용하는 경우 파일이 다르게 보일 수 있으며 코드를 다른 위치에 붙여 넣어야 할 수 있습니다.

당신이 당신의 변경 사항을 저장하면,이미지 슬라이더는 아래 이미지에서와 같이 표시됩니다 귀하의 사이트의 모든 페이지에 워드 프레스 헤더에 나타납니다:

워드 프레스 헤더의 이미지 슬라이더

워드 프레스 헤더의 이미지 슬라이더

그게 다야. 우리는이 튜토리얼은 워드 프레스 헤더에 이미지 슬라이더를 추가하는 방법을 배울 도움이되기를 바랍니다. 또한 워드 프레스의 사이드 바에 이미지 슬라이더를 추가하는 방법에 대한 우리의 가이드를 체크 아웃 할 수 있습니다. 경우에,당신의 슬라이더 이미지는 검색 엔진에 순위되지 않습니다,당신은 초보자를위한이 궁극적 인 워드 프레스 검색 엔진 최적화 가이드를 확인해야합니다.

이 튜토리얼을 좋아하는 경우에,더 많은 무료 워드 프레스 가이드 및 리소스에 대한 페이스 북과 트위터에 우리를 따르십시오..

공유 57 윗 0 공유 0 공유 57
2015 년 11 월 15 일(토)~2015 년 12 월 15 일(일)

답글 남기기

이메일 주소는 공개되지 않습니다.