Category Archives: 워드프레스, 블로그

SSL이란? 크롬이나 사파리로 들어가보면 주소창 옆에 초록색으로 안전함이라고 뜨거나 자물쇠 모양이 채워져있고 주소가 http로 시작하지 않고 https로 시작하는 사이트가 SSL이 적용되어 있는 사이트다. 사실 자세한 건 모르겠고(자세한 건 검색해보면 잘 나옴) 웹페이지를 암호화하는 보안 기술이다. 솔직하게 말해서 나는 크롬에서 주소창 옆에 녹색으로 안전함이라고 뜨는게 예뻐서 적용하고 싶었다. (농담 반 진담 반) 그리고 블로그 속도도 더 빨라지고 인증서 설치유무가 구글 검색 결과의 순서에 영향을 끼친다고 해서 블로그를 오래 운영하려면 언젠가는 꼭 설치해야 한다는 생각을 가지고 있었다. 서론 그런데 생각보다 설치하는 방법이 어려웠다. 여러번의 도전과 포기를 반복하다가 겨우 설치에 성공했다. 그 방법을 최대한 쉽게 설명해보려고 한다. 일단 ssl 인증서는 무료와 유료가 있는데 … 더 보기

Posted in 워드프레스, 블로그 | Leave a comment

참고사항 : 카페24에서 지원하는 기본 이메일의 용량이 작고 제한도 있기 때문에 SSL인증서를 설치할 때(유효성 검사 인증을 받기 위해) 용도로 사용하는 정도가 적당한 것 같다. 카페24 관리자 화면에 들어가서 이메일계정 추가/삭제→추가신청에서 원하는 이메일 주소와 비밀번호를 입력한다. 구글 메일의 설정 → 계정 및 가져오기 → 다른 계정에서 메일 확인하기에서 메일 계정 추가를 클릭한다. 사용자 이름에는 메일 주소(admin@grye.com)를 입력하고 POP 서버에는 mw-002.cafe24.com를, 그리고 비밀번호를 입력해주면 된다.

Posted in 워드프레스, 블로그 | Leave a comment

내가 따로 구입한 나만의 도메인(toon7.com)을 블로거(구글 블로그 서비스, Blogger)에 연결해서 사용하는 방법을 쓰겠다. (내가 이용중인 사이트인 호스팅 케이알 (hosting.kr) 기준으로 설명하겠다.) 블로거의 관리자화면/설정/기본/글 발행에서 “타사 도메인 설정“을 한다. 이미지처럼 주소의 앞에 “www“를 붙여주고 하단에 “toon7.com을(를) www.toon7.com(으)로 리디렉션합니다.“를 체크해준다. 그리고 호스팅케이알에서 서비스 관리/도메인 관리에 들어가서 내가 구매한 도메인을 체크하고 하단에 “네임서버설정(무료)/네임서버(서브도메인) 설정 관리“를 체크한 후 “신청하기“를 클릭한다. 그러면 위의 화면이 뜨는데 설정 내용에 3줄이 없는 상태일 것이다. 그것을 하단에 “네임서버 설정 내용 추가” 부분에 입력해서 추가해줘야 하는데, 그것은 앞에 블로거의 화면에 중간쯤에 보면 있다. (www ghs.google.com과 밑의 모자이크된 부분.) 나는 앞에 www 없이 toon7.com으로 접속하면 접속이 되지 않았었는데 호스팅케이알 고객센터에 문의해서 … 더 보기

Posted in 워드프레스, 블로그 | Leave a comment

