Skip to content

?

단축키

Prev이전 문서

Next다음 문서

크게 작게 위로 아래로 댓글로 가기 인쇄 첨부
?

단축키

Prev이전 문서

Next다음 문서

크게 작게 위로 아래로 댓글로 가기 인쇄 첨부

앞서 말한적이 있지만


xe에서 위젯을 삽입하는 방법은 두가지가 있다.


하나는 페이지에서 페이지 수정을 눌러서 원하는 위젯을 선택해서 삽입하는 방법과


설치된 위젯에서 원하는 위젯을 선택해서 위젯의 소스코드를 만들어서 원하는 부분에 소스코드를 삽입하는 방법이다.


근데


위젯소스코드 생성시에는 스타일을 설정해줄수가 없다.


검색해보면 나오긴 할테지만 굳이 필요가 없었는데


찾아보니 어렵지 않더군.




먼저 위젯 스타일이 뭔지 한번 보자


제목 없음-2.jpg


위에 5개의 위젯이 있다.


모두 컨텐츠위젯 기본스킨이다.


단,,,,,상단 좌측은  스타일을 적용하지 않은 것이고


상단 우측은 심플스타일을 적용


하단은 그레이스타일에서 각기 다른 컬러셋을 적용한 모습이다.



암튼 


위젯코드를 생성하면


<img........ 이렇게 길게 나오는데 끝에다가

 widgetstyle="simple" ws_colorset="white" 요런 것들만 넣어주면 된다.


각각의 위젯스타일마다 설정하는 내용이 조금 다를수 있는데


위젯의 html 파일을 열어보면



<!--@if($widgetstyle_extra_var->ws_colorset == "black")-->

    {@ $_wsClassName = "black"}

<!--@elseif($widgetstyle_extra_var->ws_colorset == "white")-->

    {@ $_wsClassName = "white"}

<!--@else-->

    {@ $_wsClassName = $layout_info->colorset}

<!--@end-->


<!--%import("style.css")-->

{@ $ws_more_url = trim($widgetstyle_extra_var->ws_more_url); }


<div class="simpleWidgetStyle {$_wsClassName}">

    <h2>{$widgetstyle_extra_var->ws_title}</h2>

        <!--@if($ws_more_url)-->

            <!--@if(strtolower(substr($ws_more_url,0,4))=='http')-->

                <a href="{$ws_more_url}" class="widgetMoreLink">

            <!--@else-->

                <a href="http://{$ws_more_url}" class="widgetMoreLink">

            <!--@end-->

            {$widgetstyle_extra_var->ws_more_text}</a>

        <!--@end-->

    {$widget_content}

</div>

 


위에 붉게 표시한 ws.... 어쩌구 하는 것들이 설정 항목이 된다.


colorset은 이해가 될테고

title는 위젯 상단에 위젯이름이 표시되는 위에 캡쳐에선 sdsd란 것이 되겠고


more url 과 more text는 


캡쳐의 상단 우측에 있는 more란 글자 대신 들어갈 글자와 그 글자 클릭시 연결될 링크 주소를 말하는 것이다.



해서 결국 


소스코드를 생성한뒤


<img class="zbxe_widget_output" widget="content" skin="default" colorset="white" widget_sequence="4365" widget_cache="60" content_type="document" module_srls="107,111" list_type="normal" tab_type="none" markup_type="table" page_count="1" subject_cut_size="65" new_window="Y" option_view="title" show_browser_title="N" show_comment_count="N" show_trackback_count="N" show_category="N" show_icon="N" order_target="regdate" order_type="desc" thumbnail_type="crop"  widgetstyle="simple" ws_colorset="white" ws_title="Favorite" ws_more_url="http://gsm.dothome.co.kr/xe/fa" ws_more_text="more"/>



위에 반전된 부분처럼 추가해주면 된다는...



List of Articles
번호 분류 제목 글쓴이 날짜 조회 수
공지 xe레이아웃 데모사이트 관련 gsm 2013.05.07 8704
공지 XE 홈피 XE 버젼 업에 따른 관리자 페이지 변경 file gsm 2013.04.28 9354
공지 기타팁 원격 프로그램 팀뷰어 file gsm 2012.12.13 9379
공지 기타팁 초보자들을 위한 홈피만들기에 개념? gsm 2012.10.16 9967
공지 XE 홈피 xe 설치과정입니다. gsm 2012.10.05 10107
23 XE 홈피 팬페이지 만들기 3 - 사이트메뉴 편집과 페이지 gsm 2013.11.24 2716
22 XE 홈피 팬 페이지 만들기 2 - ftp 설정과 쉬운설치로 게시판 설치 gsm 2013.11.24 2531
21 XE 홈피 팬페이지 만들기 1 - xe설치 gsm 2013.11.24 2479
20 XE 홈피 팬페이지 만들기 서론 file gsm 2013.11.11 2232
» XE 홈피 위젯 코드 생성 후 스타일 적용하기 file gsm 2013.09.24 2249
18 XE 홈피 xe 제작 동영상 강의 소개 file gsm 2013.08.13 3334
17 XE 홈피 트위터 위젯 2 file gsm 2013.06.19 3405
16 XE 홈피 내 홈피의 글을 네이버에 노출시키자 네이버 Syndication API file gsm 2013.05.01 1956
15 XE 홈피 bgm 플레이어 file gsm 2013.01.27 4673
14 XE 홈피 미니홈피 스킨으로 xe file gsm 2013.01.11 1870
13 XE 홈피 새글, 댓글 알림을 스마트 폰으로 file gsm 2012.12.13 1841
12 XE 홈피 xe로 홈피만들기 실전6 - 애드온과 에디터 file gsm 2012.11.30 1899
11 XE 홈피 xe로 홈피만들기 실전5 - 게시판설정(2) gsm 2012.11.28 2047
10 XE 홈피 xe로 홈피만들기 실전5 - 게시판설정(1) gsm 2012.11.26 2640
9 XE 홈피 xe로 홈피만들기 실전4 -페이지와 위젯설정 gsm 2012.11.19 2342
8 XE 홈피 xe로 홈피만들기 실전3 - 레이아웃설정 gsm 2012.11.18 1880
7 XE 홈피 xe로 홈피만들기 실전2 - 게시판과 사이트맵 gsm 2012.11.13 2406
6 XE 홈피 xe로 홈피 만들기 실전 1 - 개론 gsm 2012.11.12 2528
5 XE 홈피 지금까지 사용해본 레이아웃 file gsm 2012.10.31 2337
Board Pagination Prev 1 2 Next
/ 2

Recent Articles

Gloomy의 비오는 일요일 홈피는 모든 저작권을 포기합니다.

Powered by Xpress Engine / Designed by Sketchbook

sketchbook5, 스케치북5

sketchbook5, 스케치북5

나눔글꼴 설치 안내


이 PC에는 나눔글꼴이 설치되어 있지 않습니다.

이 사이트를 나눔글꼴로 보기 위해서는
나눔글꼴을 설치해야 합니다.

설치 취소