블로그 리뉴얼! Raphael Skin (by wallel)

블로그 리뉴얼! Raphael Skin (by wallel)

요즘 다시 블로그 활동을 조금씩 시작하면서, 리뉴얼을 해보고 싶은 마음이 들더군요. 

원래는 메인 화면이 좀 이상해서 첫 화면과 몇몇 배너 이미지들의 위치 등을 바꾸려고 했었는데요... 

하다보니까, 스킨까지 바꾸고 싶어지더라구요 ㅋㅋ

그래서 관리자 모드에 있는 스킨으로 들어갔더니...

2015년 12월 31일에 올라온 티스토리 #2 스킨 이후로는 전혀 업데이트가 안되고 있더군요 ㅠ

티스토리 사실상 운영을 접은 것 같군요 ㅠㅠ (맘이 너무 아파!)

<사이드바가 좌측에서 우측으로 옮겨왔어요>

그래서 과거에 제가 사용하던 스킨인 Square의 원작자이신 wallel님의 블로그를 찾아갔습니다. 

다행히 여전히 활동하고 계시더군요~ 어찌나 기쁘던지!! 

Square 스킨은 반응형 스킨 공모전 대상작으로, 티스토리 스킨에서도 만나볼 수 있습니다.....만! 

현재는 꾸준히 업데이트가 되서 wallel님 블로그에 가서 최신판을 다운 받으시는 걸 추천합니다! 

하다보니 wallel님 블로그 홍보글이 되버린거 같은데 ㅋㅋ

여튼, 이번에 제가 적용하기로 한 스킨 역시 wallel님의 무료 배포 버전 스킨인 Raphael Skin 입니다. 

스킨 다운로드는 아래 wallel님 사이트에서 다운 받으실 수 있습니다. 

● wallel님 운영 사이트 : http://wallel.com

● Raphael Skin Download : http://wallel.com/portfolio/raphael/

스킨 다운로드 및 적용 방법 등에 대해서는 wallel님 사이트에 자세히 설명 되어 있으니 참고하시기 바랍니다. 

일부 유료 스킨도 판매 중이신데, 다음에는 유료 스킨도 한번 구매하려고 고려중입니다. 

<글 목록에서는 작은 이미지가 함께 노출됩니다>

약 2년만에 스킨을 포함하여 대대적으로 리뉴얼을 하다보니, 소스코드를 보는데 애를 좀 먹었답니다 ㅋ

어떤 코드를 버리고, 어떤 코드를 가져와야 하는가... 

<글 아래쪽에는 빼기 아까운 위젯들로 꾸미기>

결국 과거 코드를 하나하나 뜯어보면서, 

구글 광고, 웹 접근성, Analytics 추적기, 번역기 등의 주요 기능 소스들과, 

크롤러 등 오류를 막아주는 몇몇 보완 기능 소스들을 가지고 왔습니다. 

그리고, 무척 유용하고 쓰고 있던, 단축키 기능들도 함께 가지고 왔답니다. 

<메인화면 이미지 4개가 자동으로 변경되고, 아래쪽에는 이미지 리스트>

그리고, 처음 목표였던 메인 화면도 재정비 해 봤습니다. 

반응형이다보니 PC 웹에서 볼때는 뭔가 좀 여백의 미(?)가 많은 메인 화면이지만, 

첫 페이지 표시방식도 좀 바꿔보고, 광고 수와 위치도 조금 조정했습니다. 전부 정비하고 났더니, 뭔가 홈페이지가 엄청 가벼워진 느낌입니다. 

아마도, 소스 코드 중에 안쓰이는 것들을 주석처리 한다고 했는데, 

그럼에도 불구하고 남아있던 소스 코드가 숨어있었던게 아닌가... 싶습니다. 

예전에 블로그에 자주 찾아주시던 July님께서 블로그가 너무 무거운 것 같다는 말씀을 하셨었는데, 

임시 방편으로 좀 막아뒀다가 이렇게 전체적으로 재정비를 하니까 좀 깔끔해진 느낌입니다. 

<사진 보기 기능 깔끔하게 노출됩니다>

혹시 방문하시다가 페이지가 잘 안열린다거나, 오류가 있으시면 제보해 주시기 바랍니다~ 

새로워진 블로그로, 더 자주 찾아뵙도록 할께요~~ 

항상 좋은 스킨을 만들어주시는 wallel님께, 

게시판을 폐쇄하신 관계로 이자리를 빌어 감사 인사드립니다. 

---------------

블로그 아래쪽에 이 부분에 소스 코드가 보이시나요??

저는 아무 이상이 없는데... 이상하네요 ㅠ

스킨 우측 하단에 document.oncontextmenu = new Function ('return false'); document.ondragstart = new Function ('return false'); document.onselectstart = new Function ('return false'); document.body.style.MozUserSelect = 'none'; <---이런 스크립트가 고스란히 나오는걸 보니 어딘가에 괄호처리가 제대로 안되어 있는 것 같습니다.