계속 묵혀두다가 돈이 필요해서 몇 년 동안 모은 돈을 지급 받기로 했다! 방법은 예전보다 정말 쉬워졌더라! 지급 받는 방법을 설명하겠다! 애드센스 홈페이지에 들어가서 지급에서 결제수단 관리에서 결제 수단 추가를 클릭하고 예금주의 이름 은행 이름 SWIFT 은행 식별 코드 계좌 번호 이 네가지만 적으면 된다! (우리은행은 이름은 Wooribank 식별 코드는 HVBKKRSEXXX 를 적어주면 된다.) 그리고 저장 클릭! 외화 통장이 아니어도 된다! 나는 일반 통장으로 신청했다! 그 이후의 지급신청 부분은 따로 과정이라고 할만한 부분이 없기 때문에 따로 설명하지 않겠다. 저번주 금요일(8일) 밤 늦게 신청을 했더니 다음주 화요일(12일) 오후에 우리은행에서 전화가 왔다. 해외 입금이 있다고, 수수료 1만원 빠지고 21만원 정도 되는 돈을 통장에 … 더 보기

Posted in 워드프레스, 블로그 | Leave a comment

내가 네이버 블로그, 티스토리, 구글 블로그 등의 무료에 용량도 무제한인 서비스를 뿌리치고 워드프레스를 선택하게 된 이유, 워드프레스만의 장점을 정리해봤다. 1 높은 자유도 참고로 워드프레스는 설치형과 가입형이 따로 존재한다. 나는 설치형을 사용중이다. 그래서 (모든 설치형이 다 그렇다고 볼 수 있겠지만) 높은 자유도를 가지고 있다. 가입형도 가입해봤는데 해외에 서버가 있어서 그런지 조금 느리고 기본적으로는 무료이지만 좀 더 기능이나 용량을 자유롭게 쓰려면 돈을 내야 했다. 가입형 워드프레스의 가장 큰 문제는 다른 가입형 블로그처럼 제약이 있었다는 것과 설치형과 에디터나 외형 같은 것이 너무 달라져서 설치형 워드프레스에 익숙해진 나에게는 여러모로 거부감이 들었다. 어쨌든 설치형은 내가 직접 카페24 같은 곳에서 호스팅을 사서 워드프레스를 설치하는 것이기 때문에 … 더 보기

Posted in 워드프레스, 블로그 | Leave a comment

스타일시트(style.css) 수정이 가능한 블로거(구글 블로그), 티스토리, 워드프레스 같은 곳에서 사용이 가능한 방법이다. 나는 아래의 방법을 평소에 사용했었고 그래도 지장이 없었다. img { margin: 0; padding: 0; } a img { border: none; } 그런데 구글 블로그에서는 위의 코드를 적용해도 여백이 남아있었다. 그래서 포기하고 있었는데 인터넷을 뒤지다가 해결책을 찾았다! img { vertical-align:top display:block; } 참고로 네이버 블로그에서는 사진 첨부 창에서 “사진간격 띄우기”의 체크를 해제해주면 된다. 출처 이미지 주변 여백 없애기

Posted in 워드프레스, 블로그 | Leave a comment

