본문 바로가기
티스토리 Book Club 스킨 수정: 본문 글자 크기 변경하는 방법 이 블로그에는 현재 최근 공개된 Book Club (북 클럽)이라는 스킨이 적용되어 있습니다. 북 클럽 스킨에서는 본문 글자 크기가 0.9375em으로 설정되어 글자가 다소 작게 느껴질 수 있습니다. 저는 스킨을 변경하면 제일 먼저 본문 글자 크기를 키웁니다. 이제 노안이 들 나이가 되어 글자 크기가 작은 사이트의 글을 잘 안 보게 되네요.ㅠㅠ 북 클럽 스킨에서 본문 글자 크기를 키우려면 다음과 같은 CSS 코드를 추가하면 됩니다. /* 북클럽 스킨 본문 글자 */ .entry-content p { word-wrap: break-word; font-size: 1.25em; } .entry-content a { word-wrap: break-word } /* 본문 제목 */ .post-cover h1 { .. 2019.09.26
Camtasia에서 인트로 영상 템플릿을 다운로드하는 방법 Camtasia는 쉽게 동영상을 편집하고 싶은 경우에 사용할 수 있는 동영상 편집 프로그램입니다. Camtasia를 만든 TechSmith에서는 Camtasia에 사용할 수 있는 각종 동영상 템플릿을 무료 또는 유료로 제공합니다. 예를 들어, Camtasia에서 제공하는 인트로를 활용하고 싶은 경우, Camtasia를 실행한 상태에서 왼쪽의 Library를 클릭합니다. 위와 같은 화면이 표시됩니다. Camtasia Libraries > Camtasia 2019를 클릭하면 기본적으로 제공되는 라이브러리를 이용할 수 있습니다. 아이콘, 인트로, 로어 서드(Lower Thirds), 모션 백그라운드, 음악 트랙, 아웃트로 등이 제공됩니다. 원하는 템플릿이 없는 경우 Download More Assets를 클릭.. 2019.09.25
동영상 편집기 Camtasia에서 미리보기 화면이 표시되지 않는 문제가 발생하는 경우 동영상 캡처 및 편집 프로그램인 Camtasia 편집기에서 프로젝트를 만들고 동영상을 로드한 다음 편집할 때 오른쪽에 동영상 미리보기 (프리뷰)가 표시됩니다. 재생 버튼을 누르거나 타이라인 선을 이동시키면 동영상이 재생되어야 하지만, 미리보기 부분이 검게 표시되는 경우가 있습니다. 위와 같이 빨간색으로 표시된 박스 부분에 동영상 미리보기가 표시되지 않는 경우인데요. 이 경우 Camtasia Editor 메뉴의 Edit > Preferences > Advanced (편집 > 환경설정 > 고급)에서 하드웨어 가속 설정을 변경해주면 문제가 해결됩니다. Hardware Acceleration (하드웨어 가속)의 옵션을 Use software-only mode (소프트웨어만 사용 모드)를 선택하면 보통 문제가 나.. 2019.09.21
유튜브 YouTube 동영상에 CC 자막 자동으로 표시되도록 설정하는 방법 SEO를 위해 유튜브 동영상에 자막을 다는 것이 좋습니다. 사실 YouTube 동영상에 타임코드를 생성하고 자막을 일일이 타이핑하는 것은 시간이 많이 소요됩니다. 유튜브 동영상 업로드 시에 자동으로 생성되는 한글 자막을 편집하는 방식으로 하면 타임코드에 신경을 쓰지 않고 자막을 넣을 수 있는 것 같습니다. 유튜브가 재생될 때 자동으로 CC 자막이 표시되도록 하려면 태그 섹션에 yt:cc=on 을 추가하면 됩니다. 유튜브 CC 자막을 달아야 하는 이유에 대해서는 다음 영상을 참고해보세요. 유튜브 동영상 편집이 어려운 경우 Camtasia 같은 프로그램을 사용하면 훨씬 수월하게 편집이 가능할 것입니다. 동영상 레코딩 및 편집 프로그램인 Camtasia를 구입하여 조금 사용해보니 텍스트 추가, 전환 효과, 나.. 2019.09.19
동영상 캡처 편집 프로그램 Camtasia 세일 동영상을 캡처하고 편집할 수 있는 프로그램인 Camtasia가 25% 할인 판매 중입니다. Camtasia는 특히 PC 화면을 녹화하여 동영상 튜토리얼이나 교육용 자료를 만들 때 유용하게 이용할 수 있습니다. PC 화면만 녹화한 후에 음성은 따로 녹화하는 것이 가능한지 개발업체에 문의해보니 가능하다고 하네요. 이번 기회에 Camtasia를 구입할까 고민이 조금 되었지만, 구입을 해도 현재 노트북 환경에서는 제대로 돌아가지가 않을 것 같아서 노트북을 바꾼 후에 구입하기로 했습니다. 조금 고민하다가 이번 기회에 Camtasia를 구입했습니다. PC 화면을 동영상으로 캡처하여 테스트로 동영상을 하나 만들어보았습니다. 편집에 별다른 기술이 필요한 것 같지는 않습니다. 조금 다루면 쉽게 적응이 될 것 같습니다. .. 2019.09.18
마젠토 Magento 테마 Shopper - 30% 할인 마젠토(Magento) 테마 중 하나인 Shopper가 30% 할인된 55달러에 판매 중이네요. Magento는 전세계 전자상거래 점유율에서 우커머스(WooCommerce), 쇼피파이(Shopify)에 이어 3위를 기록하고 있는 솔루션입니다. Magento는 확장성이 뛰어난 오픈소스(Open Source) 솔루션으로 다양한 강력한 기능과 많은 자료(영문 및 프랑스어)가 존재하는 등의 장점이 있는 반면, 다른 솔루션에 비해 운영과 관련된 지식을 습득하는 시간이 요구되고 고사양의 호스팅 서버가 필요하다는 단점이 있다고 합니다. Shopper는 반응형 디자인과 Retina Ready 디자인을 제공하는 매우 강력하고 유연한 프리미엄 마젠토 테마입니다. 이 테마는 모든 유형의 상점(Store)에 적합하고 Ajax.. 2019.09.17
화면을 아래로 스크롤할 때 상단 메뉴를 고정하는 방법 (자바스크립트) 화면을 스크롤할 때 상단 메뉴를 고정하고 싶은 경우가 있습니다. 이 경우 구글을 검색하면 다양한 자료를 찾을 수 있습니다. 이 티스토리 블로그에는 최근 공개된 Book Club (북 클럽) 이라는 스킨이 적용되어 있습니다. 북 클럽 스킨에서는 화면을 아래로 스크롤할 때 메뉴가 상단에 고정되지 않습니다. 현재 이 블로그에서는 w3schools.com에서 제공하는 코드를 사용하여 화면을 아래로 스크롤할 때 메뉴를 고정하도록 만들었습니다. 스킨의 제약 때문에 조금 엉성하지만 개인용 블로그이기 때문에 그냥 사용해도 무방할 것 같습니다. 소스는 다음 문서에 나와 있습니다. How TO - Sticky/Affix Navbar (W3Schools) 다음 jsfiddle에서 작동을 확인할 수 있습니다. https://.. 2019.09.16
티스토리 블로그에서 글 목록이 표시되지 않는 문제가 발생하는 경우 일부 티스토리 스킨에서 홈 설정을 "최근 글"로 지정하면 글 목록이 표시되지 않는 문제가 발생하는 버그가 있는 것 같습니다. 예를 들어, 다음 그림과 같이 티스토리 블로그의 첫 화면이나 카테고리 페이지에 접속했을 때 아무런 글이 표시되지 않을 수 있습니다. 이 문제는 홈 설정의 '목록 구성 요소'를 '목록만'으로 설정하는 경우에 주로 발생합니다. 최근 글을 나열하는 경우 '목록 구성 요소' 설정을 '내용만' 또는 '목록 + 내용'으로 바꾸면 문제가 해결될 수 있습니다. 최근 공개된 티스토리 블로그에서 테스트해보니 Book Club, Whatever, Poster, Letter, Magazine에서 이 문제가 나타났습니다. 그리고 #1 스킨에서도 마찬가지로 이 문제가 발생했습니다. 다만, Portfolio.. 2019.09.15
티스토리 북클럽 스킨에서 새로운 글을 발행할 때 레이아웃이 제대로 적용되지 않는 문제가 발생하는 경우 티스토리 Book Club(북 클럽) 스킨에서 가끔 새로운 글을 작성하면 레이아웃이 제대로 적용되지 않는 현상이 발생하는 것을 발견했습니다. 가령, 다음 그림과 같이 사이드바가 오른쪽에 표시되지 않고 푸터 아래에 표시되었습니다. 특정 글에서 이런 현상이 발생하고, 동일한 콘텐츠로 글을 다시 발행해도 문제가 해결되는 경우도 있고 그렇지 않은 경우도 있었습니다. 티스토리 글 편집기를 새 편집기로 바꾸어서 글을 작성하여 발행해보니 또 문제가 해결되기도 합니다. 에러를 체크해보니 다음과 같은 오류가 발생하는 것이 확인되었습니다. GET https://tistory2.daumcdn.net/tistory/2828172/skin/images/script.js net::ERR_ABORTED 404 아마 script.j.. 2019.09.15
페이스북 친구 추가 요청을 차단하는 방법 소셜 네트워크(SNS)는 긍정적인 면과 부정적인 면을 동시에 지닌 양날의 검 같습니다. 이것은 최근 들어 급부상하고 있는 유튜브도 마찬가지라 생각됩니다. 개인적으로는 시간 낭비를 줄이기 위해 SNS와 유튜브를 멀리 하는 것이 도움이 된다고 생각합니다. 특히 페이스북 같은 SNS는 사용에 주의할 필요가 있습니다. 내 사생활이 과도하게 인터넷상에 노출될 수 있습니다. 저는 페이스북을 워드프레스와 이 티스토리 블로그에 올리는 게시글을 홍보하는 용도로 사용하고 있습니다. 대부분 워드프레스 관련 글이라 이 분야에 관심이 있는 일부 사용자만 친구 관계를 맺고 있었습니다. 3년 동안 40명 남짓 친구를 모았습니다. 친구 관계를 맺고 있는 페북 사용자들은 모두 워드프레스 관련 일에 종사하거나 워드프레스에 관심이 있는 .. 2019.09.15
티스토리 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