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

워드프레스 기반의 홈페이지를 제작 후 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’);

워드프레스 테마중 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 하단에 추가 문구등이 들어가게 하라등이 있었지만 전 이 방법이 가장 간단해서 소개해봅니다.

워드프레스 5.3 버전부터는 큰 이미지 올리면 자동 이미지 변환(작아지는것)됩니다. 이를 해결하는 방법을 적어봅니다.

이 글은 해외 호스팅사중 하나인 사이트그라운드 할인정보에 대한 팁을 설명하고 있습니다.

(1) “사이트그라운드”할인 정보  – 2019. 12. 7일자 글입니다.

(2) 2019. 12. 9일부터 75%할인행사중입니다. 

워드프레스 설치를 할 때 요즘 저는 호스팅사를 많이 찾아봅니다. 그중 한국내에서도 찾아보지만 해외 호스팅사도 많이 찾아봅니다.

블루호스트, 사이트그라운드등등이 있지만 블루호스트 VPS는 가격이 너무 비싸고 선택사항이 사이트그라운드로 결정되는데,,,바로결정했으면 좋겠지만 저장공간에 대한 고민이 발생됩니다.

그렇게 고민하다 얼마전(2019. 11월말)에  사이트그라운드에  Growbig라는 상품을 구입했습니다.​

그런데 2주만에 할인된 금액에서 다시 할인을 한다는 공지가 떳기에 여기 소개해 봅니다.

사이트그라운드 호스팅사 괜찮습니다. 블루호스트 vps는 너무 가격차이가 나기에 비교는 힘들고, 일단 미국에 서버를 두었지만(다른분들은 싱가폴에 두는 경향이 많은데)전 미국에 서버를 두었지만 속도 아주 만족합니다. 

사이트그라운드 siteground 호스팅 할인 판매(2019. 12. 9~ 75% 할인)

이 글은 해외 호스팅사중 하나인 사이트그라운드 할인정보에 대한 팁을 설명하고 있습니다.

(1) “사이트그라운드”할인 정보  – 2019. 12. 7일자 글입니다.

(2) 2019. 12. 9일부터 75%할인행사중입니다. 

워드프레스 설치를 할 때 요즘 저는 호스팅사를 많이 찾아봅니다. 그중 한국내에서도 찾아보지만 해외 호스팅사도 많이 찾아봅니다.

블루호스트, 사이트그라운드등등이 있지만 블루호스트 VPS는 가격이 너무 비싸고 선택사항이 사이트그라운드로 결정되는데,,,바로결정했으면 좋겠지만 저장공간에 대한 고민이 발생됩니다.

그렇게 고민하다 얼마전(2019. 11월말)에  사이트그라운드에  Growbig라는 상품을 구입했습니다.​

그런데 2주만에 할인된 금액에서 다시 할인을 한다는 공지가 떳기에 여기 소개해 봅니다.

사이트그라운드 호스팅사 괜찮습니다. 블루호스트 vps는 너무 가격차이가 나기에 비교는 힘들고, 일단 미국에 서버를 두었지만(다른분들은 싱가폴에 두는 경향이 많은데)전 미국에 서버를 두었지만 속도 아주 만족합니다. 

유튜브, 구글지도, 비메오, 기타 등 지도나 동영상등을 반응형으로 바꿔주는 사이트 소개

홈페이지 작업을 하다보면

본문내용중에 구글지도나 유튜브의 링크 주소를 걸어 영상, 지도등을 보여줄 때가 있습니다.

그런데 단순히 유튜브나 구글지도등의 링크주소를 가져와 붙여보면 작동은 되나 반응형이 안되는 것을 볼 수 있습니다.

이때 여기 소개하는 사이트 http://embedresponsively.com/ 를 이용하면 반응형으로 코드를 다시 받게 됩니다.

이것을 가져와 사용하면 됩니다.

러시아 사이트를 운영중이라면 염두에 둘 점

이 글은 러시아 에 위치한 홈페이지에 대한 팁을 설명하고 있습니다.

