오페라 스피드 다이얼 설정에 대한 모든 것

오페라 브라우저의 매력적인 장점, 그리고 크롬이나 파이어폭스가 그대로 도입한 것이 바로 스피드 다이얼이다.
예전 블로그에서도 스피드 다이얼에 대해 몇 가지 언급한 바 있는데, 오늘은 그 정보를 업데이트함과 동시에 몇 가지 더 추가해 본다.

1. 스피드 다이얼 설정 파일 위치

오페라가 10으로 업그레이드되면서 몇몇 디렉토리 및 파일의 경로가 바뀌었는데, 스피드 다이얼 설정 파일 역시 그 위치가 이동되었다. (이 글은 윈도우 XP에서 다중 계정을 사용할 경우를 전제로 한다)
스피드 다이얼 설정 파일의 이름은 speeddial.ini 이고, 그 위치는 아래와 같다.

C:\Documents and Settings\자기 계정 이름\Application Data\Opera\Opera

따라서 이 부분의 파일을 변경함으로써 관련 설정을 내 마음대로 바꿀 수 있고, 백업 또한 이것을 이용해야 한다.
ini 파일은 메모장, 울트라 에디터, EmEditor 등의 텍스트 편집기만으로 간단하게 편집할 수 있으나, 파일 저장 시 반드시 UFT-8 인코딩을 확인해야 한다. (이 글의 스샷은 여름하늘이 평소 애용하는 EmEditor를 이용하였다)

2. 스피드 다이얼 개수 높이기 (9.x)

오페라 브라우저 10에서는 스피드 다이얼 페이지 우측 하단의 “Configure Speed Dial”을 클릭하여 간단히 개수를 변경시킬 수 있다. 9 이하 버전에서는 다음과 같이 ini 파일을 수정해 줘야 한다.

오페라를 완전히 종료시킨 후, speeddial.ini 파일을 텍스트 편집기로 열어서 아래와 같이 [size] 구문을 추가하여 columns, rows 수치를 적어준다.
다시 오페라를 실행하면 원하는 만큼 개수가 늘어난 것을 확인할 수 있고, 그만큼 썸네일 크기는 축소된다.

3. 스피드 다이얼, 내 취향에 맞는 썸네일로 바꾸기

오페라의 스피드 다이얼 썸네일은 기본적으로 그 사이트 또는 페이지 전체의 스크린 샷을 만들어서 이미지를 축소한 후 적용시키는 방식이다.
하지만 이게 영 볼 품 없다고 여긴다면 아래 여름하늘이 사용하는 대로 자신이 원하는 이미지로 바꿀 수 있다.

먼저, 자주 방문하는 사이트를 체크하여 원하는 스피드 다이얼을 모두 만든다. 여기서는 기본 9개를 기준으로 하였다.
오페라를 완전히 종료시킨 후 아래 폴더로 이동한다. 여기가 바로 스피드 다이얼 썸네일 이미지가 저장되는 경로이다.

C:\Documents and Settings\자기 계정 이름\Local Settings\Application Data\Opera\Opera\thumbnails

미리 준비해둔 이미지로 스피드 다이얼 썸네일을 만든다. 기본 9개의 경우 최대 가로 x  세로 = 256 x 192 픽셀이며, 만약 앞의 팁을 이용하여 개수를 늘렸을 경우, 또는 해상도 높아질 경우 그 크기는 비례하여 축소된다. 따라서 256 x 192 픽셀 사이즈로, 가급적이면 오페라 브라우저 기본 포맷인 PNG 파일을 이용하는 것이 좋다. PNG는 무압축 포맷이므로 JPEG보다 훨씬 더 깔끔하고 보기 좋게 출력된다.
만든 썸네일 이미지를 변경할 썸네일 이미지의 이름과 동일하게 변경한 후 덮어 씌운다.

그런데 간혹, 실수로 스피드 다이얼 페이지에서 새로고침(reload) 버튼을 눌렀을 경우 애써 설정한 썸네일 이미지가 다시 웹페이지 스샷으로 업데이트 되는 경우가 있다.
이를 막고 싶으면 아래 그림처럼 썸네일 이미지를 “읽기 전용” 파일로 지정하면 된다.

