Category Archives: 워드프레스 기술지원

워드프레스 기술지원

워드프레스 미디어 파일 업로드 크기 늘리기

워드프레스 미디어 파일 업로드 크기 늘리기

 

안녕하세요.

이번 시간에는 워드프레스 미디어 파일 업로드 크기 늘리는 방법에 대해 알아보도록 하겠습니다.

워드프레스 미디어 파일 업로드 크기는 기본 설정이 호스팅사 마다 상이합니다.

 

워드프레스 미디어 파일 업로드 크기 늘리는 방법 1

첫 번째 방법은 테마 functions.php파일에 코드를 추가하는 것입니다.


@ini_set( 'upload_max_size', '64M' );
@ini_set( 'post_max_size', '64M');
@ini_set( 'max_execution_time', '300');

다음 코드를 추가하면 쉽게 파일 업로드 크기를 변경할 수 있습니다.

 

워드프레스 미디어 파일 업로드 크기 늘리는 방법 2

두 번째 방법은 php.ini을 수정하는 것입니다.


memory_limit = 64M
upload_max_filesize = 64M
post_max_size = 64M
file_uploads = On
max_execution_time = 300

 

워드프레스 미디어 파일 업로드 크기 늘리는 방법 3

세 번째 방법은 .htaccess 파일에 코드를 추가하는 것입니다.


php_value upload_max_filesize 64M
php_value post_max_size 64M
php_value max_execution_time 300
php_value max_input_time 300

 

저는 모든 방법을 사용하여 설정을 해보았지만 첫 번째, 두 번째 방법은 적용되지 않았고 세 번째 방법이 적용되어 세 번째 방법을 사용하였습니다.

이렇듯 호스팅 서버에 따라 사용하는 방법이 달라질 수 있다는 점, 오류가 날 수 있다는 점 참고하시길 바랍니다.

또한 호스팅 서버에 따라 세 가지 방법이 모두 적용되지 않을 수 있습니다.

세 가지 방법이 모두 적용되지 않는다면 호스팅사에 문의하여 미디어 파일 업로드 크기 변경 요청을 하시길 바랍니다.

 

변경된 미디어 파일 업로드 사이즈는 [미디어] – [새로추가]를 누르면 확인할 수 있습니다.

만약 woocommerce를 사용하신다면 woocommerce에서도 확인할 수 있습니다.

[woocommerce] – [상태]

 

이미지 업로드, 플러그인을 설치할 때 업로드 사이즈가 낮아서 불편하다면 위 방법을 사용해보세요 🙂

감사합니다.

워드프레스에서 카카오맵 사용하기

워드프레스에서 카카오맵 사용하기

 

안녕하세요. 이번 시간에는 웹 사이트 제작 시 많이 사용하는 맵(map)에 대해 알아보겠습니다.

웹 사이트를 제작하면서 지도는 가게의 위치, 회사의 위치, 길찾기 등 여러곳에 쓰입니다.

일반적으로 가장 친숙한 google map api를 많이 사용하실텐데 2018년도에 google map api가 유료로 전환되면서 사용에 어려움을 느끼셨을껍니다.

google map api가 유료로 전환되면서 요금을 지불하고 사용하는 분도 계시고 다른 api를 이용하는 분도 계실껍니다. 허나 api를 자신의 사이트에 적용하는게 쉬운 작업은 아니라고 생각합니다.

그래서 이번에는 맵(map)을 간단하게 가지고오는 방법에 대해 말해볼까 합니다.

맵(map)을 가져올 때는 카카오맵을 이용하였습니다. 현재 카카오맵은 무료이지만 google map api와 같이 언제 유료가 될지 모르기때문에 사용에 참고하세요.

 

카카오맵 간단하게 사용하기

  1. 카카오맵에 접속 후 원하는 위치를 검색합니다.

2. URL 복사 방법

URL 복사 방법은 지도를 공유할 때 또는 링크로 지도를 알려줄 때 사용합니다.

 

3. HTML 태그 복사 방법

HTML 태그 복사 방법이 워드프레스에서 지도를 보여줄 때 적합한 방법입니다.

