본문 바로가기
지속가능티끌/웹,워드프레스

워드프레스. 플러그인(Post Snippets) 이용 구글드라이브 이미지 삽입

by i.got.it 2014. 10. 3.

 

 

개요

   
 

 본 글에서는 워드프레스에서 글 작성시,  내 계정의 구글 드라이브에 있는 이미지를 간단한 절차로 삽입 가능한 셋팅방법을 설명한다. Post Snippets 라는 플러그인을 활용함이 요점이다. Post Snippets 는 text, html, php shortcode 를 미리 생성해두고 글 작성시 빠르게 미리준비된 snippets을 글 내용에 포함시키는 범용적인 툴이다. 삽입시점에 인자전달이 가능함이 특징이다. 우리는 Post Snippets 을 생성할 때 이미지 삽입태그의 html snippet 을 만들면서 구글드라이브에서 "웹에공개" 한 폴더의 주소를 기록해두고, 글 작성 중에는 snippet 삽입시 입력변수로 지정해둔 이미지의 이름만 기록하는 것으로 단순화 처리되게 한다. 

 

사전 준비물.

- 본 글의 설명은 아래 사항들이 준비된 상태에서 이뤄진다.

 

1. 본인계정의 구글 드라이브에 새폴더 만들고(보기), 웹에공개된 상태이며(보기), 공개폴더의 호스팅주소를 알고있어야 한다. (자신의 구글드라이브 폴더의 호스팅주소 구하는 법 보기 )

 

2. 워드프레스에 Post Snippets 플러그인이 설치되어 있어야 한다. Post Snippets 설치법 보기

 

3. PC의 윈도우 탐샘기에서 구글드라이브 파일들 이름을 빠르게 볼 수있는 툴. PC용 구글드라이브( 보기) 혹은 NetDrive 설치(보기)하여 구글드라이브를 탐색기에서 네트워크 드라이브로 보이게 한다. NetDrive가 훨씬 편함.

 

 

기타 : 워드프레스에서 구글드라이브 에 있는 파일들을 쉽게 핸들링 하기 위하여 4종의 구글드라이브 전용 플러그인을 조사해 보았으나(조사자료 보기), 현재 까지의 결론은 본 글의 방법이 가장 최소화된 리소스로 원하는 결과를 얻는 가장 단순한 방법으로 여겨진다.

 

차례.

1.Post Snippets 만들기 상세과정.  Post Snippets 에서 구글 드라이브 이미지삽입용 snippets 만드는 과정 상세.

2.Post Snippets 활용법. 글 작성하면서 1에서 만들어진 snippet 을 문서 내용에 포함시키는 법.

 

 
 

 

 

 

1. Post Snippets 만들기.

   
 

 Post snippets 에서 구글드라이브 이미지 삽입 및 이미지 클릭시 새창으로 이미지 열기 기능 하는 html 구성하여 snippet 로 만들면서, 이미지 경로의 파일이름부분만 변수로 입력받을 수 있게 한다.

 
 

 워드프레스 관리자에서 좌측메뉴 -> 설정 -> Post Snippets 클릭 -> 'Add New Snippets' 버튼 클릭하여 각 항목에 아래처럼 기입하자.

Title : GD_IMAGE

Variable : filename

Snippet : <a href="url" 는 이미지 클릭하면 새창열면서 그림이 보이게 한것, <img src="url" 이미 이미지 삽입 태그. 이나, 여기서 중요한 점은 url 부분에 구글드라이브의 호스팅주소 부분(아래그림에서 붉은색 밑줄 부분, 구글드라이브 호스팅 주소 확보하는 법 보기)은 고정적으로 기록되면 되고, 파일명 부분(아래 그림에서 파란색 밑줄 부분)을 Variable 처리한 {filename} 이다.

 

이 상태에서 위 그림의 Update Snippsets 버튼 클릭하면 만들기 끝.  

 

 

 

 

 

2. Post Snippets 활용법.

   
 

 앞의 1의 과정에서 만들어진 GD_IMAGE snippet 을 문서작성하면서 이미지 삽입 방법이다.

 

 
 

 새글 작성하면서 구글 드라이브의 이미지를 삽입하고 싶은 지점에서 Post Snippets 삽입 아이콘-아래 그림에서 노란색 포스트 잇 처럼 생긴 것-클릭한다. 



아이콘 클릭하면 Post Snippets 창이 뜬다. 앞의 1에서 만들어둔 GD_IMAGE snippet  보인다. 변수로 지정했던 filename이 보이며 여기에 문서내에 삽입할 이미지파일명을 기록한다. 구글드라이브에 '웹에 공개" 로 공유시킨 폴더 하위에 추가의 폴더가 있다면 폴드명/파일명 으로 기록하면된다. 

 

구글드라이브의 파일명을 확인하는 방법은 윈도우 탐색기에서 확인하는 것이 가장 편하다.

윈도우 탐색기에서 구글드라이브 파일명 확인하는방법은 2가지 방법(PC용구글드라이브 보기, NetDrive 보기)이 있는데, NetDrive 가 편하다.


위 창에서 Insert 클릭하면 편집중인 문서상에서 바로 이미지가 들어온 것을 볼 수 있다.



 

 

 

///51

 

 

 

 

댓글



 

비트코인




암호화폐       외환/나스닥/골드       암호화폐/외환/나스닥/골드 암호화폐/외환/나스닥/골드   암호화폐/외환/나스닥/골드
     
현물 |선물 인버스 |선물 USDT       전략매니저(카피트레이딩)     롤오버 이자 없는 스왑프리계좌
( 스왑프리 암호화폐도 거래 가능 )    
MT4, MT5 , cTrader 모두 지원     FTMO 계좌 매매운용. MT4,MT5