일본어 홈페이지 제작시 호스팅 업체는 현지 호스팅업체를 사용해야 합니다.

일본어 홈페이지를 만드는 목적은 뭘까요?

단순히 한국에 있는 일본인을 위한 홈페이지?  오늘은 일본현지인이 볼 수 있는 일본 현지에 제작하는 홈페이지에 대해 적어봅니다.

저희는 롤리팝이라는 일본 호스팅 업체를 이용합니다. 물론 다른 곳도 많이 있는데 계속 사용하다보니 익숙해있어서요

어떨때는 아마존 클라우드를 이용하기도 합니다.  일본에 위치한 아마존 클라우드

현재 제작하고 있는 일본에 위치한 일본어 홈페이지는 아래와 같습니다.

법률 회사이죠

일본어 홈페이지 제작시엔 꼭 일본에 위치한 서버에 설치해야 일본인이 검색해서 볼 수 있습니다.

일본에 진출하고자 하는 업체는 언제든지 문의해주세요

woocommerce 로그인창에서 recaptcha 적용하는 법

우커머스가 설치된 홈페이지에서 로그인창이나 새로 가입창에

로봇이 아닙니다 라는 recaptcha 를 적용하는 방법은 소스코드를 손대도 되겠지만 일반적으로 너무 어려우니

오늘은 간단하게 적용하는 방법을 설명해 봅니다.

참고 동영상으로는 유튜브에 있는 것을 소개해봅니다.

https://youtu.be/7buP5QRgwY8?si=C310wgBSso54q-FX    에서와 같이 하는데  하는 방법은

 

  1. 플러그인 reCAPTCHA for WooCommerce  를 플러그인 추가로 설치하고 난 후 활성화를 시킵니다.
  2. 을 찾아 누릅니다.  
  3. 위 창에서 두개의 시리얼키를 복사해서 붙여넣기 합니다.
  4. https://www.google.com/recaptcha/admin/create     에서 자기계정으로 등록을 해야겠죠,,,이것은 https://youtu.be/7buP5QRgwY8?si=r1jZ4mvCAkqSDkVX   영상 2분4초에 있는 장면을 보면 됩니다.
  5. 그런 후 우커머스란에 체크창4개를 체크해주고 저장하면 됨

라이트세일에서 ssl 인증하기 , https 적용 lightsail ssl

라이트세일에서 워드프레스로 홈페이지를 만든 후 https 를 적용할려면 몇가지 중요한 내용이 있어 여기 적어봅니다.

구글에서 라이트세일에서 ssl 인증하기 하면 많은 글들이 있습니다.