(1) 러시아 현지에서의 사이트 운영시 생각해 볼 점(현지 운영사이트 https://ru-infoworld.com/)

2019. 5. 15일 작성

  1. “일단 저희가 누차 강조하는 것이 있습니다. 서울에서 음식점을 할려면 서울에 음식점을 내야 한다고” 이는 굉장히 당연한 얘기인데도 잘 이해들을 못하시는 것 같습니다. 
  2. 일반 가게를 낼 때는 해당지역에 내는데,,인터넷상에서는 한국에 웹사이트를 만들면 저기 아프리카에서도 보일 것이라는 착각,,,,물론 검색에 검색을 하면 당연히 나올 수 있는 얘기지만  역시 인터넷도 검색을 당하고 싶은 곳에서 웹사이트를 제작하는 것이 더 낫다고 판단됩니다.
  3. 현지인이 현지어로 무언가를 검색시 검색되어 나올확율이 높을려면 역시 해당 지역 즉 해당국가에 있는것이 더 유리합니다.
  4. 러시아인이 검색하는 포털사이트는 크게 2개로 나눠집니다. 잘 아시는 구글, 여기서는 구글러시아겠죠. 또하나는 얀덱스 입니다.
  5. 구글에서의 웹노출도 머리아픈데 또 하나의 포털이라니, 검색엔진최적화라는 SEO 도 2가지 가정하에 생각해야 합니다.
  6. 구글러시아에서의 노출과 얀덱스에서의 노출이 동시에 노출되지 않습니다.(실제 현지 러시아 서버에 웹사이트를 만들어 운영하다보니 많이 이 부분 느낍니다.)

우커머스 사용시 청구지 주소 필드 수정하는 방법

이 글은 우커머스 사용시 청구지 주소 필드 수정에 대한 팁을 설명하고 있습니다.

(1) “Change WooCommerce Checkout Page Titles – Billing Address and Shipping Address ” 로 검색시

구글에서 이와 관련된 정보를 얻기 위해 검색어를 “Change WooCommerce Checkout Page Titles – Billing Address and Shipping Address ” 로 작성 후 검색해보면 많은 자료들이 나옵니다.

몇가지 찾아보니 괜찮은 곳 몇개 링크 올려봅니다.

1)유튜브 영상으로 설명해주는 곳 : 이곳은 다 좋은 데 당장 필요한 정보를 얻기가 힘들고 해결방법을 설명하는 것 같은데,,이곳은 시간이 많이 남을 때 차분히 보심이 좋을 듯하며

2) 한곳은 외국사이트 이며 이곳의 정보도 알아보기 싶게 되어 있습니다. 하지만 유료로 플러그인을 판매하기에 이 정도면 다른 여러곳도 있기에 패스

3)찾다보니 wpbox.kr 이곳이 가장 알아보기도 편하고 적용하기도 편해 이곳을 참고로 설명해봅니다.

일단 워드프레스 우커머스를 이용한 쇼핑몰을 운영이나 제작납품시 하나하나 설정을 만지다보면 외국에서 와서인지 한국과 실정이 맞지 않는 부분이 많습니다.

우커머스 쇼핑몰에서 상품 결제시 청구 상세내용페이지가 보입니다. 

국가??한국에서 사고 팔건데 등 수정할 항목이 있는데 가장 간단하게 하는 방법을 찾은 결과 

일단 청구상세내용 페이지중 사용하고자 하는 필드만 아래 소스코드에서 지우면 됩니다.(wpbox.kr 에도 설명이 있습니다.)

 
add_filter( 'woocommerce_checkout_fields' , 'custom_override_checkout_fields_03' ); function custom_override_checkout_fields_03( $fields ) { unset($fields['billing']['billing_first_name']); unset($fields['billing']['billing_last_name']); unset($fields['billing']['billing_company']); unset($fields['billing']['billing_address_1']); unset($fields['billing']['billing_address_2']); unset($fields['billing']['billing_city']); unset($fields['billing']['billing_postcode']); unset($fields['billing']['billing_country']); unset($fields['billing']['billing_state']); unset($fields['billing']['billing_email']); unset($fields['billing']['billing_phone']); unset($fields['shipping']['shipping_first_name']); unset($fields['shipping']['shipping_last_name']); unset($fields['shipping']['shipping_company']); unset($fields['shipping']['shipping_address_1']); unset($fields['shipping']['shipping_address_2']); unset($fields['shipping']['shipping_city']); unset($fields['shipping']['shipping_postcode']); unset($fields['shipping']['shipping_country']); unset($fields['shipping']['shipping_state']); unset($fields['account']['account_username']); // 이것과 아래의 두개 필드를 제거하면 사용자가 계정을 만들지 못함.(결제과정중) unset($fields['account']['account_password']); unset($fields['account']['account_password-2']); unset($fields['order']['order_comments']); // 주문 메모 필드 제거 return $fields; }

사용방법

  1. /wp-content/themes/본인이 사용하는 테마-child 에서 사용하시기를 강력 추천합니다. 차일드 테마의 functions.php 파일을 열어 하단에 위 내용을 붙여서 사용합니다. 
  2. 저는 일단 에디터플러스같은곳에 위 내용을 붙여넣기 한 후 필요한 한줄 한줄 찾아 사용할것만 삭제하신 후 (삭제한 것이 화면에 나옵니다.) 
  3. 삭제 된 파일을 전체 복사해 온 후 차일드테마의 functions.php 에 붙여 사용했습니다. 
  4. 처음에는 약간 안될 수 있습니다. 삭제한게 보이고, 삭제안한게 삭제되어 안보이니,,,이 부분은 적용해보면서 해보시면 됩니다.
  5. 한가지 팁은 영어에서 나오는 이름(last name), 성(first name)부분에서 어짜피 저희는 이름으로 하나만 있어도 되기에 위 소스코드에서
    unset($fields['billing']['billing_first_name']); 부분만 삭제했습니다.