Jeffrey Oh's Notepad

블로그 설정 검색 결과

해당 글 10건

티스토리 설정 (10) - WordPress 게시글 포스팅 연동

이번 설정은 Tistory -> WordPress 로 게시글 자동 포스팅을 연동해보려고 한다. 반대로 WordPress -> Tistory 방법도 있지만 글쓴이의 주 블로그는 현재 티스토리이기 때문에 패스 ! 분량이 많으니 집중하시고 따라와주세요 ! 잘모르시는건 질문 바랍니다. Zapier 우선 WordPress로 연동하기 위해서는 Zapier라는 외부 사이트를 통해 Rss를 생성해야 한다. Zapier 바로가기 Zapier는 IFTTT와 비슷한 사이트로 찾아본 바 월 1000번 전송은 무료 요금으로 사용할 수 있다. Tistory RSS 설정 메인페이지에서 자신의 원하는 계정을 통해 로그인을 한 다음 좌측 사이드메뉴에서 MAKE A ZAP을 클릭한다.(하단에 무료확인) Search apps란에 Rss ..

티스토리 설정 2020. 12. 15. 11:44

티스토리 설정 (9) - Twitter & Facebook Page 게시글 포스팅 연동

글을 새로 작성하고 포스팅을 완료하였을 때 자동적으로 Twitter와 Facebook Page에 게시글이 연동되는 방법을 소개한다. Facebook Page 개설 우선 해당 게시글을 끝까지 마치기 위해서는 Facebook Page 개설이 필요하다. 페이지를 개설한 적이 없다면 링크를 타고가서 새로 만들어 주도록 하자. Facebook Page 개설 해당 항목을 입력 후 페이지 만들기 클릭 Twitter 연동 Twitter 연동은 2가지 방법이 있다. 티스토리에서 제공하는 플러그인 사용 현재 작성 중인 피드의 방법을 사용 1번 같은 경우는 관리자 메뉴 > 플러그인 에서 트위터 글 보내기를 이용하여 계정연동을 해준다. 자동적으로 Twitter에 글이 올라간다. 하지만 지난 2주간 테스트해본 결과 잘 올라가지..

티스토리 설정 2020. 12. 10. 14:21

티스토리 설정 (8) - Zum 검색등록

티스토리 유입 경로에는 Zum 포털사이트도 있다. Zum에서도 검색등록이 별도로 있는데 추가해보도록 하자.Zum 검색등록 바로가기 Zum - 사이트 검색등록 위 링크를 새 창으로 열고나면 다음과 같은 화면이 나오는데 신규등록 버튼을 클릭한다. 다음 화면에서 필수 값을 입력하고 신청하기를 클릭한다. 글쓴이는 사이트명과 사이트 소개 란에는 meta 태그 내용을 그대로 입력했다. Zum은 등록하는 절차가 매우 간단하며 1 ~ 3 일 내로 신청이 완료되었다는 이메일 발송을 해준다. 그러면 Zum에서도 조금씩이나마 새로운 유저가 유입될 것이다 !! (쓰니는 몇 명 안되어서 슬픔.. 방문자분들은 많이 유입되길)

티스토리 설정 2020. 12. 10. 14:21

티스토리 설정 (7) - Markdown Code Snippet Copy to Clipboard Button 만들기

티스토리에서는 마크다운으로 글을 작성할 수 있다. 마크다운에는 코드를 이쁘게 삽입할 수 있는데 글을 작성하고나면 해당 코드블럭이 태그로 감싸진다. 이를 이용하여 해당소스를 버튼으로 내용복사가 되게끔하는 Style, Script를 추가해보도록 하겠다. (스타일을 1도 모르는 개발자로써 이쁘지않은건 눈감아주기 ㅎㅎ 대충만듦.. 스타일 잘하시는 분들은 커스텀해서 쓰세요 !) Style 부분 (스크립트도 잘 못함..) Script 부분 위의 소스들을 스킨편집에서 html 편집으로 들어간 다음 태그 안에 붙여넣는다. 실행결과 Markdown으로 추가한 Code Snippet 부분에 마우스를 올려보면 hover 기능을 통해 svg 태그가 보인다. 해당 버튼에 마우스를 올려보면 다음과 같이 Copy to Clipbo..

티스토리 설정 2020. 12. 10. 14:20

티스토리 설정 (6) - Google Adsense 추가

시작하기 이제 꾸미고 검색 노출 시키고 다해봤으니 블로그의 꽃 ! Google Adsense를 추가해 보도록 합시다 Google Adsense 바로가기 메인페이지로 접근하여 Google 계정으로 로그인을 하고 시작하기 버튼을 클릭 가입 절차 (1) 블로그 URL을 복사하여 넣고 이메일 주소는 Google 계정을 기입해주세요. 정보는 마음대로 선택 후 저장하고 계속하기 클릭 가입 절차 (2) 국가 또는 지역 선택을 하고 이용약관 동의 체크 후 계정 만들기 클릭 결제 프로필 만들기 이런 팝업이 뜨는데 시작하기 그냥 누르시면 됩니다. Google 계정에 대해 결제 프로필을 만드신 적이 없다면 처음에 들어오자마자 프로필을 만들라고 합니다. 기존에 작성한게 있다면 그대로 사용하시면 되고 주소가 바뀌었다면 주소만 ..

