웹솔루션개발 25년 노하우! 해피CGI의 모든것

상품이미지를 확대보기를 원할때 사용하면 좋은 플러그인 입니다. ( jQuery Product Image Gallery with Zoom View on Hover ) 라이센스 : MIT 구성요소 : HTML, CSS, JavaScript(+jQuery) 제공하는 사이트의 샘플은 클릭하지 않은 상태에서 첫번째 이미지에 마우스 오버하면 확대 기능이 작동하지 않습니다. 무조건 클릭해야지만 반응합니다. 그래서 첨부된 파일은 해당 부분 기능을 변경하여 첨부하였습니다. 사용방법은 간단합니다. HTML 코드내에 img 태그로 이미지를 출력시켜주시면 됩니다. 단, 첫번째 이미지에는 id="first_img" 속성만 추가해 주시면 됩니다.

ckeditor - LoopIndex Track Changes - 이 플러그인은 에디터 다중 사용자 환경에서 각 사용자별 텍스트 변경(추가/삭제) 사항을 추적할 수 있습니다. - 변경사항은 각 사용자에 따라 다르게 색칠되고 사용자 정보를 표시합니다. * 라이센스(무료) - GPL * 설치방법 - 플러그인 파일을 다운로드 받아 ckeditor 가 설치된 폴더내 plugins 폴더안에 업로드 합니다. 예) http://example.com/ckeditor/plugins/lite - ckeditor 의 설정파일인 config.js 파일을 열어 아래 소스를 추가합니다. config.extraPlugins = 'lite'; - 위지윅에디터를 확인하면 아래 아이콘이 추가 된 것을 확인할 수 있습니다. - 문서 내용..

Admin Columns 는 워드프레스의 관리자 화면 인터페이스 항목을 조절할 수 있는 플러그인입니다. https://wordpress.org/plugins/codepress-admin-columns/ 에 있는 파일을 다운 받아 wp-content/plugins/ 폴더에 업로드를 하신 후 플러그인 메뉴에서 활성화 하시면 됩니다. 위 URL 로 접속을 해보시면 영상 하나가 있으므로 영상을 먼저 본 후 설정을 해보시면 좀더 이해가 쉽습니다.

워드프레스는 여러 기능을 쉽게 사용할 수 있는 장점이 있지만 그만큼 페이지 열람시 느린 부분도 있습니다. 느려지는 원인중 하나인 이미지를 최적화하여 보다 쾌적하게 사용할 수 있는 플러그인 중 하나입니다. 다른 플러그인처럼 다운받아 plugins 폴더에 업로드 후 활성화를 하시면 사용할 수 있습니다. ※ 본 플러그인을 사용하기 위해서는 서버에 몇가지 기능이 필요합니다. 플러그인 활성화 후 미디어의 Opimize Media Libray 에서 등록된 이미지를 먼저 최적화를 하면 되며 처음 최적화시에는 등록된 이미지에 따라 다소 시간이 소요될 수 있습니다. 그 후 등록되는 이미지는 자동으로 최적화가 됩니다.

HTML코드에 CSS를 이용하여 필터효과를 가능하게 하는 플러그인입니다 ^^ 기본적인 사용법은 링크를 통해 사이트에서 확인하실 수 있으며 예제 확인 및 다운로드도 가능합니다. 아래의 필터 효과들을 사용할 수 있습니다. blur grayscale hue-rotate saturate sepia contrast invert opacity brightness drop-shadow - Supports only black color. Requires 4 values. The 4th value instead of color is opacity 0 to 100%. svg - Custom SVG filter. Requires 1 value - filter ID. color - Requires 2 values. Color..