현재 워드프레스 커스텀 테마에서
vue.js를 연동하여 사용중입니다.
kboard에서는 어떤 방식으로 vue를 사용 할 수 있을 까요??
안녕하세요~^^
KBoard 플러그인 쪽에서 Vue.js를 적용하실 수 있습니다.
어떤 이유로 KBoard 쪽에 Vue.js를 적용하시려는지 알려주시겠어요?
Vue.js를 활용하여 게시글 목록 페이지 상단에 게시판 번호를 표시하는 코드를 만들어봤습니다.
1. 워드프레스 관리자 -> 외모(테마 디자인) -> 테마 편집기 페이지에서 functions.php 파일 하단에
아래의 코드를 추가해보세요.
add_action('wp_enqueue_scripts', 'kboard_vuejs_theme_scripts');
function kboard_vuejs_theme_scripts() {
wp_enqueue_script('kboard_vuejs', 'https://cdn.jsdelivr.net/npm/vue');
}
위의 코드를 추가하시면 워드프레스에서 Vue.js 프레임워크를 사용하실 수 있습니다.
2. FTP로 접속해서 /wp-content/plugins/kboard/skin/사용중인스킨/list.php 파일 제일 상단에
아래의 코드를 추가해보세요.
<div id="app">{{ message }}</div>
<script>
var app = new Vue({
el: '#app',
data: {
message: '<?php echo $board->id?>'
}
})
</script>
위의 방법을 활용하시면 KBoard 쪽에도 Vue.js를 적용하실 수 있을 듯합니다.
고맙습니다.