BLOG ARTICLE 텍스트큐브 | 5 ARTICLE FOUND

  1. 2010.01.13 플러그인설치
  2. 2010.01.13 스킨변경
  3. 2010.01.13 메뉴(분류)관리
  4. 2010.01.13 TextCube 글올리기
  5. 2010.01.03 TextCube 설치하기

1. 텍스트큐브 확장판에는 기본적으로 다양한 플러그인을 제공한다. 플러그인이란 텍스트큐브의 부가적인 기능을 위한 모듈을 말한다. 여기서는 확장판에서 기본으로 제공하는 플러그인은 물론 제 3자에 의해 배포되는 플러그인을 설치하는 방법에대해 알아보겠다.



2. 우선 플러그인 작업을 위해 관리자 화면으로 이동한다. 먼저 블로그 화면에 방문자 수를 그래프로 출력하는 플러그인을 활성화 해 보겠다. 우선 "꾸미기" 메뉴의 "사이드바 위젯" 항목을 클릭한다.



3. 아래 그림은 사이드바 위젯 화면이다. 이 그림에서 "추가가능한 플러그인"(붉은색 박스) 부분을 보면 빈 상태임을 확인할 수 있다.
 


4. 이제 "플러그인" 메뉴의 "플러그인 목록"을 클릭한다.



5. 플러그인 목록 화면을 보면 아이콘들이 출력되는데 활성화된 플러그인을 컬러로 비활성화된 플러그인은 회색으로 나타난다. 각 아이콘을 클릭하면 활성화 상태가 변한다. 아이콘의 첫 줄 가장 오른쪽 아이콘이 방문자 통계를 그래프로 표시하는 플러그인으로 현재 비활선화 상태이다. 이를 활성화하기 위해서 아이콘을 클릭한다.
 


6. 아래 화면은 방문자 통계그래프 플러그인이 활성화 된 상태가 됐음을 보여준다. 여기서 다시 한번 더 클릭하면 비 활성화 상태로 변경된다. 일단 이 플러그인을 활성화된 상태로 설정한다. 통계그래프 플러그인은 블로그의 사이드에 표시되는 위젯으로 이 블로그를 보이게 하려면 활성화하는 것만으로는 부족하며 위치를 지정해야 한다. 이는 "사이드바 위젯"을 통해 그 위치를 지정할 수 있다. 각각의 플러그인들은 그 설정방법이 각기 다르므로 플러그인에 대한 파악을 잘 해야 한다.



7. 통계그래프 플러그인이 활성화 된 상태에서 "꾸미기" 메뉴의 "사이드바 위젯" 화면을 보면 "추가 가능환 플러그인"에 통계그래프가 표시된 것을 확인할 수 있다. 이것을 우측의 달력 아래에 끌어놓기를 한다.



8. 올바르게 끌어놓기를 하면 아래 그림과 같이 달력 아래에 통계그래프가 나타난다.



9. 이제 블로그로 이동해 보자. 그러면 달력 아래에 통계그래프가 출력됐음을 확인할 수 있다.



