레몬펜에서 발생한 몇 가지 문제들
2008년 1월 4일 by 김 승엽 View blog reactions
레몬펜의 블로그 주소 문제 해결이란 글에서 메인 페이지와 싱글 페이지의 주소 문제 때문에 발생하는 레몬펜의 문제를 해결했다는 내용을 적었었습니다. 그런데 오늘 사용하고 있는 플러그인을 좀 수정해서 테마를 직접 수정하지 않고도 레몬펜이 적용되도록 해볼까 하는 생각에 테마를 건드리다 이전의 주소 문제가 다시 발생하고 말았습니다. 수정한 것은 글의 본문 부분을 class = "hentry" 로 된 div로 한 번 싸주었던 건데 문제가 발생하기에 다시 원래대로 돌렸는데도 주소 문제가 그대로 유지되더군요.
괜히 건드렸다고 후회하면서 블로그를 건드리다가 레몬펜에서 발생하는 몇 가지 문제들을 더 발견했습니다. 워드프레스에서 본문은 the_content 라는 워드프레스 템플릿 태그에 의해 출력이 됩니다. 그래서 제 블로그에서 사용하고 있는 워드프레스의 기본 테마인 Kubrick의 제목을 포함한 포스트 구조는 다음과 같습니다.
<h2>
<a href="<?php the_permalink() ?>" rel="bookmark" title="Permanent Link to <?php the_title_attribute(); ?>"><?php the_title(); ?></a>
</h2>
<small>
<?php the_time('F jS, Y') ?> <!– by <?php the_author() ?> –>
</small>
<div class="entry">
<?php the_content('Read the rest of this entry »'); ?>
</div>
<p class="postmetadata"><?php the_tags('Tags: ', ', ', '<br />'); ?> Posted in <?php the_category(', ') ?> | <?php edit_post_link('Edit', ", ' | '); ?> <?php comments_popup_link('No Comments »', '1 Comment »', '% Comments »'); ?></p>
</div>
포스트 전체가 post라는 class의 div로 되어 있고 그 안에 entry라는 class의 div에서 본문이 출력되게 됩니다. class가 post로 된 div가 제목을 포함한 본문의 영역을 포함하고 있으니 그 안에 있는 entry라는 class를 가진 div 에는 영향을 받지 않아야 할 것 같은데 싱글 페이지에서 entry라는 class가 entrytext로 바뀌었다는 이유로 적용이 안 되었던 겁니다.
이와 비슷한 문제로 다음 같은 경우도 있습니다.
이렇게 클래스가 지정되어 있을 때 형광 펜으로 본문을 선택해 스크랩했을 때 다음과 같이 바뀌면 스크랩한 내용이 사라집니다.
wordpress 라는 클래스로 변경되었다는 것 때문에 본문이 내용이 바뀌었다고 인식하고 스크랩한 부분을 찾지 못하는 것 같습니다.
지금까지의 문제가 본문을 싼 div의 클래스 명 때문에 발생하는 문제라면 다음의 문제는 브라우저와 관련된 문제입니다.
위의 두 스크린 샷을 보시면 각각 형광 펜의 위치가 다른 것을 발견하실 수 있을 겁니다. 위의 그림은 인터넷 익스플로러 7 에서 캡처한 것이고 아래는 파이어 폭스 2 에서 캡처한 그림인데 익스플로러 7 에서 entrytext를 표시한 형광 펜의 위치가 바뀝니다. 같은 단어가 여러 개 나오기 때문에 발생하는 문제인 것 같은데 익스플로러에서만 발생합니다.
세 가지 정도의 문제에 대해서 이야기했는데 워드프레스에서 레몬펜을 사용하고 계신 분을 찾아 테스트해보려다가 결국 찾지 못하고 이렇게 글을 쓰게 되었습니다. rein 님의 블로그에서 사용하고 계시긴 한데 싱글 페이지에서만 작동하게 해 놓으신 것 같아 테스트 해볼 수 없더군요. 얼른 해결되어서 이전에 달았던 쪽지나 스크랩이 스타일의 변경으로 확 사라지는 일이 없어졌으면 좋겠습니다.
: WordPress, 레몬펜, 문제
: WordPress, 레몬펜, 문제
: WordPress, 레몬펜, 문제
