워드프레스에서 Jsfiddle 또는 Github의 코드를 표시하는 방법은 무엇입니까?
저는 제 개인 블로그를 만들었습니다.말로 표현된 무료는 프리미엄이 아닙니다.나는 내 블로그에서 github과 jsfiddle의 몇 가지 예를 보여주고 싶다.
워드프레스의 무료 버전에서도 가능합니까?잘 모르겠어요.
나는 워드 프레스에 익숙하지 않다.제발 도와주세요.
플러그인 없이 js-fiddle 내장
- 사용자로 이동하여 상단 메뉴에서 Embedd를 클릭합니다.
- 이런 팝업을 볼 수 있습니다.
- 이제 맨 아래에는 스크립트 사용 또는 iframe 선호 옵션을 선택할 수 있는 코드 포함 및 맨 앞에 적혀 있는 코드가 표시됩니다.
- Wordpress의 경우 iframe을 선택하고 상자에 주어진 ifram 코드를 복사해야 합니다.
- 이제 Wordpress 편집기에서 Visual(시각) 모드가 아닌 Text(텍스트) 모드로 이동하여 복사된 코드를 붙여넣습니다.
- 이제 Visual 모드로 돌아가면 블로그에 js-fiddle이 내장되어 있습니다.
이 사이트는 처음이라 코멘트는 할 수 없습니다만, wordpress.org에서 다운로드한 셀프 호스팅을 사용하고 계십니까, 아니면 무료 호스팅 wordpress.com을 사용하고 계십니까?(블로그 링크가 사용자 이름인 경우).wordpress.com 그럼 호스트 버전입니다.)
호스트 wordpress.com 버전을 사용하는 경우 플러그인을 설치할 수 없지만 "주소 바에서 URL을 포스트 에디터로 복사/붙여넣기"를 통해 Github Gists를 삽입할 수 있습니다.에서 인용한 바와 같이, http://en.blog.wordpress.com/2012/04/18/spotify-rdio-and-github-embeds/은 아직 Github에서 다른 것을 삽입하는 것을 지원하지 않는 것 같습니다.
자체 호스팅된 버전을 사용하는 경우 "플러그인" 화면을 사용하여 플러그인(github 삽입 플러그인 등)을 설치할 수 있습니다(관리 패널의 모양 아래 스크린샷 참조).상세설명 : http://codex.wordpress.org/Managing_Plugins 
음, 나도 예를 들어 자유로운 워드프레스 사용자야.wordpress.com 를 참조해 주세요.가장 좋은 방법은 github의 gist에 코드를 저장하고 워드프레스 사이트의 임베드 링크를 사용하는 것이라고 생각합니다.
예를 들어, https://gist.github.com/AlyssonJalles/9503c6c5d3dc63e9a561 에 파일이 있는 경우는, 사이트에 투고하는 「다이렉트 링크」를 찾을 필요가 있습니다.직접 링크는 https://gist.github.com/9503c6c5d3dc63e9a561과 같이 링크 내의 사용자 이름 및 종료 .delination을 삭제합니다.
그런 다음 워드프레스 사이트로 이동하여 페이지 편집기를 열고 "시각"을 끄고 직접 링크를 붙여넣습니다.거기서 코드를 갱신하면 워드프레스 페이지도 갱신되기 때문에 괜찮습니다.게시된 페이지에는 다음과 같이 Github에서 내장된 링크가 표시됩니다(Run Code Scnipet too checkout!).
<script src="https://gist.github.com/AlyssonJalles/9503c6c5d3dc63e9a561.js"></script>블로그에서 jsfiddle을 공유하는 것은 쉽다.
- Posts에서 Add New를 클릭합니다.
- 기본 내용 텍스트 영역의 오른쪽 상단 모서리에서 텍스트 편집기와 비주얼 편집기를 선택할 수 있습니다.[텍스트]를 선택합니다.
- jsfiddle 페이지로 이동하여 상단 메뉴에서 Share를 클릭하고 iframe 코드를 복사합니다.
- 게시물의 주요 내용의 텍스트 보기에 iframe 코드를 붙여넣습니다.
프로젝트에 대해 설명하는 텍스트를 추가하는 것을 잊지 마십시오.
github에 대해서는 기본적으로 임베디드 기능을 제공하지 않지만 WordPress 플러그인을 사용하여 프로젝트를 임베디드할 수 있습니다.https://wordpress.org/plugins/github-embed/
도움이 됐으면 좋겠네요!
언급URL : https://stackoverflow.com/questions/26312190/how-to-show-code-from-jsfiddle-or-github-in-wordpress
'programing' 카테고리의 다른 글
| Angular에서 간단한 부트스트랩 예/아니오 확인 또는 알림 경고 생성JS (0) | 2023.03.14 |
|---|---|
| Jackson JSON 역직렬화(복수의 파라미터 컨스트럭터 사용) (0) | 2023.03.14 |
| Mongodb 쿼리 지정된 키를 가진 레코드를 선택하려면 (0) | 2023.03.14 |
| 2개의 버튼이 있는 폼에서 Ajax Request on button click을 전송하려면 어떻게 해야 하나요? (0) | 2023.03.14 |
| 자동 배선을 할 수 없습니다.'DataSource' 유형의 빈이 두 개 이상 있습니다. (0) | 2023.03.14 |