10. 이제 확장판에 기본으로 제공되지 않는 플러그인의 설치 방법을 살펴보자. 이런 플러그 인들은 텍스트큐브 배포 사이트(http://www.textcube.org)에서 다운로드 할 수 있다. 이 예에서는 블러그의 글에 파란(Paran) 지도를 삽입할 수 있는 플러그인을 설치하려고 한다. 우선 이 플러그인을 받기위해 텍스트큐브 배포사이트의 "플러그인" 메뉴를 클릭한다.



11. 파란지도 플러그인을 찾아 해당 아이콘을 클릭한다.



12. 일반적으로 플러그인들은 압축파일 형태로 배포된다. 이 경우에는 확장자가 ".zip"인 파일을 받는다.



13. 플러그인이 저장된 폴더로 이동한다음 압축을 푼다.



14. 아래 그림은 알집을 이용한 예를 보여준다.



15. 압축을 풀면 다음과 같은 폴더가 생긴다. 그러나 이용한 압축 프로그램에 따라 또는 압축을 푸는 방법에 따라 아래 그림과는 다른 폴더가 생길 수 있다.



16. 다운로드 한 플러그인을 블로그에 설치하려면 FTP 프로그램을 이용 압축을 푼 플러그인 폴더를 서버의 텍스트큐브가 설치된 폴더(기본값은 tc) 안에 있는 "plugins" 폴더에 업로드하면 끝이다. 이 때 업로드할 폴더는 "index.xml" 파일을 가진 폴더를 올리면 된다. 예에서는 "KTH_Insidemap" 폴더 안에 "index.xml" 파일을 가지고 있으므로 이 폴더를 서버의 "plugins" 안에 업로드하면 된다.



17. 업로드에 성공했으면 블로그 관리자 화면에서 플러그인 목록을 보자. 그러면 화면 하단에 "파란인사이드맵" 플러그인이 나타난다. 이를 클릭해 활성화 하자.



18. 아래 그림은 "파란인사이드맵"이 활성화 된 상태를 보여준다.



19. 이 플러그인은 글을 작성할 때 파란지도를 글 중에 삽입할 수 있도록하는 플러그인으로 글쓰기 화면에서 확인할 수 있다.



20. 글쓰기 화면에서 본문입력창 하단을 보면 "지도첨부" 버튼이 나타나며 본문의 원하는 위치에 이 버튼을 클릭하여 지도를 삽입할 수 있다. 그러나 이 플러그인은 ActiveX를 이용하기 때문에 Internet Explorer 에서만 동작한다.



'홈페이지 > TextCube' 카테고리의 다른 글

스킨변경  (0) 2010.01.13
메뉴(분류)관리  (0) 2010.01.13
TextCube 글올리기  (0) 2010.01.13
TextCube 설치하기  (0) 2010.01.03
AND

스킨변경

홈페이지/TextCube 2010. 1. 13. 20:32
1. 블로그를 처음 설치하면 다음과 같은 디자인의 스킨이 적용되 출력된다. 이번에는 블로그에 다른 디자인의 스킨을 적용하는 법에 대해 살펴보겠다.



2. 스킨을 변경하려면 먼저 관리자화면에서 "꾸미기" 메뉴의 "스킨선택" 항목을 누른다.



3. 스킨선택 화면을 보면 기본적으로 두 개의 스킨이 제공되고 있음울 보여준다. 아래 그림에서 화면 좌측의 붉은 박스부분은 현재 블로그에 적용되고 있는 스킨을 나타낸다. 이제 다른 스킨(Standard Skin)을 적용하기 위해 아래 그림에서와 같이 우측 붉은 박스 부분의 "적용" 버튼을 클릭한다.



4. 스킨을 변경하게 되면 기존에 적용된 몇몇 설정들이 초기화 된다. 아래 그림은 이와 관련된 경고 메세지 창을 나타낸 것이다. 여기서 스킨을 변경하려면 "확인" 버튼을 클릭한다.



5. 이제 새롭게 적용된 스킨이 화면 좌측 붉은 박스로 된 부분에 나타난다.



6. 이제 블로그로 돌아가보자 그러면 먼제와는 다른 스킨이 적용됐음을 확인할 수 있다.



7. 이제 제 3자에 의해 제작된 스킨을 적용하는 방법을 살펴보자. 텍스트큐브 배포 사이트(http://www.textcube.org)에서 "스킨" 메뉴를 클릭하면 다양한 스킨을 다운받을 수 있다.



8. 여기서 적당한 스킨을 선택 다운받는다. 이 때  "TC"는 텍스트큐브를 "TT"는 태터툴스를 의미한다. 태터툴스란 텍스트큐브의 옛 명칭으로 버전업 되는 과정에서 현재 텍스트큐브로 변경됐다. 태터툴스 버전을 받아도 대부분 텍스트큐브에 적용이 가능하나 간혹 제대로 출력되지 않는 경우가 있으니 유의하자.



9. 여기서는 멀더스킨을 선택했다.



10. 다운받은 파일을 적당한 곳에 저장하고 압축을 푼다.



11. 압축을 풀면 폴더명에 한글이 사용됐는데 이처럼 한글이나 몇몇 특수문자가 포함되면 안된다. 따라서 폴더명을 변경해야 한다.



12. 아래 그림은 폴더명을 수정했음을 보여주고 있으며 이 폴더를 서버에 올리면 된다.



13. 다운받은 스킨 폴더를 서버에 올리기 위해 FTP 프로그램을 실행 접속한다. 그리고 서버의 "tc/skin/blog" 폴더로 이동한 후 위에서 이름을 변경한 스킨 폴더를 마우스 오른쪽 클릭을 통하여 올린다. 여기서 스킨폴더란  "skin.html", "index.xml" 을 포함하고 있는 폴더를 의미한다. 



14. 업로드가 완료됐으면 "tc/skin/blog" 폴더 아래에 업로드한 폴더가 보인다.



15. 업로드 후 다시 블로그의 "스킨선택" 화면을 보면 지금 올린 멀더 스킨이 나타난다. 여기서 "적용" 버튼을 클릭한다.



16. 이제 멀더스킨이 적용됐음을 확인한 후 블로그로 이동해 보면 새로운 스킨이 적용됐을을 알 수 있다.



17. 아래 그림은 멀더스킨이 적용된 화면이다.


'홈페이지 > TextCube' 카테고리의 다른 글

플러그인설치  (0) 2010.01.13
메뉴(분류)관리  (0) 2010.01.13
TextCube 글올리기  (0) 2010.01.13
TextCube 설치하기  (0) 2010.01.03
AND

1. 블로그의 메뉴관리는 관리자 화면에서 "글" -> "분류관리" 메뉴를 통해 설정할 수 있다.



2. 먼저 "전체" 메뉴 아래에 "안산1대학"을 만들기 위해 화면 좌측의 "전체" 메뉴를 클릭한 후 만들기 항목에 "안산1대학"을 입력하고 "추가하기"를 클릭한다.



3. 이번에도 "전제" 메뉴 아래에 "여행"을 만들어 보자. 이 역시 "전체" 메뉴를 클릭한 후 만들기 항목에 "여행"을 입력하고 "추가하기"를 클릭하면 된다.



4. 위와 같은 방법으로 아래와 같은 형태의 며뉴를 만들어 보자.



5. 이번에는 "안산1대학" 메뉴 아래에 "대학생활"이라는 서브 메뉴를 달아보자. "안산1대학" 아래에 서브메뉴를 만드는 것이므로 화면 좌측에서 "안산1대학"을 클릭한 후 만들기 항목에 "대학생활"을 입력한 후 "추가하기"를 클릭한다. 참고로 텍스트큐브에서 서브메뉴는 두 단계까지만 허용한다. 따라서 "대학생활" 아래에는 서브메뉴를 달 수 없다.



6. "안산1대학" 메뉴에 서브메뉴 "대학생활"이 달린 것을 확인할 수 있다.



7. 전체 메뉴의 구성을 아래와 같이 만들어 보자.



8. 메뉴의 위치 조정은 조정을 원하는 메뉴를 클릭한 후 "정렬순서변경" 버튼을 클릭하면 된다. "음악" 메뉴를 "사진" 메뉴 위쪽으로 이동하려면 "음악" 메뉴를 클릭한 후 "위로" 버튼을 클릭한다. 이 때 "음악"의 서브메뉴들도 함께 이동한다.



9. 이 상태에서 다시한번 "위로" 버튼을 클릭하면 "여행" 메뉴 위에 "사진" 메뉴가 위치하게 된다.



10. 이번에는 "사진"의 서브메뉴인 "풍경"을 올리기 위해 "위로" 버튼을 클릭해 보자.



11. "풍경" 메뉴가 "전체" 메뉴의 서브메뉴로 되었다. 여기서 다시한번 "위로" 버튼을 클릭해 보자.



12. "풍경" 메뉴가 "여행"의 서브메뉴가 됐고 여행 서브메뉴 중 가장 위에 위치하고 있다. 이 상태에서 "아래로" 버튼을 클릭해보자.



13. 여행의 서브매뉴가 된 "풍경"은 "국내여행"과 "해외여행" 사이로 이동한다. 참고로 서브메뉴를 가진 "안산1대학", "음악", "사진", "여행"과 같은 1 단계 메뉴들은 위치 이동시 위 8항에 언급된 것과 같이 서브메뉴들과 함께 1 단계 메뉴 사이에서 위치가 변경되고 2 단계 메뉴 또는 서브메뉴를 가지지 않은 1 단계 메뉴의 경우에는 위치 이동시 1칸식 이동하여 그 위치에 따라 1 단계 메뉴가 될 수도 있고 2 단계 메뉴가 될 수도 있다.



14. 아래와 같은 구조의 메뉴를 만들어 보자.



15. 메뉴 삭제의 경우 삭제를 원하는 메뉴를 클릭한 후 "삭제" 버튼을 클릭하면 된다. "음악"의 서브메뉴 "팝"을 삭제하려면 "팝" 메뉴를 클릭하고 "삭제" 버튼을 클릭하면 된다.



16. "음악" 메뉴는 서브메뉴 "가요"를 가지고 있으므로 삭제할 수 없다. 따라서 "음악" 메뉴를 삭제하기 위해서는 서브메뉴 "가요"를 삭제해야 된다.



17. "가요" 메뉴를 삭제한다.



18. "가요" 메뉴 삭제 후 "음악" 메뉴를 클릭해 보면 삭제가 가능해졌음을 확인할 수 있다. 이제 "음악" 메뉴를 삭제하자.



19. 아래 그림은 "음악" 메뉴를 삭제한 후의 메뉴 형태를 보여준다.
 


20. 아래와 같은 메뉴를 구성해 보자.



21. 이제 "나만의일기" 메뉴를 클릭한 후 "공개 설정" 항목의 체크박스를 선택하여 메뉴 "나만의일기"를 비공개로 설정해 보자. 이처럼 비공개로 설정된 메뉴는 로그인 하지 않으면 블로그에서 감춰지고 이 메뉴에 속한 글 역시 볼 수 없다.



22. 이제 "글목록" 메뉴를 클릭해 보자.



23. 이미 작성된 글  중 하나의 제목을 클릭한다.



24. 글 수정화면에서 분류 항목의 "펼침메뉴" 중 하나의 항목을 선택하고 "저장후 돌아가기"를 클릭한다. 아래 그림에서는 "펼침메뉴" 중 "해외여행"을 선택하였다.



25. 글 목록을 보면 위에서 수정한 글의 분류가 변경됐음을 확인할 수 있다.



26. 이제 블로그로 돌아와 보면 화면 우측에 메뉴가 보이고 각 메뉴 옆에 그와 관련된 글의 수가 표시돼 있을을 알 수 있다.



'홈페이지 > TextCube' 카테고리의 다른 글

플러그인설치  (0) 2010.01.13
스킨변경  (0) 2010.01.13
TextCube 글올리기  (0) 2010.01.13
TextCube 설치하기  (0) 2010.01.03
AND

1. 블로그 화면에서 "Write a Post"와 같이 글올리기와 관련된 메뉴를 찾아 클릭한다.



2. 관리자 정보를 입력 로그인한다.



3. 로그인에 성공하면 글쓰기 화면으로 이동한다. 만약 제어판, Control Panel, 관리자, Admin 등과 같은 메뉴를 이용 로그인 했다면 관리자 화면에서 "글" -> "글쓰기" 메뉴를 클릭하면 글쓰기 화면으로 이동한다.



4. 제목과 내용을 입력한다.



5. 글 중간에 그림과 같은 파일을 첨부하려면 글쓰기 화면 하단의 파일첨부 버튼을 클릭한다. 파일첨부 화면은 브라우저에 따라 다르게 나타날 수 있다.



6. 원하는 파일(이 예에서는 그림)을 찾아 선택한다. 여러개의 파일을 동시에 선택하여 업로드하는 것도 가능하다.



7. 파일 업로드에 성공했으면 아래 그림과 같이 파일이름이 출력된다. 이 그림을 본문에 삽입하려면 해당 파일을 클릭(좌측 붉은 테두리)하고 우측의 붉은 테두리로 표시된 아이콘을 클릭하면 된다. 10 개의 각 아이콘 위에 마우스 포인터를 위치시키면 기능을 설명하는 말풍선 도움말이 뜬다.



8. 아래 그림과 같이 본문에 그림이 삽입된 화면을 알 수 있다.



9. 본문에 삽입된 그림을 클릭하면 간단한 그림 속성 조정을 위한 항목이 우측에 나타나며 원하는 속성을 입력하면 된다.



10. 모든 글들은 태그와 지역값을 입력할 수 있다. 태그는 글의 주제어를 입력할 수 있는 항목으로 1 개 이상의 관련 주제어를 입력할 수 있다. 또한 지역은 글과 관련된 지역 정보를 입력할 수 있는 항목으로 대한민국 -> 경기도 -> 안산 등과 같은 형태로 입력 된다. 이 두 항목은 주제어 검색 또는 지역 검색을 통해 해당 글을 찾을 때 유용하게 사용된다. 태그와 지역 정보를 입력한 후에는 "저장 후 돌아가기"를 클릭 내용을 저장한다.



11. 글을 올린 후 블로그 화면을 보면 현재 작성한 글이 가장 처음 나타난다. 여기서 글의 속성을 보면 "배공개"로 되어있음을 볼 수 있다.



12. 관리자 화면의 우측 상단에서 "로그아웃" 항목을 클릭하여 로그아웃 한다.



13. 로그아웃 후 블로그 화면에는 방금 작성한 글이 나타나지 않는다. 이는 글이 비공개로 설정됐기 때문이다. 이제 이 글을 공개로 설정해 보자. 이를 위해 관리자로 로그인한다.



14. 관리자 화면의 "글" -> "글목록" 메뉴를 클릭한다.



15. 글 목록 화면에서 해당 글제목을 클릭하여 편집모드로 들어간다.



16. 수정할 내용이 있으면 수정 후 "저장 후 돌아가기" 버튼을 클릭한다.



17. 이제 해당 글을 비공개로 하기위해 아래 그림에서와 같이 상태변경 아이콘 중 붉은 테두리로 된 아이콘을 클릭한다. 세 개의 상태 아이콘 중 가장 좌측은 비공개, 중간은 암호설정, 우측은 공개로 변경하는 아이콘으로, 암호 설정 아이콘의 경우에는 해당 글에 설정된 암호를 입력해야만 글을 볼 수 있도록 한다. 



18. 블로그로 이동해 보면 글의 상태가 공개로 됐음을 확인할 수 있다. 그러므로 로그아웃 후에도 글이 나타난다.



19. 블로그 화면 상단의 "Tag List" 메뉴를 클릭하면 블로그 글에 등록된 모든 태그(주제어)들이 나타난다. 여그서 특정 태그를 클릭하면 클릭한 태그를 가진 글 목록이 출력된다.



20. 역시 블로그 화면 상단의 "Location Log" 메뉴를 클릭하면 등록된 모든글과 관련된 지역정보가 트리 형태로 출력되며 이것 역시 해당 지역을 클릭하면 그 지역과 관련된 글 목록이 출력된다.



21. 블로그의 모든 글들은 등록된 시간정보를 가지며 블로그 화면 우측의 달력에 글을 올린 날짜가 굵은 글씨로 표시된다. 달력 역시 날짜를 클릭하면 그 날짜에 등록된 글 목록을 표시한다.


'홈페이지 > TextCube' 카테고리의 다른 글

플러그인설치  (0) 2010.01.13
스킨변경  (0) 2010.01.13
메뉴(분류)관리  (0) 2010.01.13
TextCube 설치하기  (0) 2010.01.03
AND

1. 텍스트큐브를 다운로드 받기 위해 "http://www.textcube.org"에 접속한다.



2. 다운로드 메뉴의 텍스트큐브 내려받기 항목을 클릭한다.



3. 화면 우측 하단의 확장패키지 중 확장자가 ".tar.gz" 파일을 클릭하여 다운로드 한다.



4. 파일을 적당한 곳에 저장한다.



5. 다운로드 파일이 저장된 폴더를 연다. Firefox의 경우 다운로드 관리자에서 해당 파일에서 오론쪽 클릭을 통해 가능하다.



6. 폴더를 연 후 알집 등의 압축 프로그램을 이용 압축을 푼다.



7. 알집을 이용할 경우 우측의 tc 폴더를 적당한 폴더에 Drag & Drop 하여 압축을 푼다.




8. 서버의 자신의 계정에 압축이 풀린 텍스크큐브 폴더를 업로드 하기 위해 FTP 클라이언트프로그램(알FTP, FileZilla 등)을 이용 접속한 후 웹폴더(public_html)로 이동한다. 그리고 자신의 PC에 저장된 텍스트큐브 폴더(tc)를 public_html에 업로드한다.




9. 서버에 업로드가 완료됐으면 적당한 웹브라우저를 실행시킨 후 아래 형식의 주소로 접속한다음 설정화면에서 "Next" 버튼을 클릭한다.
http://hostname/~id/tc



10. 처음 텍스트큐브를 설치하는 경우 "새로운 텍스트큐브를 설정합니다" 항목을 클릭한다.



11. 텍스트큐브와 MySQL과의 연동을 위해 필요한 정보를 입력한 후 "Next" 버튼을 클릭한다.



12. 빨간 글씨로 권한 설정 경고 메세지가 뜨면 서버의 "tc" 폴더와 "tc/skin/blog" 폴더의 권한을 쓰기가 가능하도록 변경해야 한다.



13. 권한설정의 변경을 위해서는 FTP 클라이언트 프로그램(여기서는 FileZilla)을 이용하면 가능하다. 우선 "tc" 폴더에서 마우스 오른쪽 클릭을 한 후 "파일 권한" 메뉴를 선택 창이 뜨면 모든 읽기, 쓰기, 실행 항목을 선택한 후 확인 버튼을 클릭한다.




14. 13과 같은 방법으로 "tc/skin/blog" 폴더의 권한을 변경한다.




15. 권한 설정을 마쳤으면 브라우저에서 "F5" 키 등을 눌러 페이지 새로고침을 수행한다. 권한 설정이 올바르게 됐다면 "파일 시스템 권한"의 모든 항목에 "OK"가 표시된다. 그러면 "Next" 버튼을 클릭 다음 화면으로 진행한다.




16. 블로그를 단일사용자로 설정한 후 "Next" 버튼을 클릭한다.



17. 블로그 관리자 설정을 위한 정보를 그림의 예와 같은 형식으로 각자 입력한 후 "Next" 버튼을 클릭한다.



18. 마지막 설정을 위해 텍스트큐브 관리 툴 주소를 클릭한다.



19. 버전체크를 위한 대화창이 뜨면 "확인" 버튼을 클릭한다음 "OK" 버튼을 클릭하면 관리자 로그인 창이 뜬다.




20. 관리자로 로그인 하기위해 화면 17에서 정한 항목으로 입력하면 된다.



21. 블로그 초기 화면으로 이동 하려면 아래 주소로 접속하면 된다.
http://hostname/~id/tc


'홈페이지 > TextCube' 카테고리의 다른 글

플러그인설치  (0) 2010.01.13
스킨변경  (0) 2010.01.13
메뉴(분류)관리  (0) 2010.01.13
TextCube 글올리기  (0) 2010.01.13
AND