워드프레스 젯팩 플러그인의 추가 사이드바 위젯(Extra Sidebar Widgets)을 활성화하면 위젯화면에 여러개의 위젯박스가 추가됩니다. 기존에 여러개의 위젯이 설정돼 있다면 어떤 것이 추가됐는지 헷갈리죠. 아래 그림은 워드프레스 데모 블로그(http://martian36.tistory.com/1009 참고)에서 사용한 위젯 페이지 화면입니다. 표시된 것이 "추가 사이드바 위젯"을 활성화했을 때 추가되는 위젯들입니다.
좌측부터 차례대로 사용법을 알아봅니다.
1. 이미지 위젯
이미지 위젯이므로 사이드바에 이미지를 배치할 수 있습니다. 위젯에서 직접 이미지를 업로드할 수 없고 링크를 입력할 수 있으므로 이미지를 워드프레스에 미리 업로드해야합니다. 주메뉴에서 미디어-->파일올리기를 선택하면 위와같은 창이 나옵니다. 파일선택 버튼을 클릭하고 원하는 이미지를 업로드한 다음, 업로드된 이미지의 우측에서 보기 링크를 클릭해서 하단의 "파일 URL"에서 URL을 블럭 설정해서 복사합니다.
외모-->위젯을 선택하고 사용할 수 있는 위젯 영역에서 이미지(젯팩) 위젯을 끌어다가 사이드바 위젯 영역에 배치하면 위처럼 입력할 수 있는 상태로 펼쳐집니다. 제일 첫 이미지인 경우 제목을 입력합니다. 방금 전에 복사해 온 URL을 이미지 URL에 붙여넣습니다. 대체텍스트는 이미지가 나타나지 않거나 스크린 리더를 사용하는 분들을 위해 꼭 입력합니다. 이미지가 어떤 것이라는 설명을 입력하면 됩니다. 이미제 제목은 이미지 위에 마우스를 올렸을 때 나타나는 툴팁입니다. 캡션은 이미지 아래에 나타나는 이미지 설명입니다. 이미지가 사이드바의 폭보다 좁은 경우 이미지 정렬을 사용할 수 있습니다. 폭을 설정하면 업로드된 이미지의 사이즈와는 관계없이 설정된 폭이 정해집니다. 높이는 설정하지 않아도 비율이 맞게 조정됩니다. 입력하지 않으면 원래의 이미지 폭으로 나타나며 사이드바보다 큰 이미지라도 사이드바의 크기에 맞게 조절됩니다. 마지막으로 링크 URL을 입력하면 이미지를 클릭했을 때 해당 웹사이트로 이동합니다.
이미지를 추가하려면 같은 종류의 이미지일 경우 제목을 입력하지 않습니다. 나머지는 이전과 같은 방법으로 입력합니다.
저장을하고 블로그 화면에서 보면 위와같이 이미지에 마우스를 올렸을 때 툴팁이 나타납니다.