HTML 태그 복사를 선택하면 지도의 크기를 설정할 수 있습니다. 지도 크기 설정 후 [소스 생성하기]를 선택하면 HTML 태그를 만들어주는데 이 HTML 태그를 원하는 곳에 넣어주면 됩니다.

HTML 태그가 들어가는 위치에 넣어주면 해당 위치의 지도가 출력됩니다. HTML 태그 안에서 크기를 설정하여 반응형으로 제작할 수 있습니다.

 

정말 간단합니다.

검색을 통해 위치를 파악하는 것은 안되지만 원하는 위치를 쉽게 뽑아내서 보여줄 수 있다는 장점이 있습니다.

어떠한 위치를 고정으로 알려줄 때 유용하게 쓰이지 않을까요? 🙂

 

이상으로 워드프레스에서 카카오맵 간단 이용 방법이었습니다.

감사합니다 🙂

빅스페이서®, 블록체인기술로 한단계 업그레이드!

빅스페이서®를 사랑하는 회원 여러분!

이번에 빅스페이서®는 블록체인 플랫폼 기술을 이용하여 모든 상품과, 모든 구매 내역, 상품평, 그리고 모든 콘텐츠의 기록을 블록체인화하게 되었습니다.

또한, 모든 상품의 구매를 일반 신용카드와 실시간 계좌이체 이외에도 “비트코인과 알트코인”을 이용하여 구매하실 수 있도록 하였습니다.

여기를 참조하시면 이전 글을 참고 하실 수 있습니다.

이제 보다 투명한 상품 거래 및 모든 콘텐츠의 기록을 블록체인기술을 이용하여 공정하게 관리하게 되었습니다.

블록체인 인증서

 

또한, 빅스페이서®는 인터페컬로지를 기반으로 이종간의 다양한 기술을 융합하고 인간의 모든 활동을 지원합니다.

빅스페이서 암호화폐 비트코인 알트코인

워드프레스 플러그인 테마, 이제 암호화폐로 구입하세요!

안녕하세요. 회원 여러분과 잠재적인 워드프레스 고객 여러분!

즐겁고 싱그러운 소식을 전해드립니다.

저희 빅스페이서® 워드프레스 데이터 스토어에서 혁신적인 시대의 변화를 반영하기 위하여 암호화폐를 유통하게 되었습니다.

유통 가능한 화폐는 비트코인과 알트코인입니다.

사용법은 간단합니다.

일반 구매하듯이 상품을 선택하시고 장바구니에 담으신 후에 결제를 진행하세요!

그럼 아래와 같은 화면이 나옵니다.

빅스페이서 암호화폐 비트코인 알트코인
빅스페이서 암호화폐 비트코인 알트코인

 

위의 화면에서 “비트코인/알트코인 결제”를 선택하신 후 이용약관을 클릭하신 후 “주문 확장” 버튼을 클릭하세요.

이후 아래와 같은 화면이 나옵니다.

이제 아래의 이미지와 같이 해당 주소로 코인을 전송하여 결제하시면 됩니다.

빅스페이서 암호화폐 비트코인 알트코인
빅스페이서 암호화폐 비트코인 알트코인

 

  • 빅스페이서® 워드프레스 데이터 스토어는 언제나 창의적이고 혁신적인 미래의 시장을 이끌어 갑니다.

 

워드프레스 500 error & Fatal error: Allowed memory size of … 해결하기

워드프레스 500 error & Fatal error: Allowed memory size of … 해결하기

 

안녕하세요.

오늘은 웹사이트 오류에 대해 이야기 해보려고 합니다.

웹사이트를 제작할 때 많은 오류가 발생하곤 합니다. 가장 많이 보이는 오류로는 500 error,  503 error, 404 error 등이 있습니다.

500 번대 응답은 일반적으로 서버 에러가 발생했을 때 나타납니다. 500 error는 서버에서 클라이언트 요청을 처리 중에 발생한 에러이고, 503 error는 서버가 일시적으로 요청을 처리할 수 없을 때나 서버가 과부하 상태이거나 점검중이므로 요청을 처리할 수 없을 때 발생합니다.

