• 반응형 홈페이지에 맞추어 출력되는 동영상 삽입하기

    Advanced Responsive Video Embedder 라는 플러그인은 유튜브나 Vimeo 동영상 삽입을 위한 플러그인입니다. 예제 보기 : http://makebct.cafe24.com/?p=188 1. 유튜브 공유-소스코드로 동영상 삽입하기 기존 유튜브의 ‘공유’ 기능을 통해 아래와 같은 코드를 본문에 작성하여 동영상을 삽입해 왔습니다.

    2. Advanced Responsive Video Embedder 플러그인으로 동영상 삽입하기 [새 글 쓰기]를 클릭하여 글 작성창에 보면 아래와 같이 ‘Advanced Responsive Video Embedder’ 플러그인의 [Embed Video]라는 버튼이 보입니다. 동영상을 삽입할 위치에 커서를 위치시킨 후, [Embed Video] 버튼을 클릭하면 다음과 같은 동영상 삽입 창이 보여지고, 다음 그림에 보이는 것과 같이 원하시는 동영상의 주소를 입력하고 나머지 항목을 입력합니다. 동영상이 있는 페이지의 웹주소창의 주소를 입력해도 되고, 공유에서 지원하는 짧은 주소를 입력해도 됩니다. 3. 동영상 출력 위의 두 가지 방법으로 동영상을 본문에 삽입하였을 경우 아래의 그림과 같이 별 차이가 없어 보입니다. 하지만 모바일 환경에서 보면 다릅니다. 유튜브의 ‘공유’ 코드를 이용해 삽입된 동영상의 경우 세로 […]

  • 워드프레스 유료 Caching 플로그인: WP Rocket

    워드프레스에 테마와 여러 플러그인을 설치하다 보면 로딩 속도를 포함해서 워드프레스 홈페이지가 전반적으로 느리다는 느낌을 받게 됩니다. 이를 개선하기 위해 또 다시 caching 플러그인을 설치하게 되는데, 잘 알지 못하고 caching 플러그인을 사용하다 보면 속도 개선은 커녕 오히려 사이트 운영에 심각한 지장을 초래하게 됩니다. 그래서 반듯이 필요한 경우가 아니고서는 caching 플러그인 없이 워드프레스 홈페이지를 운영하는 것이 속이 편한 경우가 많습니다. 하지만, 때로는 caching 플러그인을 도입해서 속도를 개선해야 하는 경우가 있기 때문에 워드프레스 무료 또는 유료 플러그인 중에서 후보 군을 알아 둘 필요가 있는데, 유료 플러그인 중에서는 이번에 소개할 WP ROCKET이 괜찮아 보였습니다. http://wp-rocket.me/ 위 그림에서 지금까지 2만여개가 넘는 워드프레스 홈페이지에서 WP ROCKET 플러그인을 도입했다는 것을 확인할 수 있는데, 이 의미는 WP ROCKET 플러그인의 안정성과 성능이 어느 정도 입증된 것으로 해석할 수 있습니다. WP ROCKET의 주요 특징은 다음과 같습니다. 위 […]

  • 워드프레스 4.2에 포함된 개선 기능: 플러그인 Install & Update 과정

    곧 워드프레스 4.2 버전이 정식 출시될 예정인데, 이번 워드프레스 4.2 버전에 포함된 새로운 변화 중 플러그인 Install & Update 기능이 상당히 개선되었다고 합니다. 이전 워드프레스의 플러그인 Update 과정은 다음 그림과 같았습니다. 이미지 출처: http://wptavern.com/wordpress-4-2-radically-improves-the-plugin-install-and-update-process 신규 출시될 워드프레스 4.2 버전에서의 플러그인 Update 과정은 다음과 같다고 합니다. 이미지 출처: http://wptavern.com/wordpress-4-2-radically-improves-the-plugin-install-and-update-process 위 두 그림의 차이를 찾았나요? 이전 그림에서는 플러그인 Update 시 새로운 Update 페이지에서 update 과정이 실행된 반면, 나중 그림에서는 페이지 이동 없이 update 과정이 이루어지는 것을 볼 수 있습니다. Update 해야 할 플러그인이 많은 경우 플러그인을 update 할 때마다 페이지를 여러 번 이동해야 해서 시간이 많이 걸렸는데, 앞으로는 플러그인 Update 시간이 상당히 단축될 것으로 기대합니다. 워드프레스 4.2 버전 출시일이 더욱 기다려 집니다^^ 북극海 • (주)블로그코디 대표 • 워드프레스 교육 서비스 런칭 • 워드프레스 정보 공유 커뮤니티 […]

  • 향후 워드프레스 플러그인에서 기본으로 포함되어야 할 기능: uninstall

    워드프레스에서 기능 확장을 위해 이런 저런 플러그인을 마구 설치하다 보면 결국에는 워드프레스 관리자 화면 곳곳에 알림 메시지가 뜨게 되고, 신규 메뉴, 신규 설정 페이지, 신규 옵션 등이 곳곳에 추가되어 워드프레스 관리자 화면이 복잡해지게 됩니다. 뿐만 아니라 DB에도 신규 테이블이 마구 추가되어 워드프레스를 느리게 만들기도 합니다. 이와 같은 문제는 개별 플러그인에서 플러그인 설치 시 생성한 모든 것들을 플러그인 삭제 시 자동으로 정리되는 기능이 없기 때문에 발생한 것이며, 플러그인 자체적으로 이 기능을 추가하면 (어느 정도는) 해결될 수 있습니다. 한 예로 Ultimate Member의 uninstall 기능을 살펴 보겠습니다. Ultimate Member의 uninstall 기능 워드프레스에서 Ultimate Member 플러그인을 설치하고, 활성화하면 다음과 같이 신규 메뉴가 추가되는 것을 볼 수 있습니다. 또한, Ultimate Member 플러그인을 활성화하면 다음과 같이 몇몇 페이지가 자동 생성 되는 것을 볼 수 있습니다. 위 그림에서 Account, Login, Logout, Members, Password Reset, […]

  • Jetpack by WordPress.com 3.4 버전으로 업데이트 되었습니다

    2015년 3월 18일에 Jetpack by WordPress.com 3.4 버전으로 업데이트 되었습니다. 이번 버전에서는 상당한 양의 버그 수정(Bug Fix)과 개선(Enhancement)이 이루어졌고, 그 중 일부를 살펴보면 다음과 같습니다. Bug Fix : Contact form: Increase CSS specificity for Contact Forms in widgets Bug Fix : Custom Content Type: Testimonial Custom Content Type: use core WP_Customize_Image_Control instead of custom… Bug Fix : Extra Sidebar Widgets: add missing & to if statement for widget visibility … Enhancement : Config Settings: provide a notification for users that update features settings Enhancement : Contact Form: Use the predefined $title variable in the anchor tag in grunion contact form button Enhancement : Contact Form: Use the predefined $title variable in the anchor tag in the button on admin … Jetpack by WordPress.com 3.4 버전에서 업데이트 된 상세 내용은 다음 링크를 참고 바랍니다. […]

  • 스팸 사용자 등록 방지 플러그인: WordPress Zero Spam

    별도의 보안 장치를 하지 않고서 워드프레스를 장시간 운영 하다보면, 스팸 댓글과 스팸 사용자 등록으로 인해 골치가 아픈 경우가 있습니다. 스팸 사용자 등록의 한 예는 다음과 같습니다. 사용자 이름이 있고 yahoo 메일로 등록되어 있어서 얼핏 보면 스팸 사용자가 아닌 듯 보이지만, 정식 운영하는 웹사이트도 아닌 곳에 왜 굳이 가입 했을까를 생각해 보면 100% 스팸 사용자가 맞습니다. 이와 같은 경우 사용할 수 있는 수 많은 워드프레스 플러그인이 있지만, 이 글에서는 다음과 같이 WordPress Zero Spam 플러그인을 소개하고자 합니다. WordPress Zero Spam 플러그인의 설치 및 활성화 과정은 생략하고, 이 플러그인을 활성화 하면 ’워드프레스 관리자 > 설정 > Zero Spam’ 메뉴가 생성되고 그 메뉴 클릭 시 다음과 같은 설정 페이지를 볼 수 있습니다. 위 그림의 설정 옵션 중 Comment Support와 Registration Support 체크를 해 두면 골치 아픈 스팸 댓글과 스팸 사용자 등록 문제로부터 벗어날 […]

  • KBoard 게시판, 댓글 최신버전 출시

    KBoard는 워드프레스 게시판 중 하나이며, 많은 사용자들이 사용하는 대중적인 워드프레스 게시판 플러그인입니다. 이번 2015년 2월 21일자로 KBoard 게시판이 4.8 버전으로, KBoard 댓글이 3.9 버전으로 업그레이드가 되었습니다. http://www.cosmosfarm.com/products/kboard KBoard 4.8 버전에 적용된 내용을 살펴 보면 다음과 같습니다. KBController 클래스 추가 글 작성시 올바르게 등록했는지 검증작업을 추가해 보안 강화 버그 수정 KBoard 플러그인의 다운로드, 설치방법, 스킨 등 보다 상세한 정보는 해당 사이트를 참고 바랍니다. http://www.cosmosfarm.com/products/kboard 북극海 • (주)블로그코디 대표 • 워드프레스 교육 서비스 런칭 • 워드프레스 정보 공유 커뮤니티 make BCT 런칭 • 한국형 워드프레스 테마 출시 • 워드프레스 홈페이지 제작 서비스 런칭 http://blogcodi.com

  • Content Aware Sidebars 플러그인으로 멀티 사이드바 설정하기

    Content Aware Sidebars 플러그인으로 각 메뉴별로 다르게 사이드바를 출력시킬 수 있습니다. 1. 플러그인 설치 [관리자] > [플러그인] > [플러그인 추가하기]에 접속해 ‘Content Aware Sidebars’를 검색해 플러그인을 설치합니다. 2. 사이드바 만들기 [관리자] > [Sidebars] 에 접속해 [Add New]를 클릭하여 새로운 사이드바를 생성합니다. 사이드바 제목을 ‘PAGES’라고 작성하고, 아래의 ‘Condition Groups’에서 [Add New Group]을 클릭하여 새로운 사이드바 그룹을 생성합니다. ‘PAGES’사이드바가 출력될 페이지나 카테고리를 선택하여 그룹에 세팅하고 [Save]를 클릭하여 저장합니다. 오른쪽의 ‘Option’ 창에서 해당 사이드바의 세부 설정을 합니다. Exposure : 사이드바 출력 옵션 (싱글포스트 또는 페이지와 카테고리에서 선택) Handle : 이 사이드바를 대체할 지 기존 사이드바에 추가할 지 등을 설정 Merge position : 이 사이드바를 추가할 때 어디에 추가할 지 위치 설정 3. 사이드바 세팅하기 [관리자] > [외모] > [위젯]에 접속합니다. […]

  • Disqus 플러그인을 활용한 소셜 댓글 추가 방법

    워드프레스 기본 댓글 시스템을 대신할 수 있는 Disqus 플러그인을 활용한 소셜 댓글 추가 방법에 대해서 알아 보겠습니다. 먼저, 이 작업을 위해 (1) Disqus 회원가입, (2) 워드프레스에 Disqus 플러그인을 설치 및 활성화, (3) Disqus 플러그인 설정을 하고, (4) 플러그인 동작 확인을 살펴 보겠습니다. (1) Disqus 회원가입 Disqus 사이트의 메인 페이지는 다음과 같습니다. URL: https://disqus.com/ Disqus 사이트에는 직접 회원가입을 하지 않더라도 페이스북, 트위터, 구글 계정으로도 로그인이 가능합니다. 하지만, 가능하면 Disqus 사이트에 회원가입을 하는 것을 추천합니다. (2) 워드프레스에 Disqus 플러그인 설치 워드프레스에서 사용할 수 있는 Disqus 공식 플러그인은 다음과 같습니다. Disqus Comment System 플러그인 설치 및 활성화 과정은 생략하도록 합니다. (3) Disqus 플러그인 설정 Disqus 플러그인을 활성화 하면, ”워드프레스 관리자 > 댓글 > Disqus” 메뉴가 생성되고, 그 메뉴 클릭 시 다음과 같은 설정 화면을 볼 수 있습니다. […]

  • 10 Free 미니멀리스트 워드프레스 테마

    되도록 소수의 단순한 요소를 통해 최대 효과를 이루려는 미니멀리스트 테마 10개가 있어 소개합니다. Tonal Demo | Download Casper Demo | Download Lingonberry Demo | Download TinyPress Demo | Download Gravit Demo | Download Readly Demo | Download Aquarius Demo | Download Padhang Demo | Download wp-svbtle Demo | Download Hellish Simplicity Demo | Download 북극海 • (주)블로그코디 대표 • 워드프레스 교육 서비스 런칭 • 워드프레스 정보 공유 커뮤니티 make BCT 런칭 • 한국형 워드프레스 테마 출시 • 워드프레스 홈페이지 제작 서비스 런칭 http://blogcodi.com

위로이동