많은 글중 이곳 ( https://paperblock.tistory.com/6 ) 의 글이 가장 쉽게 설명되어 있어 이대로 하면 된다.

하지만 여기 글을 적는 이유는 그렇게 했는데도 안되었을시 그에 대한 해결책이 없어 많은 곳에서 검색 후 찾은 방법을 설명하기로 한다.

1.sudo /opt/bitnami/bncert-tool

2. 검색되어지는 많은 글에서 동일하게 설명하기에 여기선 자세한 것은 설명하지 않고 그렇게 했는데도

성공이란 단어가 나오지 않고 에러가 뜨면서 적용되지 않을때의 해결책을 적어볼려고 한다.

 

많은 곳에서 라이트세일 레코드설정에 대해 빠져있는데 레코드설정만 제대로 하면 이 부분은 해결이 된다.(외국에 글에서 해결책을 찾았음)

위 이미지에 보이듯이 ssh 에서 명령어를 입력하기에 앞서 라이트세일에서 래코드값을 미리 설정해주면 된다.

aaaa 레코드값을 설정해준다

AAAA로 변경 후 레코드이름은 www 그리고 확인 부분에  퍼블릭 IPv6 주소를 복사한 후 붙여넣기를 하면 된다.

이렇게 해준 후 ssh 창에서

https://paperblock.tistory.com/6   여기에서와 같이

sudo /opt/bitnami/bncert-tool   를 넣고

그 밑으로 하라는데로 하면 ssl 인증이 승인된다.

이 방법을 몰라 일주일동안 고생하다가 찾은 방법으로 라이트세일에서 워드프레스 ssl 인증 , https 로 적용하는 방법이 안될 때 문의주시면 성심껏 알려드리겠습니다.
010-7757-1518

코로나에 해외 홈페이지 구축하기 – 중국 서버에 홈페이지 제작하기

수년전부터 전세계 서버에 홈페이지를 구축해 보았었내요,,,
대표적으로 중국, 러시아, 일본, 미국, 필리핀, 카자흐스탄등,,,

지금은 러시아쪽 서버는 연장을 하지 않아, 없으며 일본, 미국등은 계속 손대고 있던차

코로나로 인해 해외 서버에 직접 홈페이지를 만들고, 특히 일반 홈페이지보단 쇼핑몰 구조로 만들어 뭔가 서버비용이라도 벌어볼 까하여 요즘엔 다시 해외 서버에 홈페이지 구축중입니다.

오늘은 중국편 소개해볼려고 합니다.

음,,,중국,,중국은 러시아권과 같이 좀 어려운 곳입니다. 아니 지금까지 전세계 각종 나라에 들어가 서버를 만지며 홈페이지 구축해봤지만 중국이 제일 힘들다고 생각되내요

먼저 중국은 이점을 생각해야 합니다.

우리 한국의 대표적인 웹호스팅 업체인 카페 24와 같이 쉬우면 얼마나 좋을텐데,,,해외는 각종 변수가 많습니다.

1. 웹호스팅(해외에선 이것을 서버임대라고도 하는데 정확히는 웹호스팅으로 설명) 결재시 중국은 원화, 달러, 신용카드들이 안됩니다. 물론 되는 곳도 있을 수 있겠지만,,,못 찾았내요
대다수 중국돈이 결재나 알리페이로 결재를 합니다.
– 내가 중국사람도 아닌데 알리페이를 어떻게 사용하냐요??
– 맘이 있으면 길이 있습니다. 중국 알리페이로 결재를 도와주는 사람들이 많습니다. 이것도 엄밀히 말해 환치기 아닌가 생각이 들지만,,원채 소액이니
– 참 알리페이결재시 결재요청 후 몇분안에 (1-2분인가?) 하기에 이것도 상당히 힘듭니다.

2. 중국의 대표적인 서버임대하는 곳은 북경, 위구루(?) 지역, 그리고 홍콩입니다. 뭐 다른지역도 있긴 하겠지만 대표적으로 몰려 있는 곳이 위 3군데 같더군요

3. 공안의 감시가 상당합니다. 설치도 힘들지만 유지도 힘듭니다.

4. 그래서 정신건강적으로 홍콩의 서버를 이용하는 것이 그나마 편합니다.

5. 알리페이로 인증하고, 또 인증하고 가까스럽게 완성되면 그대로 사용가능( 이 부분은 설명하기가 참 난감합니다. 매번 달라요, 영어도 아니고 중국어로 수많은 나라의 서버를 만져도 생전 처음 보는 화면이 너무 많아서)

6. 워드프레스 방식의 홈페이지로 제작시 가벼운 것으로 하세요,,,유료테마로 사용시 버벅거리는 것이 많아요

워드프레스 사이트 이전에 따른 글과 페이지내 이미지의 경로를 일괄적으로 변경하는 방법

워드프레스 기반의 홈페이지를 제작 후 url주소의 변경을 할 필요가 있을 수 있습니다.

납품용이거나 url주소가 변경될 때 기존에 작성된 이미지들의 경로주소 또한 자동적으로 변경되면 좋겠지만

그렇지 않을 경우,,,이사를 하고 보니 정상적으로 나오는데(이전 전 url주소내에 이미지가 실제 있기에)

이전을 다 한 후 기존 사이트 삭제하고 나니 옮겨진 곳의 이미지가 없는 주소로 나올경우,,,

검색해보니 몇군데 방법이 있기에 소개해 봅니다.

1. 이전 이미지 일괄변경방법  https://my.blogkor.com/998987

2. https://www.thewordcracker.com/basic/%EC%9B%8C%EB%93%9C%ED%94%84%EB%A0%88%EC%8A%A4-%EC%82%AC%EC%9D%B4%ED%8A%B8-url-%EC%9D%BC%EA%B4%84-%EB%B3%80%EA%B2%BD%ED%95%98%EB%8A%94-go-live-update-urls-%ED%94%8C%EB%9F%AC%EA%B7%B8%EC%9D%B8/   플러그인으로 변경하는 방법

 

이니면 https://gryeo.com/archives/50978   위 글처럼 플러그인과 https://ko.wordpress.org/plugins/better-search-replace/  의 플러그인을 사용하는 것도 하나의 방법이다

 

https://martian36.com/1333

워드프레스 사용자 프로필 html 적용하는 법

워드프레스에서는 사용자 프로필을 별도 작성 할 수 있습니다.

그런데 기본적으로 프로필란에 글 작성한 후 확인하면 글이 길게 붙여서 나오게 됩니다.

원하는 것은 한칸 띄어쓰기등 내가 원하는 형식으로 나타나게 하고 싶은데 이게 적용이 되지 않았습니다.

사용된 테마에서 function.php 를 찾아 하단에 밑에 코드를 입력 후 저장하면 이제 프로필에서 html 코드가 적용되어지는 것을 볼 수 있습니다.

add_filter( ‘pre_user_description’, ‘wp_filter_post_kses’);
remove_filter(‘pre_user_description’, ‘wp_filter_kses’);

카페24 Duplicator 오류 워드프레스 이전시 오류해결

좋은 사이트가 있어 먼저 소개합니다.

https://avada.tistory.com/1382

이곳처럼 도메인/installer.php 를 실행시,,,
아무것도 움직이지 않고,,,,도메인이 http://도메인/dup-installer/main.installer.php 일때는

카페24로 접속 해 안티웰쉘로 해결가능 안티웰쉘을 사용안함으로 하면 해결됨

보안관리 > PHP 안티웹셀 설정

워드프레스 테마중 newspaper 에서 이미지 늦게 뜨는 것 해결방안

워드프레스 테마중 뉴스페이퍼 테마는 newspaper 는 참 많은 사람이 사용하는 매거진, 인터넷 신문사에서 많이 사용하는 테마입니다.

저 또한 타업체를 만들어 준 후 제가 관리하다보니, 조금 이상하다 생각했지만 불편한 상태로 계속 사용하다 불편해 알아본 바 간단히 해결하는 방법이 있어 소개해봅니다.

제가 찾은 곳은 이곳에서 원문이 있기에

혹 다른 분들이 저와 같은 증세를 느낀다면 해결방법을 찾았기를 바라는 마음에 글 적어봅니다.

간단히 얘기하면

1. 테마 Newspaper – Theme panel 로 들어간다.

2. LAYOUT SETTINGS – 템플릿샛팅에서

3. 이미지 로딩 – 에니메이션에서 활성화된 것을 비활성으로 바꾼 후 저장

4. 끝

워드프레스 지도 책 넣기? 프렌차이즈 지도 넣기 , 전국 골프장 지도 찾기등

이 글은 워드프레스 지도 스킨 적용하는 법에 대한 팁을 설명랍니다.

워드프레스 홈페이지에서 지도를 넣을려면 구글개발자코드나 네이버 개발자 등이 먼저 갖춰야 합니다.

동양골프 웹진 에 넣을 지도를 찾아보던 중 망고보드에서 원하는 기능을 판매하는 것을 보고 당장 구입했습니다.

네이버지도 스킨 이나 구글 지도 스킨등 여러가지가 있으며, 모양도 2-3가지정도로 원하는 것을 골라 사용하면 됩니다.

모양에 따라 가격차이는 존재합니다.

당장 구입했습니다. 그리고 압축파일로 받은 것 같던데,,워드프레스에서 플러그인 추가와 같이 추가 누른 후 파일찾아 설치를 했습니다.

안됩니다.

안되는 이유는 간단합니다. 플러그인으로 된 것이 아니라 스킨이라는 점입니다.

그래서 망고보드에서 판매시 옵션도 기술지원 없음, 설치지원,디자인수정, , 기능수정이라고 있으며

각각 비용차이가 납니다.

처음에는 몰랐죠.  이게 무슨 말인지 해서요

혹시 오래전 제로보드나 요즘은 k보드도 같나? 모르겠지만 제로보드나 그누보드 같은것을 설치, 운영해 보았다면 바로 알 수 있습니다.

관련내용은 조금 검색해 보면 되지만 간단하게 설명해보면

  1. 망고보드를 설치합니다. 이것은 플러그인으로 무료로 받아 설치됩니다.
  2. ftp에서 구입된 스킨을 망고보드 스킨 폴더에 옮겨 놓고
  3. 망고보드에서 스킨설정을 해줍니다. 그냥 하면 게시판 기능스킨만 있을것 같내요(기억에 의존해서 작성하다보니)

이해를 돕기 위해 현재 적용된 사이트를 소개해 봅니다.

동양골프 웹진전국 골프장 지도 찾기 란을 페이지 만들어 표시하고 있습니다.

참 먼저 구입하는 망고보드 지도 스킨 페이지 하단을 보면

[ 라이센스 / 환불 ] 

1. 라이센스 : 1copy-1domain-1host : 1개 도메인-1개 호스트(www)에서만 사용 가능 (기간제한 없이 평생 사용 가능)

2. 환불정책 : 파일 상품은 구입후 1주일 이내 이유에 상관없이 100% 환불을 보장합니다.

                    도메인 변경은 구입후 90일 이내에 직접 변경이 가능합니다.

                    인건비에 해당하는 선택옵션(기술지원,디자인수정 등)은 지원을 받았을 경우 환불이 불가합니다.

3. 보증정책 : 무보증 (유료 관리 서비스 사용자에 한해서만 보증)

                    호환성 문제 및 사용도중 발생하는 문제에 대해서는 무료 기술지원을 해드리지 않습니다.

4. 주의사항 : 기술지원이 포함되어 있지 않은 무보증 상품으로 추가적인 사용 및 수정방법에 대한 안내를 해드리지 않습니다.

                    추가적인 도움이 필요하신 분들은 기술지원 옵션을 선택해 주세요.

5. 기술지원 : 설치대행/디자인수정/기능수정을 신청하시는 분들은 구매후 아래 주소에서 기술지원을 신청해 주세요.

                    기술지원 신청: https://www.mangboard.com/tech_support/

이렇게 글이 있습니다. 다 적용한 후엔 왜 이런 글이 있는지 알 수 있습니다.

단순히 플러그인 설치하는 정도의 실력이면,,,음 조금 어렵거든요,,그래서 일주일간의 환불 기간을 준것인지 모르겠습니다.

 

스킨 구입후 바로 아래 부분을 먼저 해보셔야 합니다.

네이버 지도를 가져올려면 먼저 개발자??등으로 가입되어 있어야 하기에 그렇습니다. 하단 내용은 망고보드 스킨 하단에 있는 내용을 보여드립니다.

 

[ 지도 API 키 ]   
 

1. 네이버 클라우드 플랫폼 회원가입 및 결제정보 입력: https://www.ncloud.com/ 

2. 네이버 지도 서비스 주소 접속: https://www.ncloud.com/product/applicationService/maps

3. 이용신청하기 > + Application 등록 버튼 > 이름입력 > Service 선택 > Maps 항목에서 3가지 서비스 선택(Web Dynamic Map, Mobile Dynamic Map, Geocoding)  >

    Web 서비스 URL 입력 > 등록버튼 클릭 > 인증정보에서 Client ID 복사 > 숏코드에서 map_key 속성에 복사한 Client ID 입력

※ 네이버 Maps API 가이드: https://navermaps.github.io/maps.js.ncp/

 

위 부분까지 되었다면 이제

[ 숏코드 설정 ]   

[mb_board name=”s_map_naver” list_map_height=”360″ list_zoom=”12″ view_zoom=”14″ write_zoom=”13″ list_map_lat=”37.557082611362674″ list_map_lng=”126.9733781569978″ write_map_lat=”37.557082611362674″ write_map_lng=”126.9733781569978″ map_key=”지도 API 키 입력” style=””] 

 
  – name : 게시판 이름 (지도 게시판으로 사용하기 위해 생성한 게시판 이름으로 수정)
  – list_map_height : 목록 화면 지도 높이 (숫자만 입력)   
  – list_zoom : 목록 화면 줌 설정 (숫자만 입력, 숫자가 클수록 지도가 확대됨)
  – view_zoom : 글보기 화면 줌 설정 (숫자만 입력, 숫자가 클수록 지도가 확대됨)
  – write_zoom : 글쓰기 화면 줌 설정 (숫자만 입력, 숫자가 클수록 지도가 확대됨)
  – list_map_lat : 목록 화면 지도 좌표 – 위도 (글쓰기 화면 지도에서 좌표 확인 가능)
  – list_map_lng : 목록 화면 지도 좌표 – 경도 (글쓰기 화면 지도에서 좌표 확인 가능)
  – write_map_lat : 글쓰기 화면 지도 좌표 – 위도 (글쓰기 화면 지도에서 좌표 확인 가능)
  – write_map_lng : 글쓰기 화면 지도 좌표 – 경도 (글쓰기 화면 지도에서 좌표 확인 가능)
  – map_key : 지도 키 입력 (아래의 내용 참조)
  – style : CSS 스타일 속성 입력
 
를 적용하면 되는데,,,전부 알 필요는 없으며, 다만 지도 api키를 받아 숏코드에 적용해주면 됩니다.
 
워드프레스에서 게시판 만들듯이 페이지 하나 만든 후 


[mb_board name=”s_map_naver” list_map_height=”360″ list_zoom=”12″ view_zoom=”14″ write_zoom=”13″ list_map_lat=”37.557082611362674″ list_map_lng=”126.9733781569978″ write_map_lat=”37.557082611362674″ write_map_lng=”126.9733781569978″ map_key=”지도 API 키 입력” style=””] 
를 수정해 주시면 됩니다.
확대 축소, 그리고 초기 자기 위치좌표는 보면서 정하시면 됩니다.
 
글로써 이정도면 거의 다 완성되는데,,,혹 그래도 진짜진짜 안되면 망고보드에 문의한번 하면 될듯
(여기까지 오면 다 될것 같내요)

워드프레스 사이트 파비콘 간단하게 수정하기, 파비콘 교체 방법 소개

이 글은 홈페이지 웹사이즈죠? url옆 파비콘 수정하는 법에 대한 팁을 설명랍니다.

제가 찾다가 어디에도 없기에 저와같이 혹 찾는 분을 위해 작성한 팁입니다.

인터넷에서 특히 저는 워드프레스 기반의 홈페이지를 제작하기에 많은 테마들을 사용해보고 있습니다.

특히 이번엔 저희 관련 웹사이트를 제작도중 완성은 되었는데 뭔가 아쉬운 부분이 뭔가 하다

파비콘 부분 수정을 해야겠단 생각에 파비콘에 대해 조사해 보고 적용하다 쉽게 할 수 있는 부분을 알게 되어 공유해 봅니다.

파비콘…..워드프레스에서 파비콘 수정하는 법을 찾아보면 많습니다.
  1. 플러그인을 사용한다
  2. 테마설정쪽에서 적용한다
  3. 직접 수정해서 사용한다
먼저 2번을 설명드리면 보통은 유료테마는 많은 테마가 파비콘을 직접 파일만 올리면 적용되게 되어 있는것을 보입니다. 편하죠,,,그냥 이미지png파일등을 올리면 간단히 적용되게 되어 있습니다. 그렇기에 일단 2번은 패스
1번은 구글에서 검색해보면 여러가지가 있습니다. 검색해보면 플러그인을 사용시 타업체에 해당 이미지를 올리면 그것을 본인 사이트에서 적용하게 해준다고 되어 있습니다. 적용방법은 여러가지이기에 해당 기사를 찾아 적용해보면 되며

오늘 여기서 설명할려고 하는것은 이것입니다.

본인도메인 전 제가 적용해보았던 https://golfwebzine.co.kr/ 이곳에 url 뒤에 이렇게 붙여넣기를 해봅니다.

https://golfwebzine.co.kr/favicon.ico

를 한 후 엔터치면 (아무것도 조치 안하고 일반적인 홈페이지 제작시)

https://golfwebzine.co.kr/wp-includes/images/w-logo-blue-white-bg.png

https://onlinegolfshop.co.kr/wp-includes/images/w-logo-blue-white-bg.png 위 내용처럼 뒷 주소가 나옵니다.

여기까지 보면 뭔가 아시겠죠?

ftp로 들어가  wp-includes/images/w-logo-blue-white-bg.png   를 같은 이름으로 된 원하는 이미지로 교체해서 올려보세요

 

파비콘이 변경된 것을 보실 수 있습니다.

 

사실 소스코드 건드리고 했었는데 어떤 곳에서는 차일드테마 중 head.php 하단에 추가 문구등이 들어가게 하라등이 있었지만 전 이 방법이 가장 간단해서 소개해봅니다.