모바일홈페이지만들기 고도몰 작업하다가 몇자적어봅니다
요즘 정신이 하나도 없습니다.
술한잔 해야 머리가 리셋 될것 같은느낌이랄까?
홈페이지만들기 하다보면 여기저기 엮여있는 부분들을 빈머리로 풀어내야 하기 때문에 어수선합니다.
치환자 때문일 것입니다.
그냥 단순한 부분만이 아닌, 여러가지 엮여 있는 부분은 그냥 백지위에 그림그리는것과는 조금 다르죠.
쉽게 표현하자면 1차원, 2차원이 아닌 4차원의 세계 같은...
하지만 하나하나 풀어나가는 즐거움도 있습니다.
3일전에 손대기 시작한 사진관련 홈페이지가 이제 툴은 완성되었네요.
홈페이지를 만들때 어떤 사람은 상호 로고만 만드는데 시간을 다 소비하는데, 저는 역으로 합니다.
상품과 게시판작업을 먼저 하죠.
특히 게시판 작업은 날짜부분이 있기 때문에 조금 먼저 진행해 놔야 하는 부분이 있죠.
모바일홈페이지만들기 고도몰 작업하다가 몇자적어봅니다
일단 pc 부분의 툴은 월요일과 화요일 작업을 끝내고, 이제 데이터만 채워넣으면 됩니다.
모바일은 좀 전에 손대기 시작했죠.
문득 움직이는배너 작업을 하다가 작업하는 모든 과정을 블로그에 올려보자는 생각이 좀 들더군요.
그래서 작업하다 말고 글을 하나 남겨봅니다.
어제 잠깐 이야기 했었던 부분...
2017/09/12 - [인터넷 IT/반응형스킨] - 무료홈페이지만들기 고도몰 필요한것 꺼내서 채워넣으면끝
오늘은 모바일홈페이지만들기 부분을 맨 처음부터 조금 이야기해 보려 합니다.
우선 먼저 고도몰 들어가보셔야 겠죠.
고도몰이 뭐냐고요? 위에 어제 쓴 글 한번 읽어보시면 도움될듯 합니다.
일반 홈페이지는 어렵지만 모바일홈페이지제작 부분은 오늘 제 이야기만 들어도 딱 몇분이면 만들수 있을 것입니다.
고도몰 쇼핑몰은 pc에서와의 연동으로 더 쉽게 만들수 있습니다.
물론 모바일샵 기본설정 부분을 사용안함으로 하면 pc화면이 모바일에 나옵니다.
그런데 그렇게 하면 이쁘지 않죠.
그래서 일단 기본설정을 사용함으로 놓고 작업을 시작합니다.
복잡할듯 해도 손댈 부분은 정말 적습니다.
고도몰 관리자화면 들어가서 상단 모바일 부분을 누르면 좌측과 같은 메뉴가 보일 것입니다.
위에서 부터 차례대로 행해주면 되죠.
모바일샵 기본설정 부분은 위에서 했고,
그다음은 배너관리 부분을 내것으로 수정하면 됩니다.
앞서 말씀드렸듯이 요즘은 홈페이지제작 툴들이 너무 잘나와 있어서 코드를 몰라도, html php를 몰라도 뚝딱 만들수 있습니다.
자, 기본적으로 보여지는 원래의 이미지들이 보일 것입니다.
간단하죠.
심플한 것이 요즘 대세라서 저도 굳이 이 툴에서 크게 벗어나지 않습니다.
그냥 그대로 사용하면 되지만, 글자 정도는 바꿔줘야 겠죠.
1번과 2번은 수정완료한 상태입니다.
1번은 회사로고, 2번은 원래는 배송무료 이벤트 소식을 알려주는 부분이었습니다.
뭐 제 블로그 홍보를 맨 상단에 띄워보고, 로고는 원래 스타일 그대로에서 글자만 살짝 바꿨습니다.
3번 부분은 이 글 다 쓰고 바꿔야 겠죠.
어떻게 바꾸는가?
포토샵 기본만 알고 있으면 됩니다.
여기서 포토샵도 모른다고 하면 뭐 어려워지는 이야기지만, 아무리 무료홈페이지만들기 한다고 해도 포토샵 기본 구조 정도는 알아야겠죠.
위의 부부에서 그림에서 마우스 우측버튼 눌러서 그대로 내컴퓨터 작업 폴더위에 올려놓습니다.
그런뒤 포토샵에서 불러들여서 수정하면 되죠.
모바일홈페이지만들기 제것 수정한 부분 보시면 이해가 될수도 있습니다.
제 블로그에서 tistory 부분만 빼면 제 도메인주소 입니다.
3일전쯤 만들었죠. 뚝딱 뚝딱 그냥 새로운 것에 한번 빠져보고 싶어서...
수정부분을 누르면 위의 화면처럼 나옵니다.
여기에 새로 만든 배너를 찾아보기 눌러서 올려주시면 되고, 원하는 주소를 입력해 주시면 끝.
다른 부분들은 가급적 안건드는 것이 좋습니다.
가장 적합한 구조로 만들어 놓았으니까요.
저도 스킨 선택하면 거의 큰 수정은 안합니다.
그 시간에 한자라도 글을 더 쓰는 것이 더 나을수도 있죠.
그 다음은 움직이는 배너 입니다.
메인을 장식할 부분이니까 조금 멋스럽게 만들어야 겠죠.
하지만 이것역시 고도몰 에서는 기본적으로 만들어져 나옵니다.
이미지들만 바꾸면 되죠.
단, 위의 배너가 한장이었다면 이것은 여러장.
그래야 움직이는 배너가 되겠죠.
딱 이작업 하다가 글을 써 봅니다.
이것역시 마찬가지입니다.
원래의 그림을 그대로 마우스 우클릭으로 다운받아놓고, 포토샵에서 불러와서 수정하면 됩니다.
사이즈가 같기 때문에 저는 요렇게 한 레이어에 올려놓고 하나씩 수정을 합니다.
짠, 하고 변한 모습 보여드리고 싶은데, 현재 작업중입니다.
변한모습은 제 블로그 에서 tistory 부분만 빼고 나눌맨닷컴 그대로 들오오시면 됩니다.
추석때 할일도 없고, 요즘 사진에 푹 빠져서 그냥 한번 만든 사이트입니다.
정성을 다하지 못하지만 툴을 만들어 놓고 한번 보려 합니다.
모바일홈페이지만들기 이정도면 끝입니다.
이제 상품들만 채워넣으면 되겠죠.
뚝딱 한번 도전해 보세요.
뭐든 해봐야 할텐데 하는 분들은 주저말고 들여다 봐도 부담이 없을듯 합니다.
