잔머리로 세상을~~

워드프레스 홈페이지 제작 순서를 함 구상해 봤습니다.

어떤 홈피를 만드실건지 구체적으로 끝에서부터 다가가야 하는거 같습니다.

일반 홈페이지처럼 사이트맵구성하고 컨텐츠를 넣는 것이 아니라 어떤 컨텐츠를 어떻게 넣을것인가를 고민하고 구조적으로 어떻게 메뉴를 구성하느냐가 관건인거 같습니다. 그래서 홈페이지를 만들다 보면 이걸로 정말 될까 라는 생각이 들정도이죠...하지만 컨텐츠를 넣다보면 이거도 괜찮군 하면서 생각하기 일수 입니다. 

간단히 워드프레스 홈페이지 제작 순서를 정리해보자면 이렇습니다. 

1. 컨셉 정하기.

2. 자료 모으기.

3. 메뉴 구성 및 자료 정리.

4. 홈피 스케치 하기.(이때 테마를 정하셔도 됩니다.)

5. 필요한 기능 정하기.(플러그인 선정을 하시면 될듯)

6. 실질 워프 작업.(이제부터는 노가다입니다.)

7. 중간 점검_(필요로 하시는 분꼐.. 컨펌을 받아야겠죠..)

8. 점검시 나온 사항 정리... 

9.마무리.

10. 유지관리

뭐 이정도 되지 않을까 싶습니다. 우리가 생각하는 홈페이지와 조금 다른 방식으로 해야되기때문에 어려움을 느끼는 듯 싶습니다.

하지만 뭐 ..이정도는 다 쉽게 하실 수 있으실꺼예요.. 워드프레스로 홈페이지 쉽게 이쁘게..만들어 봅시다...

이상잔머리였습니다. 

플러그인중 플래시 기반의 태그 클라우드  WP-Cumulus 에 대해 알아보겠습니다.

태그 구름을 그냥 넣으면 태그가 그냥 나오죠..

이걸 이쁘게 하는 것이 플래시 기반 태그 클라우드  WP-Cumulus가 있습니다.

 플러그인에서 WP-Cumulus로 검색하면 바로 나온답니다.

설치하고 활성화!!

그럼 설정에  WP-Cumulus 메뉴가 생깁니다. 

거기서 조정하면 되는데요... 

<내용및 이미지 출처 웹액츄어리 http://www.webactually.co.kr/archives/3980>

태그의 중요도에 따라 태그 크기가 달라지며, 마우스의 움직임에 반응하여 움직이는 플래시 기반의 태그 클라우드를 지원합니다.. 태그의 색상이나 크기, 움직이는 속도도 조절할 수 있지요... 

 설치해봤습니다.

한글을 지원하지 않네요.. 이런.. 우씨..그래서 찾아보니.. .한글지원은 웹액츄어리에서 한글을 지원하는  swf를 배포하고 있습니다 

http://www.webactually.co.kr/archives/3980 에 가시면 9번에 이 플러그인에 대한 설명이 있습니다.

한글지원 파일도 있고요.. 다운받으셔서 ftp로 플러그인 폴더에 있는 WP-Cumulus 에 파일을 덮어 씌우시기 바랍니다.

그러니 잘 되네요...워드프레스로 구축한 홈페이지겸 블로그 ... 이쁘면 더 좋겠죠... 

워드프레스 플러그인들 참 많습니다. 좋은 플러그인 찾는 것도 일이네요.. ^^;

오늘도 즐 워프 하시고,, 이상 잔머리였습니다. 

워드프레스에서 사이드바는 항상 같은 형태로 따라다니죠... ^^;

테마에 따라 사이드바 위젯을 맘대로 조정이 가능하기도 한데... 

사이드바를 맘대로 바꿀수 있는 플러그인이 있어 소개 합니다.

플러그인 이름은 Content Aware Sidebars 1.0입니다. 

플러그인 추가 하기에서 Content Aware Sidebars를 검색하면 설치 하실 수 있습니다.

설치하시고 활성화 하시면 대시보드 좌측에 댓글 하단에 사이드바라고 메뉴가 하나 더 생깁니다.

거기서 사이드바를 내맘대로 사이드바를 추가 삭제 할 수 있답니다. (페이지든 포스트든..)

사이드 바에 가셔서 Add New를 누르시고 사이드바를 생성 적용시킬 포스트와 페이지를 설정하여 주시면 끝...

다음은 위젯 설정에 가서 보시면 내가 추가한 사이드바가 보이실 겁니다. 그럼 끝...

참 쉽습니다.

다른 페이지, 포스트와 다른 구성을 위해 쓰기에는 좋을 듯 싶습니다.

