상세 컨텐츠

본문 제목

1_워드프레스 쇼핑몰 테스트

웹디자인-TOOL

by 김일국 2019. 9. 4. 16:14

본문

워드프레스 쇼핑몰을 만들어 보았습니다. 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

wpfront-scroll-top.zip
0.43MB
ml-slider.zip
5.3MB

관련글 더보기

댓글 영역