'분류 전체보기'에 해당되는 글 8건
- 2017.06.25 [스크랩] Angular 시작하기
- 2017.02.02 [스크랩] 워드프레스 우커머스 회원가입 계정 커스터마이징
- 2016.10.18 부트스트랩 dropdown 메뉴 hover로 변경
- 2016.08.28 [스크랩] 국내 PG사 연동 우커머스(Woocommerce) 워드프레스 쇼핑몰 결제 플러그인 총정리
- 2016.07.18 JAVAFX Alert 설정
- 2016.05.20 [스크랩] 워드프레스 쇼핑몰 제작하기 전 준비사항
- 2016.05.18 워드프레스 Woocommerce(우커머스) 한글화 방법 1
- 2015.06.23 웹 너비 결정하기
[워드프레스] 우커머스 ‘내 계정’ 페이지의 등록 폼에 필드 추가하기
[워드프레스] 워드프레스 회원가입 폼/로그인 폼에서 ‘사용자명’을 ‘아이디’로 바꾸기
[워드프레스] 회원가입 양식에 주소 검색과 약관/개인정보 동의 추가하기
http://www.thewordcracker.com/intermediate/how-to-add-address-search-form-and-toc/
[워드프레스] 회원 등록 후 특정 페이지로 이동시키는 방법
http://www.thewordcracker.com/basic/redirection-after-registration-in-wordpress/
[워드프레스] 우커머스 ‘내 계정’ 페이지의 수정
출처 : http://www.thewordcracker.com/
'IT > Wordpress' 카테고리의 다른 글
[스크랩] 국내 PG사 연동 우커머스(Woocommerce) 워드프레스 쇼핑몰 결제 플러그인 총정리 (0) | 2016.08.28 |
---|---|
[스크랩] 워드프레스 쇼핑몰 제작하기 전 준비사항 (0) | 2016.05.20 |
워드프레스 Woocommerce(우커머스) 한글화 방법 (1) | 2016.05.18 |
부트스트랩 테마 적용 시
dropdown 메뉴를 hover로 변경 하고 싶을 경우,
아래 코드를 영역내에 적용하시면 잘 변경됩니다!
완전 꿀팁이네용 ㅠㅠ
참조 : http://stackoverflow.com/questions/16214326/bootstrap-dropdown-with-hover
'IT > Publishing' 카테고리의 다른 글
웹 너비 결정하기 (0) | 2015.06.23 |
---|
국내 PG사 연동 우커머스(Woocommerce) 워드프레스 쇼핑몰 결제 플러그인 총정리
출처 : 이노엠
제작년까지만해도 가장 인기있는 워드프레스 쇼핑몰 카트 플러그인인 우커머스(Woocommerce)에 국내 PG사의 결제시스템 연동이 가능한 플러그인들을 찾아보기 힘들었다. 하지만 불과 1년 남짓 사이에 다양한 PG사들에 적용이 가능한 결제 플러그인들이 출시되어 워드프레스로 국내용 쇼핑몰을 운영해 보고 싶어하는 많은 유저들의 기대감을 한껏 높여 주고 있다. 아직 초기 단계라 안정성이 백퍼센트 확보된 것은 아니며 테마와 플러그인들 및 각종 설정과 맞물려 버그가 발생할 수도 있지만 지속적으로 업데이트되면서 보다 높은 안정성과 적응성을 갖출 것으로 기대된다.
어떤 플러그인은 유료 정책이고 어떤 곳은 제작사에 회원으로 가입을 해야만 다운로드가 가능하다. 또 어떤 업체는 과감히 무료로 오픈을 해서 국내의 워드프레스 쇼핑몰 저변 확대에 큰 기여를 하고 있다. 이 플러그인을 사용하시는 분들은 어떠한 방법으로도 그 노고와 고마움에 조금이라도 지원 또는 감사의 인사를 전달하는 것도 큰 힘이 되지 않을까 생각해 본다.
여기 소개하는 모든 결제 플러그인들은 반드시 해당되는 국내 PG사와 계약을 한 후 지원되는 쇼핑몰 플러그인(예를 들면 Woocommerce 등)을 설치하고나서 장착되어야 사용이 가능하다.
1. Woocommerce-Paygate-JT
가격 : 무료
적용가능 쇼핑몰 플러그인 : 우커머스 (Woocommerce)
연동 PG사 : 페이게이트(Paygate)
제작사 : 스튜디오JT
국내에서 진보적인(?) 정책을 펼치고 있는 PG사 중 하나인 페이게이트의 결제시스템을 Wocommerce와 연동시킬 수 있는 워드프레스 쇼핑몰 결제 플러그인이다. 워드프레스 개발 업체인 스튜디오JT와 페이게이트가 협력해 개발했다. 페이게이트사와 결제대행 계약을 한 후 이용할 수 있다.
2. Ajin-KCP-Payment-Woocommerce
가격 : 무료
적용가능 쇼핑몰 플러그인 : 우커머스 (Woocommerce)
연동 PG사 : KCP (한국사이버결제)
제작사 : 아진시스템
워드프레스 쇼핑몰 제작 및 구축 전문기업인 아진시스템이 개발한 KCP 결제시스템 연동 전용 플러그인이다. 이 역시 Woocommerce 결제 플러그인에만 적용이 가능하다. 아래 페이지로 가면 회원가입 등 어떠한 조건 없이 두가지 압축파일 중 하나를 선택해서 다운받을 수 있다. 물론 KCP와 결제대행 계약을 완료한 후에만 사용 가능하다.
3. KG 이니시스 결제연동 플러그인
가격 : 무료 (제작사 회원가입 후 다운로드 가능)
적용가능 쇼핑몰 플러그인 : 우커머스 (Woocommerce)
연동 PG사 : KG 이니시스
제작사 : 코드엠샵
워드프레스 개발 전문 업체인 코드엠샵에서 개발한 플러그인으로서 KG 이니시스의 결제시스템을 Wocommerce와 연동할 수 있는 플러그인이다. 무료이긴 하지만 다운로드를 받으려면 회원가입을 해야 한다.
4. WOOPAY Paygate 결제플러그인
가격 : 싱글 88,000원, 패밀리팩 308,000원, 에이전시 440,000원
적용가능 쇼핑몰 플러그인 : 우커머스 (Woocommerce)
연동 PG사 : 페이게이트(Paygate)
제작사 : Planet8
역시 페이게이트의 결제시스템을 Wocommerce와 연동시켜주는 워드프레스 쇼핑몰 결제 플러그인이다. Planet8이라는 업체가 개발했으며 몇가지 사용조건에 따른 유료판매 정책을 펼치고 있다. 위의 무료 결제 플러그인과 차이점은 사용해 보지 않아서 알 수 없다.
5. WOOPAY LG유플러스 결제플러그인
가격 : 싱글 154,000원, 패밀리팩 539,000원, 에이전시 770,000원
적용가능 쇼핑몰 플러그인 : 우커머스 (Woocommerce)
연동 PG사 : LG유플러스
제작사 : Planet8
이 플러그인은 LG유플러스의 결제시스템과 연동이 가능하며 Planet8사가 개발하였다. 이 업체에서 개발된 플러인은 모두 유료인데 위의 페이게이트 플러그인과 마찬가지로 몇가지 사용조건에 따라 가격이 틀리다.
[ Featured Image : Flickr, Giuseppe Leto Barone ]
'IT > Wordpress' 카테고리의 다른 글
[스크랩] 워드프레스 우커머스 회원가입 계정 커스터마이징 (0) | 2017.02.02 |
---|---|
[스크랩] 워드프레스 쇼핑몰 제작하기 전 준비사항 (0) | 2016.05.20 |
워드프레스 Woocommerce(우커머스) 한글화 방법 (1) | 2016.05.18 |
Standard Dialogs
Information Dialog
Alert alert = new Alert(AlertType.INFORMATION); alert.setTitle("Information Dialog"); alert.setHeaderText("Look, an Information Dialog"); alert.setContentText("I have a great message for you!"); alert.showAndWait();
Without Header Text
Alert alert = new Alert(AlertType.INFORMATION); alert.setTitle("Information Dialog"); alert.setHeaderText(null); alert.setContentText("I have a great message for you!"); alert.showAndWait();
Warning Dialog
Alert alert = new Alert(AlertType.WARNING); alert.setTitle("Warning Dialog"); alert.setHeaderText("Look, a Warning Dialog"); alert.setContentText("Careful with the next step!"); alert.showAndWait();
Error Dialog
Alert alert = new Alert(AlertType.ERROR); alert.setTitle("Error Dialog"); alert.setHeaderText("Look, an Error Dialog"); alert.setContentText("Ooops, there was an error!"); alert.showAndWait();
Exception Dialog
There is not a complete Exception Dialog out of the box. But we can easily provide TextArea
as expandable content.
Alert alert = new Alert(AlertType.ERROR); alert.setTitle("Exception Dialog"); alert.setHeaderText("Look, an Exception Dialog"); alert.setContentText("Could not find file blabla.txt!"); Exception ex = new FileNotFoundException("Could not find file blabla.txt"); // Create expandable Exception. StringWriter sw = new StringWriter(); PrintWriter pw = new PrintWriter(sw); ex.printStackTrace(pw); String exceptionText = sw.toString(); Label label = new Label("The exception stacktrace was:"); TextArea textArea = new TextArea(exceptionText); textArea.setEditable(false); textArea.setWrapText(true); textArea.setMaxWidth(Double.MAX_VALUE); textArea.setMaxHeight(Double.MAX_VALUE); GridPane.setVgrow(textArea, Priority.ALWAYS); GridPane.setHgrow(textArea, Priority.ALWAYS); GridPane expContent = new GridPane(); expContent.setMaxWidth(Double.MAX_VALUE); expContent.add(label, 0, 0); expContent.add(textArea, 0, 1); // Set expandable Exception into the dialog pane. alert.getDialogPane().setExpandableContent(expContent); alert.showAndWait();
Confirmation Dialog
Alert alert = new Alert(AlertType.CONFIRMATION); alert.setTitle("Confirmation Dialog"); alert.setHeaderText("Look, a Confirmation Dialog"); alert.setContentText("Are you ok with this?"); Optional<ButtonType> result = alert.showAndWait(); if (result.get() == ButtonType.OK){ // ... user chose OK } else { // ... user chose CANCEL or closed the dialog }
Confirmation Dialog with Custom Actions
Alert alert = new Alert(AlertType.CONFIRMATION); alert.setTitle("Confirmation Dialog with Custom Actions"); alert.setHeaderText("Look, a Confirmation Dialog with Custom Actions"); alert.setContentText("Choose your option."); ButtonType buttonTypeOne = new ButtonType("One"); ButtonType buttonTypeTwo = new ButtonType("Two"); ButtonType buttonTypeThree = new ButtonType("Three"); ButtonType buttonTypeCancel = new ButtonType("Cancel", ButtonData.CANCEL_CLOSE); alert.getButtonTypes().setAll(buttonTypeOne, buttonTypeTwo, buttonTypeThree, buttonTypeCancel); Optional<ButtonType> result = alert.showAndWait(); if (result.get() == buttonTypeOne){ // ... user chose "One" } else if (result.get() == buttonTypeTwo) { // ... user chose "Two" } else if (result.get() == buttonTypeThree) { // ... user chose "Three" } else { // ... user chose CANCEL or closed the dialog }
Text Input Dialog
TextInputDialog dialog = new TextInputDialog("walter"); dialog.setTitle("Text Input Dialog"); dialog.setHeaderText("Look, a Text Input Dialog"); dialog.setContentText("Please enter your name:"); // Traditional way to get the response value. Optional<String> result = dialog.showAndWait(); if (result.isPresent()){ System.out.println("Your name: " + result.get()); } // The Java 8 way to get the response value (with lambda expression). result.ifPresent(name -> System.out.println("Your name: " + name));
Note: The result.isPresent()
will return false
if the user cancelled the dialog.
Choice Dialog
List<String> choices = new ArrayList<>(); choices.add("a"); choices.add("b"); choices.add("c"); ChoiceDialog<String> dialog = new ChoiceDialog<>("b", choices); dialog.setTitle("Choice Dialog"); dialog.setHeaderText("Look, a Choice Dialog"); dialog.setContentText("Choose your letter:"); // Traditional way to get the response value. Optional<String> result = dialog.showAndWait(); if (result.isPresent()){ System.out.println("Your choice: " + result.get()); } // The Java 8 way to get the response value (with lambda expression). result.ifPresent(letter -> System.out.println("Your choice: " + letter));
Note: The result.isPresent()
will return false
if the user didn't choose anything or cancelled the dialog.
Custom Login Dialog
Here is an example of how to create a custom dialog with a login form:
// Create the custom dialog. Dialog<Pair<String, String>> dialog = new Dialog<>(); dialog.setTitle("Login Dialog"); dialog.setHeaderText("Look, a Custom Login Dialog"); // Set the icon (must be included in the project). dialog.setGraphic(new ImageView(this.getClass().getResource("login.png").toString())); // Set the button types. ButtonType loginButtonType = new ButtonType("Login", ButtonData.OK_DONE); dialog.getDialogPane().getButtonTypes().addAll(loginButtonType, ButtonType.CANCEL); // Create the username and password labels and fields. GridPane grid = new GridPane(); grid.setHgap(10); grid.setVgap(10); grid.setPadding(new Insets(20, 150, 10, 10)); TextField username = new TextField(); username.setPromptText("Username"); PasswordField password = new PasswordField(); password.setPromptText("Password"); grid.add(new Label("Username:"), 0, 0); grid.add(username, 1, 0); grid.add(new Label("Password:"), 0, 1); grid.add(password, 1, 1); // Enable/Disable login button depending on whether a username was entered. Node loginButton = dialog.getDialogPane().lookupButton(loginButtonType); loginButton.setDisable(true); // Do some validation (using the Java 8 lambda syntax). username.textProperty().addListener((observable, oldValue, newValue) -> { loginButton.setDisable(newValue.trim().isEmpty()); }); dialog.getDialogPane().setContent(grid); // Request focus on the username field by default. Platform.runLater(() -> username.requestFocus()); // Convert the result to a username-password-pair when the login button is clicked. dialog.setResultConverter(dialogButton -> { if (dialogButton == loginButtonType) { return new Pair<>(username.getText(), password.getText()); } return null; }); Optional<Pair<String, String>> result = dialog.showAndWait(); result.ifPresent(usernamePassword -> { System.out.println("Username=" + usernamePassword.getKey() + ", Password=" + usernamePassword.getValue()); });
Styling the Dialogs
Custom Icon
In the current version it's a bit cumbersome to get to the Dialog's Stage
to be able to set its icon. Here is how:
// Get the Stage. Stage stage = (Stage) dialog.getDialogPane().getScene().getWindow(); // Add a custom icon. stage.getIcons().add(new Image(this.getClass().getResource("login.png").toString()));
According to this bug report the final version of the JavaFX 8u40 Dialogs should use the same icon as the application that it is running from. In that case you would need to set its owner and the Dialog would get the owner's icon:
dialog.initOwner(otherStage);
Chapter02. 워드프레스 쇼핑몰 제작하기 전 준비사항
※ Lesson01. 쇼핑몰 기획하기
* 쇼핑몰 제작 프로세스
- 온라인 쇼핑몰 창업 프로세스
1. 아이템 선정 / 사업 계획 / 자금 계획 / 구매처 확보
2. 창업 제반 신고 / 사업자등록등 및 통신 판매업 신고 / 도메인 등록
3. 쇼핑몰 구축 및 구축 솔루션 선택 (워드프레스 선택) / 상품 촬영 및 등록
4. 전자 결제 시스템 완비
5. 쇼핑몰 운영 / 온라인 마케팅
- 쇼핑몰 제작 도구 선택하기 : 웹서버 호스팅
- Woocommerce 플러그인 호환 가능한 테마 선택 및 설치하기
- 테마 분석 및 상품 등록하기
- 결제 플러그인 및 전자 결제 승인
- 상품 판매 및 관리하기
* 쇼핑몰 벤치마킹 및 컨셉잡기
- 참고 사이트 : wordpressn.com
- 참고 플러그인 확인 : 소스보기 후 plugins/ 뒤에 나오는 단어 검색
- 참고 테마 확인 : 소스 보기 후 themes/ 뒤에 나오는 단어 검색
* 사이트 메뉴 구조도
- 국내 쇼핑몰 구축시 : 개인정보처리방침 , 이용약관, 사업자 정보는 꼭 명시 = 푸터에 독립 페이지로~
* 콘텐츠 자료 준비하기
- 로고 및 이미지
- 단일 페이지 소개글 : ex> 회사 및 shop소개, 이용약관, 개인정보보호정책, 배송정책, 기타 정책
- 상품 상세정보 : ex> 상품명, 가격, 썬메일, 요약설명, 상세설명, 상세이미지, 카테고리
※ Lesson02. 쇼핑몰 도메인 및 웹호스팅 준비하기
* 도메인 개요
- 영문자(A~Z), 숫자(0~9) 또는 하이픈(-) 조합으로만 가능, 영문자 대소문자 구별 없음
- 영어나 숫자로 시작해야하며 하이픈(-)으로 끝나면 안됨
- 도메인 네임의 길이는 최소 2자 ~ 최대 63자까지 가능(개인 도메인은 3자부터)
- 콤마(,), 언더바(_) 등 기호와 특수문자(& %)는 사용 불가
* 쇼핑몰 도메인 선정 및 주의 사항
- 사업자 등록할때 정하는 상호, 쇼핑몰의 이름, 쇼핑몰 도메인
* 쇼핑몰 도메인 등록하기
- 도메인 구입사이트와 웹호스팅 서비스 업체가 다를 경우 도메인 구입 사이트의 네임서버 주소를 변경
(네임서버란? 영문 도메인을 4자리 IP 주소로 매핑시켜주는 서버)
* 쇼핑몰 네임서버 변경하기
* 웹호스팅 준비하기
- 워드프레스 설치 / 도메인 연결 관리 / DB 복원 및 백업 / 트래픽 및 웹하드 용량 관리
※ Lesson03. 워드프레스 설치하기
* 워드프레스 자동 설치
* 워드프레스 수동 설치
※ Lesson04. 쇼핑몰 테마 선정하기
* 쇼핑몰 테마 살펴보기
* themeforest에서 쇼핑몰 테마 검색하기 ex> wordpress > eCommerce(=전자상거래 템플릿 모음)
* 테마 선정 노하우
- 지원하는 기능 살펴보기
1. 지원브라우저
2. 워드프레스 버전
3. 우커머스 버전
4. 반응형 웹 지원 ex>responsive
5. 기타 옵션 기능 : 다국어, 예약, 회원 관리 등 추가 기능 호환성 여부 확인 ex> WPML, BuddyPtess 2.0x
* 테마 요약 박스
- Created : 테마 제작 시기
- Last Update : 테마 최근 업데이트 시기
- Widget Ready : 위젯
- Compatible Browsers : 지원되는 브라우저
- Software Version : 워드프레스 버전 호환성
- Layout : 반응형 레이아웃
- ThemeForest Files Included : 제공되는 소스 파일, Tag는 이 테마와 관련된 키워드들에 설명이 되어 있음
* 테마 구입 시 체크해야 될 유의사항
- 데모 미리보기로 레이아웃 둘러보기
- 배포량 및 최근 업데이트 날짜 체크
- 테마와 한국형 결제 플러그인의 우커머스 버전 호환성 체크
: 한국형 결제 시스템 설치시 테마에서 지원하는 우커머스 버전과 결제 플러그인 버전이 서로 일치
'IT > Wordpress' 카테고리의 다른 글
[스크랩] 워드프레스 우커머스 회원가입 계정 커스터마이징 (0) | 2017.02.02 |
---|---|
[스크랩] 국내 PG사 연동 우커머스(Woocommerce) 워드프레스 쇼핑몰 결제 플러그인 총정리 (0) | 2016.08.28 |
워드프레스 Woocommerce(우커머스) 한글화 방법 (1) | 2016.05.18 |
https://docs.woothemes.com/document/woocommerce-localization/
Woocommerce 번역 포럼 참고
https://translate.wordpress.org/projects/wp-plugins/woocommerce/stable/ko/default?page=1
한글화 작업자료 Export 이용하여 다운 받기
Stable(latest release) 클릭하여 나오는 페이지 맨 하단에서
Export를 이용 하여
wp-plugins-woocommerce-stable-ko.po
wp-plugins-woocommerce-stable-ko.mo
두 개 파일을 본인의 컴퓨터에 다운 받습니다.
파일 다운 후
woocommerce-ko_KR.po
woocommerce-ko_KR.mo
로 이름 변경 후
.. / wp-contents / languages / plugins 에 업로드하면 자동으로 설정 완료!
( 웹호스팅의 경우 서버에 업로드, Autoset을 이용한 서버 운영의 경우는 본인 운영서버 폴더에 삽입)
'IT > Wordpress' 카테고리의 다른 글
[스크랩] 워드프레스 우커머스 회원가입 계정 커스터마이징 (0) | 2017.02.02 |
---|---|
[스크랩] 국내 PG사 연동 우커머스(Woocommerce) 워드프레스 쇼핑몰 결제 플러그인 총정리 (0) | 2016.08.28 |
[스크랩] 워드프레스 쇼핑몰 제작하기 전 준비사항 (0) | 2016.05.20 |
http://getbootstrap.com/css/#grid
부트스트랩 이용 기준
750px 이하 모바일 적용
'IT > Publishing' 카테고리의 다른 글
부트스트랩 dropdown 메뉴 hover로 변경 (0) | 2016.10.18 |
---|