400 번대 응답은 일반적으로 클라이언트 에러가 발생했을 때 나타납니다. 404 error는 클라이언트가 요청한 리소스가 서버에 없을 때 발생하는 에러입니다.

워드프레스로 웹 사이트를 제작할 때도 위와 같은 에러가 많이 발생하곤 합니다.

 

많은 에러 중 500 error와 Fatla error 중에서 Allowed memory size of .. error 해결법에 대해 알아보겠습니다.

며칠 전 웹 사이트 제작에 들어갔는데 어드민 계정으로 접속 후 어떤 메뉴를 클릭해도 다음과 같은 에러가 발생했었습니다.

여러 해결법을 알아내는 도중에 해당 오류는 Limit Memory와 연관이 있다는 것을 알게되었습니다. 또한 Limit Memory는 Allowed memory size of .. 에러와도 연관이 있었습니다.

이 에러의 원인은 php.ini 파일에서 메모리의 최대치를 설정해주는데, 이 설정 값보다 php 파일 실행시 사용하는 메모리의 양이 많을 때 발생합니다.

따라서 해결법은 limit memory를 늘려주는 것입니다.

 

(참고) Limit Memory는 [우커머스]-[상태]에서 확인할 수 있습니다.

 

 

해결 방법 : PHP Memory Limit 늘려주기

Limit Memory를 늘리는 방법에도 여러가지 방법이 있습니다.

저는 wp-config.php에서 코드를 추가해주었습니다. 다른 방법도 많으니 가장 편하고 안전한 방법은 선택하여 사용하세요.

추가 코드는 다음과 같습니다.

define( 'WP_MEMORY_LIMIT', '512M' );

 

 

해당 방법으로 에러가 잡히지 않는다면 다른 원인이 있는 것입니다. 이러한 경우에는 웹호스팅 업체에 연락하여 도움을 요청하세요.

또한 일부 호스팅에서는 메모리 크기 늘리는 것을 허용하지 않을 수 있으니 참고하세요.

 

감사합니다.

1:1 상담(채팅) 기능

1:1 상담(채팅) 기능

안녕하세요. 이번에는 워드프레스 1:1 상담(채팅) 기능에 대해 알아보겠습니다.

1:1 채팅 기능은 관리자와 사용자 간에 사용되는 기능입니다. 쇼핑몰에서는 구매자가 관리자에게 어떠한 것을 개인적으로 물어볼 때 사용되며,

LMS 웹사이트에서도 관리자와 학생 또는 선생님과 학생 사이에 사용됩니다. 그 외에도 1:1 채팅은 활용범위가 굉장히 넓습니다.

때문에 웹사이트를 제작한다면 필수로 넣어야하는 기능이라고봐도 무방합니다 🙂

 

1:1 채팅 기능을 제공하는 플러그인은 많이 존재하지만 편리성은 떨어지는 것 같습니다. 1:1 채팅 플러그인을 이용한다면 궁금한 점이 있을 때마다 웹사이트에 접속을 해서 채팅방을 열어야합니다.

답변을 위해서는 관리자 역시 웹사이트에 접근을 해야합니다. 1:1 채팅 플러그인들은 사용 접근성이 조금 떨어지는 것 같습니다.

 

하지만! 한국인이 가장 많이 사용하는 메신저 카카오톡을 이용하면 접근성이 높아집니다.

카카오톡 플러스친구 1:1 채팅은 실제 카카오톡과 연동이 되기때문에 모바일에서도 사용하기 편리합니다.

 

카카오톡 플러스 친구 1:1 채팅을 연동하기 위해서는 플러그인 설치, 카카오톡 개발자센터 가입, 카카오톡 개발자센터 앱 생성, api연동, 플러그인 셋팅 등 복잡한 과정을 따릅니다.

많이 해보신 분들이라면 익숙하고 간단할 수 있겠지만 처음 접하시는 분이라면 굉장히 어렵게 느껴질 수 있습니다. 그래서! 빅스페이서® 에서 도움을 드립니다.

 

빅스페이서® 의 지원서비스를 이용해보세요. 

어렵고 힘든 부분을 빅스페이서®가 도와드립니다.

감사합니다 🙂

 