4. 스피드 다이얼에 배경화면 수정하기(9.x) – 기초

오페라 브라우저 10에서는 역시 스피드 다이얼 페이지 우측 하단의 “Configure Speed Dial”에서 스피드다이얼 배경화면을 간단히 바꿀 수 있다.

9.x 이전 버전에서 스피드 다이얼에 배경화면을 넣기 위해서는 먼저 오페라의 스킨 구조를 파악해야 한다.
오페라는 zip 파일로 압축된 스킨 파일을 이용하여 각종 아이콘, 툴바, 백그라운드 이미지 등을 불러온다. 따라서 일부 브라우저들처럼 아이콘, 배경화면 이미지 등을 바꾸기 위하여 리소스 핵같은 방법을 쓰지 않고, 마치 HTML 형식으로 블로그나 카페 디자인을 바꾸듯 작업할 수 있는 놀라운 장점을 갖고 있다. (오페라를 써 보변 써 볼수록 이런 훌륭함에 감탄하게 된다)
따라서 아래 기본 설치 경로를 찾아 가면 오페라의 스킨 파일을 볼 수 있다.

C:\Program Files\Opera\skin

이 강좌에서는 기본 스킨을 사용할 것이므로 “standard_skin.zip” 파일의 압축을 풀어놓았다.
“standard_skin” 로 들어가서 skin.ini 파일을 텍스트 에디터로 불러온다.
[Speed Dial Widget Skin] 부분을 찾아서 아래 그림처럼 “Tile Center = backgrounds/background.jpg” 구문을 추가 해 준 후 UTF-8 인코딩으로 저장한다.

준비된 배경 이미지를 “standard_skin/background” 폴더 안에 복사하고, 모든 파일을 선택하여 다시 압축한다. 반드시 zip 파일로 해야 하며, 여름하늘은 winrar와 7zip을 이용했다. 다른 압축 프로그램에서의 정상 작동은 보장하지 못하지만, 대부분 큰 문제는 없을 것이다.
오페라를 재 시작해 보면 스피드 다이얼 배경이 바뀐 것을 볼 수 있다.

5. 스피드 다이얼에 배경화면 수정하기 – 다이얼 테두리 없애기

스피드 다이얼의 테두리를 없애버림으로써 보다 깔끔하고 투명한 효과를 낼 수 있다.
역시 압축을 푼 스킨 폴더의 skin.ini를 텍스트 에디터로 불러온 후 아래 그림과 같이 테두리 관련 코드 앞에 세미콜론(;)을 추가해 주면 된다.
이는 HTML, CSS의 주석처리와 같은 원리로 이해하면 된다.

[Speed Dial Thumbnail Image Skin.hover]
;Clone     = Thumbnail Image Skin.hover

[Speed Dial Thumbnail Widget Skin]
;Tile Center = backgrounds/speeddial.png

[Speed Dial Thumbnail Widget Skin.selected]
;Tile Center = backgrounds/speeddial-selected.png

[Speed Dial Button Skin]
;Tile Center = buttons/push_button_speeddial.png

아래 그림은 이런 식으로 스피드 다이얼의 테두리를 없앤 것이다.

6. 스피드 다이얼에 배경화면 수정하기 – 기타

그 외 스피드 다이얼의 제목 글자 색상 및 이미지 삭제 버튼 역시 아래와 같은 방법으로 사용자 임의로 수정이 가능하다.
손라락도 아프고, 점점 타자 치기가 귀찮아진다. ㅡ.ㅡ 점심식사 시간도 끝나고 일하러 가야 하므로 자세한 설명은 생략하도록 한~~~다!!!

[Speed Dial Thumbnail Title Label Skin]
Text Color = #ffffff

[Speed Dial Button Skin]
Text Color = #ffffff

[Boxes]
; Speeddial Close = pagebar_close_button/원하는 이미지