The Flyting

RSS, Atom 등 피드를 읽어와서 사이드바 혹은 치환자 위치에 보여주는 플러그인입니다. 치환자 방식으로 사용할 때 치환자명은 [##_SimplePie_RSS_##] 입니다. 구버전은 언제나처럼 버전 관리글에 있습니다.

버전 1.1.2

최신 변경사항
- 피드 그룹을 사용할 때 발생하는 오류를 바로잡았습니다.
- 설정창을 정리하고 치환자 설명을 보강하고 수정하였습니다.

호환성과 버그 보고

이 플러그인은 SimplePie 파서에 의존하므로 심플파이 사용 환경이 되지 않으면 사용할 수 없습니다. 왠만한 현대적인 호스팅은 다 됩니다만, 확인하려면 플러그인 경로/sp.php로 들어가면 됩니다. 예를 들어 mydomain.com의 blog 폴더에 태터를 설치하셨다면

http://mydomain.com/blog/plugins/Loki_SimplePieRSS/sp.php

가 호환성 확인 페이지 주소입니다.

플러그인이 작동하지 않으면 먼저 위의 호환성 테스트를 해보시고, 호환이 된다면 디버그 모드로 들어가서 에러 메시지를 확인하시고 이상 증상과 함께 에러 메시지를 알려주시기 바랍니다.

사용 예시

사용 예시를 두 가지 제시하면 다음과 같습니다.

첫 번째는 아주 단순하게 1번 그룹에 모든 피드를 넣고 시간 역순대로 보여주는 형태입니다. 아이템 제목 길이는 9자로 축약하고, 제목 위에 마우스를 가져다 대면 원래 길이의 제목이 보이게 했습니다. 스킨은 설레는 마음 (핑크)입니다.

<div class="feed">
<h3>피드</h3>

<ul>
<item>
<li> <a href="[##_item_permalink_##]" title="[##_item_title_full_##]">[##_item_title_##]<br />
<span class="name">[##_feed_title_##]</span>
<span class="date">[##_item_date_or_time_##]</span></a>
</li>
</item>
</ul>
</div>

설레는 마음 스킨은 메뉴 첫머리에 이미지를 사용하므로 "Recent Feed" 이미지 (RecentFeed.gif)를 만들어서 skin/customize/1/images 폴더에 넣고, 스킨 편집으로 들어가서 스타일 시트에 다음 줄을 추가했습니다.

.sideinfo .feed h3 { background:url(images/RecentFeed.gif);}

두 번째 예시는 피드 그룹을 블로그 피드와 트위터 피드 2개 설정해서 함께 보여주는 방식입니다. 사용 스킨은 O-range-O입니다.

<!-- recent feeds -->
        <group>
                <div id="[##_group_id_##]" class="listbox">
                    <h3>[##_group_name_##]</h3>
                    <ul><item>
                        <li>
                            <a href="[##_item_permalink_##]" title="[##_item_title_full_##]">[##_item_title_##]</a><br />
                            <span class="date">[##_item_date_or_time_##]</span> <span class="name">[##_feed_title_##]</span>
                        </li>
                    </item></ul>
                </div>
      </group>

피드 그룹에 따른 반복영역을 <group></group>으로 설정한 후 그룹명 치환자를 넣었습니다. 그리고 group_id 치환자를 (group1, group2 등) 아이디로 넣어서 아이디에 따라 헤더 이미지가 들어가도록 시트를 잡아주었습니다.

#group1 h3 {
    background: transparent
    url(http://lokasenna.pe.kr/blog/skin/orangeo_orange/css/image/orange_sidebar_feeds.gif) top left no-repeat !important;
    margin-bottom:0 !important;
}

#group2 h3 {
    background: transparent
    url(http://lokasenna.pe.kr/blog/skin/orangeo_orange/css/image/orange_sidebar_tweets.gif) top left no-repeat !important;
    margin-bottom:0 !important;
}

그리고 설정창에서는 그룹 이름을 지정해서 위의 group_name 치환자 자리에 들어갈 이름을 정해주었습니다.


즐겁게 사용하시고, 문제나 질문, 칭찬(?) 등이 있으면 댓글 달아주세요~

예전에 썼던 cyen님의 스킨에서 얻은 아이디어.

난 아웃로그인 플러그인을 사용하니까 관리자 메뉴에 들어갔다가 다시 블로그로 가기를 눌러서 블로그로 와야 하는 불편은 없지만, 대신 로그인한 후 블로그에서 관리자 메뉴를 찾아들어가야 하는 점이 귀찮았다.

그래서 생각한 게 cyen님의 스킨에서처럼 관리자만 볼 수 있는 영역에 자주 쓰는 메뉴들을 링크시키는 것.

지금은 어떤 스킨을 쓰든 수정해서 링크 메뉴를 넣는다. <s_ad_div>와 </s_ad_div> 사이, 보통 수정, 관리, 삭제 링크 등이 들어간 <div> 바로 다음.

<div class="admin">

<a href="[##_blog_link_##]owner/center/dashboard">관리화면</a> |
<a href="[##_blog_link_##]owner/entry">글 목록</a> |
<a href="[##_blog_link_##]owner/skin/edit">스킨편집</a> |
<a href="[##_blog_link_##]owner/setting/blog">환경설정</a> |
<a href="[##_blog_link_##]owner/reader">리더</a> |
<a href="[##_blog_link_##]owner/plugin">플러그인</a> |
<a href="[##_blog_link_##]owner/link">링크관리</a>

</div>

메뉴의 구체적 구성은 취향에 따라 달라질 듯. 이렇게 하면 로그인 상태에서 글을 보고 있다가 뭔가 관리할 게 보이면 바로 해당 관리자 페이지에 들어갈 수 있다.

텍스트큐브/태터툴즈 관련 팁 하나. 몇몇 플러그인처럼 로그인하면 관리자 화면이 아니라 블로그 화면으로 돌아오는 효과를 스킨 수정만으로 간편하게 구현하는 방법이다.

단, HTML만 사용하면 로그인하고 돌아올 수 있는 페이지가 고정된다. 무조건 현재 페이지로 돌아오는 게 아니라 블로그 메인 페이지면 메인 페이지, 다른 페이지를 지정했으면 그 페이지 하는 식. 로그인하고 현재 페이지로 돌아오려면 플러그인을 설치하거나 아래에 나온 자바스크립트 방식을 사용하면 된다.

방법은 스킨을 수정해서 다음과 같은 링크를 추가해 주거나 기존 admin 링크를 바꿔주면 된다.


<a href="[##_blog_link_##]login?requestURI=[##_blog_link_##]">Admin</a>


이렇게 만들고 Admin 링크를 클릭하면 로그인 페이지로 넘어가고, 로그인을 하면 관리자 화면이 아닌 블로그 메인 페이지로 돌아오게 된다. 다음처럼 지정해주면 블로그 메인 대신에 지정 페이지로 돌아오게 할 수도 있을 것이다.


<a href="[##_blog_link_##]login?requestURI=[##_blog_link_##]32">Admin</a>


고정 페이지 말고 현재 페이지로 돌아오려면 다음과 같이 자바스크립트를 사용하면 된다.


<script type="text/javascript"><!--
document.write('<a href="[##_blog_link_##]login?requestURI=' + location.href + '">Admin</a></li>');
//--></script>


응용하면 버튼으로도 간단하게 만들 수 있다.


<form method="get" action="[##_blog_link_##]login?requestURI=[##_blog_link_##]">
<input type="submit" value="Admin" />
</form>


아니면 역시 자바스크립트를 사용해서..


<input type="button" value="Admin" onclick="location.href = '[##_blog_link_##]login?requestURI=' + location.href" />


식으로 해주면 로그인하고 현재 페이지로 돌아오게 된다.

로그아웃 링크도 마찬가지로 간편하게 만들 수 있다.


<a href="[##_blog_link_##]logout?requestURI=[##_blog_link_##]">로그아웃</a>


사실 로그아웃은 requestURI 안해줘도 블로그 메인으로 돌아오지만, 역시 메인 말고 다른 페이지 지정해줄 수도 있는 등 이것저것 할 수 있겠지. 역시 위에서 적은 방법대로 자바스크립트를 사용하면 로그아웃하고 현재 페이지로 돌아올 수 있다.


<script type="text/javascript"><!--
document.write('<a href="[##_blog_link_##]logout?requestURI=' + location.href + '">로그아웃</a>');
//--></script>