도메인 변경 후 아이콘 및 이미지 깨지는 현상

도메인 변경 후 아이콘 및 이미지 깨지는 현상

안녕하세요.

이번 시간에는 도메인 변경 후 아이콘 및 이미지 깨지는 현상에 대해 알아보도록 하겠습니다.

사이트를 제작하기에 앞서 호스팅 사에서 서버를 구매하게되면 기본적인 도메인을 줍니다. cafe24의 경우는 xxx.cafe24.com, 가비아의 경우는 xxx.gabia.io의 형식을 가지게 됩니다.

자기만의 사이트 완성의 마지막 단계는 도메인 변경이 아닐까 합니다 🙂

 

워드프레스로 사이트 제작을 시작할 때 저는 기본적으로 설치하는 플러그인이 있습니다. backupwordpress나 ithemes security 등..

특히 ithemes security plugin은 보안을 위해 많이 사용되고 있는 플러그인 입니다. 많은 설정 중에서 [Change Content Directory] 기능은 워드프레스에서 기본적으로 설정되어있는 wp-content의 폴더명을 변경해주는 기능입니다.

wp-content에는 플러그인, 테마, 미디어 파일 등 사이트 제작에 중요한 파일들이 들어있습니다. 때문에 기본적으로 사용되는 폴더명을 변경하여 보안을 하는 것입니다.

 

주제와 다르게 ithemes security plugin을 설명한 이유는 도메인 변경 후 아이콘 및 이미지가 깨지는 현상이 해당 플러그인과 관계가 있기 때문입니다.

사이트의 이미지, 동영상, 아이콘 등은 content폴더 안에 upload폴더나 플러그인 폴더 안에 자리잡게 됩니다. 이러한 파일의 경로는 사이트주소/content폴더 명/uploads/…가 됩니다.

이렇게 자리잡은 파일들의 경로에서 도메인을 변경하게 되면 깨지게 되는 것이지요.

 


해결 방법은 다음과 같습니다.

1. itheme security를 사용하고 있다면, [Change Content Directory]를 설정했다면 [Change Content Directory] 설정을 초기화 하고 다시 한다.

[Undo Content Directory Change]를 [yes]로 변경 후 다시 셋팅 해줍니다. 이렇게 진행해도 로고는 돌아오지 않는 경우가 있는데 로고 부분은 테마의 설정에서 다시 이미지를 넣어줘야 합니다.

 

2. ithemes security를 사용하지 않는다면 깨지는 아이콘, 이미지, 동영상 파일의 경로를 확인해보고 수정한다.


 

저는 사이트를 제작할 때 ithemes security plugin을 필수로 사용하기 때문에 해당 문제가 많이 발생하곤 합니다. 모든 사람들이 같은 문제가 발생한다고 말할 수 없습니다. 사이트 제작중에 그리고 도메인 변경시에

해당 문제가 발생한다면 위 글을 참고하여 해결해보세요 🙂

사이트 제작 중 해결하기 힘든 문제를 겪고 있다면 빅스페이서의 기술지원센터를 이용하는 것도 좋은 방법입니다 🙂

CPU 메모리 사용량 모니터링, 빅스페이서

웹서버 CPU / 메모리 사용량 모니터링 – 워드프레스 최적화

웹서버 CPU / 메모리 사용량 모니터링

워드프레스를 이용하는 웹서버는 워드프레스의 구조상 여러 플러그인과 테마와 연결된 다양한 동작으로 인해서 CPU와 메모리를 주기적으로 점유하는 경우가 발생합니다.

특정 플러그인은 메모리를 많이 차지하는 경우가 발생하기도 합니다.

최악의 상황에 100% 가까이 메모리를 점유하는 경우에는 서버 자체가 다운되는 경우도 있습니다.

그래서 오늘은 빅스페이서의 CPU와 Memory 사용량을 모니터링해봤습니다.

TOP 명령을 통해서 모니터링을 하면서 플러그인을 설치하고 삭제하는 과정을 통해서 최적화 작업을 진행해봤습니다.

이렇게 튜닝을 하면 정확하게 워드프레스를 최적화할 수 있습니다.

