크롬80버전 결제 이슈, 영카트5 주요패치 확인!

간단한 오픈그래프 플러그인 > 그누보드5 플러그인

컨텐츠몰 10% 할인 기간연장!
그누보드5
영카트5
매뉴얼
Q & A
제작의뢰
컨텐츠몰
부가서비스
소모임
커뮤니티

그누보드5 플러그인

그누보드는 여러가지 기능을 추가하기 쉽도록 제작 되었습니다.
플러그인 다운로드시 좋아요와 감사의 코멘트를 남기시면 제작자에게 큰 힘이됩니다. ^^y

간단한 오픈그래프 플러그인 정보

간단한 오픈그래프 플러그인

첨부파일

첨부파일 OpenGraph.7z (1.6K) 9회 다운로드 2020-02-27 17:53:07 포인트 차감10
테스트한 버전5.4.2
호환 가능 버전전버전 사용 가능

본문

그누보드 전용은 아니며 단순한 오픈그래프 플러그인입니다.

 

선택은 두가지(링크 호버시, 또는 페이지 로딩시)로 할 수 있으며 아래의 그림과 같이 불러옵니다.

3717501527_1582792252.2646.png

 

사이트에 오픈그래프 메타태그가 적용 되어있어야만 나타나며

오픈그래프 데이터가 정상적이지 않거나 제대로 되어있지 않으면 공란, 또는 이미지가 없다고 나오게 됩니다.

 

워낙 간단한 코드라 버그나 문제는 크게 없을거 같지만

짬이 나서 1시간 정도만에 만든거라 오류가 있을 수는 있습니다. 

<meta property="og:title" content="네이버">
<meta property="og:url" content="https://www.naver.com/">
<meta property="og:image" content="https://s.pstatic.net/static/www/mobile/edit/2016/0705/mobile_212852414260.png">
<meta property="og:description" content="네이버 메인에서 다양한 정보와 유용한 컨텐츠를 만나 보세요"/>

 

위와 같이 오픈그래프 내용이 링크 된 사이트에 있어야 제대로 파싱해옵니다.

 

사용법은

아래의 코드를 사용하고 싶은 페이지, 사용하고 싶은 엘리먼트를 입력하시면 됩니다.

<?php
add_javascript('<script src="'.G5_PLUGIN_URL.'/OpenGraph/get_og.js"></script>',0);
add_stylesheet('<link rel="stylesheet" href="'.G5_PLUGIN_URL.'/OpenGraph/style.css">', 0);
?>
<script>
$(function(){
    VOpen_Graph({
        container : "#container", 
        type : "view", //hover, view 가능.
    });
});
</script>
추천4

댓글 전체

초보라 사용법이 잘이해가안됩니다. ㅜㅜ
<meta property="og:title" content="네이버"> 

<meta property="og:url" content="https://www.naver.com/"> 



<meta property="og:image" content="https://s.pstatic.net/static/www/mobile/edit/2016/0705/mobile_212852414260.png"> 


<meta property="og:description" content="네이버 메인에서 다양한 정보와 유용한 컨텐츠를 만나 보세요"/> 

랑 그밑에 소스를 사용하는테마 head.php에 넣어버리면되나요??
전체 325
그누보드5 플러그인 내용 검색

회원로그인

진행중 포인트경매

  1. 참여18 회 시작20.03.25 10:40 종료20.04.01 10:40

(주)에스아이알소프트 (06253) 서울특별시 강남구 도곡로1길 14, 6층 624호 (역삼동, 삼일프라자) 대표메일:admin@sir.kr
사업자등록번호:217-81-36347 대표:홍석명 통신판매업신고번호:2014-서울강남-02098호 개인정보보호책임자:이총

© SIRSOFT