워드프레스 무료 테마 중 아스트라(Astra)는 다운로드 회수 500,000이상을 기록하고 있을 정도로 인기가 있습니다. 사용해보니 속도도 빠르고 커스터마이징 옵션이 상당히 많습니다. 다양한 사이트 제작에 최적화 돼있다고 합니다. 특히 교육 사이트 플러그인인 LearnDash, LifterLMS와도 호환이 된다고 합니다. 한글 번역 파일은 업로드 했으니 테마를 설치하면 바로 적용이 될겁니다. 아직 안된 경우 아래의 파일을 wp-content/languages/themes 폴더에 업로드하고 사용하면 됩니다. 테마 설치 후 아스트라 옵션을 클릭하면 위처럼 나옵니다. 하단으로 스크롤해 다양한 플러그인을 추가하면 더 확장할 수 있습니다. 기본적으로 Astra Starter Sites와 Astra Widget 플..
쿠키런 글꼴은 귀여우면서도 도전적인 쿠키런만의 아이덴티티를 담은 글꼴입니다.라틴 알파벳과 한글을 지원하는 쿠키런 글꼴은 게임, 캐릭터, 광고 등 커뮤니케이션 전반에 사용됩니다.그 어떤 영역에서도 쿠키런만의 콘셉트와 아이덴티티를 유지하며, 조화를 이룰 것입니다.귀엽고 개성 있는 쿠키의 조형적 특징과 둥글둥글하고, 볼드한 인상을 디자인 원칙으로 삼아 글자꼴에 반영했습니다.개성 넘치고 영리한 우리의 쿠키 친구들이 함께 힘을 모아 도전과 모험을 즐기는 쿠키런만의 아이덴티티가 담긴 글꼴을 소개합니다. https://www.cookierunfont.com/#section7 다음은 웹폰트입니다. 풀버전은 원래의 폰트 모두가 포함된 것이고 라이트버전은 한글 2,350 글자만 포함된 것입니다. 쿠키런 글꼴 라이선스Lic..
바탕체는 고딕체와 대비되는 폰트로 가독성을 위해 세리프가 추가되는데 주로 인쇄물에 사용됩니다. 웹에서는 오히려 작은 글자의 경우 가독성이 떨어져 고딕체를 많이 사용합니다. 리디바탕체는 웹과 같은 전자서적용으로 개발됐다고 합니다. https://www.ridicorp.com/branding/fonts/ridibatang/ 고딕체의 반듯한 느낌에 가독성 증대를 위해 세리프가 추가됐고 이 세리프도 끝이 뭉툭하게 만들어졌습니다. 다음은 웹폰트로 변환한 것입니다. 풀버전은 원래의 폰트 모두를 포함한 것이고 라이트버전은 한글 2,350개만 추려낸 것이라 가볍습니다. 라이선스 안내 리디바탕 글꼴은 개인 및 기업 사용자를 포함한 모든 사용자에게 무료로 제공되며 자유롭게 수정하고 재배포하실 수 있습니다. 단, 글꼴 자체..
에스코어에서 폰트를 제작해 무료로 사용할 수 있도록 배포하고 있습니다. 상업용으로도 무료로 사용할 수 있을 뿐만 아니라 웹폰트로 사용할 수 있다는 답변을 받았습니다. 많은 분들이 사용할 수 있도록 웹폰트로 제작했습니다. 폰트를 받으려면 아래의 사이트로 이동하면 됩니다. http://www.s-core.co.kr/who-we-are/font/ 좋은 폰트를 제작해주신 것에 감사드립니다. 현재 제 블로그에 적용된 폰트는 s-core-dream-regular입니다. 보기 드물게 9개의 폰트로 돼있습니다. 에스코어 글꼴 라이선스닫기S-Core 홈페이지를 통해 배포되는 에스코어 글꼴의 지적 재산권은 S-Core에 있습니다.에스코어 글꼴은 개인 및 기업 사용자를 포함한 모든 사용자에게 무료로 제공되며 자유롭게 재배포..
마이크로소프트의 크로미엄 기반 엣지 브라우저가 성공적인 것으로 평가되고 있습니다. 지속적인 업데이트로 개선을 거듭하고 있으며 아직 베타 버전이 나오지 않은 개발단계임에도 불구하고 안정적으로 작동되고 있으며 속도도 구글 크롬보다 빠릅니다. 어떤 사이트는 탭에 나타나는 로딩 아이콘이 보이지 않을 정도로 빠르게 로딩되기도 합니다. 일반인들은 모르겠지만 웹 개발자는 이런 부분을 잘 감지할 수 있습니다. 자주 사용하는 도구인지라 웹 브라우저의 작동에 민감하기 때문이죠. https://www.microsoftedgeinsider.com/en-us/download 최근 맥버전도 출시돼 사용해볼 수 있습니다. 오픈소스 브라우저 프로젝트인 크로미엄을 기반으로 하지만 각 OS에 최적화된 브라우저를 만들고 있으므로 OS 최..
마이크로소프트사에서 작년 12월 발표한 대로 MS의 새로운 인터넷 브라우저를 크로미엄으로 개발을 시작해 개발 버전이 출시됐습니다. 한참 개발중이며 베타 버전은 아직 출시가 되지 않았지만 개발 버전이 두 종류로 사용해볼 수 있습니다.https://www.microsoftedgeinsider.com/en-us/download/Dev 버전은 매주 업데이트 되고 Canary 버전은 매일 업데이트 됩니다. 개발중인 버전들이므로 컴퓨터와 충돌이 있을 수 있다고 합니다. 의심스러운 경우 베타버전이 나올 때까지 기다리셔도 됩니다. 안타깝게도 현재로서는 윈도우 10 사용자만 사용해 볼 수 있으며 이하 버전이나 맥 버전은 기다리셔야 합니다.Download 버튼을 클릭하면 MicrosoftEdgeSetup.exe 파일이 다..
오늘은 의뢰인께서 사이트에 사용할 이미지를 보내주셨는데 이미지는 보기 좋으나 웹페이지 배너에 사용하기 어려운 이미지였습니다. 아래와 같았습니다. 이것이 왜 좋지 않은 이미지인가하면 사진은 자유롭게 잘라서 사용하기 좋도록 피사체를 프레임 안쪽으로 넣어서 찍어야 하는데 코코넛이나 레몬(?)이 프레임에 걸쳐있습니다. 이렇게 되면 웹페이지에서 화면폭 전체를 사용하는 슬라이드 배너에 사용할 수가 없습니다. 상하 높이는 상관 없지만 좌우 폭을 늘려야 하는데 불가능하죠. 사진을 찍은 포토그래퍼도 원본 이미지를 저렇게 찍지는 않았을 것이라 생각하고 원본을 구해보시라고 했지만 위 이미지 뿐이라고 합니다. 결국엔 포토샵을 이용해 편집하는 수밖에 없게됐습니다. 우선 필요한 것이 코코넛 이미지와 레몬 이미지인데 배경이 투명한..
최근 필자의 티스토리 스킨을 구매하신 고객님이 인터넷 익스플로러에서 스킨이 제대로 보이지 않는다 하여 수정을 요청하셨습니다. 아무리 해도 수정할 방법이 없어서 사용중인 기능을 비활성화 하시라고 안내를 하였지만 결국엔 스킨의 사용을 포기한 것으로 보입니다.국내에서 아직도 많이 사용하고 있는 인터넷 익스플로러(Internet Explorer)는 더 이상 브라우저로서의 기능을 하지 않으니 사용하지 말라고 합니다. 이것은 인터넷 익스플로러의 개발사인 마이크로 소프트의 보안 전문가가 말한 것입니다. https://www.zdnet.com/article/microsoft-security-chief-ie-is-not-a-browser-so-stop-using-it-as-your-default/다만 오래된 웹사이트에서..
워드프레스 쇼핑몰을 많이 제작해봤지만 디지털 상품은 많지는 않습니다. 제가 필요에 의해 티스토리 스킨 쇼핑몰을 만들었고 클라이언트가 요청해 제작한 것은 이번이 처음입니다. 디지털 상품은 배송이라는 과정이 필요 없고 주문 결제 후 바로 다운로드가 가능합니다. 간단한 구조이지만 여러 가지 상품을 한번에 선택해서 바로 결제하는 기능이 필요하기에 이 기능을 위한 플러그인이 필수입니다.평범한 홈 화면입니다. 특별한 기능을 알아보면 다음과 같습니다.전체 교재 검색 화면입니다. 일반쇼핑몰의 Shop 화면에 해당합니다. 제목을 클릭하면 상세페이지로 가지만 방문자에게는 필요 없으므로 링크를 제거했습니다. 관리자에게는 편집을 위해 필요합니다. 모든 상품을 한번에 체크해 장바구니에 넣을 수도 있고 개별적으로 여러 개를 선택..
티스토리 스킨 Flat Kit에 인스타그램 위젯을 추가했습니다. 커버 아이템화해서 홈 페이지에서 원하는 곳에 배치할 수 있습니다. 데모 사이트 : https://martiankr2.tistory.com/ 콘텐츠 영역에 배치하고 썸네일을 4개로 설정한 형태입니다. 썸네일을 클릭하면 큰 이미지로 볼 수 있고 내비게이션도 가능합니다. 동영상도 볼 수 있습니다. 썸네일에서는 커버이미지만 나타나고 클릭하면 동영상으로 나옵니다. 커버 아이템 추가시 인스타그램 슬라이더를 선택하고 콘텐츠는 직접입력을 선택한 다음 타이틀만 입력하고 저장합니다. 옵션에서 인스타그램 UserId와 access Token을 추가해야 합니다. 슬라이드 수는 슬라이드의 위치에 따라 변경할 수 있게 했습니다. 커버 아이템들이 위치하는 곳에서 어느..
티스토리 스킨 Flat Kit 제작이 완료됐습니다. 글을 많이 다루는 뉴스 블로그에 적합하게 만들었습니다. 쇼핑몰 바로가기 데모 사이트 기타 문의사항은 쇼핑몰 문의사항 게시판을 이용해주세요.https://martian.kr/문의-게시판/ 설치만 하면 바로 최신 글이 나오도록 설정했습니다. 설치 후 나타나는 커버 아이템은 다음과 같습니다. 커버 아이템은 썸네일 리스트 7종과 슬라이더 4종, 사이드바 1종입니다. 썸네일 리스트는 레이아웃에 따라 달라집니다. 괄호을 보면 레이아웃의 모양을 알 수 있습니다. 1/3은 3개의 컬럼중 1개의 컬럼을 사용한다는 의미입니다. 아래의 레이아웃입니다. 2/3은 3개의 컬럼 중 2개의 컬럼을 사용합니다. 아래의 레이아웃입니다. 나머지는 3컬럼 또는 4컬럼을 사용합니다. 이런..
고객의 요청으로 호스팅 회사를 접해봤는데 사용해보니 괜찮은 호스팅 회사인 것 같습니다. 가격이 하루에 10원부터 시작하는데 이게 정말 가능한 호스팅일까 해서 좀 더 높은 사양의 호스팅으로 신청을 하고 사용해보니 좀 뭔가 이상하다 싶었는데 설정에서 변경하고나니 좋아졌습니다. 몇 개월째 테스트로 사용중 아주 낮은 가격의 사양으로 쇼핑몰을 만들어봤고 안정적으로 돌아가고 있습니다. 처음 사용한 계정은 하루에 100원짜리 호스팅으로 아래 사이트입니다. 월 3000원 정도 https://diywordpress.co.kr/ 그 다음으로 사용한 계정은 하루 20원짜리 쇼핑몰입니다. 월 천원도 안함. https://martian.kr 연간 만원도 안하는 업계 최저 가격입니다. 그리고 대부분의 연간 만원정도 하는 호스팅의..
본 가이드는 티스토리 스킨 Material Kit를 구매 후 스킨을 사용하기 위한 설명서입니다. 데모 사이트: https://explorer36.tistory.com/ 구매 사이트: https://martian.kr/shop/material-kit-2/ 홈 화면의 커버 기능을 이용해 페이지를 한번 만들어놓으면 저장되는 것이 아니고 스킨을 다른 것으로 바꾸면 전체를 다시 만들어야 합니다. 따라서 가능한한 필요하다고 생각되는 기능은 처음에 기능을 추가해야 나중에 번거로운 일이 안생깁니다. 스킨을 최종 점검하면서 필요한 기능으로 생각되는 부분을 추가했습니다. 티스토리에서 블로그 아이콘 표시 플러그인을 사용하면 댓글에 사용자의 아바타가 표시되는데 이를 사용하지 않는 방문자가 있을 경우 브라우저가 이 아이콘을 찾..
구글 애드센스 사용법에 대해 설명합니다. 구글 애드센스는 예전에는 글 하나당 3개의 광고를 붙일 수 있었는데 요즘은 이러한 제한이 없어지고 원하는만큼 배치할 수 있습니다. 하지만 많은 광고를 붙이면 방문자가 불편하죠. 더구나 요즘 추세가 사이드바가 없는 블로그 레이아웃이 유행이라서 사이드바에 배치할 수도 없습니다. 필자는 글 중간에 배치하는 것을 지양해왔었는데 사이드바를 없애고나서는 어쩔 수 없이 글 중간에 배치했습니다. 글에 일일이 추가하는 것이 아니고 상단에 두 개 하단에 두 개 배치하고 이들 중 하나는 글 중간에 나타나도록 설정했습니다. 본 가이드는 티스토리 스킨 Material Kit를 구매 후 스킨을 사용하기 위한 설명서입니다. 데모 사이트: https://explorer36.tistory.co..