CPU 메모리 사용량 모니터링, 빅스페이서
CPU 메모리 사용량 모니터링, 빅스페이서

 

아래 그림은 좌측에 웹사이트를 브라우징하면서 우측 서버에 연결된 터미널의 화면입니다.

좌측에서 플러그인 등을 설치/삭제 하면서 우측의 메모리와 CPU 사용량을 모니터링 할 수 있습니다.

CPU 메모리 사용량 모니터링, 빅스페이서
CPU 메모리 사용량 모니터링, 빅스페이서

 

Footer(푸터) Sticky(스티키) 만들기

안녕하세요. 이번 시간에는 Sticky 기능에 대해 알아보도록 하겠습니다.

우선 Sticky는 달라붙는/끈적끈적한 이라는 의미를 가지고있습니다. 이 의미를 부여하면 Footer Sticky는 ‘Footer 영역이 달라붙어 있다’ 겠죠?

Footer Sticky는 Footer 영역이 고정되어 있어 웹사이트의 스크롤을 올리고, 내려도 고정되어 있는 것입니다.

일반적 테마에서는 Header Sticky기능을 제공합니다. Header Sticky 기능은 스크롤을 올리고, 내려도 Header가 따라다니는 것이죠. 보통 Header에는 사이트의 로고나 메뉴들이 들어가기 때문에

사용자 입장에서는 편리한 기능이라고 할 수 있습니다.

Header Sticky 기능은 편리한 기능이고 자주 사용하는 기능인데 Footer Sticky 기능은 어디에 사용하는 것일까요?

Footer Sticky 기능은 Header Sticky 기능 보다는 사용 빈도가 적습니다.

Footer Sticky는 사이트 내에서 상담 신청을 받거나 어떠한 정보를 계속 노출해야될 때 사용합니다. 이벤트 공지나 광고같은 것들이 될 수 있겠죠?

Sticky에 관한 플러그인은 여러가지가 존재합니다. 하지만 대부분이 자신이 원하는 방법으로 커스텀하기가 어렵습니다.

Default로 사용되는 Footer영역은 꾸미기가 편리하기 때문에 Default Footer에 Sticky를 넣는 것은 효율적입니다.

 

Footer 영역을 Sticky로 만드는 방법은 어렵지 않습니다.

테마의 [사용자 정의하기] – [Custom CSS]에 다음과 같은 코드만 넣으면 됩니다.

.absolute-footer {
background: rgba(0,128,128);
bottom: 0px;
color:#fff;
font-family: Arial, Helvetica, sans-serif;
left:0;
padding: 0px 0;
position:fixed;
font-size:16px;
width:100%; z-index:99999;
float:left;
vertical-align:middle;
margin: 0px 0 0;
opacity: 1;
font-weight: bold;
}

.absolute-footer 는 Footer영역의 클래스 명입니다. 잘 확인하고 추가해야합니다.

이렇게 추가하게되면 조금 부자연스럽게 추가가 됩니다. Footer 부분이 바로 위 영역을 잡아먹기 때문입니다.

Footer 영역만큼 하단에 빈 영역을 만들어주는 것도 자연스럽게 보이는 방법중에 하나입니다. 참고하세요 🙂

 

여기까지 Footer 영역을 Sticky로 만드는 방법이었습니다. 더 좋은 방법이 있다면 알려주세요 🙂

감사합니다.

 

 

워드프레스 언어설정, 영어만 나옴

워드프레스 언어 설정 바꾸기

워드프레스는 기본적으로 언어가 영어로 셋팅되어져 있습니다.

초기 설치시 언어를 선택할 수 있습니다.

설치시에 언어를 설정하면 되는데요.

워드프레스 언어설정, 영어만 나옴
워드프레스 언어설정, 정상 상황

 

어떤 상황에서는 영어만 나오는 경우가 있습니다.

워드프레스 언어설정, 영어만 나옴
워드프레스 언어설정, 영어만 나옴

 

이런 경우에는 wp-config.php 파일내에

아래를 추가해주세요.

define('FS_METHOD', 'direct'); 

그럼, 정상적으로 선택이 가능한 언어가 나올겁니다.