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

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

Posted in 블로그, 워드프레스, HTML | 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 블로그, 워드프레스, HTML | Leave a comment

나는 워드프레스 글을 쓸 때 비공개를 기본으로 사용하고 싶은데 워드프레스에는 그런 기능이 없는 것 같다. 찾아보니까 플러그인이 있었다. 원래는 워드프레스 관리자 화면에서 “플러그인/새로 추가”에서 “Private Posts by Default”를 검색하면 나왔었는데 지금은 사라진 것 같다. 대신 Private Posts by Default에서 받아서 설치하면 될 것 같다. ftp로 계정에 접속해서 /www/wp/wp-admin/includes 위치의 meta-boxes.php 파일을 수정하는 방법도 있다고 하는데, 버전 업데이트를 위해서라도 php원본의 코드를 고치는 건 바람직하지 않다고 생각한다. 또한 이 플러그인은 매우 가볍고 간단한 기능이라 블로그 속도에 거의 지장을 주지 않을 것이다.

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

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

Posted in 블로그, 워드프레스, HTML | Leave a comment
Better-WordPress-Minify-01.gif

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

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

(최근 업데이트 2020년 04월 16일) 블로그, 워드프레스를 운영하면서 필요할 것 같은 사이트들의 링크를 모아서 정리해봤다. 확인, 점검 한국어 맞춤법/문법 검사기 맞춤법을 검사해주는 사이트. 네이버 맞춤법 검사기 맞춤법을 검사해주는 사이트. website.informer.com 사이트의 방문자 수를 보여주는 사이트. PageSpeed Insights 구글에서 제공하는 웹페이지 속도 개선에 도움을 주는 서비스이다. HTTP Compression Test 사이트가 정상적으로 압축되어 있는지 확인해주는 사이트. 아이피주소확인 내 아이피 주소를 확인해주는 사이트. 강좌, 팁 [CSS] 텍스트 줄바꿈 처리 word-break, white-space css 줄바꿈 관련 설명 꾸미기, 도움 https://www.favicon-generator.org/ 파비콘 만들어주는 사이트1 realfavicongenerator 파비콘 만들어주는 사이트2 카카오 번역 언어를 번역해주는 사이트. 네이버 파파고 번역 언어를 번역해주는 사이트.

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

반응형 웹 사이트는 블로그나 홈페이지가 화면의 크기에 따라 유동적으로 변화하는 것을 뜻한다. 다시 말해서 홈페이지를 pc버전과 모바일버전으로 따로 만들 필요 없이 하나의 페이지가 화면에 맞게 유동적으로 변화하게 만드는 것이다. 반응형 웹을 만드는 방법 반응형 웹을 만들려면 html과 css에 대한 어느정도의 지식이 필요하다. 내가 아는 부분, 아주 간단하고 단편적인 부분만 설명해보려 한다. 예제 html 파일을 보면 대략 감이 잡힐 것이라고 생각한다. 예제 html 파일의 화면에서 마우스 오른쪽을 클릭해서 페이지 소스 보기를 누르면 어떤식으로 만들어졌는지, 만들 수 있는지도 알 수 있을 것이다. (다시 말하지만 기본적인 html, css 코드에 대한 지식은 가지고 있어야 한다.) 코드 설명 <meta name=”viewport” content=”width=device-width, initial-scale=1″> 위의 코드는 모바일에서 … 더 보기

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