웹마스터 팁
[레이아웃관련] 구글검색 달기
2011.11.04 11:25
요즘은 사이트내에서 보다 구글 검색이 더 잘되고,
또 부하도 없기 때문에, 구글을 이용한 검색을 구현해 봅니다.
이런 식이면 좋겠네요.
레이아웃에서도 기본값을 수정할 수 있게끔 하는게 편할것 같고요.
검색사이트주소와 검색창넓이 검색타켓지정정도만 변수로 받아오면 되겠네요.
그럼 간단하게 소스구성을 해보겠습니다.
레이아웃의 conf/info.xml 에 추가합니다.
<extra_vars>
<group>
<title xml:lang="ko">검색사이트설정</title>
<var name="search_site" type="text">
<title xml:lang="ko">검색도메인주소를 넣어주세요</title>
<description xml:lang="ko">구글의 검색사이트(기본www.xpressengine.com)를 입력해주세요.</description>
</var>
<var name="search_width" type="text">
<title xml:lang="ko">검색창의 넓이</title>
<description xml:lang="ko">구글의 검색창넓이(기본180)를 숫자만 입력해주세요.</description>
</var>
<var name="search_target" type="text">
<title xml:lang="ko">검색타켓</title>
<description xml:lang="ko">구글의 검색타켓(기본_blank)을 입력해주세요. (_blank/_top)</description>
</var>
</group>
</extra_vars>
이제 layout.html만 수정하면 되겠는데,
상단부분에는,
<block cond="!$layout_info->search_site">{@ $layout_info->search_site = 'www.xpressengine.com'}</block>
<block cond="!$layout_info->search_width">{@ $layout_info->search_width = '180'}</block>
<block cond="!$layout_info->search_target">{@ $layout_info->search_target = '_blank'}</block>
이렇게 기본값만 지정해주고,
적당한 위치에 아래의 소스를 넣으면 됩니다.
<!-- SiteSearch Google -->
<script type="text/javascript">
function searchfield_focus(obj)
{
obj.style.color=""
obj.style.fontStyle=""
if (obj.value=="Search {$layout_info->search_site}")
{
obj.value=""
}
}
</script>
<form style="font-size:9pt;" method=get action="http://www.google.co.kr/search" target="{$layout_info->search_target}">
<input type=hidden name=ie value=utf-8>
<input type=hidden name=oe value=utf-8>
<input type=hidden name=hl value=ko>
<input type=hidden name=domains value="{$layout_info->search_site}">
<input type=hidden name=sitesearch value="{$layout_info->search_site}" checked>
<input onfocus="searchfield_focus(this)" style="width:{$layout_info->search_width}px;color:#808080;" type="text" name=q size="30" value="Search {$layout_info->search_site}">
<input type=submit name=btnG value="Search" title="Search">
</form>
<!-- SiteSearch Google -->
끝~
참고링크는 http://www.visionXE.com/search 입니다.
댓글 0
제목 | 글쓴이 | 날짜 |
---|---|---|
[레이아웃관련] 구글검색 달기 | 인터니즈2 | 2011.11.04 |
공용 head內선언문들은 /common/tpl/common_layout.html | 인터니즈2 | 2011.11.04 |
1.5.8 버전 파일 첨부시 파일 선택창 안뜨는 현상. [5] | 키아레인 | 2011.11.08 |
게시판 본문에 글쓴이의 이미지이름 따로 표시. | 도라란 | 2011.11.09 |
시작 페이지 /xe/ 이신분들 ~ 이제 고민 해결. [3] | 숭숭군 | 2011.11.14 |
XE 도쿠위키 세션으로 연동 [5] | 도라란 | 2011.11.17 |
비회원도 추천가능하게 하기 (1.5기준설명) [3] | 빽짱구 | 2011.11.18 |
Xe 1.5.0.9 사용자 설치메뉴얼 제2부 [22] | 황비 | 2011.11.22 |
게시물의 엮인글 허용 체크가 풀어지는 경우 | Hoseok | 2011.11.23 |
음악파일 본문첨부시 최대한 같은 모습으로 재생시키기 [11.12.04] [38] | 도라란 | 2011.11.24 |
회원가입시 '비밀번호 찾기 질문/답변' 항목이 나오질 않고 회원설정에서 설정불가능 | 머구리 | 2011.11.25 |
휴대폰 인증 회원에 한해 지정한 내용 보여주기 | 도라란 | 2011.11.25 |
아이콘 보유자에 한해 지정한 내용 보여주기 [3] | 도라란 | 2011.11.25 |
XE 1.5.0.9부터 회원가입 비밀번호 찾기 질문/답변때문에 고생하셨던분들을 위한 해결방안 [2] | 라미아스튜디오 | 2011.11.27 |
Xe 1.5.1로 사이트 꾸미기 part 1 [25] | 황비 | 2011.12.04 |
Xe 1.5.0.9 사용자 설치 메뉴얼 제1부. [3] | 황비 | 2011.12.04 |
썸네일 없애는 법 없나요?? [1] | Huckleberry Finn | 2011.12.05 |
XE 1.5.1로 사이트 꾸미기 Part 2 [11] | 황비 | 2011.12.06 |
XE 1.5.1 로 사이트 꾸미기 Part 3. [22] | 황비 | 2011.12.06 |
1.5.1 가입 후 이동 페이지 버그 해결법 [2] | AinSoff | 2011.12.06 |