WordPress에서 자동화 된 스크린 샷을 생성합니까? WordPress 게시물 / 페이지에 사이트 스크린 샷을 자주 추가하는 경우 프로세스를 자동화하면 수동으로 스크린 샷에 소요되는 시간을 절약 할 수 있습니다.
이 튜토리얼에서는 자동 캡처를 만드는 방법을 보여줍니다. 사이트 웹 워드 프레스.
1 방법 : 플러그인으로 자동 캡처 생성
따라서이 방법은 코드를 사용하지 않으려는 초보자 및 사용자에게 더 쉬운 방법입니다.
가장 먼저해야 할 일은 플러그인을 설치하고 활성화하는 것입니다. " 브라우저 샷 ". 자세한 내용은 단계별 가이드를 참조하십시오. 워드 프레스 플러그인 설치 방법.
플러그인은 즉시 작동하며 구성 할 설정이 없습니다.
게시물/페이지를 수정하거나 새 게시물/페이지를 만드세요. 비주얼 에디터에서 스크린샷을 추가할 수 있는 새로운 버튼이 보일 것입니다. 사이트 웹.
이를 클릭하면 사이트 URL, 대체 텍스트, 이미지 URL 링크 및 스크린 샷의 높이 / 너비를 입력 할 수있는 창이 나타납니다.
"확인"버튼을 클릭하면 플러그인이 WordPress 게시물에 단축 코드를 추가합니다. 이제 게시물을 미리보고 플러그인이 작동하는지 확인할 수 있습니다.
WordPress 텍스트 편집기를 사용 중이고 비주얼 편집기에서이 새 버튼을 사용하지 않으려면이 단축 코드를 직접 추가 할 수도 있습니다.
[브라우저 샷 URL = "https://blogpascher.com"]
기본적으로 플러그인은 600 x 600 픽셀의 스크린 샷을 생성합니다. 단축 코드에 너비 및 높이 속성을 추가하여이를 변경할 수 있습니다.
[browser-shot url =»http : // www. blogpascher.com "너비 ="400 ″ 높이 = "400 ″]
또한 해당 페이지로 연결되는 링크가 있습니다. 단축 코드에 링크 속성을 추가하고 원하는 링크를 추가하여이를 변경할 수 있습니다.
[browser-shot url =»http : // www. blogpascher.com "width ="400 ″ height = "400 ″ link ="http://example.com "]
스크린 샷에 캡션을 추가하려면 단축 코드를 텍스트로 감싸면됩니다.
[브라우저샷 url=”http://www. blogpascher.com »] 웹사이트 제작 – 워드프레스 블로그, 가게 전자 상거래 [/브라우저 샷]
브라우저 샷 플러그인은 " mshots »WordPress.com API를 사용하여 즉시 스크린 샷을 생성합니다. 이러한 이미지는 WordPress 미디어 라이브러리에 저장되지 않습니다. WordPress.com 서버에서 직접 생성됩니다.
2 방법 : 코드를 추가하여 캐치 만들기
이 방법을 사용하려면 WordPress 파일에 코드를 추가해야합니다. 초보자에게는 권장되지 않습니다. WordPress에서 플러그인을 만드는 방법을 보여 주었으므로이 코드를 추가하는 데 사용할 수 있습니다.
function bpc_screenshots ($ atts, $ content = NULL) {extract (shortcode_atts (array ( "snap"=> 'http://s.wordpress.com/mshots/v1/', "url"=> 'https : // blogpascher.com ', "alt"=>'screenshot ', "w"=>'600 ', // width "h"=>'450 '// height), $ atts)); $ img = ' '; return $ img; } add_shortcode ( "screen", "bpc_screenshots");
앞에서 언급 한 플러그인과 유사하게이 코드는 " mshots WordPress.com에서 즉석에서 스크린 샷을 생성합니다.
스크린샷을 보려면 사이트 웹 WordPress 게시물과 페이지를 캡처하려면 다음과 같이 단축 코드를 입력해야 합니다.
[screen url = "https://blogpascher.com"alt = "BlogPasCher"]
자신의 값으로 URL 필드와 Alt 키를 교체.
기본적으로이 코드는 600 x 450 픽셀의 스크린 샷을 생성합니다. 단축 코드에 고유 한 높이 및 너비 속성을 추가하여이를 변경할 수 있습니다.
[screen url = "http : // blogpascher.com"alt = "BlogPasCher"w = "400"h = "400"]
이 튜토리얼의 모든 것입니다. 귀하의 웹 사이트에서 스크린 샷을 찍을 수 있기를 바랍니다. 문제가 발생하면 언제든지 문의하십시오.