티스토리 설정 2020. 12. 10. 14:20

티스토리 설정 (5) - Google Search Console 추가

앞서 Naver Search Advisor 추가를 해보았고 이번에는 Google Search Console을 추가해보도록 하자. Google Search Console Google 서치 콘솔(Search Console)을 사용해 내 사이트의 검색 트래픽 및 실적을 측정하고, 문제를 해결하며, Google 검색결과에서 내 사이트가 돋보이게 할 수 있다. Google 계정이 없다면 새로 만들어야 한다. 소유권 확인 GooGle Search Console 링크를 타고 들어가서 우측옵션에 본인의 블로그 주소를 입력 후 계속 클릭 그 다음 역시나 운영 중인 사이트를 등록하려면 HTML 파일을 다운받아 루트(/) 경로에 추가하고 기본 블로그는 HTML 태그를 사용한다. 태그를 복사하여 스킨 편집 > HTML 편집 ..

티스토리 설정 2020. 12. 10. 14:20

티스토리 설정 (4) - Naver Search Advisor 추가

이제 어느 정도 앞서 설정했던 부분들로 기본은 마무리 된 것같으니 Naver Search Advisor를 등록해보자 Naver Search Advisor 위 링크를 클릭하고 네이버 로그인 후 상단에 웹마스터 도구를 클릭 하면 다음과 같은 화면을 볼 수 있다. 사이트 등록 먼저 어떤 사이트를 등록할 것인지 URL을 추가 사이트 소유 확인 블로그가 아닌 운영중인 사이트를 등록하려면 HTML 파일 업로드 옵션을 이용하고 현재는 블로그를 등록하는 것이기 때문에HTML 태그 옵션을 이용한다. 해당 태그를 복사하여 티스토리 스킨 편집 > html 편집 으로 진입해 head 태그에 추가한다. (2020-12-08 추가 시작) 들어온김에 !!!태그에 기본 치환자는 일 텐데 이대로하면 검색 노출 시 블로그의 이름만 나오..

티스토리 설정 2020. 12. 10. 14:20

티스토리 설정 (3) - Meta Tag 설정

포털 사이트에서 검색에 노출되기 위한 Meta Tag를 설정해보자 Meta Tag ? 메타 엘리먼트(meta element)는 웹페이지에 대한 구조적인 메타데이터를 제공하기 위한 HTML, XHTML의 형태의 태그를 일컫는다. 메타 엘리먼트는 페이지 정보, 키워드와 같이 'head' 엘리먼트로 표현할 수 없는 메타정보를 기술하는데 사용된다. 메타 엘리먼트는 크게 두가지 용도로 사용될 수 있는데, HTML 문서에 추가적인 메타정보를 기술하기 위해 사용되기도 하며, HTTP 응답 헤더를 에뮬레이트하기 위해 사용되기도 한다. 위키백과 간단히 말하면 문서에 대한 정보를 담아둘 수 있는 태그다. 자주 쓰이는 태그 모음 현재 글쓴이는 위 처럼 관리한다. 하나씩 설명에 들어가겠다. viewport (필수) viewp..

티스토리 설정 2020. 12. 10. 14:20

티스토리 설정 (2) - 블로그 기본 설정

이제 앞으로 적용할 구글 에드센스, 검색포털 노출 등을 위한 블로그 기본 설정을 해보자 블로그 설정 티스토리 관리자로 접근하면 좌측 사이드 메뉴 하단에 관리 > 블로그를 클릭한다. 블로그 이름 블로그 이름은 치환자로 들어가는 값이다. (치환자는 meta tag에서 다룰 내용이다) 닉네임 수식어 닉네임 수식어를 설정하기 전에 닉네임을 먼저 설정해보자 우측 상단 대표이미지(혹은 무지가 웃고있는 이미지)를 클릭 후 계정관리 클릭 여기에서 내 계정 > 기본정보로 들어간 다음 닉네임 부분을 수정해주면 된다. 들어온김에 대표이미지도 추가하자 변경사항을 저장한 후 다시 닉네임 수식어 설정하는 곳으로 돌아와서 원하는 수식어를 설정하자 글쓴이는 프로페셔널한 이라는 수식어를 붙였고 닉네임은 JeffreyOh로 설정하였기 ..

티스토리 설정 2020. 12. 10. 14:20

티스토리 설정 (1) - Custom Skin

Custom Skin Description 현재 블로그에서 사용중인 스킨은 CCZ-CROSS이며 WEBDIR 에서 배포 중이다. WEBDIR 실제로 적용된 모습은 아래처럼 보인다. 설정방법 지금부터 천천히 따라서 해보도록 하자 (내용의 일부는 WEBDIR 에서 인용했다.) Skin Download 스킨을 먼저 다운받도록하자 (스킨 다운로드) 실제 WEBDIR에서 배포중인 링크와 똑같으니 안심하고 받아도된다. Skin Apply 티스토리 관리 페이지에 접속합니다. 꾸미기 스킨 → 스킨등록 버튼을 클릭합니다. 스킨저장명에 적당한 이름(ex. ccz-cross)을 입력하고 추가버튼을 통해 index.xml, skin.html, style.css, preview.gif 및 images 폴더의 모든 파일을 업로드..

티스토리 설정 2020. 12. 10. 14:20