옛글/프로그래밍이야기
페이스북 페이지 꾸미기 & 개발을 도와주는 앱 정리
ShakeJ
2011. 9. 27. 23:18
반응형
이번에 세개의 페이지를 제작중인데,
페이지를 꾸미는 앱들을 이용하여 꾸미게 됩니다.
기존에 기업이나 홍보 관련 페이지들도 대부분 이러한 앱을 사용하거나
iframe을 사용하여 HTML 을 따로 제작해서 갔다 붙이는 방식으로 진행되고 있네요.
이번에 만들게 된 페이지는
네트워크팀 페이지
인제대학교 의용공학과 페이지
동안미녀(dagirl.co.kr)화장품몰 페이지
이렇게 세개입니다. 위의 링크를 따라가시면 앱을 통해 꾸민 것을 볼 수 있습니다.
페이지 꾸미기에 대해서는 아직 한국자료가 많이 없더군요. 추후 따로 페이지 작성 팁에 대해서 포스팅하도록 하겠습니다.
페이스북이나 Social Service에 대해선 생각이 참 많은데, 따로 정리를 한번도 한적이 없네요. 그 부분에 대해서도 따로 포스팅 할 예정입니다.
위와 같이 네트워크팀 페이지 중에서는 왼쪽부분에 앱으로 꾸민 부분이 빨갛게 네모쳐져있습니다.
페이스북의 iframe 혹은 HTML 페이지를 사용해서 꾸미게 되었습니다.
위 사진과 같이 화려한 메인페이지를 손쉽게 제작할 수 있는 앱인 iwipa 입니다. 이 앱은 사용자가 원하는 메인페이지를 만들 수 있도록 도움을 주고 있습니다. 고급모드로 사용하시려면, 다음 앱을 통해 Tutorial 동영상을 보시면 이해가 한결 빠르시겠습니다.
앱으로 가기
위와 같이 자동으로 트위터 연동 계정의 글을 모아주는 앱입니다. 필수적인 앱입니다^^
involver라는 곳에서 RSS Feed 및 트위터, 유튜브 채널 등 다른 여러가지 앱도 제공하니 참고하시길 바랍니다.
앱으로가기
여러가지 블로그나 RSS 등에서 업데이트 되는 글들을 모을 수 있는 앱입니다. 다른 앱들은 대부분 한가지 RSS만 받아와서 불편했는데, RSS Graffi라는 앱은 큰 인증과정 없이 RSS 여러군데의 글을 비교적 정확하게 잘 모아오는 편입니다.
앱으로가기
위는 블로그를 모바일형태로 보는 방식으로 iframe을 통해 끼워넣었습니다. 모바일주소는 기존 블로그주소에 예를 들면, http://mnworld.co.kr/m m을 붙여 끼워넣으시면 됩니다. 메뉴중 Notice는 제로보드의 게시판을 레이아웃없이 끌어오니 꽤 괜찮은 디자인의 페이스북 페이지가 만들어지더군요^^ Tip 입니다. 여러가지 페이지를 불러올 수 있지만 페이스북 페이지에 맞는 비율로 끌어오자면, %로 width 가 정해져있는 페이지를 제작해야 편리 할 것 같습니다.
이 앱은 iframewrapper로 굉장히 편리하게 iframe 및 HTML 소스를 끼워넣고(이미지만 넣을수도 있습니다) 편리하게 추가 생성도 가능하네요.
앱으로 가기
페이스북 페이지를 만드는 방법에 대해서는 자세히 포스팅 된 곳을 찾지 못해서 한참을 헤매면서 만들었네요 ^^
웹개발 경력이 있으신 분들은 아마 클릭 몇 번에 금방 익숙해지리라 생각됩니다. 다음에 시간이 있으면 앱을 통해 페이스북 꾸미는 방법에 대해서 자세히 포스팅 하도록 하겠습니다.
페이지를 꾸미는 앱들을 이용하여 꾸미게 됩니다.
기존에 기업이나 홍보 관련 페이지들도 대부분 이러한 앱을 사용하거나
iframe을 사용하여 HTML 을 따로 제작해서 갔다 붙이는 방식으로 진행되고 있네요.
이번에 만들게 된 페이지는
네트워크팀 페이지
인제대학교 의용공학과 페이지
동안미녀(dagirl.co.kr)화장품몰 페이지
이렇게 세개입니다. 위의 링크를 따라가시면 앱을 통해 꾸민 것을 볼 수 있습니다.
페이지 꾸미기에 대해서는 아직 한국자료가 많이 없더군요. 추후 따로 페이지 작성 팁에 대해서 포스팅하도록 하겠습니다.
페이스북이나 Social Service에 대해선 생각이 참 많은데, 따로 정리를 한번도 한적이 없네요. 그 부분에 대해서도 따로 포스팅 할 예정입니다.
위와 같이 네트워크팀 페이지 중에서는 왼쪽부분에 앱으로 꾸민 부분이 빨갛게 네모쳐져있습니다.
페이스북의 iframe 혹은 HTML 페이지를 사용해서 꾸미게 되었습니다.
1. 화려한 메인페이지를 꾸밀 때 사용 iwipa
위 사진과 같이 화려한 메인페이지를 손쉽게 제작할 수 있는 앱인 iwipa 입니다. 이 앱은 사용자가 원하는 메인페이지를 만들 수 있도록 도움을 주고 있습니다. 고급모드로 사용하시려면, 다음 앱을 통해 Tutorial 동영상을 보시면 이해가 한결 빠르시겠습니다.
앱으로 가기
2. 트위터와 연동하기
위와 같이 자동으로 트위터 연동 계정의 글을 모아주는 앱입니다. 필수적인 앱입니다^^
involver라는 곳에서 RSS Feed 및 트위터, 유튜브 채널 등 다른 여러가지 앱도 제공하니 참고하시길 바랍니다.
앱으로가기
3. 블로그, RSS 글을 담벼락에 게시하기
여러가지 블로그나 RSS 등에서 업데이트 되는 글들을 모을 수 있는 앱입니다. 다른 앱들은 대부분 한가지 RSS만 받아와서 불편했는데, RSS Graffi라는 앱은 큰 인증과정 없이 RSS 여러군데의 글을 비교적 정확하게 잘 모아오는 편입니다.
앱으로가기
4. 블로그나 웹페이지(게시판 등) 페이스북 페이지 내에서 보여주기
위는 블로그를 모바일형태로 보는 방식으로 iframe을 통해 끼워넣었습니다. 모바일주소는 기존 블로그주소에 예를 들면, http://mnworld.co.kr/m m을 붙여 끼워넣으시면 됩니다. 메뉴중 Notice는 제로보드의 게시판을 레이아웃없이 끌어오니 꽤 괜찮은 디자인의 페이스북 페이지가 만들어지더군요^^ Tip 입니다. 여러가지 페이지를 불러올 수 있지만 페이스북 페이지에 맞는 비율로 끌어오자면, %로 width 가 정해져있는 페이지를 제작해야 편리 할 것 같습니다.
이 앱은 iframewrapper로 굉장히 편리하게 iframe 및 HTML 소스를 끼워넣고(이미지만 넣을수도 있습니다) 편리하게 추가 생성도 가능하네요.
앱으로 가기
페이스북 페이지를 만드는 방법에 대해서는 자세히 포스팅 된 곳을 찾지 못해서 한참을 헤매면서 만들었네요 ^^
웹개발 경력이 있으신 분들은 아마 클릭 몇 번에 금방 익숙해지리라 생각됩니다. 다음에 시간이 있으면 앱을 통해 페이스북 꾸미는 방법에 대해서 자세히 포스팅 하도록 하겠습니다.
반응형