swk의 지식저장소

2020년 4월 27일부터 티스토리 모든 블로그에는 사이트맵이 자동 생성됩니다. 그동안 사이트맵 생성을 위하여 외부 서비스를 이용해야 했던 불편함을 개선하였습니다. 사이트맵은 특정 사이트 및 블로그 내부의 웹페이지 주소들을 포괄하여 정리한 목록으로, 검색엔진이 블로그의 문서를 수집하는 데에 도움을 줄 수 있습니다. 티스토리 블로그의 사이트맵 파일은 'https://블로그 주소/sitemap.xml'을 통해 접근할 수 있습니다. 블로그 관리센터 → 블로그 → 주소 설정'에서도 사이트맵의 위치를 확인할 수 있습니다. 티스토리 기본 사이트맵에는 다음과 같은 페이지의 주소(URL)가 포함됩니다. 블로그 홈 공개 상태인 카테고리 글 목록 공개 상태인 일반 글 공개 상태인 공지 글 공개 상태인 페이지 태그 모음 페..

티스토리 구글 서치콘솔 플러그인 Google Search Console (이하 구글 서치콘솔)에 티스토리 블로그를 손쉽게 등록하고 사이트맵을 자동으로 제출할 수 있는 플러그인입니다. 구글 서치콘솔이란 구글 검색 결과에서 사이트 및 블로그의 노출량과 클릭수, 그리고 주요 유입 검색어를 한눈에 살펴볼 수 있는 구글의 서비스입니다. (서비스 소개 바로가기) 서치콘솔이 없더라도 티스토리 블로그는 구글 검색결과에 정상적으로 노출되지만, 서치콘솔을 이용하시면 구글의 관점에서 블로그를 파악하고 관리할 수 있습니다. 서치콘솔 플러그인 사용 방법 이전까지 서치콘솔 등록을 위해선 별도로 소유권 확인 코드를 발급받고, 블로그 HTML 편집 등의 과정을 거쳐야 했습니다. 앞으로는 플러그인을 통해 클릭 몇 번으로 손쉽게 등록할..

웹용 API 키 발급 절차 1. 개발자 사이트 접속 – 로그인 2. 앱 생성 3. 도메인 등록 1. 개발자 사이트 접속 – 로그인 “카카오톡 개발자 사이트(Kakao Developer)“에 접속하면 우측 상단에 로그인 버튼이 보입니다. 로그인 계정은 카톡 가입할 때 사용한 이메일 주소와 비밀번호입니다. 카카오톡 PC버전에 접속할 때도 사용합니다. 잘 모르겠다면 스마트폰 카톡 앱 설정에서 계정을 확인하면 됩니다. 2. 앱 생성 로그인 후 상단 “내 애플리케이션” 을 클릭합니다. 아직 앱이 없습니다. “애플리케이션 추가하기” 버튼을 누릅니다. 앱 이름을 하나 지어줘야합니다. 아무거나 적되 이왕이면 영어로 띄어쓰기 없이 적는 것을 추천합니다. 이 포스트에서는 “My All” 이라는 앱을 만들어 보았습니다. 앱..

