워드프레스 쇼핑몰을 만들어 보았습니다. http://time-space.biz/wp5/ (아래 미리보기 이미지)
버전정보: 글작성기준 최신버전 모두 Basic버전은 GNU(무료버전)입니다.
- 워드프레스: v5.22
- 우커머스플러그인: 3.7.0
- 우커머스호환테마: Mystile 3.14.0
- Mystile-Child 테마생성 후 수정:
부모테마 Mystile복사 후 -> Mystile-Child (style.css) 기존내용 지우고 아래만 남겨 놓는다.
/*
Theme Name: Mystile-Child
Theme URI: http://www.woothemes.com/
Version: 1.2.12
Description: Designed by <a href="http://www.woothemes.com">WooThemes</a>.
Author: WooThemes
Author URI: http://www.woothemes.com
Tags: woothemes
Template: WP-Mystile-master
Copyright: (c) 2009-2011 WooThemes.
License: GNU General Public License v2.0
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/
(functions.php) 기존내용 지우고 아래내용으로 바꿈.
<?php
//차일드 테마 사용하기
add_action('wp_enqueue_scripts', 'theme_enqueue_styles');
function theme_enqueue_styles() {
wp_enqueue_style('parent-style', get_template_directory_uri().'/style.css');
}
//위젯 메뉴에 슬라이더 위젯 넣을 장소 표시
function arphabet_widgets_init() {
register_sidebar( array(
'name' => 'Home main slider',
'id' => 'home_main_1',
'before_widget' => '<div>',
'after_widget' => '</div>',
'before_title' => '<h2 class="rounded">',
'after_title' => '</h2>',
) );
}
add_action( 'widgets_init', 'arphabet_widgets_init' );
//메인페이지에 슬라이더 출력
function wpsites_before_header_widget( $content ) {
if ( is_active_sidebar( 'home_main_1' ) && is_main_query() && is_front_page() ) {
dynamic_sidebar('home_main_1');
}
return $content;
}
add_filter( 'woo_main_before', 'wpsites_before_header_widget' );
//일반사용자일때 워드프레스 툴바 숨기기
function fn_admin_bar_userHide() {
return (current_user_can("manage_options"))? true : false;
}
add_filter('show_admin_bar', 'fn_admin_bar_userHide');
//관리자일때 워드프레스 툴바 숨기기
function fn_admin_bar_allHide() {
return false;
}
add_filter('show_admin_bar', 'fn_admin_bar_allHide');
?>
- Loco 번역플러그인으로 Mystile-Child의 Product Categories, Featured Products, Recent Products 한글번역
- MetaSlider플러그인 : v3.14.0(위 Mystile-Child에는 슬라이드 배너가 없어서...) ml-slider.zip
- scroll-top플러그인: 상단으로 이동 버튼 추가 wpfront-scroll-top.zip
- 위 functions.php 파일을 수정하면, 메타슬라이드를 추가할 수 있는 위젯으 보입니다.(아래)
- 아임포트 결제 플러그인: v2.0.97 ( 테스트 결제만 가능. https://admin.iamport.kr에서 회원가입 후, "시스템설정" > "내정보"에서 확인 )
Ps. 앞으로 할일 : 자체 제작한 테마및 플러그인 공개용으로 배포 및 온라인 설치하기.
GitHub Updater 플러그인으로 워드프레스 테마와 플러그인 배포하기
- 기술참조: https://wpguide.usefulparadigm.com/posts/323
-----------------------------------
기타: 결제관련 참조 페이지 내용(아래)
-----------------------------------
https://serviceguide.cafe24.com/ko_KR/SH.PA.PM.html
-워드프레스 인스타그램 플러인 사용 미리보기 페이지 입니다.
https://smashballoon.com/instagram-feed/demo/
-instagram-feed 플러그인 사용법 및 다운로드
http://movieranking.co.kr/archives/92
https://wordpress.org/plugins/instagram-feed/
https://m.blog.naver.com/PostView.nhn?blogId=trendymom&logNo=220425477755&proxyReferer=http%3A%2F%2Fwww.google.co.kr%2Furl%3Fsa%3Dt%26rct%3Dj%26q%3D%26esrc%3Ds%26source%3Dweb%26cd%3D4%26ved%3D2ahUKEwjI87y9uubmAhWdKqYKHS16AJIQFjADegQIBxAB%26url%3Dhttp%253A%252F%252Fm.blog.naver.com%252Ftrendymom%252F220425477755%26usg%3DAOvVaw17w-Mx6LYEMC4AaMQANja0
Ps. 영카트 쇼핑몰 메뉴얼: https://sir.kr/manual/yc5/114
2_워드프레스 쇼핑몰 테스트 (0) | 2020.01.17 |
---|---|
워드프레스 테마 커스터마이징 결과 (0) | 2019.11.12 |
워드프레스기반 구글 다국어 플러그인(위젯) 제작 (0) | 2019.08.25 |
최신 워드프레스 사이트 연습 (0) | 2019.08.22 |
요즘 홈페이지 메인에 역동적인 영상을 집어넣는 방식 (0) | 2018.10.09 |
댓글 영역