이전 글 에서 티스토리 스킨을 만들기 위한 환경 설정에 대해서 알아보았습니다. 두가지 방법이 있었는데 가능한한 텍스트큐브를 WAMP서버에 설치하고 작업하는 것이 좋습니다. 코드찾기나 코딩하는데 편리하고 글자도 크게 볼 수 있기 때문이죠. 이전 글에서 견본으로 제시한 워드프레스 테마 스킨은 중요한 부분이 둥근 모서리 배경이미지입니다. 어려운 작업이기 때문에 CSS기초부분에서 4개의 포스팅을 올렸습니다. 이곳을 먼저 보신 후에 진행하시면 이해가 빠릅니다. 웹사이트 만들기에서 웹브라우저의 선택도 아주 중요합니다. 개발자도구라는 것이 있어서 어떤 부분을 수정할지 찾기 쉽기 때문이죠. 이 개발자도구는 처음에 파이어폭스의 파이어버그(Fire Bug)로 시작해서 이제는 모든 웹브라우저에 기본적으로 추가되어있습니다. ..
이번 글에서는 실제로 사용하기 위한 배경 이미지 박스를 만들어봅니다. 워드프레스 테마 스킨을 티스토리 스킨으로 변경하는 과정에서 가장 중요한 부분이 테두리가 있는 둥근 모서리 이미지입니다. 마침 이웃 블로거이신 이츠하크님의 요청으로 워드프레스테마를 티스토리 스킨으로 변경하는 작업을 포스팅하려고 했습니다. 변경하고자 하는 워드프레스 테마는 CSS3에서 소개된 border-radius 속성을 사용하고 있죠. 이 테마를 사용하면 아직도 많은 사람이 사용하고 있는 IE8 이전 버전에서는 둥근 모서리가 나오지 않고 각진 모서리가 나오게 됩니다. 왜냐하면 인터넷 익스플로러는 이 속성이 IE9에서만 가능하기 때문이죠. 그러니 이 속성을 사용해봐야 아직도 IE8 이전 버전을 사용하는 방문자는 내가 원하는 디자인으로 보..
위젯은 여러가지 블로그프로그램에서 다른 의미의 용어로 사용되고 있습니다. 티스토리는 사이드바에 있는 카테고리나 최근글 같은 기본적으로 사용되는 요소를 추가하거나 제거할 수 있는 부분을 모듈이라하고 위젯뱅크에서 코드를 복사해서 임의로 추가할 수 있는 부분을 위젯이라고 합니다. 모듈이라고 하면 익스프레스 엔진이나 드루팔에서는 블로그 프로그램에 보조적으로 사용되는 작은 프로그램으로 티스토리의 모듈 개념과 다릅니다. 이러한 위젯이나 모듈을 하나의 용어로 통일을 하자면 플러그인이라고 하는 것이 좋습니다. 플러그인이란 기본적인 프로그램에 그 프로그램의 사용을 확대하기 위해서 사용하는 작은 프로그램으로 설치하고 배치만 하면 사용이 가능합니다. 워드프레스에도 별도의 플러그인 개념이 있는데 사실 위젯이나 플러그인이나 마..
워드프레스의 댓글관리는 관리자화면의 대시보드에서도 할 수 있지만 모든 댓글이 모여있는 댓글페이지에서 관리하는 것이 편리합니다. 댓글의 편리한 관리를 위한 키보드단축키를 사용방법과 스팸댓글 방지를 위한 Akismet 플러그인의 설치방법을 알아봅니다. 1. 댓글관리 워드프레스의 대시보드에 오면 처음보이는 관리자화면은 티스토리의 관리센터와 같습니다. 티스토리 블로그의 글을 데이터 백업하여 이동해 왔더니 글과 댓글이 많아졌습니다. 노란색 바에 있는 화면옵션을 클릭하면 각각의 관리패널을 보이게 하거나 안보이게 설정할 수 있고 화면 레이아웃의 열의 수를 선택하여 스크린에 맞는 배열을 할 수 있습니다. 각 패널의 타이틀 바에 마우스 오버하면 커서가 바뀌고 클릭드래그하여 원하는 곳으로 이동배치할 수 있으며 타이틀바 우..
내 컴퓨터의 WAMP서버에 설치된 워드프레스에 티스토리 블로그 글을 모두 다운 받아 설치작업을 해봅니다. 다른 블로그와는 다르게 티스토리는 설치형 블로그와 같아서 모든 데이터를 백업하여 태터툴스나 워드프레스로 이전할 수 있습니다. 작년 10월에 백업해둔 자료가 1.4기가정도 되는데 워드프레스에 업로드하는데 한시간 정도 걸렸으며 전부 이동시킨 후 업로드 폴더에 보니 파일이 만개가 넘었습니다. 여기에는 글에 사용된 사진과 각종 압축파일자료가 포함되어있었습니다. 그러니까 6월 말 경부터 10월까지 올린 파일이 만개가 되는군요. 1. 티스토리 블로그 데이터 백업 티스토리 관리자 센터에서 좌측메뉴의 데이터 관리를 선택하면 우측과 같은 화면이 나옵니다. 데이터 백업의 우측에 있는 작은 세모를 클릭하면 화면이 늘어나..
워드프레스는 블로그를 만들 수 있을뿐만아니라 웹사이트를 만들 수도 있습니다. 블로그는 소통을 위한 인터넷 도구가 되기도 하지만 사업적 목적의 웹사이트를 만들면 프로필은 방문자에게 사이트 소유자와 접근할 수 있는 정보를 제공하게 됩니다. 워드프레스닷컴에서 가입형 블로그 서비스로 블로그나 웹사이트를 만들면 전화번호까지 입력할 수 있지만 설치형 블로그는 전화번호를 입력할 란이 없습니다. 이번 글에서는 워드프레스 블로그 관리자의 정보를 입력할 수 있는 프로필과 회원 등록, 회원정보 관리에 대해서 알아봅니다. 1. 관리자 프로필 등록 워드프레스에서 관리자의 프로필은 구글이나 야후같은 검색엔진에 노출이 되므로 신중하게 작성해야합니다. 사용자메뉴에서 당신의 프로필을 클릭하면 우측에 화면이 나옵니다. 2의 비주얼 편집..
스마트폰을 사면 사용법을 알아야 사용하기 편리하듯이 워드프레스를 시작하기전에 각종 설정에 대해 자세히 알아두고 설정을 해두는 것이 사용자에게 아주 편리합니다. 환경설정에는 일반설정, 쓰기, 읽기, 토론, 미디어, 프라이버시, 고유주소 설정이 있습니다. 반드시 필요한 사항에 대해서만 설명드립니다. 1. 일반설정 관리자화면에서 하단의 설정메뉴에서 일반을 클릭하면 우측에 화면이 나옵니다. 사이트제목은 처음 워드프레스를 설치할때 입력했더라도 수정할 수 있습니다. 태그라인도 사이트의 특징적인 원하는 문구로 변경하세요. 로컬호스트에서 워드프레스 주소는 변경은 할 수 없습니다. 마찬가지로 웹호스팅에 가입하고 설치한 경우 호스팅회사의 가이드대로 설치하면 내 블로그 접속시 wordpress라는 워드프레스가 설치된 디렉토..
워드프레스는 두 종류의 컨텐트가 있습니다. 하나는 포스트이고 다른 하나는 페이지입니다. 블로그에서 포스트는 글을 올리는 행위를 의미하기도 하고 하나의 글 자체를 의미하기도 합니다. 포스트에 대해서는 잘 알고 있지만 한국형 블로그에서는 페이지라는 개념이 거의 없지만 익스프레스 엔진에서 페이지의 개념이 있습니다. 익스프레스 엔진은 텍스타일이라는 블로그 모듈이 있기 때문에 블로그 프로그램이라기 보다는 드루팔처럼 일반적인 웹사이트 제작 프로그램이라고 하는 것이 좋겠습니다. 워드프레스에서 페이지는 메뉴와 연관됩니다. 메뉴를 클릭하면 블로그 포스트가 나오는 것이 아니라 블로그 소개글인 About 페이지가 나오게 됩니다. 워드프레스에서 페이지란 하나의 독립된 레이아웃이라고 보는 것이 좋습니다. 이 페이지에는 블로그 ..
이전 글에서 워드프레스를 WAMP서버를 이용하여 내 컴퓨터에 서버환경을 만들어 워드프레스를 설치하는 방법과 미국의 워드프레스 사이트에 한국어버전으로 워드프레스를 설치하는 방법, 국내의 무료웹호스팅 사이트에서 워드프레스를 설치하는 방법을 알아보았습니다. 이제 세가지 종류의 워드프레스를 사용할 수 있게 됩니다. 미국의 워드프레스는 거리가 멀기 때문에 속도가 느려서 사용하기 어렵지만 외국을 대상으로 쇼핑몰을 연다든가 외국인을 대상으로 블로그를 만든다든가 하면 검색엔진 최적화(Search Engine Optimization)나 접근성에 있어서 유리하므로 사용해봄직합니다. 디자인을 마음대로 바꿀 수는 없지만 제한적이나마 스킨을 바꿀 수도 있습니다. 워드프레스의 사용법이나 스킨의 디자인 변경, 플러그인 설치 등은 ..
이전 글에서 워드프레스를 미국의 워드프레스 사이트에 가입하여 한국어로 설치하는 방법 과 내컴퓨터에 WAMP 서버를 이용하여 서버환경을 만들어 설치하는 방법 을 알아보았습니다. 이번 글에서는 무료 웹호스팅에 워드프레스를 설치하는 방법을 알아봅니다. 무료 호스팅 서비스는 대부분 100메가의 용량을 부여하기 때문에 지속적으로 블로그를 사용하기에는 용량이 많이 부족합니다. 무료로 사용하다가 필요에 따라서 용량와 트래픽을 늘리면 됩니다. 이러한 웹호스팅 서비스 사이트는 아주 많지만 제가 이용한 무료호스팅 사이트는 파란, 닷홈, 나야나, 우비 등이 있습니다. 파란닷컴에 가입을 하고 무료호스팅을 신청하면 하루내에 설정이 완료돼서 통보됩니다. 파란닷컴의 비즈프리 호스팅은 무료형의 경우 6개월마다 갱신해야하는데 기간이 ..
워드프레스는 두가지 버전이 있습니다. 국내 포털사이트의 블로그처럼 가입형이 있고 블로그 프로그램을 다운 받아 웹호스팅 서버에 설치하는 설치형 블로그가 있습니다. 가입형은 국내의 가입형과 마찬가지로 디자인을 마음대로 바꿀 수는 없고 정해진 스킨을 사용합니다. 하지만 그 스킨의 종류가 아주 다양하고 멋진 스킨이 많습니다. 외국에서는 스킨을 씸(Theme)이라고 합니다. 이용어는 드루팔도 마찬가지로 사용합니다. 워드프레스 가입형 무료는 용량이 3기가바이트인데 동영상을 많이 올리거나 하지 않으면 평생 쓰고도 남을 용량입니다. 용량이 모자라서 추가할 경우 추가요금을 내야합니다. 단점이 있다면 블로그 관리자 화면에 광고가 나오고 구매를 유도하는 인터넷 상점(Store)이 자리잡고 있습니다. 하지만 그만큼 설치형보다..
이름이 잘 알려지지 않은 컨텐트 관리시스템(Content Management System, CMS)인 킴스큐 레드블럭입니다. 블로그 뿐만아니라 웹사이트 제작도 가능합니다. WAMP 서버에 설치하고 둘러보니 우선 디자인이 좋은 것 같습니다. 홈페이지에 접속하고 회원가입하면 소셜네트워크 관리가 가능한데 블로그 서비스까지 가능한지는 모르겠네요. 킴스큐는 마이크로소프트와 파트너십을 갖고 있고 공개(Open Source) 소프트웨어 개발자대회에서도 대상을 받는 등 기술력이 있는 회사이고 드루팔, 줌라, 워드프레스를 경쟁상대로 세계적인 시장에 진출할 예정이라고 하니 지켜볼만한 회사로 생각됩니다. 우선 설치를 해보고 어떤지 살펴보는 것이 좋을 것 같습니다. 이곳 을 클릭하면 위 이미지가 나오는 사이트로 이동합니다. ..
이 글에서 WAMP를 사용했는데 설치시 문제점이 있으니 아래 링크에서 오토셋을 설치하고 XE를 설치하세요. http://martian36.tistory.com/1256 익스프레스 엔진(XE)는 대표적인 한국형 블로그 프로그램중에 하나입니다. 전신인 제로보드를 네이버 NHN에서 인수하면서 익스프레스 엔진으로 바뀌었습니다. 요즘은 외국 블로그 프로그램과 경쟁하면서 해외에 진출하기 위해 설치시에 외국어를 선택할 수 있도록 버전업되었습니다. 이 프로그램도 다양한 모듈을 설치해서 단순한 블로그가 아닌 기업형 웹사이트를 제작할 수 있습니다. 이전 글 에서 이러한 블로그 프로그램을 내 컴퓨터에 설치하여 웹호스팅에 업로드하기전에 디자인 제작을 하기 위해 시험가동하는 방법에 대해서 알아보았습니다. 워드프레스를 WAMP ..
WAMP 서버가 초보자분들이 사용 시 에러도 나고 어려운 점이 있으니 오토셋을 사용하세요. 아래의 링크에 사용법이 있습니다. http://martian36.tistory.com/1256 워드프레스는 해외에서 사용자가 가장 많은 컨텐트 메니지먼트 시스템(Content Management System, CMS)으로 사용하기 쉽고 플러그인을 설치하면 블로그뿐만 아니라 인터넷 쇼핑몰까지 만들 수 있는 프로그램입니다. 대부분의 블로그 프로그램이 웹프로그래밍 언어인 php로 만들어졌듯이 워드프레스도 php언어로 만들어졌습니다. 이전 글 에서 드루팔을 이용해서 웹디자인 개발을 하기 위해서 Acquia Drupal을 설치하여 웹서버환경을 만들었듯이 워드프레스도 웹서버환경을 만들면 호스팅 서버에 업로드하지 않고도 내 컴..
처음에 웹디자인을 공부하면서 프로그래밍 언어를 php프로그램으로 정하고 이제 좀 재밋다 싶을때 알게된 블로그 프로그램이 드루팔이었습니다. php 언어로 만들어진 블로그 프로그램이 많더군요. 대표적인 것이 외국의 경우 워드프레스, 줌라, 드루팔이고 국내에서는 그누보드, XE엔진(제로보드), 태터툴즈가 있습니다. 워드프레스는 사용이 쉽기 때문에 세계적으로 수천만개의 프로그램이 블로그로 사용되고 있습니다. 처음 블로그를 공부하기엔 쉬운 프로그램이므로 많이 접근하는 프로그램이죠. 하지만 좀 지나고 보면 좀더 어렵고 다양한 모듈이 있는 프로그램을 찾게 되는데 그것이 드루팔입니다. 드루팔은 개발자들이 선호하는 프로그램이라서 모듈만해도 수천개나 개발이 되어있고 드루팔 전용 모듈이 아니라 해도 드루팔이 워낙에 인기가 ..