Welcome to LuCKi’s New Home
드디어!
토종감자 수입오이가 블로그 스킨을 만들었습니다.
원래 2014년 1월 1일날 새마음 새각오로 발표하려던 스킨인데, 신정은 고사하고, 어느덧 구정도 지나, 2월도 중순에 이르러서야 완성하게 되었네요. 스킨 만드는거 역시 만만한 일이 아닙니다.
새 스킨에대해 간략히 소개 드리면요,
1. Responsive web design
오래전부터 모바일과 데스크탑에서 같은 모양새를 보여드리고 싶었습니다. 그래서 어디선가 줏어들은 부트스트랩 Bootstrap 을 적용해 보고 싶었는데, 저는 컴퓨터 프로그래머도 웹프로그래머도 아닌관계로 엄청난 도전이 아닐 수 없었습니다. 게다가 블로그 기반이 워드프레스도 아닌 티스토리인지라 기본틀에 부트스트랩을 적용해 보며, 고대 상형문자를 해독하는 기분이 들었습니다. 정말 전혀 뭐가 뭔지 이해가 가지 않았다는 소립니다. 그런데, 마침 이웃 블로거인 신난 제이유님께서 부트스트랩을 멋지게 적용한 스킨을 턱 내놓으신게 아니겠어요? 얼른 달려가 봤더니 마크쿼리님께서 이미 수고로운 일을 다 해 놓으셨다는 정보를 주셨어요. 그래서 모든게 일사 천리로 진행…될 줄 알았건만 제가 만들어 놓은 단순한 디자인을 마크쿼리님의 스켈레톤스킨에 적용하는 것이 또 보통 일이 아니더군요.
2. What is different?
디자인은 모바일에서도 깔끔하게 볼 수 있도록 블럭 디자인의 추세를 따라가 보았습니다.
블로그 색상은 총 7가지가 사용되었습니다.
이유는 저희 블로그가 여행 블로그를 기본으로 하고 있기에, 세상의 모든 곳을 블로그에 담고자 하는 마음으로 남북 아메리카를 따로 봐서 6개 대륙과 달에서 지구를 바라보는 것을 마지막 여행으로 삼고 싶었기에, 우주를 상징하는 한 색을 포함해, 총 7가지 색을 넣어 보았습니다.
언젠간 다 가 볼 수 있겠죠? ^^
색상을 고르는데만, 거의 일주일 넘게 걸렸는데요, 제가 즐겨 찾는 싸이트 중 컬러러버 colorlover 라는 싸이트가 제일 유용했답니다. 웹디자인 뿐만 아니라 인쇄물 디자인이나 집안 인테리어, 옷 색상 매칭할 때까지 두루 유용하답니다.
블로그 메인페이지 구성에 약간의 변화가 있는데요, 기존에 새 포스팅을 보여주는 메인 사진은 같고요, 티에디션대신 주제별, 테마별로 여행기를 묶어보았습니다. 관심있으신 테마를 클릭하시면 그에 해당하는 여행기가 갤러리 형식으로 보여집니다.
포스팅 부분의 사진도 방문하시는 분들 시원 시원하게 보시라고, 1000px로 늘렸습니다. 클릭 없이 큰사이즈로 감상하세요. 그리고 제 포스팅은 스크롤 압박이 심한 경우가 많은데요, ( 압니다, 저도. ^^; 줄여 볼려고 노력하는데 잘 안돼요.) 약간이나마 도움이 될까 싶어 ‘맨 위로가기’ 버튼을 추가해 보았습니다. 오른쪽 구석에 Top 이라고 써있는 화살표가 그것입니다.
3. We are really together on this blog
이번 스킨변경으로 감자와 오이의 블로그에 정말 감자, 오이 모두의 손길이 묻게 되었습니다. 예전에는 사실 감자양 혼자서 운영하던 블로그였는데, 이번 블로그 스킨에 오이군 PowerKiKi이 지대한 도움을 주었기 때문입니다. 앞으로도 오이군이 글을 쓰거나 사진을 찍을 일은 별로 없어보이지만, 어쨌든 스킨뒤로 보이지 않는 모든 코드는 오이군이 짰습니다. 아시다 시피 디자인을 뙇! 그려놨다고 해서 블로그가 그 모양대로 퇗! 나오는게 아니거든요. 웹코드를 짤줄 알아야 블로그에 디자인도 적용이 가능한데, 제가 혼자 했으면 1년 걸릴 일을 오이군이 틈틈히 두달만에 툭탁 해주었어요. 그래서 이제 정말 토종감자 수입오이가 함께 만든 블로그가 맞습니다. ^^
원래는 새 스킨을 2014년 기념으로 발표하고 싶었습니다. 그런데, 낯선 코드의 홍수속에서 감자양이 정신을 차리지 못하게 됩니다. 그러나 욕심은 하늘을 찔러, 제가 원하는 디자인을 포기하지도 못합니다. 결국 별 진전없이 세월만 흐르자 보다못한 오이군이 도움의 손길을 내밀게 됩니다. 이때부터 모든 일이 정말 일사천리로 진행되기 시작했어요. 불가능해보이던 모든 디자인이 현실이 되었습니다.
각 브라우져와 특히 익스플로러 하위 버전에서 모양새가 흐트러지던 문제도 해결을 해 주었고요, 부트스트랩도 최신버전으로 업데이트를 마쳤답니다. 최신버전에서는 익스플로러 8에서 적용이 안되던 문제를 해결해 놓았다네요. 근데, 여전히 잘 안되는 듯… -_-; 결국 오이군이 수동으로 고쳤고요.
검색 결과도 갤러리 형식으로 제공하도록 해주었습니다. 왜 다른 곳에서는 기본적인 지원인데, 티스토리에선 지원을 안해서, 이렇게 복잡한 방법을 사용하도록 하는지는 몰라도 어쨌든 해결 완료. 근데, 로딩 속도가 조금 느리네요. 어쨌든 일단 만족하고, 차차 해결책을 찾아봐야겠어요.
그래도 이 홈페이지는 크롬 Chrome에서 가장 예쁘게 보입니다.
다른 브라우져에서도 다 정상적으로 작동하긴하는데, 몇몇 소소한 디자인이 익스플로러에서는 안되는 경우가 있어요. 해결하려다가 감자 오이 스트레스로 대머리 될까 싶어 일단 이렇게 둡니다. 전부 차근차근 고쳐갈께요.
스킨을 뚝딱 뚝딱 잘 만드는 것을 보니, 오이군이 회사에서도 일을 잘 하고 있겠다는 생각이 들어 기특하고, 뿌듯하기도 했답니다. 오이군의 정체는…웹 프로그래머거든요. ^^ 사실 중간에 오이군의 귀차니즘과 타협해서 원하던 디자인에서 멀어진 부분도 좀 있지만( 남편 스타일…^^;), 앞으로 소소하게 수정하여, 원래 디자인대로 다 고쳐나갈 예정입니다. (마누라 파워! = 바가지) ^^;
4. 구독해주세요! 페북 좋아요도 눌러주세요!
구독 버튼을 모두 메뉴 버튼으로 올려놨습니다. 방문하시는 분들 눈이 확~들어오라고요 ^^
앞으로는 RSS, 네이버, 다음뷰 등으로 구독 하셔서 새글이 올라오면 편하게 방문해 보세요. 버스나 지하철 이동시간, 지겨운 근무 시간 등 틈틈히 시간을 떼워보아요. ^^;;;
단, 길을 걸을 때 스마트 폰으로 읽지는 말아주세요. 저 얼마전에 길가다 스맛폰에 집중한 남정네가 거의 사고 날뻔 하는 장면을 목격해서 가슴이 철렁.
페북 좋아요 버튼은 페이지 맨 아래에 있습니다.
토감수오 싸이트 좋아요도 한번 콕! 눌러주세요. 좋아요 버튼이 이제 모바일에서도 보인답니다. ^^
앞으로도 토종감자 수입오이이야기 많이 사랑해주세요.
감사합니다. ^^
스킨 이쁘네요…스킨 부럽습니다 ㅠ
감사합니다. 만들때는 너무 힘들어서 그냥 때려칠까 싶었는데, 끝내고 나니 많은 분들이 좋아해 주셔서 그래도 뿌듯하네요. ㅎㅎ
후엇! 블로그를 어떻게 이렇게 깔끔하고 예쁘게 꾸밀 수 있는 것인가요?!?!?!?
완전 능력자이십니다 ㅋㅋㅋ
전 걍 기본 스킨에서 색상, 글씨체만 바꾸는 수준이었는데도 완전 골치아팠는데 ㅋㅋ
엄청 대단해요 +_+
그리고 중간의 오이군님의 이야기.
무엇이든 뚝딱뚝딱 해결해주시는 멋진 남편분을 두셨네요!
6개 대륙과 달에서 바라본 지구.
너무너무 감동적이예요 ㅠㅠㅠ
달에서 바라본 지구 여행기가 올라올 때까지 열심히 찾아뵙겠습니당 ㅋㅋㅋㅋ
진짜 만드는데, 몇개월 걸렸다니깐요. 엄청 노가다…
업무시간 외에 계속 프로그램 짜는거 지겨울텐데도, 군말않고, 열심히 도와준 오이군에게도 정말 고마왔답니다.
달나라 여행가는거 예약 받았다는 얘기를 들었는데, 그게 추첨해서 뽑히기도 어렵지만 인당 몇억이라고 들었어요. ㅋ
오래 살아야겠습니다. 달나라 여행이 패키지로 나오는 그날까지. ㅎㅎㅎ
우연히 스킨 구경하러 왔다가 너무나 아름다운 풍경을 눈에 담아갑니다.
스킨도 욕심이 잔뜩 나리만큼 멋지고 사진에 담긴 모습들이 저까지 당장 떠나고 싶게 만드네요.
자주 놀러다녀야겠습니다
방문해주셔서 감사합니다.
여행이라는게 삶에 활력을 주고, 마음에도 여유를 줘서 참 좋은것 같아요. 보시고 떠나고 싶어지셨다니 포스팅 올린 보람이 있는걸요? ㅎㅎ
우와… 댓글보고 답방왔다가 뭔가 블로그의 신세계를 보고 가네요;;; 너무 예쁘고 잘 꾸며놓으셨어요.
블로그 스킨 한번 교체하는것도 여간 보통일이 아닌데 엄청난 정성과 노력을 들이셨네요^^멋집니다
감사합니다.
처음엔 이렇게 일이 커질 줄 모르고, 섯불리 손댔죠. ^^;
귀찮은 일이 많다는 것은 알았지만, 이렇게 어렵기까지 할 줄이야.
정말 세달간 지겨워서 블로그 접을 뻔 하는 고비도 있었습니다.
이제 십년간 이걸로 버티려고요. ㅎㅎㅎㅎㅎ
친구가 여기 디자인 스킨 이쁘다해서…봤더니 이런 디테일이 +_+
저도 한번 만들어봐야겠어요!!!
재주는 크게 많지는 않지만…열심히?ㅎ
앗, 감사합니다. ^^ 친구분께도요. ㅎㅎ
저희도 재주는 별로 없습니다. 말씀하신 것처럼 시간을 엄청 많이 투자해서 열심히 만들었어요. ^^
여전히 끊임없이 개선해야할 문제점이 나오고 있지만…
갤러리 로딩 속도가 너무 느리고, 부트스트랩 때문에 브라우저 호환이 완벽하지 않으며, 모바일에서 버벅거리는 문제가 있어요. 해결책은 천천히 찾으려고요. 충분히 스킨때문에 머리가 많이 빠진 상태라…ㅋㅋㅋ
바람노래님도 마음에 드시는 스킨 만드시길 바래요. ^^ 화이팅입니다.
디자인이 굉장히 칼라풀하고 세련된것 같은데요. ^^
감사합니다.
방문하시는 분들 상큼하게 힘나시라고, 칼라풀한 색상을 골라봤습니다. ^^
와~ 스킨이 확 달라졌다했는데 직접 만드셨군요. 멋집니다!
스킨 만들기가 여간 까다롭던데요. 전혀 다른 블로그가 탄생한 것 같아요.^^
정말이예요. 스킨 만드는 것 생각 이상으로 번거롭더라고요. 작년 12월부터 만들기 시작했는데, 이제서야 조금 쓸만하게 자리가 잡혔습니다. ^^;
여전히 이것 저것 버그가 있다는 신고들이 들어오고 있는데, 천천히 고칠려고요. 너무 지겨워서요. ㅋㅋ
블로그 스킨 매우 예쁘네요. 마침 날이 많이 풀려서 따스한데 이 날씨에 참 잘 어울리는 블로그 스킨인데요?^^
감사합니다.
벌써 봄 분위기군요. 제가 요즘 잡일이 많아서 블로그에 손도 못대고 있는데, 벌써 봄이 오고 있어요. 이러면 안되거든요…아직 겨울 포스팅할 것이 엄청나게 밀려서요 ㅠ_ㅠ
정말 멋진 변신입니다. 블로그라고 사실 믿어지지 않아요. 워드프레스로 구축한 대단한 사이트에 온 느낌이에요.
앞으로 더욱 근사하게 변한다니 기대가 큽니다.
기가 너무나 죽었는데(같은 마크쿼리님껄 받았는데 ‘기본에 충실한’ 저와는 너무나 대조적…ㅠㅠ) 웹 전문가인 오이님의 손길이 닿았다는 말씀에 위로를 받습니다. ㅎㅎ
ㅎㅎ워드프레스 블로그였다면 조금더 손쉽게 원하는 디자인을 실현할 수 있었을텐데요. 티스토리는 사용자가 컨트롤 할 수 없는 부분이 많아서 너무 복잡했습니다. 전체 액서스가 가능하게 해 줬더라면 이런 생고생을 하지 않아도 되었을 텐데요. ㅠ_ㅠ 그리고, 워드프레스는 이미 부트스트랩 적용해 놓은 예쁜 스킨들이 잔뜩 나와 있어서 그다지 코드 손볼 일도 없었을거구요. ㅠ_ㅠ
저도 포토샵으로 디자인 그려놓고, 마크쿼리님 스킨에 디자인 적용하게는게 생각보다 쉽지 않아서, 엄청 오래 삽질했습니다. 오이군이 도와주지 않았더라면 블로그개편, 내년에나 끝났을거예요. ㅋㅋ
너무 슬퍼마세요. 오이군은 거의 10년 가까이 이걸로 밥먹고 사는걸요. ^^
흐미. 이거 진짜 고생했을 거 같더라고요.
일반 스킨을 만지는 것도 엄청 고생인데… ㅠㅠ
그래서인지 스킨은 예쁜데 도전해 볼 엄두가 안 나네요.
네, 고생 스러웠어요. 밤새운 날이 며칠인지 몰라요. 여전히 몇몇 포스팅 레이아웃이 깨져서 일일히 수정중에 있습니다.
수정거리가 남아서 아직도 새 포스팅을 올리는건 엄두도 못내고 있어요.
그래도 끝나가는 결과물을 보며 살짝 뿌듯하긴 한데, 다시는 하고 싶지 않아요. 결혼식 처럼 말이죠. ㅎㅎ
이제 이걸로 적어도 30년 버틸거예요. ㅠ_ㅠ