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) 플러그인 설치하는 방법을 알아봤습니다. 워드프레스 젯팩 플러그인의 내용을 순서대로 알아볼 것이며 이번 글에서는 워드프레스닷컴의 통계 사용방법을 알아보겠습니다. 워드프레스 관리자 화면의 주 메뉴에서 젯팩을 선택하고 첫 줄에 있는 워드프레스 닷컴 통계의 활성화 버튼을 클릭하면 우측 그림처럼 전환됩니다. 설정 버튼을 클릭하면 다음 화면이 나타납니다. 관리자 바에 체크하면 블로그 상단의 툴바에 그래프가 나타나며 이 곳을 클릭하면 통계 페이지로 이동합니다. 스마일리는 체크 안한 경우 블로그 페이지 하단에 작은 스마일 이미지가 나타납니다. 이것으로 인해 푸터 부분이 상단으로 약간 이동해서 레이아웃을 망가트리는 경우 체크해 놓으면 사라집니다. 보고서 열람은 통계 페이지를..