본문 바로가기
티스토리 Book Club 스킨 수정: 글 제목 아래에 댓글 개수 및 링크를 표시하는 방법 티스토리 북클럽(Book Club) 스킨을 적용하면 그림과 같이 포스트 제목 아래에 글쓴이 이름과 글 발행 날짜가 표시됩니다. 저는 사용자 이름은 삭제하고 글 작성 일자 옆에 댓글 개수를 표시했습니다. 그리고 클릭하면 댓글 섹션으로 이동하도록 수정했습니다. 이와 같이 변경하려는 경우 스킨을 약간 수정하면 됩니다. 먼저 티스토리에 로그인한 후에 꾸미기 > 스킨 편집 > html 편집 >HTML으로 이동합니다. 위와 같은 화면이 표시되면 Ctrl + F를 눌러 background-image:url()을 검색합니다. 바로 아래에 보면 다음과 같은 코드가 있습니다. by 위의 부분을 다음과 같이 변경합니다. 댓글 개 Author 부분을 그대로 두고 싶다면 by 라인은 삭제하지 않도록 합니다. 그런 다음 를 검색.. 2019.09.13
원페이지 포트폴리오 HTML 템플릿 및 블로그 Digrand 할인 판매 Digrand라는 원페이지 포트폴리오 HTML 템플릿 및 블로그가 35% 할인된 9달러에 판매 중이네요. HTML 템플릿은 요즘 많은 인기를 끌고 있는 워드프레스(WordPress) 테마보다는 저렴한 편입니다. 워드프레스 같은 CMS에서는 쉽게 페이지 레이아웃을 수정할 수 있는 장점이 있고, 특히 블로그 글을 자유롭게 발행할 수 있습니다. HTML 템플릿을 이용할 경우, 한 번 제작한 후에 추후에 업데이트하거나 새로운 글을 발행하는 작업이 번거로울 수 있습니다. 한 번 제작한 후에 더 이상 업데이트할 일이 없을 때에는 HTML도 괜찮은 옵션일 수 있을 것 같습니다. Digrand는 모든 유형의 비즈니스 웹사이트에 적합한 기본적인 포트폴리오 템플릿입니다. 파이낸스 (금융), 컨설팅, 뱅킹, 프리랜서, 기업.. 2019.09.12
HTML 포트폴리오 템플릿 Epic 50% 할인 판매 테마포레스트(Themeforest) 마켓에서 Epic이라는 HTML 포트폴리오 템플릿을 50% 할인된 10달러에 판매 중입니다. 글을 계속 발행하는 등 콘텐츠 관리가 필요한 경우 워드프레스(WordPress) 같은 CMS가 적합할 수 있습니다. 디자이너들이 포트폴리오 사이트를 만들 때 워드프레스를 활용하는 경우를 종종 봅니다. 워드프레스 사용법을 익히면 편리하게 사이트를 만들 수 있습니다. 기본적인 워드프레스 사용법 한 번 사이트를 만든 후에 업데이트할 필요 없이 그냥 사용하는 경우에는 HTML 템플릿도 고려해볼 수 있을 것 같습니다. (요즘은 인기가 있는 워드프레스가 다른 템플릿에 비해 압도적으로 많이 판매되고 있습니다.) Epic은 크리에이티브 전문가나 업체를 위한 포트폴리오 템플릿입니다. 크로스 브.. 2019.09.12
워드프레스 Elementor 페이지 빌더로 만들어진 페이지를 수정하는 방법 워드프레스에서 페이지 빌더를 활용하면 페이지를 쉽게 만들 수 있습니다. 특히 유료 테마에는 WPBakery 페이지 빌더('비주얼 컴포저')가 많이 탑재되어 있습니다. 비주얼 컴포저는 최적화를 제대로 하지 않으면 사이트 속도에 영향을 미칠 수 있기 때문에 그다지 권장되지는 않지만, 코딩 지식이 전혀 없는 초보자도 쉽게 사이트를 만들 수 있도록 돕기 때문에 양날의 검 같습니다. Elementor는 무료이면서도 속도 면에서 비교적 괜찮은 평가를 받고 있는 페이지 빌더입니다. 그래서 점차 Elementor를 채택하는 테마가 늘어나고 있습니다. 비주얼 컴포저를 버리고 Elementor를 채택한 Jupiter X Elementor 페이지 빌더는 다른 페이지 빌더와 비슷하게 사용법이 쉬운 편입니다. 조금만 다루어보면.. 2019.09.11
티스토리에서 공감 및 구독하기 버튼과 저작물 사용 허가(CCL) 마크를 표시하지 않는 방법 티스토리 글 하단에 공감 버튼과 구독하기 버튼, 그리고 CCL 마크가 표시됩니다. 그림에 표시된 공감 버튼, 구독하기 버튼, CCL 마크 모두를 없애고 싶은 경우 다음과 같은 CSS 코드를 사용할 수 있습니다. /* 티스토리 공감, 구독하기, CCL 마크 숨기기 */ .container_postbtn { display: none; } CCL 표시만 숨기고 싶은 경우에는 다음과 같은 코드를 사용해보시기 바랍니다. /* 티스토리에서 CCL 마크 숨기기 */ .container_postbtn .postbtn_ccl { display: none; } 티스토리에서 CSS 코드는 꾸미기 > 스킨 편집을 클릭하고 html 편집을 선택한 후에 CSS 탭을 클릭하여 추가할 수 있습니다. 참고로 저작물 사용 허가(CCL).. 2019.09.10
문단 맨 앞에 공백을 삽입하는 방법 [띄어쓰기, 들여쓰기, 내어쓰기] HTML에서는 스페이스를 여러 번 눌러 공백을 추가해도 공백이 하나밖에 추가되지 않습니다. 그리고 워드프레스에서도 문단 맨 앞에 스페이스를 눌러 공백을 추가해도 공백이 추가되지 않고, 글 중간에 여러 개의 공백을 넣어도 하나밖에 공백이 추가되지 않습니다. 이 경우에는, 잘 아시겠지만, HTML 소스 편집 화면에서 표현하고자 하는 공백의 개수만큼 를 추가하면 됩니다. 의 nbsp는 Non-breaking Space의 약자입니다. 워드프레스에서 글을 작성할 때 제목이나 문단 맨 앞에 공백을 추가하여 띄어쓰기 하고 싶은 경우: 모든 문단에 대하여 적용하고 싶다면 CSS를 통해 간단히 문단 맨 앞에 text-indent 속성을 적용하여 들여쓰기 하는 것이 가능합니다. text-indent 속성 들여쓰기와 내어쓰.. 2019.09.09
네이버페이 포인트 확인 및 생애 첫 포인트 선물 이벤트 네이버에서 9월 30일까지 네이버페이 포인트를 확인만 해도 100원을 적립해주고 처음으로 다른 사용자에게 포인트를 선물해주면 1000원을 적립해주는 이벤트를 실시하고 있습니다. 네이버페이 포인트 페이지를 방문하면 포인트를 확인하고 다른 사용자에게 포인트를 선물할 수 있습니다. 포인트선물을 누르면 "포인트 확인하고 100원 첫 선물하고 1,000원!" 배너 창이 표시됩니다. 이 팝업 창에서 "포인트 확인"을 눌러 포인트 확인하여 100원을 적립할 수 있습니다. 처음으로 다른 네이버 사용자에게 네이버페이 포인트를 선물하는 경우 1000원을 받을 수 있지만, 핸드폰에서만 가능한 것 같습니다. 이 이벤트 팝업 창이 표시되지 않으면 다음 링크를 클릭하면 이벤트 페이지가 표시됩니다. https://campaign... 2019.09.08
워드프레스 WordPress에서 사이트 주소를 변경하는 방법 (도메인 연결하기) 웹호스팅에서 새로운 도메인 이름을 추가하고 워드프레스 사이트 주소를 새로운 도메인으로 변경해야 하는 경우가 있습니다. 예를 들어, 카페24에 가입하면 기본적으로 카페24 서브 도메인 주소로 도메인이 할당됩니다(예: example.cafe24.com). 도메인을 구입하지 않고 임시로 할당된 카페24 서브 도메인 주소에서 워드프레스 사이트를 완성한 후에 실제 도메인을 연결하는 경우가 있습니다. 블루호스트에서도 가입할 경우 도메인의 네임서버를 바꾸기 전까지 사용할 수 있도록 블루호스트에서 임시 도메인 주소를 제공합니다. 임시 도메인에서 사이트를 완성한 후에 실제 도메인으로 변경할 수 있습니다. (블루호스트의 경우 라이브 채팅으로 연락하면 처리해준다고 합니다. 하지만 굳이 라이브 채팅으로 연락할 필요 없이 간단.. 2019.09.08
사이트그라운드 최고 77% 세일 [해외 호스팅] 사이트그라운드(SiteGround) 해외 웹호스팅에서 최대 77%까지 할인하는 이벤트를 실시하고 있습니다. 특히 공유호스팅 중 상위 플랜에 해당하는 GoGeek의 경우 월 7.95달러에 가입이 가능합니다. SiteGround 공유호스팅의 경우 모든 플랜에 대하여 트래픽이 무제한이지만 상품에 따라 방문수(Visits; 구글 애널리틱스의 '세션 수') 제한이 있습니다. 최저가 상품인 StartUp은 월 1만 세션, GrowBig은 월 25,000세션, 그리고 GoGeek은 월 10만 세션까지 수용합니다(사이트 최적화가 잘 되어 있으면 이보다 더 수용이 가능하다고 하네요). SiteGround는 안정적이고 속도 면에서도 좋은 평가를 받고 있습니다. 30일 백업/복원, SSL 보안서버 인증서(와일드카드 SSL .. 2019.09.07
워드프레스 뮤직 스쿨(음악학원) 테마 Melody 할인 판매 워드프레스용 뮤직 스쿨(음악학원) 교육용 테마인 Melody가 40% 할인된 29달러에 판매 중이네요. Melody는 스타일리쉬한 반응형 음악학원용 워드프레스 테마로서, 어린이, 십대 및 성인을 위한 뮤직 스쿨이나 비주얼 아트(시각 예술) 강의 사이트에 적합한 기능을 갖춘 모던한 디자인을 제공합니다. 이 테마는 개인 레슨이나 그룹 스터디용으로도 적합합니다. 음악 악기 가게나 숍에도 사용 가능합니다. 이 테마의 중요한 기능: 온라인으로 강의 예약 미리 만들어진 레슨, 클래스 및 코스 우커머스 상점 호환성 곧바로 사용 가능한 페이지: 소개, 상품, 팀 & 쇼트코드 Melody에는 WPBakery Page Builder(비주얼 컴포저), 레볼루션 슬라이더 등이 포함되어 있어 쉽게 뮤직 스쿨 사이트를 셋업하고 .. 2019.09.07
티스토리 Book Club 스킨 수정: 폴더 형식의 카테고리를 사이드바에 표시하기 최근 공개된 티스토리 스킨인 Book Club의 사이드바에 "카테고리" 위젯을 표시하면 리스트 형식의 카테고리로 표시됩니다. 위의 그림과 같이 표시되는데요. 카테고리를 폴더 형식으로 표시하고 싶은 경우가 있을 수 있습니다. 이 경우 티스토리 스킨 가이드에서 '카테고리' 부분을 체크해보면 다음과 같이 카테고리 형식으로 두 가지 치환자를 지원합니다. : 폴더 형식의 카테고리 : 리스트 형식의 카테고리 따라서 티스토리 HTML 소스에서 리스트 형식의 카테고리 치환자를 폴더 형식의 카테고리 치환자로 바꾸어 주면 폴더 형식으로 카테고리가 표시됩니다. ※ 티스토리 스킨을 수정할 때에는 티스토리 스킨 가이드를 먼저 체크하는 것이 좋습니다. 티스토리에 로그인한 후에 왼쪽 메뉴에서 꾸미기 > 스킨 편집을 선택하고 "ht.. 2019.09.06
리눅스에서 디스크 사용량 확인하기 [블루호스트 VPS] 리눅스에서 디스크 사용량을 확인하려면 df -h 명령을 사용할 수 있습니다. df: 디스크 여유 공간 (disk free) -h: 인간이 읽을 수 있도록 출력함 (makes the output human-readable) Bluehost VPS를 이용하는 서버가 2년 전에 디스크 공간 부족으로 장애가 발생한 적이 있습니다. 30GB 용량의 디스크를 하나 추가하여 겨우 문제를 해결할 수 있었습니다. 블루호스트 홈페이지에 로그인하여 디스크 사용량을 체크해보면 새로 추가한 디스크의 사용량은 표시되지 않고 있습니다. 블루호스트 VPS를 사용하는 경우 hosting > performance > disk management에서 스토리지 사용량을 확인할 수 있습니다. 기존 디스크(/dev/vdal)는 58% 사용 중.. 2019.09.06