HTML로 코딩 하면서 가장 어렵고 까다로운 부분이 form 태그 부분입니다. form안에는 input 태그와 label 태그를 이용해서 양식에 들어갈 입력란을 만들고 양식의 내용이 어떤 것이냐에 따라서 text, checkbox, radio, textarea, button, 등 여러가지 형태로 만들어집니다. 만들어 놓고 이를 레이아웃하여 정렬하는 것도 어렵죠. 그래서 전통적인 테이블 레이아웃을 많이 사용합니다. 테이블 레이아웃이란 table 태그를 이용해서 tr, td로 셀을 만들고 셀 안에 들어갈 것을 배치합니다. 이렇게 만들어진 레이아웃은 수정을 하려면 아주 어렵습니다. 일정한 폭이 정해져 있어서 반응형 디자인에서는 사용할 수도 없습니다. 그래서 웹표준에서는 테이블 레이아웃을 사용하지 말것을 권장하..
워드프레스 젯팩(Jetpack) 플러그인의 철자와 문법은 After the Deadline 이라는 교정 서비스로 인공지능을 이용하여 에러를 찾아내고 올바른 제안을 해서 글 작성을 향상시킵니다. 글 편집시 철자를 자동으로 교정해주는 기능이지만 영어권 언어만 지원되므로 생략합니다. 한글 안됨으로 번역을 추가해놨습니다. 볼트프레스는 월별 구독으로 사이트의 콘텐츠, 테마, 플러그인을 실시간으로 백업합니다. 뿐만 아니라 일반적인 위협이나 공격에 대비해 정기적인 보안 점검을 해주며 유료 서비스입니다. 더 알아보기 버튼을 클릭하면 설명이 나타나며 계획 및 가격 링크를 클릭하면 아래의 화면으로 이동합니다. 그라바타 호버카드 사용하기 그라바타 호버카드는 일종의 인터넷 명함입니다. 젯팩 페이지에서 그라바타 호버카드의 설정..
워드프레스의 공유 버튼 플러그인은 여러가지가 있지만 젯팩(Jetpack) 플러그인 팩을 설치하면 간단하게 사용할 수 있습니다. 젯팩 페이지의 공유 설정 버튼을 클릭하거나 설정-->공유를 클릭하면 위와같은 화면이 나타납니다. 여러가지 공유 버튼을 클릭하여 켜진 서비스나 우측의 짙은 회색 영역에 드래그해 배치하면 됩니다. 짙은 회색 영역은 블로그 화면에서 처음에는 나타나지 않고 더보기 버튼에 마우스를 올리면 나타나는 영역입니다. 하단에서 실시간 미리보기에 나타납니다. 버튼 스타일을 선택하고 공유 레이블은 표시되는 제목을 바꿀 수 있습니다. "다음에서 링크 열기"는 버튼을 클릭했을 때 새 창에서 열 것인지 같은 창에서 열것인지 선택할 수 있고 "다음에 버튼 표시"는 버튼이 표시될 영역을 선택할 수 있습니다. ..
워드프레스의 새 글 쓰기에서 여러장의 이미지를 업로드하면 간단하게 이미지 갤러리를 만들 수 있습니다. 워드프레스 젯팩(Jetpack)의 캐러젤은 이렇게 만든 이미지 갤러리를 간단한 설정만으로 전체화면에서 이미지를 크게 볼 수 있고 내비게이션 버튼을 클릭하면 캐러젤(Carousel: 회전목마) 형태로 여러 이미지를 둘러 볼 수 있는 환경을 제공합니다. 우선 이미지 갤러리 만드는 방법을 알아봅니다. 워드프레스 새 글 쓰기 화면에서 미디어 업로드 버튼을 클릭하면 미디어 추가 화면이 나타납니다. 파일선택 버튼을 클릭해서 내 컴퓨터의 이미지를 Shift키나 Ctrl 키를 사용해서 여러장 선택하고 열기 버튼을 클릭하면 업로드 됩니다. 창의 하단에서 "모든 변경 사항 저장" 버튼을 클릭하면 상단에 갤러리 탭이 만들어..
대부분의 경우 내 워드프레스 블로그의 방문자는 많지만 다시 방문하도록 하기는 힘든 일입니다. 하지만 방문자로 하여금 구독하도록 하면 새글이 올라왔을 때 워드프레스 젯팩(Jetpack)이 방문자에게 통지하여 다시 방문 할 수 있도록 해서 트래픽을 증가시킬 수 있습니다. 젯팩 플러그인으로 이것이 가능한 것은 워드프레스 닷컴이 있기 때문입니다. 워드프레스 닷컴의 서버는 이메일을 보내거나 관리하는 모든 작업을 블로거 대신 해줍니다. 그것도 무료로 가능한 것입니다. 내 워드프레스 블로그 방문자는 새 글을 구독하거나 자신이 댓글을 단 글에 새 댓글이 있는 경우 이를 구독 할 수 있도록 선택할 수 있습니다. 구독은 두가지 방법이 가능하며 하나는 기본으로 사용할 수 있도록 설정돼 있고 다른 하나는 위젯을 위젯영역에 배..
워드프레스 젯팩(Jetpack) 댓글 플러그인을 사용하면 기존의 댓글 폼과 교체되며 소셜 네트워크 서비스의 페이스북이나 트위터 계정이 있는 방문자가 해당 계정으로 댓글을 달 수 있습니다. 젯팩 페이지에서 젯팩 댓글의 설정 버튼을 클릭하면 토론 설정 화면의 하단으로 이동하며 플러그인 설치로 인해 젯팩 댓글 항목이 추가돼 있습니다. 인사 글은 원하는 내용을 입력하여 수정할 수 있습니다. 색상표에서 3가지 중 하나를 선택하고 저장 버튼을 클릭합니다. 글의 댓글 폼에서 글 입력 상자를 내부를 클릭하면 내용이 펼쳐집니다. 워드프레스 계정이 로그인 돼 있는 경우 사진처럼 아이디가 나타납니다. 트위터나 페이스북 계정으로 로그인해서 댓글을 달려면 변경 링크를 클릭합니다. 3개의 아이콘이 나타나며 페이스북 아이콘을 클릭..
이전 글 에서 워드프레스 젯팩(Jetpack) 플러그인 설치하는 방법을 알아봤습니다. 워드프레스 젯팩 플러그인의 내용을 순서대로 알아볼 것이며 이번 글에서는 워드프레스닷컴의 통계 사용방법을 알아보겠습니다. 워드프레스 관리자 화면의 주 메뉴에서 젯팩을 선택하고 첫 줄에 있는 워드프레스 닷컴 통계의 활성화 버튼을 클릭하면 우측 그림처럼 전환됩니다. 설정 버튼을 클릭하면 다음 화면이 나타납니다. 관리자 바에 체크하면 블로그 상단의 툴바에 그래프가 나타나며 이 곳을 클릭하면 통계 페이지로 이동합니다. 스마일리는 체크 안한 경우 블로그 페이지 하단에 작은 스마일 이미지가 나타납니다. 이것으로 인해 푸터 부분이 상단으로 약간 이동해서 레이아웃을 망가트리는 경우 체크해 놓으면 사라집니다. 보고서 열람은 통계 페이지를..
젯팩은 워드프레스닷컴에서 기본적으로 사용되는 여러가지 플러그인을 한데 모아 팩으로 만들어 워드프레스 설치형에서 사용하고자 만든 클라우드 형태의 플러그인 팩입니다. 워드프레스에서 만들어 지속적으로 업그레이드 되고 있으며 대부분 무료이지만 유료인 것도 있습니다. 사용하려면 워드프레스 관리자 화면에서 통상적인 플러그인 설치 방법에 따라 Jetpack으로 검색해서 설치하면 한글로 바로 나타납니다. 최근에 한글 번역을 완료해서 워드프레스닷컴에 등록했습니다. 설치하는 방법을 간략히 설명하고 각 플러그인에 대해서는 추가로 글을 올리겠습니다. 설치하기 로컬호스트에서는 작동하지 않고 공개적으로 접근 가능한 웹호스팅에 설치한 워드프레스에서만 사용이 가능합니다. 주 메뉴에서 젯팩을 선택하고 WordPress.com으로 연결..
포럼 만들기 비비프레스의 포럼은 사용하기에 따라서 여러가지 용도를 정할 수 있습니다. 원래의 취지대로 토론을 위해 포럼을 만들 수 있지만 웹사이트의 게시판으로 사용할 수 있습니다. 블로그가 아닌 웹사이트라면 방문자가 문의사항에 대한 글을 쓸 수 있는 곳이 필요합니다. QNA용도로 쓸수도 있고 자유게시판으로 사용할 수도 있습니다. 여기서는 자유게시판을 만들어 보겠습니다. 비비프레스의 포럼은 실제 글을 쓰기 위한 공간을 의미하며 블로그의 페이지와 같은 역할을 합니다. 주메뉴에서 포럼새 포럼을 선택하면 포럼을 만들 수 있는 화면이 나타납니다. 일반 글 쓰기 화면과 같은 형태지만 옵션이 많이 다릅니다. 형식에서 포럼과 카테고리를 선택할 수 있는데 카테고리는 포럼을 카테고리 형태로 분류하기 위한 것이고 실제 포..
5-14 비비프레스(bbPress) 워드프레스가 탄생하기 이전에는 대부분의 프로그램이 게시판 형태였습니다. 게시판을 영어로 Bulletin Board라고 하는데 이 당시에 php로 개발된 프로그램의 이름들이 B가 들어가는 것이 많습니다. 확인되지는 않았지만 워드프레스의 전신인 b2/cafelog의 b도 이것을 의미하리다 생각됩니다. 그러니 워드프레스도 그 시작은 게시판이라고 할 수 있습니다. 게시판은 어떤 의견을 제시하고 그 의견에 대해 토론하는 것이 기본구조이며 토론을 위해서는 댓글이 기본적으로 가능해야합니다. 블로그는 댓글을 달지 못하도록 설정할 수 있지만 게시판에서 댓글을 못달면 게시판이라고 할 수가 없죠. 비비프레스는 게시판에서 한걸음 나아가 포럼이라는 개념으로 발전했습니다. 우리나라에서 포럼문화..