네이버나 다음이나 레진 등등 거의 대부분의 웹툰 사이트의 모바일 화면에서 화면을 터치, 클릭하면 상단과 하단에 메뉴가 뜨는데 그 기능을 구현한 소스 코드다. 현재 보고 있는 이 블로그의 화면을 터치하거나 클릭하면 위, 아래에 검은 색 배경의 메뉴가 위 아래에 뜰 것이다. 그 소스 코드를 공유하려고 한다. 다음 방식 이 블로그에 적용된 다음 웹툰 모바일 방식이다. 화면을 클릭하면 메뉴가 뜨고 화면, 메뉴를 다시 클릭하거나 스크롤을 하면 메뉴가 사라진다. 그리고 화면의 맨 위 부분에서 화면을 터치, 클릭하면 위의 메뉴는 뜨지 않고 밑의 밑으로 메뉴만 뜨게 했다. 왜냐하면 이미 맨 위에 있기 때문에 맨 위라는 메뉴가 보일 필요가 없다고 생각했다. (이것도 코드를 수정하면 뜨게 … 더 보기

Posted in 워드프레스, 블로그 | Leave a comment

나는 기존에 블로그 폰트로 나눔고딕을 써왔었다. 웹에 직접 올린 건 아니고 그냥 지정만 해놨기 때문에 내 블로그에 들어온 컴퓨터나 폰 안에 나눔고딕이 설치되어 있을 때만 나눔고딕으로 보이고, 설치되어 있지 않으면 기본 폰트로 보였을 것이다. 역시나 pc방에 갔을 때 내 블로그에 들어와보니 폰트가 너무 달라 보였다. 그래서 하나로 통일을 시켜야겠는데···. 그냥 구글과 어도비가 만들고 구글에 올라와 있는 본고딕, 노토산스 폰트로 적용해버렸다. (나눔고딕도 아마 구글에 공식적으로 링크를 제공하긴 할 것이다.) 방법은 아주 간단했다. 워드프레스 – 외모 – 테마편집기 – 스타일시트 (style.css)에 가서 제일 상단에 @import url(https://fonts.googleapis.com/earlyaccess/notosanskr.css); 위의 코드를 추가해준다. 그리고 조금 아래에 body {를 검색해서 body {와 } 사이에 font-family: ‘Noto Sans … 더 보기

Posted in 워드프레스, 블로그 | 1 Comment

워드프레스는 검색결과가 요약되어 나오는데 모든 내용이 다 나오게 하고 싶었다. 그러려면 직접 코드를 살짝 고쳐줘야 한다. 지극히 개인적인 기준으로 작성하겠다. 워드프레스 설정창에서 외모> 테마편집기에 가서 loop.php를 연다. 139줄에 <div class=”entry-summary”> <?php the_excerpt(); ?> </div><!– .entry-summary –> 이 코드를 <div class=”entry-content”> 11<?php the_content( __( ‘Continue reading <span class=”meta-nav”>&rarr;</span>’, ‘TwentyTen_gryeo’ ) ); ?> <?php wp_link_pages( array( ‘before’ => ‘<div class=”page-link”>’ . __( ‘Pages:’, ‘TwentyTen_gryeo’ ), ‘after’ => ‘</div>’ ) ); ?> </div><!– .entry-content –> 이렇게 바꿔주면 된다.  

Posted in 워드프레스, 블로그 | Leave a comment

플러그인 추가하기에서 Private Posts by Default를 검색해서 추가해주고 활성화하면 땡! ftp로 계정에 접속해서 /www/wp/wp-admin/includes 위치의 meta-boxes.php 파일을 수정하는 방법도 있지만, 버전 업데이트를 위해서라도 php원본의 코드를 고치는 건 바람직하지 않다고 생각한다. 또한 이 플러그인은 매우 가볍고 간단한 기능이라 블로그 속도에 거의 지장을 주지 않을 것이다.

Posted in 워드프레스, 블로그 | Leave a comment

메인 요약문만 보여주기 워드프레스 메인 기본은 무조건 본문의 내용을 다 표현하는 것이다. 그러면 너무 내용이 많아져서 스크롤도 길어지고 쓸때없이 트래픽도 늘어난다. 그래서 검색결과처럼 요약문만 보여주는 방법을 찾아봤는데 외모/테마편집기에서 loop.php를 선택한 후 <?php the_content( __( ‘Continue reading <span class=”meta-nav”>&rarr;</span>’, ‘twentyten’ ) ); ?> 위의 코드를 <?php the_excerpt(); ?> 로 바꿔주면 된다. 메인에서 갤러리 모든 글 형식을 표준으로 표시하기 글쓰기 화면(에디터)에서 오른쪽 하단에 보면 글 형식이라는 것이 있다. 거기서 표준, 추가정보, 갤러리 중에서 하나를 선택할 수 있는데 선택하는 것에 따라서 div의 이름이 달라지기 때문에 css를 통해서 글의 스타일을 조금 다르게 표현할 수 있다. (나는 웹툰을 올릴 때 갤러리 형식을 활용할 생각이다.) 그런데 … 더 보기

Posted in 워드프레스, 블로그 | Leave a comment

(20151119 짜증나서 Minify니 cach니 gzip같은 속도 빠르게 하고 용량 줄이는 기능의 플러그인들 다 지워버렸다. (속도 빨라진거 체감도 못하겠고, 어차피 방문자도 별로 없어! 이딴거에 신경쓰고 시간날릴 필요 없어! (WP Fastest Cache이거 깔았다가 개빡쳤네. 사이트 안 들어가지고, ftp로 들어가서 파일 지워도 안 들어가져서 겨우겨우 검색해서 .htaccess파일 지웠더니 블로그는 들어와지는데 글을 누르면 또 없는 페이지래!설정/고유주소에서 변경사항 눌러주니까 정상작동함. ㄷㄷ)) Admin Font Editor 아이패드에서 앱으로 글을 쓰면 글이 많아질수록 점점 느려지고 자잘한 버그들이 있더라. 그래서 나는 사파리에서 글을 쓰는데, 다 좋은데(이미지 첨부나 글 수정이 모두 가능하다. 네이버 블로그나 티스토리에서는 상상도 할 수 없는 일이지···.) 한가지 아쉬운 점이 에디터에 폰트 크기가 너무 작다는 것이었다. 그래서 … 더 보기

Posted in 워드프레스, 블로그 | Leave a comment

확인, 점검 PageSpeed Insights https://developers.google.com/speed/pagespeed/insights/ 구글에서 제공하는 웹페이지 속도 개선에 도움을 주는 서비스이다. HTTP Compression Test http://www.whatsmyip.org/http-compression-test/ 사이트가 정상적으로 압축되어 있는지 확인해주는 사이트. 아이피주소확인 http://search.naver.com/search.naver?where=nexearch&query=아이피주소확인&sm=top_hty&fbm=0&ie=utf8 뜬금없는데 간편하게 내 아이피를 확인할 수 있다. (방금전에 이상한 댓글이 달렸는데 혹시 내 아이피를 해킹해서 댓글을 쓴 건 아닌지(미친생각) 확인해보려고 네이버에 검색하니 바로 알려줘서 편하더라.) FindIP.kr http://www.findip.kr/ 아이피 확인하는 또다른 사이트다. (괜한 수집욕) 아이피 추적 http://www.ipipipip.net/ 또다른 아이피 확인하는 사이트다. 지역도 보여준다. (역시 쓸때없는 수집욕) 강좌, 팁 [CSS] 텍스트 줄바꿈 처리 word-break, white-space http://htglss.tistory.com/31 css 줄바꿈 관련 설명 설치형 워드프레스 블로그에서 트래픽 소모를 줄이는 7가지 방법 http://blog.kalkin7.com/2014/08/29/7-ways-to-reduce-bandwidth-traffic-on-wordpress-blogs/#232_Better_WordPress_Mnify__js_css_minify Better WordPress Mnify(캐쉬가 저장되는 시간의 설정과 css 코드의 … 더 보기

Posted in 워드프레스, 블로그, 유용한 링크 모음 | Tagged | Leave a comment

반응형 웹은 블로그나 사이트가 화면의 크기에 따라 유동적으로 변화하는 웹페이지를 뜻한다. 간단히 말해서 홈페이지를 pc버전과 모바일 버전으로 따로 만들 필요 없이. 하나의 페이지를 유동적으로 변화하게 만든다는 것이다. 반응형 웹을 만드는 방법 반응형 웹을 만들려면 html과 css에 대한 어느정도의 지식이 필요하다. 내가 아는 부분, 아주 간단하고 단편적인 부분만 설명해보려 한다. 코드 <meta name=”viewport” content=”width=device-width, initial-scale=1″> 위의 코드는 모바일에서 화면이 자동으로 축소되지 않게 하는 기능을 한다. (적용되지 않은 사이트는 pc의 화면이 그대로 모바일 가로 길이에 맞춰지기 때문에 글씨나 링크가 너무 작아서 보기 불편하다.) 위의 코드를 head 사이에 넣어주면 페이지가 자동으로 축소되지 않고 1대1 비율로 보이게 된다. (물론 이것만 적용하면 축소되어 보이지만 않을 뿐. … 더 보기

Posted in 워드프레스, 블로그 | Tagged , , , | 2 Comments