이상 잔머리였습니다. 

 엘레강스테마중 feather 테마 분석하기(4)에서 첫페이지 이미지 4컷 구성하는 법입니다. 

아래의 그림을 보시면 이미지가 네컷이 있습니다.  

이 이미지들은 각 페이지의 featured Image입니다.

페이지 구성하기에서 featured Image에 이미지를 넣어주시면 됩니다.

하단에 글이 많으면 글이 끝까지 나오는데 그건 More tag를 사용하시면 됩니다. 

그럼 첫화면에 있는 그림과 설명이 다 나오게 됩니다.

아 쉽다.... 

이상 잔머리였씁니다. 

엘레강스테마중 feather 테마 분석하기 3탄 - 첫 페이지구성을 다워보겠습니다.

그냥 그림만 보셔도 아실꺼 같아 그냥 그림에 설명을 달아 놯습니다. 제가 귀차니즘이 발동하여 여기까지....

잘 모르시겠으면 쪽지나 댓글 남겨주세요... ^^;

그냥 그림만 보셔도 아시겠죠.. ^^

이상 잔머리의 엘레강스테마 feather 분석에서 첫 페이지 분석이였습니다.  

오늘은 엘레강스테마중 feather 테마에서 슬라이드를 설정하여 보게습니다.

이패널에서 Genera Setting-> Feature Slide탬을 클릭합니다.

그림에 사용법은 설명해 놓았습니다.

여기서 중요한점은 슬라이드에 사용될 카테고리 설정과 페이지 사용설정을 같이 하면 페이지가 우선이여서 페이지로 슬라이드가 지정이 된다는 것입니다. 이건 엘레강스 테마는 다 그런거 같더라고요.. 

위와 그림을 보면 대강 슬라이드 설정을 하실 수 있을 겁니다.

다음은 슬라이드에 사용될 페이지나 포스트 작성시 옵션을 주어야 하는 부분입니다.

페이지나 포스트를 작성하시면 하단과 같이 글상자 밑에 옵션이 뜹니다. 거기에서 슬라이드의 형태(참고로 4가지 형식으로 되어 있습니다, 

참고로 옵션

1. 이미지,비디오+설명 2.설명+ 이미지또는 비디오 3. 텍스트 설명으로만, 4. 이미지만)를 설정하고 페이지나 포스트를 작성하시면 됩니다. 

이제 슬라이드도 작성하는 법을 알아 봤습니다. 여기까지 어렵지 않네요.. ^^ 세번째는 homepage탭을 설정하는 방법을 알아보겠습니다.

이상 잔머리였습니다.  

말복이 지났는데도 덥네요.

오늘은 엘레강스테마중 feather 테마를 분석해 보겠습니다.

