• 1000개의 무료 벡터 아이콘세트

    무려 1000개에 달하는 벡터 기반의 무료 아이콘 세트를 소개합니다. PNG, EPS, AI 파일로 제공됩니다. http://sixrevisions.com/freebies/icons/free-icons-1000/ zman블로그코디 디자인 팀장입니다.http://www.blogcodi.com

  • 아기자기한 60개의 무료아이콘

    PSD, AI, PNG로 제공되는 무료아이콘 세트입니다. https://www.behance.net/gallery/19096851/60-free-icons zman블로그코디 디자인 팀장입니다.http://www.blogcodi.com

  • 워드프레스에서 트위터로 자동 글 전송되도록 설정하는 방법

    워드프레스에서 트위터로 자동 글 전송되도록 설정하는 방법을 알아 보겠습니다. 이 글에서는 젯팩의 공개 모듈을 이용하는 방법을 설명할 것인데, 젯팩 설치, 활성화, 공개 모듈 활성화 과정에 대한 부분은 이전 글 ’워드프레스에서 페이스북으로 자동 글 전송되도록 설정하는 방법’ 을 참고 바랍니다. 다음은 젯팩의 공개 모듈 활성화 이후부터 설명합니다. (1) 공개: 트위터 설정 공개 모듈을 활성화 하면, ’워드프레스 관리자 > 설정 > 공유’ 메뉴가 추가되고, 이 메뉴 클릭 시 다음과 같은 설정 화면을 볼 수 있습니다. 위 화면에서 트위터 연결 설정을 위해 트위터의 [연결하기] 버튼을 누르면, (트위터에 로그인이 되지 않은 상태라면) 다음과 같이 트위터 로그인 창이 나타납니다. 위 화면에서 자신의 계정으로 트위터에 로그인하면, 다음과 같은 화면이 나타납니다. 위 화면에서 [앱 인증] 버튼을 누르면, 다음과 같이 팝업 창이 나타납니다. 위 화면에서 [OK] 버튼을 누르면, 다음과 같은 화면을 볼 […]

  • 워드프레스에서 페이스북으로 자동 글 전송되도록 설정하는 방법

    워드프레스에서 페이스북(담벼락 또는 페이지)으로 자동 글 전송되도록 설정하는 방법을 알아 보겠습니다. 이와 같은 역할을 하는 워드프레스 플러그인은 많이 있지만, 이 글에서는 다음과 같이 젯팩의 공개 모듈을 이용하는 방법을 설명합니다. 위 화면은 젯팩 플러그인의 설치, 활성화, 연결 완료 이후, ’워드프레스 관리자 > 젯팩 > 설정’에서 확인할 수 있습니다. 공개 모듈이 활성화 된 상태이면, 설정·비활성화 옵션이 보입니다. (1) 공개 : 페이스북 설정 공개 모듈을 활성화 하면, ’워드프레스 관리자 > 설정 > 공유’ 메뉴가 추가되고, 이 메뉴 클릭 시 다음과 같은 설정 화면을 볼 수 있습니다. 위 화면에서 페이스북 연결하기 설정을 위해 페이스북의 [연결하기] 버튼을 누르면, (페이스북 로그인이 되지 않은 상태라면) 다음과 같이 페이스북 로그인 창이 나타납니다. 위 화면에서 자신의 계정으로 페이스북 로그인하면, 다음과 같은 팝업 창이 나타납니다. 위 화면처럼 Blogcodi 페이스북 페이지를 선택하고 [OK] 버튼을 누르면, 다음과 […]

  • 글 하단에 태그를 출력하는 방법

    태그 기능은 워드프레스와 같은 블로그에서는 기본으로 제공되는 기능이지만, 블로그를 사용하지 않은 일반 사용자들이 가끔 워드프레스에서 태그를 출력하는 방법에 대해 물어보는 경우가 있어 이번에는 글 하단에 태그를 출력하는 방법에 대해서 살펴 보겠습니다. 태그는 다음과 같이 워드프레스의 글 작성 페이지에서 추가 가능합니다. (참고로, 워드프레스 페이지에서는 태그 기능이 없습니다) 위 그림의 태그 메타 박스에서 태그를 추가할 수 있습니다. 입력된 태그는 다음과 같이 글 하단에서 확인할 수 있습니다. 위 그림 하단의 ‘워드프레스 태그, 태그 클라우드’ 키워드가 태그 메타 박스에 입력한 태그들입니다. 북극海• (주)블로그코디 대표 • 워드프레스 교육 서비스 런칭 • 워드프레스 정보 공유 커뮤니티 make BCT 런칭 • 한국형 워드프레스 테마 출시 • 워드프레스 홈페이지 제작 서비스 런칭http://blogcodi.com

  • 사이드바에 페이스북 Likebox 위젯 표시 방법

    워드프레스 사이드바에 페이스북 Likebox 표시하는 방법을 알아 보겠습니다. 페이스북에 로그인 한 상태에서 https://developers.facebook.com/docs/plugins/like-box-for-pages 페이지로 이동하면, 다음과 같은 화면이 나타납니다. Facebook Page URL, Width, Height, Color Scheme, Show Friends’s Faces, Show Header, Show Posts, Show Border 옵션을 설정합니다. 자신이 원하는 옵션으로 설정한 결과는 다음과 같습니다. [Get Code] 버튼을 누르면 다음과 같은 팝업 창이 나타납니다. HTML5, XFBML, IFRAME, URL 중 IFRAME을 선택해서 나타나는 코드를 복사합니다. 자신의 사이트의 사이드바 위젯에 출력하려면 다음과 같이 ‘Admin > Appearance > Widgets’ 페이지에서 Sidebar에 BCT0006 Text 위젯을 배치하고 복사한 코드를 복사해 넣습니다. [Save] 한 다음 사용자 화면에서 확인해보면 다음과 같은 결과를 볼 수 있습니다. 북극海• (주)블로그코디 대표 • 워드프레스 교육 서비스 런칭 • 워드프레스 정보 공유 커뮤니티 make BCT 런칭 • 한국형 워드프레스 테마 출시 • 워드프레스 홈페이지 제작 서비스 […]

  • 워드프레스 예약글 발행 방법

    워드프레스에서 예약글을 발행하는 방법을 알아 보겠습니다. 먼저, 다음과 같이 글 작성 페이지로 이동합니다. 위 그림의 우측 상단을 보면 즉시 공개 편집이 보일 것입니다. 이 편집을 클릭하면 다음과 같이 작성 일자를 편집할 수 있습니다. 위 그림의 우측 상단에 보이는 글 작성 일자 편집 화면에서 작성 일자를 변경(19일이면 20일로)하거나 시간을 변경(16시를 20시로)하고, OK 버튼을 누릅니다. 그러면 다음과 같은 화면을 볼 수 있습니다. 위 그림처럼 ‘공개하기’ 버튼이 ‘예약’버튼으로 변경된 것을 확인할 수 있습니다. 예약된 글 확인은 다음과 같습니다. 위 글의 우측 상단처럼 “예약된 글: 2014-10-20 09:32 오전” 을 볼 수 있으면 정상적으로 예약된 것입니다. 북극海• (주)블로그코디 대표 • 워드프레스 교육 서비스 런칭 • 워드프레스 정보 공유 커뮤니티 make BCT 런칭 • 한국형 워드프레스 테마 출시 • 워드프레스 홈페이지 제작 서비스 런칭http://blogcodi.com

  • 구글 Forms을 이용한 워드프레스에 설문 기능 추가 방법

    워드프레스에 설문 기능을 추가하고 싶어하는 클라이언트분들이 많으신데요, 전문적인 설문 기능을 필요로 하지 않는 이상 다음과 같이 구글 Forms을 이용하는 것이 좋습니다. (1) 구글 Forms 추가 워드프레스에서 구글 Forms을 추가하는 방법은 간단합니다. 먼저 자신의 구글 Forms을 만들면 고유 URL을 얻을 수 있는데, 이 URL을 워드프레스의 메뉴, 글 또는 페이지 내에 링크 추가하면 됩니다. 그러면 링크 클릭 시 자신의 구글 Forms으로 이동하게 됩니다. (2) 구글 Forms 활용 예 비씨타운 리셀러 분 중에 구글 Forms을 잘 활용하는 사례가 있어 소개하면 다음과 같습니다. 위 그림처럼 페이지 하단에 버튼을 추가하고, 그 버튼을 클릭하면 다음과 같이 구글 Forms 페이지로 이동합니다. 북극海• (주)블로그코디 대표 • 워드프레스 교육 서비스 런칭 • 워드프레스 정보 공유 커뮤니티 make BCT 런칭 • 한국형 워드프레스 테마 출시 • 워드프레스 홈페이지 제작 서비스 런칭http://blogcodi.com

  • 사이트 오픈 전 준비 중(또는 점검 중) 표시 방법

    사이트 오픈 전 준비 중 또는 점검 중 표시를 해야 할 때가 있습니다. 카페24 호스팅을 사용 중이고, 워드프레스 플러그인을 굳이 설치하지 않고 간단히 이를 표시하는 방법은 다음과 같습니다. (1) comingsoon.gif 파일 준비 준비 중 또는 점검 중을 표시하는 이미지를 준비합니다. (2) index.html 파일 생성 index.html 파일 내용은 다음과 같습니다.

    (3) 파일 업로드 다음과 같이 워드프레스 root 디렉토리에 관련 파일을 업로드합니다. (4) 결과 확인 결과 화면은 다음과 같습니다. 준비 중 또는 점검 중 표시를 위해 굳이 워드프레스 플러그인까지 사용할 필요는 없습니다. 북극海• (주)블로그코디 대표 • 워드프레스 교육 서비스 런칭 • 워드프레스 정보 공유 커뮤니티 make BCT 런칭 • 한국형 워드프레스 테마 출시 • 워드프레스 홈페이지 제작 서비스 런칭http://blogcodi.com

  • 워드프레스 글 또는 페이지에 동영상 추가 방법

    최근에는 동영상을 웹사이트에 직접 올리지 않고 이를 유튜브 또는 Vimeo와 같은 동영상 공유 사이트에 올리고 그 링크를 자신의 워드프레스 사이트에 임베드해서 사용하는 것이 일반적입니다. 워드프레스가 4.x대로 버전업이 되면서 유뷰브나 Vimeo와 같은 공유 플랫폼의 콘텐츠를 워드프레스로 임베드하는 과정이 좀 더 진화되어 이제는 동영상 링크를 추가하면 에디터가 알아서 동영상으로 변환해 주는 단계로까지 발전했습니다. (1) 유튜브 동영상 유튜브 동영상을 워드프레스 에디터에 임베드 할 때 필요한 유튜브 링크는 다음과 같습니다. 위 링크를 다음과 같이 워드프레스의 에디터에 입력합니다. 글을 공개한 다음, 사용자 화면에서 이 글을 본 결과는 다음과 같습니다. 유튜브 동영상이 올바르게 추가된 것을 볼 수 있습니다. 북극海• (주)블로그코디 대표 • 워드프레스 교육 서비스 런칭 • 워드프레스 정보 공유 커뮤니티 make BCT 런칭 • 한국형 워드프레스 테마 출시 • 워드프레스 홈페이지 제작 서비스 런칭http://blogcodi.com

위로이동