프로그램이나 어플리케이션을 만들다보면 디자인이라는 요소가 분명히 들어가게 되어있는데요. 이 디자인이라는 영역은 시간도 많이 잡아먹는 작업입니다. 또 미술쪽으로 재능이 없다면 애초에 하지도 못하는 디자인을 배워서 하기보다는 기존에 이미 되어있는 디자이너의 작품이나, 사진, 혹은 그림을 활용하면 디자인에 소요되는 시간을 획기적으로 단축할 수 있습니다. 오늘은 제가 이때까지 디자인을 하면서 참고했었던 여러가지 사이트들을 소개해드리려 합니다. 디자인할때 꼭 필요한 저작권 없는 무료 이미지 사이트 정리 1. 픽사베이 (https://pixabay.com/) 아마 무료이미지 사이트중에 가장 유명하지 않을까 싶습니다. 무려 160만개의 이미지와 비디오가 저장되어있다고 합니다. 모두 상업적으로 이용이 가능한것들만 모아..

현재 진행 중인 홈페이지 개발 프로젝트이다. 워드프레스 프레임워크를 사용 중이며, 표를 만들기 위해 tablepress 플러그인을 사용하고 있다. 문제 해결방법을 찾기 위하여 해당 플러그인의 API를 검색해보고 외국인들의 질의응답도 분석해보았지만 답이 나오지 않았다. 하지만 해결방법은 매우 간단했다. 이 것을 보면 금방 해결할 수 있으니 참고하면 된다. 문제는 다음과 같다. 웹 상에서는 문제가 없어보인다. 하지만.. ctrl + shift + tab을 눌러서 모바일 디바이스에서는 어떻게 반응을 하는지 살펴보았다. 웹 상에서는 없었던 Preview, Product 라는 내용이 보이는가? 종합정밀점검 부분은 내용 앞에 Price가 추가되어 있다. td.column-1::before이라는 위치의 css 파일을..

블로그를 운영하고 포스팅을 하다보면 어쩔 수 없이 표를 만들어야 할 때가 있습니다. 저 같은 경우에는 금융쪽 포스트를 주로 하기 때문에 표가 필요한 경우가 많습니다. 그리고 이 블로그는 워드프레스 기반의 블로그인데요. 포스팅을 할 때 표를 그려야 할 상황이면 처음에는 내부 에디터에 있는 표 그리기 기능을 사용했는데 표를 만들면 꼭 필요한 병합 기능이 없어 여간 불편한게 아니었습니다. 그래서 무료이면서 비교적 간단하게 사용 가능한 플러그인인 테이블프레스 (Tablepress) 플러그인을 설치했습니다. 테이블프레스 테이블프레스는 워드프레스 표만들기 관련 플러그인중에 가장 인기있는 플러그인입니다. 플러그인 검색에서 “tablepress”로 검색하면 1번으로 노출되는 것이 있는데 이게 테이블프레스 이며 바로 설..

TablePress는 워드프레스에서 표를 삽입하는 대표적인 플러그인 중 하나입니다. 이 프 만들기 플러그인은 현재 80만 개 이상 사이트에서 사용될 정도로 인기를 끌고 있습니다. 이 글에서는 TablePress로 만든 표를 구미에 맞게 수정하는 방법을 살펴보겠습니다. 목차 워드프레스 표 만들기 플러그인 TablePress 표 커스터마이징하기 표 외곽 테두리선과 음영(그림자) 효과 텍스트 정렬 TablePress 표의 너비 조정 세로 선 삽입하기 참고: 워드프레스 표 만들기 플러그인 TablePress 표 커스터마이징하기 워드프레스 사이트에서 TablePress 플러그인을 사용하면 편리하게 표(테이블)를 만들어 삽입할 수 있습니다. 하지만 자동으로 만들어지는 표를 그대로 사용하기에는 다소 불만일 수 있습니..

Contact Form 7은 무료 컨택트 폼(폼메일) 플러그인으로 기본적인 컨택트 폼을 만들기에 유용한 플러그인입니다. 더구나 다양한 무료 또는 무료 애드온 플러그인이 있기 때문에 원하는 기능을 확장할 수 있습니다. 예들 들어, Contact Form 7 Add-on Bundle 플러그인을 이용하면 필드 반복 추가, 조건부 로직, 비용 계산, 자동 완성, 멀티스텝, 감사 페이지/실패 메시지 페이지 등의 애드온 플러그인이 모두 포함되어 있습니다. 조건부 로직과 다단계 기능은 무료 플러그인도 있습니다. 워드프레스 컨택트 폼에서 조건부 필드 만들기 Contact Form 7 Multi-Step Forms (무료 플러그인) 다만 플러그인을 여러 개 설치하는 것은 좋지 않기 때문에 가급적 플러그인 개수를 최소화하..

요즘에는 Envato Market의 Themeforest에서 워드프레스 테마를 많이 구매합니다. 다양한 마켓이 있지만 여기에서는 Themeforest 테마의 라이선스 키(정확히는 Item Purchase Code)를 확인하는 방법에 대해 설명하겠습니다. 기본적인 내용이지만 이와 관련하여 궁금해하시는 분들이 간혹 계시네요. 라이선스 인증서 & 구매 코드 다운로드 먼저 Envato Market에 로그인하도록 합니다. 로그인했다면 오른쪽 상단에 사용자 이름이 표시됩니다. 사용자 이름에 마우스들 대면 아래 그림과 같은 드롭다운 메뉴가 표시됩니다. Downloads를 클릭합니다. 구매한 테마나 플러그인이 표시됩니다. 구매 코드를 확인하려는 테마 옆의 Download를 클릭합니다. 그러면 다음과 같은 항목이 표시됩..

본문에 앞서 플러그인은 워드프레스에 기능을 추가하고 확장하기 위한 도구입니다. 이 글에서는 15개의 워드프레스 플러그인에 대해 논의할 예정입니다. 이러한 플러그인은 사이트에 다양한 기능을 추가하여 더 나은 사이트를 만들 것입니다. 여러분의 웹사이트의 특징에 따라 필요로 하는 플러그인들을 결정하지만, 모든 워드프레스 블로그에 필요한 보안, 속도, SEO등 관련된 필수 플러그인이 있습니다. 워드프레스에는 작업을 줄이는 유용한 플러그인이 많이 있습니다. 공식 플러그인 저장소에는 5만 6천 개 이상의 플러그인이 포함되어 있습니다. 즉, 웹사이트에 필요한 거의 모든 기능을 가진 플러그인이 있습니다. 또한 같은 기능에 대해 여러 개의 플러그인을 찾을 수 있습니다. 필요한 작업은 프로젝트에 적합한 최상의 플러그인을 ..