제가 처음으로 작업한 사이트(조은얼굴클리닉 http://gutface.cafe24.com)에 적용을 시켜본 테마기에 처음 포스팅 해보네요.. ^^;

엘레강스 테마중 feather theme을 보면 구성이 아래와 같습니다.

로고, 메뉴, 슬라이더,보여주고 싶은 첫화면 페이지 설명, 인용구(메인 캣치플랜정도로 이해하시면 될듯..), 최신포스트, 최신작품, 하단위젯 3개, 풋터메뉴, 그리고 위에는 표시 하지 않았지만 카피라이터를 넣을수 있게 되어 있씁니다. 

엘레강스 테마가 좋은 점은 각종 설정이 epanel을 통해 설정이 되어지고 있다는 점이죠.. 

일단 epanel(이하 이패널)을 구경해보죠.. 

대시보드(알림판)의 테마관리에서 메뉴와 테마설정을 보실 수 있습니다.

아래의 보이시는 메뉴는 상단메뉴와 하단메뉴를 설정하실 수 있으면  Feather 테마의 옵션을 설정하실 수 있습니다.

그럼 이패널을 보실까요. 아~~~~ 영어에 딥따 기네요.. 

근데 다 읽을 수 있잖아요.. 우리도... 

 일반설정에서는 일반사항, 홈페이지(첫화면 설정), 슬라이드 기능에 대한 설정이 있네요. 요 세녀석만 건드리면 일단 이 테마의 설정은 대강 잡힙니다. 그러니 겁먹지 말고 하나씩 건들려 봅니다 

첫설정은 로고(-- 위의 첫화면에서 보았듯이 로고의 크기는 108px X 32px 입니다. 음.. 근데  로고를 더 키울수 없을까 고민을 했었는데, 태그라인에 글을 삭제하면 다른 설정변화 없이 로고를 더 키울수 있습니다.
(로고를 좀더 키우면 SEO에 약점이 되긴 하지만, 깔끔하게 가려면 태그라인을 없애는 것도 방법입니다.)

두번째는 파비콘 설정입니다. 파비콘아시죠?  파비콘도 설정에 넣어줍니다. 

파비콘 :  즐겨찾기(favorites)와 아이콘(icon)의 합성어로, 주소창에 조그만 아이콘으로 표시되어 있다. 아이콘 에디터로 16x16 크기의 적당한 아이콘 입니다. 

그이후 설정으로는 배경색, 배경글씨체 이미지, 헤더폰트 및 색, 보디폰트 및 색,이 있습니다. 

아래 설정중 중요한 것은 Blog Style post format 에서 옵션을  Disabled로 설정을 해야 처음에 보신 이 테마의 화면을 보실 수 있습니다.

첫화면을 블로그 스타일로 볼꺼냐는 건데. 당근 아니죠... ^^;

그 밑  옵션들은 트위터, rss, 페이스북 관련으로 사용 유무와, 그에 따른 설정입니다.

나머지는 카테고리, 아카이브 검색, 태그 등의 페이지에 게시물 수를 결정하는 거구요.. 마지막에 콘트롤 패널은 배경 설정을 바꿔 볼수 있는 패널을 보여 주는 패널입니다.

이렇게 일단 일반설정중 정말 일반을 설정했네요.. 오늘은 여기까지만 하겠습니다. 너무 덥네요.. 

그럼 다음에는 홈페이지와 슬라이드 설정을 잡는것을 올리도록 하겠습니다.

이상 잔머리의 Elegant Themes 의 feather 테마 설정중 일부였습니다.  꾸뻑~~~~~~~~~

카페24에서 자동설치하면 wp서브디렉토리에 설치됩니다. 

이를 메인도메인으로 변경하는 방법입니다. 

그리 어렵지 않습니다.

워드프레스를 설치하면 기본적으로 브라우저에서 접속하는 블로그 주소(Site Address)는 호스팅에 설치한 워드프레스의 주소와 동일합니다. 그런데, WordPress는 계정의 하위 디렉토리에 설치하고, 브라우저에서는 메인 도메인 주소로 접속이 되게 하려면 약간의 설정이 필요합니다. (기본적으로 ftp로 접속해서 파일 업다운정도는 하실줄 아시겠죠^^:)

• 1. 알림판(Dashboard)의 ‘Settings>General’ 메뉴를 클릭하면 아래와 같은 항목을 볼 수가 있습니다. 여기서 ‘WordPress Address’에 워드프레스가 실제로 설치된(또는 설치될) 계정의 주소를 입력합니다. ‘Site Address’에는 브라우저로 접속할 주소를 입력하고 저장 버튼을 클릭한 후에 로그아웃 합니다. 주소의 맨 마지막에 슬래시는 ‘/’ 붙이지 않도록 합니다.

2. 파일질라와 같은 ftp 프로그램으로 계정에 접속한 후에 이동할 하위 디렉토리를 만들고, 루트 디렉토리에 있는 WP 파일들을 모두(.htaccess 파일이 있다면 같이) 하위 디렉토리로 옮깁니다.

참고 : .htaccess 파일은 custom permalink를 설정한 경우에 자동적으로 생성되는 파일입니다. 따라서 permalink setting을 변경없이 기본 설정으로 사용한 경우에는 .htaccess 파일이 없을 수도 있습니다. 그리고 .htaccess 파일은 호스팅 업체에 따라 숨김화일로 설정되어 있을 수도 있습니다. ftp 프로그램에 따라 다른데, 파일질라의 경우에는 상단의 ‘Server’메뉴에서 ‘Force showing hidden files’을 선택하면 숨김파일을 볼 수가 있습니다.

3. 서브 디렉토리에 있는 WP 파일들 중에 메인 index.php 파일을 루트 디렉토리로 복사합니다.( .htaccess화일이 있다면 같이 복사합니다)

4. 루트 디렉토리로 복사한 index.php 파일을 열어서 require(‘./wp-blog-header.php’); 부분을 계정의 경로에 맞게 바꿉니다. – 예를 들어 하위 디렉토리가 루트 디렉토리 밑에 ‘blog’ 라는 이름으로 되어 있다면 require(‘./blog/wp-blog-header.php’);로 바꿔주면 됩니다.

5. 여기까지가 설정과정이며, 관리자 접속 주소는, 서브 디렉토리 이름이 blog 라면 http://wordpressblog.co.kr/blog/wp-admin/ 또는 wordpressblog.co.kr/blog/wp-login.php로 바뀌게 됩니다. 브라우저에 메인 도메인 주소로 접속해서 워드프레스 블로그 주소 변경이 제대로 되었는지 확인하면 마무리!!

이상 서브디렉토리에 설치된 워드프레스의 블로그 주소를 메인 도메인으로 변경하는 방법이였습니다.