• 유튜브 동영상의 섬네일 자동 출력 방법

    유튜브 동영상은 이미지가 아니기 대문에 글 작성 시 특성 이미지 등록이 되지 않습니다. 그래서 섬네일이 필요한 곳에서 섬네일을 출력할 수 없어 사이트가 너무 밋밋하다고 불평하는 클라이언트가 많습니다. 그리고 유튜브 동영상이 포함된 글에서 섬네일을 출력하려면 어떻게 해야 되는지 문의하곤 합니다. 원하는 섬네일이 출력되도록 하려면 섬네일 사이즈에 맞는 이미지를 특성 이미지에 올려야 합니다. 하지만 일부 클라이언트는 글 작성할 때마다 동영상 따로 이미지 따로 올리는 작업이 불편하다고 해서 섬네일 퀄러티를 포기하면 유튜브 동영상의 섬네일을 자동으로 만들 수 있는 방법이 있다고 설명합니다. 이와 같은 경우 사용할 수 있는 플러그인으로서 다음과 같은 Video Thumbnails가 있습니다. (1) 플러그인 설치 및 활성화 플러그인 설치 및 활성화 과정은 생략하도록 합니다. (2) 플러그인 설정 특정한 작업을 하지 않는 이상 별도의 설정은 할 필요가 없습니다. (3) 섬네일 작업 플러그인을 활성화하면, 글 페이지에 Video Thumbnail 메타 박스가 추가됩니다. 글에 유튜브 동영상이 임베드되어 […]

  • 워드프레스에 게시판 추가 방법

    한 동안 여러 곳에서 워드프레스 게시판 솔루션 개발이 한창 이었는데, 최근에는 1, 2개 솔루션으로 정리된 느낌입니다. 일반적으로 워드프레스에 게시판이 필요한 경우 다음의 게시판 솔루션을 선택하는 경우가 많습니다. (1) KBoard 블로그코디와 제휴 관계에 있는 코스모스팜의 KBoard는 워드프레스(WordPress) 플랫폼에서 동작하는 다용도 게시판입니다. KBoard는 일단 Free로 배포되는데도 불구하고 상당히 안정적이고 게시판의 기본 기능에 충실하며, 워드프레스의 여러 특성이 잘 반영된 완성도 높은 워드프레스 게시판 솔루션입니다. 그리고 비씨타운 서비스에 기본으로 탑재되는 워드프레스 게시판으로서 이미 여러 워드프레스 홈페이지 제작에 적용되어 안정성을 입증 하였습니다. (2) 온세테마의 BBSe Board 게시판 다음은 온세테마의 BBSe Board 게시판입니다. 반응형 환경을 지원하기 때문에 워드프레스 반응형 테마를 선택한 클라이언트 중에서 온세테마의 BBSe Board 게시판을 구입해서 사용하는 경우가 있습니다. 또한, 네이버 신디케이션이 지원되어 게시글을 네이버 웹문서 영역에 노출하기를 원하는 클라이언트 중에서도 온세테마의 BBSe Board 게시판을 선택하기도 합니다. 단, 유료로 판매되는 플러그인입니다. […]

  • 워드프레스 에디터 기능 확장 플러그인: Tinymce Advanced

    워드프레스의 기본 에디터는 Tinymce이고, Tinymce의 기본 인터페이스는 다음과 같습니다. 위 그림을 보면 글 작성 시 많이 쓰는 폰트 패밀리, 폰트 사이즈 등이 없어 글 작성 시 불편하다는 얘기를 많이 듣습니다. 그 뿐만이 아니라 사실 워드프레스에서 글 작성을 해 보면(특히, 국내 포털의 스마트 에디터에 익숙한 사용자라면 더구나) 불편한 점이 한 두가지가 아닙니다. 그래도 워드프레스가 점점 버전업이 되면서 글 작성이 개선되고 있고, 기본 에디터에서 제공하지 못한 부가 기능을 제공하는 플러그인을 활용하게 되면 좀 더 나은 글쓰기 환경을 만들 수 있습니다. 특히, 대표적으로 다음과 같이 Tinymce Advanced 플러그인을 유용하게 사용할 수 있습니다. (1) 플러그인 설치 및 활성화 플러그인을 설치하고 활성화 합니다. 자세한 설명은 생략합니다. (2) 플러그인 설정 Tinymce Advanced 플러그인을 활성화 하면 ‘워드프레스 관리자 > 설정’ 에 TinyMCE Advanced 메뉴가 생성되고, 그 메뉴를 누르면 다음과 같은 설정 페이지가 나타납니다. 위 그림처럼 […]

  • 포스트 레이아웃을 잡기에 유용한 플러그인 소개 : WP Easy Columns

    워드프레스 글 또는 페이지 작성 시 다음과 같이 단을 나눠서 내용을 작성해야 경우가 많이 있습니다. 아시는 분은 알겠지만, 워드프레스의 기본 에디터인 Tinymce로 단을 나누는 작업은 생각보다 어렵습니다. 그래서 단을 쉽게 나눌 수 있도록 도와주는 워드프레스 플러그인을 활용하게 되는데 그 중 괜찮다고 생각한 것이 WP Easy Columns 입니다. WP Easy Columns 플러그인을 설치하고 활성화 하는 과정은 생략하도록 하겠습니다. 다음 설명은 이 플러그인을 설치한 것으로 가정하고 진행합니다. WP Easy Columns 플러그인을 활성화하면 ‘워드프레스 관리자 > 설정 > Easy Columns’ 메뉴가 추가되는데, 이 메뉴를 클릭하면 다음과 같이 설정 페이지가 나타납니다. 위 그림은 전체 설정 페이지 중 일부가 표시된 것이고, 하단을 보면 다음과 같은 shortcode를 볼 수 있습니다. 워드프레스 글 또는 페이지에는 위와 같은 shortcode를 활용해서 단을 구분할 수 있는데, 예를 들어 3단으로 된 글을 작성한다고 할 경우 다음과 같이 shortcode를 추가합니다. […]

  • 동영상 섬네일 자동 추출 플러그인: Video Thumbnails

    Video Thumbnails은 유튜브에 올린 동영상의 섬네일을 자동으로 추출할 수 있는 워드프레스 플러그인입니다. 워드프레스 글 작성 시 이미지 없이 동영상만 업로드 할 경우 다음과 같이 섬네일 출력이 필요한 카테고리에 섬네일이 없어 텍스트만 출력되어 밋밋할 때가 있습니다. 이와 같은 상황에서 Video Thumbnails 플러그인을 설치하면 자동으로 특성 이미지를 추출할 수 있습니다. 단, 아무래도 동영상의 섬네일을 추출하다보니 추출된 섬네일의 퀄러티는 높지 않다는 것이 좀 아쉽긴 합니다. Video Thumbnails 워드프레스 플러그인의 설치 및 활성화 과정은 생략하고, 이 플러그인을 활성화 화면 워드프레스 글 작성 페이지에 다음과 같은 Video Thumbnails 메타 박스가 추가 됩니다. 위 그림에서 Search Agagin 링크를 누르면 잠시 후 다음과 같이 섬네일이 추출되는 것을 볼 수 있습니다. 편집 글을 저장하면 다음과 같이 카테고리 템플릿 페이지에서 섬네일이 출력되는 것을 볼 수 있습니다. Video Thumbnais […]

  • 워드프레스 팝업 플러그인: KL 팝업

    워드프레스 홈페이지에서 팝업 기능이 필요할 때가 있습니다. 워드프레스 플러그인 디렉토리에는 다양한 팝업 플러그인이 있는데, 국내 환경에서는 다음의 KL 팝업이 무난한 듯 합니다. (참고로, KL 팝업은 워드프레스 플러그인 디렉토리에서 찾을 수 있는 플러그인은 아닙니다) KL 팝업 플러그인의 설치 및 기능 등에 대한 상세 내용은 다음 URL을 참고 바랍니다. http://blog.klcom.co.kr/repo/kl-popup/ KL 팝업 플러그인이 적용된 팝업 사용 예는 다음과 같습니다. 북극海 • (주)블로그코디 대표 • 워드프레스 교육 서비스 런칭 • 워드프레스 정보 공유 커뮤니티 make BCT 런칭 • 한국형 워드프레스 테마 출시 • 워드프레스 홈페이지 제작 서비스 런칭 http://blogcodi.com

  • 워드프레스에 모바일 웹사이트 추가 방법

    보통 워드프레스에서 모바일 웹사이트를 추가하는 방법에는 보통 다음의 3가지가 있습니다. (1) 워드프레스 기본 모바일 테마 사용 젯팩 플러그인을 설치하면 워드프레스에서 제공하는 모바일 테마를 사용할 수 있습니다. 메인 페이지 관리 기능이나, 옵션 기능이 제공되지 않는 심플한 형태의 모바일 테마입니다. 상업적으로 활용하기에는 좀 부족하기는 하지만, 워드프레스 콘텐츠를 모바일에서 최적화 하여 보는 데는 큰 무리가 없습니다. 워드프레스의 기본 모바일 테마 화면을 살펴보면 다음과 같습니다. (2) Free 또는 유료 모바일 플러그인 활용 워드프레스에서 모바일 플러그인으로 가장 유명한 것은 단연 WPTouch 라고 할 수 있습니다. WPTouch Mobile Plugin은 워드프레스 커뮤니티에서는 알만한 사람은 아는 유명 플러그인 중 하나이고, 오랜 기간 많은 사용자가 선택한 모바일 플러그인입니다. 무료 버전을 기본으로 배포하지만 좀 더 완성도 높은 사용자를 위한 Pro 버전도 있습니다. 무료 버전의 WPTouch Mobile Plugin을 설치하고 활성화하면 기본적으로 다음과 같은 화면을 볼 수 있습니다. […]

  • FTP 정보 저장 플러그인: Auto FTP

    워드프레스 코어, 플러그인, 테마를 자동으로 업데이트 할 때마다 매번 사용자명과 비밀번호를 입력해야 해서 불편한 경우, FTP 플러그인을 통해 이 문제를 해결할 수 있습니다. FTP 플러그인 중에 심플하면서 강력한 플러그인이 Auto FTP 입니다. 플러그인 출시 이후 오랜 시간 업데이트 되지 않았음에도 현재 워드프레스 최신 버전에서도 사용 가능합니다. (참고로 카페24와 같은 호스팅 업체에서는 별도의 FTP 플러그인을 사용할 필요가 없습니다.) Auto FTP 플러그인의 설치 및 설정 과정은 생략합니다. Auto FTP 플러그인을 활성화하면, 다음과 같이 ’워드프레스 관리자 > 설정 > Auto FTP’ 메뉴가 생성되고, 설정 페이지는 다음과 같습니다. 위 그림에서 보듯이 Host, User, Password의 3가지 설정이 필요합니다. 설정이 정상적인 경우 워드프레스 코어, 테마, 플러그인을 워드프레스 관리자에서 언제든 자동으로 업데이트 할 수 있습니다. 북극海 • (주)블로그코디 대표 • 워드프레스 교육 서비스 런칭 • 워드프레스 정보 공유 커뮤니티 make BCT 런칭 • 한국형 워드프레스 테마 출시 • 워드프레스 홈페이지 제작 […]

  • 국내 워드프레스 무료 테마: HHOMM BASIC

    해외의 경우 다양한 워드프레스 테마들이 무료로 배포 되면서 워드프레스 테마 시장이 상당히 활성화 된 것에 반해 국내에서는 아직 배포되는 테마가 거의 없다고 볼 수 있습니다. 당연히 테마 시장도 존재하지 않는다고 봅니다. 이런 척박한 국내 환경 속에서도 무료로 배포되는 워드프레스 테마가 있습니다. 그 이름은 HHOMM BASIC 이고, 현재 0.9 버전까지 출시 되었습니다. HHOMM BASIC 테마에 대한 자세한 소개는 여기에서 확인할 수 있습니다. HHOMM BASIC 테마를 설치해서 사용해 본 적이 없어 이 테마가 얼마나 유용하고 완성도 높은지는 말할 수 없지만, 자신의 결과물을 많은 사람들을 위해 무료 공개한 행동은 충분히 의미 있다고 보여집니다. 많은 사람들이 HHOMM BASIC 테마에 관심을 가질수록 지속적인 성장을 할 수 있을 것입니다. 앞으로 국내 환경에 맞는 테마들이 다양한 방법으로 출시될 것으로 예상되는데, HHOMM 테마가 국내 워드프레스 테마 시장을 이끌어나가는 중심 역할을 하게 되기를 기대해 봅니다. 북극海 • (주)블로그코디 대표 • 워드프레스 교육 […]

  • “requred+ Themes: a responsive parent theme for WordPress” 소개

    한 동안 워드프레스 테마 리뷰를 열심히 했었는데, 블로그코디 자체적으로 테마 프레임워크와 자체 테마을 만들고 부터는 테마 리뷰를 거의 하지 않았습니다. 그러는 동안 해외의 경우 상당히 많은 테마와 테마 프레임워크가 경쟁적으로 출시되었고, 경쟁이 심화되면서 일부는 저가에 유료로 판매되기도 하고, 일부는 누구나 다운로드 받을 수 있도록 공개하고 있기도 합니다. 또한, 모바일, 태블릿 디바이스가 널리 보급되면서 최근에는 responsive(반응형) 테마가 주를 이루고 있는 것 같습니다. 이 글에서는 responsive parent theme인 requried+ Theme에 대해 살펴 보도록 하겠습니다. 먼저 required+가 무엇인지 살펴 보았더니 다음과 같이 Interaction Design, Mobile Web, WordPress 등에 관심을 갖고 있는 스위스(Switzerland)와 독일(Germany)의 경험 많은 웹 전문가들의 네트워크라고 소개되어 있습니다. required+에 의해 개발되어 공개된 테마가 required+ Theme인 것이며, 메인 페이지는 다음과 같습니다. 현재 required+ Foundation 1.0.5 버전이 정식으로 출시된 것을 확인할 수 있습니다. required+ Themes의 특징을 살펴 보면 다음과 같습니다. required+ […]

위로이동