[청도 여행] 청도 여행코스 추천, 청도 프로방스 불빛축제장 오늘 소개할 곳은 경북 청도 여행코스의 백미로 꼽히는 청도 프로방스입니다. 이미 많은분들의 데이트코스로 입소문이 많이 나 있는 곳이기도 한데요. 청도 프로방스는 야외에 마련되어 있는 불빛 가득한 장소이지만 따뜻한 날씨보다는 요즘처럼 추운 날씨에 더 잘 어울리는 것 같습니다. 물론 좀 춥긴 합니다만 덕분에 옆사람과 더욱 꼭 끌어안게 되는 효과(??)도 있더군요. 청도 프로방스는 형형색색의 불빛과 수십개의 포토존이 마련되어 있어서 사진 찍기에도 참 좋더군요. 저희는 토요일 저녁에 방문하게 되어 좀 많은 관광객분들에 의해 이리저리 치이기도 했습니다만 기분이 나쁠 정도 까진 아니었습니다. 프로방스의 위치가 청도 소싸움장과 매우 근접하여 있기 때문에 청..
요즘 마크다운 문법을 활용하여 포스트를 작성하는데 푹 빠져있습니다. 주로 사용하는 문법은 몇개 한정되어 있긴 합니다만 쓰면 쓸수록 편리하고 재미가 있네요. 아직 적응 중이라서 완벽하게 활용한다고 볼 순 없지만 조금씩 익숙해지는 맛도 있습니다. 좀 찾다보니 마크다운을 지원하는 다양한 글쓰기 어플리케이션들이 있더군요. 제가 사용하던 율리시스 3는 걸음마 수준이었습니다. 좀 더 강력하고 다양하게 확장할 수 있으면서도 편리한 방법을 사용할 수 있는 앱들도 참 많았습니다. 어떤 앱을 쓰든간에 자기 자신에게 잘 맞는 시스템을 선택하는데 중요할텐데, 저는 최근에는 MOU라는 시스템이 마음에 들어 적극적으로 사용하고 있는 중입니다. 미리보기가 실시간으로 적용되는데다가 여러가지 테마가 있고, CSS를 수정할 수 있다는 ..
티스토리 티애디션은 반응형이 안된다? NO! 티스토리 티애디션 반응형에 어울리도록 적용하는 방법 티스토리에서 제공 중인 티애디션은 플래쉬 등을 이용하는 시스템이기 때문에 기본적으로 반응형에는 어울리지 않습니다. 하지만 티애디션을 제외하면 티스토리 블로그의 첫 화면을 깔끔하게 꾸미기가 상당히 힘들어서 티애디션 중에서도 반응형이 어느정도 가능한 아이템들 위주로 만드는 것이 일반적인 방법인데요. 며칠간 다양한 방법으로 티애디션을 테스트해보았습니다. 지금 제가 사용 중인 Skeleton 이나 마크쿼리 ↩님이 배포하고 계시는 스킨을 사용하는 블로거분들의 티애디션도 많은 참고를 했습니다. 대부분의 블로거분들이 티애디션의 사이즈 자체를 줄여서 모바일에서도 적당한 사이즈로 보이게끔 적용하고 계시더군요. 하지만 제가 P..
티애디션 헤드라인형 최신글 목록 1개로 고정하기(item-310430) 티스토리 블로그의 첫화면에서는 티스토리에서 제공해주는 티애디션을 많이 사용합니다. 티애디션을 제외하면 블로그의 첫화면을 관리하고 예쁘게 만들만한 시스템이 마땅히 없는 실정입니다. 또한, 티애디션의 에디터는 간략하고 초보자도 쉽게 사용할 수 있도록 제작되어 있어 보편적인 경향을 띄기도 합니다. 티애디션에는 여러가지의 아이템이 있습니다. 여기에는 총 4개의 구분이 있는데, 헤드라인형, 목록형, 갤러리형, 조합형이 그것입니다. 이것은 티애디션을 실행 후 하나씩 클릭해보면 미리보기가 되기 때문에 별도의 설명이 필요하진 않습니다. 이 중에서도 블로그의 최신글을 헤드라인으로 크게 보여주는 형태가 바로 헤드라인형인데요. 많은 티스토리 블로거분들이..
티스토리 블로그 메뉴바에 SNS 아이콘 추가하기 : Skeleton 반응형웹(모바일 포함) 티스토리 블로그 반응형 스킨인 Skeleton 에서는 티스토리 자체에서 제공하는 상단메뉴바를 사용하지 않고, 자체 HTML로 제작된 메뉴바를 사용합니다(티스토리 제공 상단 메뉴바는 메뉴바로서 심플한 기능을 제공해주지만 사용자가 마음껏 기능 디자인을 할 수 없는 것은 단점입니다). 이에따라 사용자 입맛에 맞도록 자유롭게 무언가를 추가하거나 삭제하고, 수정할 수 있다는 장점이 생기는데요. 많이들 사용하는 SNS 아이콘을 설치하여 블로그 방문자에게 자신의 SNS를 소개하고 링크하여 개인 브랜드화에 약간의 도움이 될 수 있도록 디자인해보겠습니다. Note 반응형 웹을 사용하는 티스토리 스킨에서는 접속자의 화면 사이즈를 추..
티스토리 블로그 카테고리 글보기 혹은 검색시 나오는 날짜 위치 이동하기 블로그를 방문하는 독자의 가독성을 위한 소스코드 일부 수정을 해봅시다. 티스토리 블로그에서는 카테고리 글 보기 또는 검색을 했을 경우 OOO에 해당하는 글이라는 메시지와 함께 리스트가 출력됩니다. 제가 지금 사용하고 있는 Skeleton 반응형 웹 스킨 뿐만 아니라 티스토리에서 기본 제공하는 여러 스킨들 중에서도 나타나는 리스트들의 디자인이 가독성에 약간 영향을 주는 부분이 있습니다. 아래의 이미지는 예시를 들기위해 같은 스킨을 사용 중인 정재복님의 블로그 ↩를 전체 글보기를 하여 스크린샷 한 화면입니다. ▼ 물론 나쁘지 않은 디자인입니다만 포스트의 리스트가 날짜 뒤에 위치하여 조금의 시선을 방해하는 것처럼 느껴집니다. 사용자에게 중..
티스토리 반응형 모바일 애드센스 삽입하기 : 반응형 웹 skeleton 스킨블로그를 운영하는 분들이라면 이제는 모바일을 통한 유입도 신경쓰지 않을 수 없습니다. 스마트폰이나 테블릿 등의 통칭 모바일기기가 엄청나게 보급되어 있을 뿐만 아니라 접근성이 좋다는 이유(지하철이나 버스, 이동 중 등의 상황에서)에서 모바일 웹 검색이 PC로 인터넷을 사용하는 것 만큼 보편화 되었습니다. 모바일 유입이 상승한만큼 모바일에서의 트래픽도 더 이상 간과할 수 없는 수준에 이르렀습니다. 구글 애드센스 등 블로그에 광고 플랫폼을 설치하여 운영 중인 블로거라면 이러한 모바일 트래픽을 어떻게 수익으로 연결할 수 있을지 생각해 볼 필요가 있습니다. 티스토리에서는 여타 다른 블로그 서비스와는 차별화되게 별도로 모바일 스킨을 제공하고..
티스토리 skeleton 반응형 스킨에서 구글 애드센스 본문 상단에 2개를 배치해봅시다. 이번에 Skeleton 반응형 스킨으로 디자인을 바꾸면서 구글 애드센스의 코드도 함께 바뀌었습니다. 애드센스 자체의 코드가 바뀐건 아니고, 애드센스 주변을 구성하는 틀 자체가 바뀌었다고 해야겠군요. Skeleton 스킨은 반응형 스킨이기 때문에, 일반적으로 티스토리에 애드센스 광고를 넣듯이 고정형 애드센스를 배치해버리면 모바일이나 해상도가 낮은 기기에서도 크기가 줄어들지 않은 광고가 나타납니다. 마크쿼리님이 제공해주시는 스킨을 사용하시는 티스토리 블로거분들을 몇 곳 방문해 보았는데, 실제로 고정형 애드센스를 넣어둔 분도 계시더군요. 지금 당장은 큰 문제가 없는 것처럼 보입니다만, 모바일 화면에서 사이즈가 큰 광고가 ..
