맥에서 엘(El Captain) + Server 5 모듈을 사용하면서 워드프레스를 설치한뒤, 겪는 문제중의 하나입니다.
워드프레스가 페이지나 포스트를 보여줄 때 표현하는 방법의 디폴트는 plain 방식입니다.
예를 들면, http://www.flexsim.co.kr/?p=123 같은 식입니다.
어떻게 표현을 하던 보여주는 입장에서는 상관없지만, 보는 사람 입장에서는 본인이 어느 매뉴의 어떤 위치에서 내용을 보고 있는지 알고 있는 것이 편리합니다.
마치 집구경할 때 내가 서있는 위치가 어디인지 아는 것이 이동이 편리한 것곽 동일합니다.
이 표현 방식이 어떤 플러그인에서는 디폴트 방식이 허용이 안되는 경우가 문제입니다.
즉 post name 으로 보여주어야 하는 경우입니다. 방문 고객을 위한 방식입니다.
예를 들면, http://www.flexsim.co.kr/sample-post 의 방식으로 표현하여야 하는 경우입니다.
이럴 경우 많이 사용하는 방식이 /%category%/%postname%/ 으로 복합적인 방식으로 설정합니다.
그런데 이러한 방식이 El Captain + Server 5를 사용하면서 문제가 발생합니다.
즉 Dashboard>Settings>Permalink Setting에 들어가서 디폴트 plain 방식에서 postname 이나 커스텀 구조로 변경하고 저장해도 아무런 에러 없이 저장이 된 것 같아도 실제 내용을 보여줄 때에는 404 Not Found 에러가 발생하며 그 페이지나 포스트 내용을 보여주지 못하는 경우가 발생합니다.
이유는 설치된 아파치의 디폴트가 rewrite_module이 off 상태이기 때문입니다.
이를 해결하는 방법은 아래와 같습니다.
1) 설치된 사이트의 폴더에 .htaccess 파일을 만듭니다.
2) 파일 속성을 666 으로 변경합니다.
3) 편집창을 열어 아래와 같은 내용을 입력합니다.
# BEGIN WordPress
<IfModule mod_rewrite.c>
RewriteEngine On
ReWriteBase /
ReWriteRule ^index\.php$ - [L]
ReWriteCond %{REQUEST_FILENAME} !-f
ReWriteCond %{REQUEST_FILENAME} !-d
ReWriteRule . /index.php [L]
</IfModule>
# END WordPress
4) 웹 페이지를 닫은 후 사이트를 다시 접속합니다.
특히 이전에 포스팅한 wpforo 포럼 플러그인은 디폴트 표현방식 plain 타입을 지원해주지 않기 때문에 위에 대한 문제는 반드시 해결해야 하는 문제입니다.
2016년 11월 3일 목요일
2016년 11월 2일 수요일
포럼 플러그인 - wpForo (1/2)
워드프레스에서 많이 알려진 포럼 플러그인은 bbpress 즉 보드 플러그인을 많이들 사용합니다.
단순하면서도 오래된 탄탄한 플러그인이지만, 본인의 경우에는 포럼을 활용해 매뉴얼을 서비스하려는 목적도 있어서 다양한 기능의 포럼 플러그인을 찾아 보기로 했습니다.
목록과 스크린캡처한 내용만으로 찾기에는 시간이 많이 소요되었지만, 그런대로 용도에 적합한 플러그인을 찾았습니다.
상세한 기능과 적합도가 얼마나 될지는 좀 더 테스트를 해보아야 겠지만....
단순하면서도 오래된 탄탄한 플러그인이지만, 본인의 경우에는 포럼을 활용해 매뉴얼을 서비스하려는 목적도 있어서 다양한 기능의 포럼 플러그인을 찾아 보기로 했습니다.
목록과 스크린캡처한 내용만으로 찾기에는 시간이 많이 소요되었지만, 그런대로 용도에 적합한 플러그인을 찾았습니다.
상세한 기능과 적합도가 얼마나 될지는 좀 더 테스트를 해보아야 겠지만....
지원 사이트는 http://wpforo.com/ 입니다.
포맷이 3가지 입니다. 단순형, 확장형, 질문과 답변 레이아웃 입니다.
일단 설치한 뒤 설정을 해가면서 기능이 원하는 용도에 맞는지 테스트해 볼 것입니다.
펼쳐지고 접어지는 Q & A 플러그인 - FAQ Concertina
흔히 하는 질문과 답변 - Frequently Questions and Answers 을 어코디언 처럼 접었다 펼쳤다 하는 형태로 보여주는 플러그인입니다.
평상시에는 접어진 형태로 질문만을 리스트업하고 + 기호나 아래 화살표 기호를 클릭하면 답변이 펼쳐지며 보여주는 오래되었지만, 간단하고 편리하게 사이트 방문자에게 요점을 설명하는 용도로 많이 사용합니다.
본인이 사용한 플러그인은 FAQ Concertina 입니다.
많은 다운로드를 기록하고 있습니다.
아래에 플러그인을 설명하는 화면을 캡처했습니다.
설정을 한 후 보여주는 화면입니다.
질문(Questions)의 목록+ 기호와 함께 보여줍니다.
설정 방법은 간단합니다. 본인은 설정후 웹서버가 페이지를 정상으로 보여주기까지 캐시부분에서 시간이 걸려 조금 더듬었지만...
포스트나 페이지에 입력한 내용을 Q & A에 보여줍니다.
제목에 입력하는 내용은 질문(Question)으로, 그 아래 내용에 입력하는 것은 Answer에 나타납니다.
상단의 메뉴 옵션에 설정할 때 페이지나 포스트로 Q & A 메뉴를 설정하고 쇼트코드를 넣어 주어야 정상적으로 나타납니다.
간단히 보여주려면 [faq-concertina] 를 포스트나 페이지에 그대로 입력합니다.
위의 화면처럼 여러개의 질문과 답변을 작성한뒤 그중에서 원하는 항목들만 보여주려면 Category를 각 항목마다 설정한 뒤 아래의 쇼트코드를 입력해 주어야 합니다.
위의 예에서는 카테고리 항목에 Flexsim을 설정하고 쇼트코드로 [faq-concertina category="Flexsim"] 를 입력하면 끝입니다.
즉 카테고리 파라미터에 설정한 카테고리를 넣어주는 것이 중요합니다.
그리고 보여주는 순서는 Order 항목에 숫자를 넣어 주어 보여주는 목록 순서를 결정합니다.
즉 10, 20, 30등으로 넣어주고, 후에 늦게 작성한 포스트나 페이지를 중간에 삽입하려고 할 경우에는 15, 25등으로 넣어주면 됩니다.
평상시에는 접어진 형태로 질문만을 리스트업하고 + 기호나 아래 화살표 기호를 클릭하면 답변이 펼쳐지며 보여주는 오래되었지만, 간단하고 편리하게 사이트 방문자에게 요점을 설명하는 용도로 많이 사용합니다.
본인이 사용한 플러그인은 FAQ Concertina 입니다.
많은 다운로드를 기록하고 있습니다.
아래에 플러그인을 설명하는 화면을 캡처했습니다.
설정을 한 후 보여주는 화면입니다.
질문(Questions)의 목록+ 기호와 함께 보여줍니다.
+ 기호를 눌러 답변(Answers) 부분을 펼친 모습입니다.
설정 방법은 간단합니다. 본인은 설정후 웹서버가 페이지를 정상으로 보여주기까지 캐시부분에서 시간이 걸려 조금 더듬었지만...
포스트나 페이지에 입력한 내용을 Q & A에 보여줍니다.
제목에 입력하는 내용은 질문(Question)으로, 그 아래 내용에 입력하는 것은 Answer에 나타납니다.
상단의 메뉴 옵션에 설정할 때 페이지나 포스트로 Q & A 메뉴를 설정하고 쇼트코드를 넣어 주어야 정상적으로 나타납니다.
간단히 보여주려면 [faq-concertina] 를 포스트나 페이지에 그대로 입력합니다.
위의 화면처럼 여러개의 질문과 답변을 작성한뒤 그중에서 원하는 항목들만 보여주려면 Category를 각 항목마다 설정한 뒤 아래의 쇼트코드를 입력해 주어야 합니다.
위의 예에서는 카테고리 항목에 Flexsim을 설정하고 쇼트코드로 [faq-concertina category="Flexsim"] 를 입력하면 끝입니다.
즉 카테고리 파라미터에 설정한 카테고리를 넣어주는 것이 중요합니다.
그리고 보여주는 순서는 Order 항목에 숫자를 넣어 주어 보여주는 목록 순서를 결정합니다.
즉 10, 20, 30등으로 넣어주고, 후에 늦게 작성한 포스트나 페이지를 중간에 삽입하려고 할 경우에는 15, 25등으로 넣어주면 됩니다.
2016년 10월 25일 화요일
Wordpress Plugin - Tree / Hierarchical view
포스팅한 글이나 페이지로 작성한 글을 우측 사이드바로 트리구조로 보여주고 싶어서플러그인을 검색하다가 찾은 트리 뷰 플러그인입니다.워드프레스 대시보드에서는 아래 화면처럼 트리구조로 보여주는 옵션이 있어서 작성한 글들을 상하 연결로 구성할 수 있고 볼 수도 있어서 작성에 도움이 되는데...
실제 페이지나 포스팅한 글에도 우측 트리구조로 볼 수 있는 플러그인이 있으면 좋겠는데...아니면 카테고리로 엮어서 보여줄 수 있을 것도 같은데....아직 상세히 테스트를 못 해 보고 있습니다.
원하는 카테고리만 트리구조로 보여주는 방법이 있으면 좋겠습니다.
대시보드에서는 확실히 트리구조로 작성한 포스트나 페이지를 보여줍니다.설정 화면에는 포스팅하는 글이나 페이지에도 보여줄 것인지 설정하는 기능이 보이는데...사이드바에 보여주는 방법을 못찾겠네요....
-----------------------------필요하신 분은 아래 'CMS Tree Page View'로 플러그인을 찾아 설치하면 됩니다. CMS Tree Page View
실제 페이지나 포스팅한 글에도 우측 트리구조로 볼 수 있는 플러그인이 있으면 좋겠는데...아니면 카테고리로 엮어서 보여줄 수 있을 것도 같은데....아직 상세히 테스트를 못 해 보고 있습니다.
원하는 카테고리만 트리구조로 보여주는 방법이 있으면 좋겠습니다.
대시보드에서는 확실히 트리구조로 작성한 포스트나 페이지를 보여줍니다.설정 화면에는 포스팅하는 글이나 페이지에도 보여줄 것인지 설정하는 기능이 보이는데...사이드바에 보여주는 방법을 못찾겠네요....
-----------------------------필요하신 분은 아래 'CMS Tree Page View'로 플러그인을 찾아 설치하면 됩니다. CMS Tree Page View
- WordPress.org Plugin Page »
- Plugin Homepage »
- Warning: This plugin has not been tested with your current version of WordPress.Adds a CMS-like tree overview of all your pages and custom posts to WordPress - much like the view often found in a page-focused CMS.Within this tree you can edit pages, view pages, add pages, search pages, and drag and drop pages to rearrange the order.CMS Tree Page View is a good alternative to plugins such as pageMash, WordPress Page Tree and My Page Order.Page management in WordPress won't get any easier than this!
Features and highlights:
- View your pages & posts in a tree-view, like you view files in Windows Explorer or the Finder in OS X
- Drag and drop to rearrange/order your pages
- Add pages after or inside a page
- Add multiple pages at once - perfect for setting up a new site structure
- Edit pages
- View pages
- Search pages
- Available for both regular pages and custom posts
- Works with both hierarchical and non-hierarchical post types
2016년 10월 19일 수요일
워드프레스 테마의 선정과 사용법 3-1 - Front Page의 슬라이더 이미지의 크기 설정
아래는 현재 사용하고 있는 테에마 Freesia에 대한 내용이다.
보통은 테에마 사용 매뉴얼에 최적 보여주기에 대한 이미지 크기를 적어 놓았지만, 실제 그 크기로 설정하여 사용하더라도 보여주는 장치에 따라 디스플레이되는 이미지크기에 변화가 생긴다.
이것은 테에마 개발자마다 제어하는 방식과 기준에 차이가 있어 보인다.
Freesia의 경우 Front Page에 슬라이딩 되는 이미지의 크기는 매뉴얼에 1920 x 768을 추천하는 pixel 로 제시하지만, 실제 보여주는 브라우저 화면에서는 풀 사이즈를 보여주지 않고 상하 좌우 가장자리 일부가 크롭되어 잘려서 보여진다.
그리고 PC나 타블릿 또는 핸드폰등 반응형 테에마이기 때문에 보는 장치의 화면 가로세로 비율 때문에 보여주는 크기도 비례하여 커지고 작아진다.
아래는 PC 의 웹브라우저 경우 가로폭 1024 픽셀 즈음에 슬라이딩 이미지 보여주는 크기가 변화가 생깁니다. 즉 보여주는 크기와 크롭되는 영역에 크게 변동이 생깁니다.
그 중간단계에는 슬라이드 이미지 이외의 보여주는 항목만 줄을 바꾸어 보여주는 변화가 생기며 이미지 자체는 비례하여 크기가 변화되며 보여줍니다. 영역에는 큰 변화가 없다는 얘기입니다.
이미지 디폴트 크기는 1920 x 768을 추천하며, 포스트 내용에는 960 x 600 또는 960 x 1225에 맞추면 됩니다.
주의할 사항은 같은 행에서 보여주는 이미지의 경우 가로 세로 크기를 동일하게 맞추어 주어야 무리없이 보여주게 됩니다.
참고로...
슬라이딩 이미지의 크기나 영역의 변화가 원하는대로 안되는 경우에는...
절대치를 입력하여 크롭을 없애는 방법입니다.
즉 아래의 코드를 입력하는 방법입니다.
테에마가 업그레이드되면 이 내용이 없어지기 때문에 다시 설정해야 합니다.
Appearence>Edit CSS에 들어가서
/*
Welcome to Custom CSS!
To learn how this works, see http://wp.me/PEmnE-Bt
*/
.main-slider .image-slider {
background-attachment: inherit;
background-position: inherit;
min-height: 560px;
}
굵은체 부분을 입력합니다.
즉 세로크기를 고정합니다. 560px를 원하는 수치로 바꾸시면 됩니다. 400 이나 500 으로...
보통은 테에마 사용 매뉴얼에 최적 보여주기에 대한 이미지 크기를 적어 놓았지만, 실제 그 크기로 설정하여 사용하더라도 보여주는 장치에 따라 디스플레이되는 이미지크기에 변화가 생긴다.
이것은 테에마 개발자마다 제어하는 방식과 기준에 차이가 있어 보인다.
Freesia의 경우 Front Page에 슬라이딩 되는 이미지의 크기는 매뉴얼에 1920 x 768을 추천하는 pixel 로 제시하지만, 실제 보여주는 브라우저 화면에서는 풀 사이즈를 보여주지 않고 상하 좌우 가장자리 일부가 크롭되어 잘려서 보여진다.
그리고 PC나 타블릿 또는 핸드폰등 반응형 테에마이기 때문에 보는 장치의 화면 가로세로 비율 때문에 보여주는 크기도 비례하여 커지고 작아진다.
아래는 PC 의 웹브라우저 경우 가로폭 1024 픽셀 즈음에 슬라이딩 이미지 보여주는 크기가 변화가 생깁니다. 즉 보여주는 크기와 크롭되는 영역에 크게 변동이 생깁니다.
그 중간단계에는 슬라이드 이미지 이외의 보여주는 항목만 줄을 바꾸어 보여주는 변화가 생기며 이미지 자체는 비례하여 크기가 변화되며 보여줍니다. 영역에는 큰 변화가 없다는 얘기입니다.
이미지 디폴트 크기는 1920 x 768을 추천하며, 포스트 내용에는 960 x 600 또는 960 x 1225에 맞추면 됩니다.
주의할 사항은 같은 행에서 보여주는 이미지의 경우 가로 세로 크기를 동일하게 맞추어 주어야 무리없이 보여주게 됩니다.
참고로...
슬라이딩 이미지의 크기나 영역의 변화가 원하는대로 안되는 경우에는...
절대치를 입력하여 크롭을 없애는 방법입니다.
즉 아래의 코드를 입력하는 방법입니다.
테에마가 업그레이드되면 이 내용이 없어지기 때문에 다시 설정해야 합니다.
Appearence>Edit CSS에 들어가서
/*
Welcome to Custom CSS!
To learn how this works, see http://wp.me/PEmnE-Bt
*/
.main-slider .image-slider {
background-attachment: inherit;
background-position: inherit;
min-height: 560px;
}
굵은체 부분을 입력합니다.
즉 세로크기를 고정합니다. 560px를 원하는 수치로 바꾸시면 됩니다. 400 이나 500 으로...
2016년 9월 27일 화요일
워드프레스 테마의 선정과 사용법 3 - Front Page의 슬라이더 설정
앞서 Freesia Empire의 테마를 사용하여 매뉴를 설정한뒤 프론트 페이지를 설정하는 방법을 포스팅하였다.
첫페이지인 프론트 페이지는 상단에 보여주는 헤더 및 매뉴 그리고 그 아래에 슬라이더, feature등 여러 섹션으로 나누어진다.
포스팅중인 테마 Freesia Empire는 Page의 Featured Image 항목에 슬라이더(Slider)에서 보여줄 미디어 라이브러리에 업로드한 이미지를 설정하여 활용한다.
이 Featured Image에 설정하는 이미지는 Front Page의 여러 Section에서 다양한 용도로 사용된다는 것을 알 수 있다.
5) Front Page의 슬라이더 설정
이제 매뉴 아래 부분에 슬라이더 섹션을 설정하여 원하는 이미지를 슬라이딩 시키고 그 이미지에 겹쳐서 페이지에 링크할 텍스트와 버튼을 나타나게 해 본다.
슬라이더에 보여줄 이미지는 Page 생성할 때 Featured Image 항목에 미디어로 업로드한 이미지를 설정한다. 그리고 그 페이지에 입력한 내용이 슬라이드의 텍스트로 나타날 것이다. 버튼은 자동으로 생성된다.
슬라이딩되는 방식과 텍스트의 위치등은 Pro 버전에서 지원되며, Free 버전에서는 변경할 수 없다.
자 그러면 슬라이더에 보여줄 텍스트와 이미지를 Page를 생성한다.
Free 버전은 기본으로 4개의 슬라이더 이미지를 보여줄 수 있다.
우선 슬라이더에 사용할 페이지 4개를 아래처럼 생성한다.
제목은 슬라이더 이미지 위에 겹쳐서 굵은 폰트로 나타나게 된다.
Front 페이지의 슬라이더 아래 영역은 크게 두부분으로 나누어 설명한다.
설정하는 메뉴와 방법이 약간차이가 있기에 두부분으로 영역을 구분하는 것이 이해를 도울 것이다.
슬라이더 바로 아래 영역은 'Display FrontPage Features' 라는 매뉴를 선택하여 설정한다.
이 매뉴는 Customize>Freesia Empire Theme Options 매뉴 아래에 위치한다.
두번째 영역에는 Freesia Empire 테에마에서 제공하는 위젯을 사용하여 다른 섹션에 사용할 위젯을 아래와 같이 설정한다.
Freesia Empire에서 제공하는 위젯은 그 이름이 TF: FP xxxx 처럼 표시된다.
참고로 Free 버전의 경우에는 4개의 위젯을 제공하며, Pro 유료 버전을 구입할 경우에는 11개의 위젯을 사용할 수 있다.
기본 제공되는 4개의 무료 위젯은 아래와 같다.
TF: Contact Us
TF: FP Blog Widget
TF: FP Portfolio Widget
TF: FP Testmonial
이중 TF: Contact Us 위젯은 상단 헤더 영역의 우측에 전화번호와 연락처 이메일등을 보여주는 위젯이다.
Dashboard > Appearance > Widgets 에서 TF: FP Blog Widget, TF: FP Portfolio Widget 그리고 TF: FP Testimonial 위젯을 Front Page Section Side Bar에 드레그 하여 놓는다.
위에 그림처럼 Front Page에 세개의 위젯을 설정하면 Front page에 설정된 위젯에 원하는 내용의 페이지나 포스트를 넣을 수 있을 것이다.
결과물은 ...http://www.flexsim.co.kr
첫페이지인 프론트 페이지는 상단에 보여주는 헤더 및 매뉴 그리고 그 아래에 슬라이더, feature등 여러 섹션으로 나누어진다.
포스팅중인 테마 Freesia Empire는 Page의 Featured Image 항목에 슬라이더(Slider)에서 보여줄 미디어 라이브러리에 업로드한 이미지를 설정하여 활용한다.
이 Featured Image에 설정하는 이미지는 Front Page의 여러 Section에서 다양한 용도로 사용된다는 것을 알 수 있다.
5) Front Page의 슬라이더 설정
이제 매뉴 아래 부분에 슬라이더 섹션을 설정하여 원하는 이미지를 슬라이딩 시키고 그 이미지에 겹쳐서 페이지에 링크할 텍스트와 버튼을 나타나게 해 본다.
슬라이더에 보여줄 이미지는 Page 생성할 때 Featured Image 항목에 미디어로 업로드한 이미지를 설정한다. 그리고 그 페이지에 입력한 내용이 슬라이드의 텍스트로 나타날 것이다. 버튼은 자동으로 생성된다.
슬라이딩되는 방식과 텍스트의 위치등은 Pro 버전에서 지원되며, Free 버전에서는 변경할 수 없다.
자 그러면 슬라이더에 보여줄 텍스트와 이미지를 Page를 생성한다.
Free 버전은 기본으로 4개의 슬라이더 이미지를 보여줄 수 있다.
우선 슬라이더에 사용할 페이지 4개를 아래처럼 생성한다.
위에서 Flexsim은 어떤 S/W인가?, AS/RS 피킹 시스템, Flexsim HC, FlexTerm 페이지 4개가 슬라이더에 사용할 페이지다.
참고로 AS/RS 피킹 시스템 페이지 설정을 살펴보면 아래와 같다.
슬라이드 시킬 이미지는 Featured Image 항목에 미디어 라이브러리중에서 선택한다.
이때 이미지의 크기는 길이 1500 이상, 높이 800 이상으로 하여 동일한 크기로 준비하는 것이 보기에 좋을 것이다.
슬라이더에 사용할 페이지를 준비한 후 아래와 같이 슬라이더 옵션 매뉴에서 어떤 페이지를 먼저 보여줄 것인지 그 순서대로 설정하게 될 것이다.
슬라이더 옵션 매뉴를 선택하면 아래와 같이 두개의 매뉴가 나타나고, 첫번째 슬라이더 셋팅은 슬라이더를 가능하게 할 페이지를 선택한다.
즉 Front Page 또는 Entire page 둘중 하나로 선택한다.
Front Page를 선택하면 Front Page에만 슬라이더가 나타나고, Entire page를 선택하면 전체 페이지에 모두 슬라이더가 나타날 것이다.
아래는 슬라이더에 보여줄 내용과 이미지를 넣은 페이지를 순서대로 선택하는 설정화면이다.
여기까지가 슬라이더 영역에 표시할 내용들을 설정하는 방법이다.
아래는 프론트 페이지의 슬라이더 영역의 아래 영역들에 보여줄 내용들을 설정하는 방법이다.
설정하는 메뉴와 방법이 약간차이가 있기에 두부분으로 영역을 구분하는 것이 이해를 도울 것이다.
슬라이더 바로 아래 영역은 'Display FrontPage Features' 라는 매뉴를 선택하여 설정한다.
이 매뉴는 Customize>Freesia Empire Theme Options 매뉴 아래에 위치한다.
이 영역은 표시하지 않을 수 있다.
Disable in Front Page 항목을 체크하면 보이지 않을 것이다.
나타나는 결과는 아래와 같다.
이 영역은 슬라이더 바로 아래에 나타나는 부분이다.
그 아래 영역은 다음과 같다.
두번째 영역에는 Freesia Empire 테에마에서 제공하는 위젯을 사용하여 다른 섹션에 사용할 위젯을 아래와 같이 설정한다.
Freesia Empire에서 제공하는 위젯은 그 이름이 TF: FP xxxx 처럼 표시된다.
참고로 Free 버전의 경우에는 4개의 위젯을 제공하며, Pro 유료 버전을 구입할 경우에는 11개의 위젯을 사용할 수 있다.
기본 제공되는 4개의 무료 위젯은 아래와 같다.
TF: Contact Us
TF: FP Blog Widget
TF: FP Portfolio Widget
TF: FP Testmonial
이중 TF: Contact Us 위젯은 상단 헤더 영역의 우측에 전화번호와 연락처 이메일등을 보여주는 위젯이다.
Dashboard > Appearance > Widgets 에서 TF: FP Blog Widget, TF: FP Portfolio Widget 그리고 TF: FP Testimonial 위젯을 Front Page Section Side Bar에 드레그 하여 놓는다.
위에 그림처럼 Front Page에 세개의 위젯을 설정하면 Front page에 설정된 위젯에 원하는 내용의 페이지나 포스트를 넣을 수 있을 것이다.
결과물은 ...http://www.flexsim.co.kr
2016년 9월 26일 월요일
워드프레스 테마의 선정과 사용법 2 - 사이드 로고, 소셜 아이콘 & 매뉴 설정
Freesia Empire Free 사용법 요약 (1)
1) 설치
다른 테마와 동일하다. 설치한 뒤 Activate 하면 사용할 준비가 완료.
Ftp 로 설치할 때에는 서버 로그인 아이디와 패스워드를 입력한다.
2) Header 셋업
(1) Site 로고와 Site Icon 그리고 Favicon 셋업
Dashboard>Appearance>Customize>Freesia Empire WordPress Settings>Site Title & Logo Options > Upload Icon & Site Logo
(4) Top Information 과 Footer Menu 셋업
Dashboard > Appearence > Widgets > TF: Contact Us 위젯을 Display Contact Info at Header / Footer Column 4 Slider에 드레그 하여 넣는다.
위에 설정된 Display Contact Info at Header 위젯과 Footer Column 4 Slider의
3) 데모 콘텐츠를 import하여 활용할 수도 있다.
각 페이지와 포스트등의 내용을 어떻게 작성해야 할지 모르는 초보자들을 위하여 데모로 보여주는 사이트의 내용을 모두 불러들여 수정할 수 있게도 해 놓았다.
freesia-empire.xml 파일을 다운로드(http://themefreesia.com/?smd_process_download=1&download_id=867) 하여 파일을 import 한다.
대시보드 > Tools > import 를 선택하면 WordPress의 import 옵션이 나타난다.
이것을 클릭하여 이하 마법사에 보여주는 대로 다운로드의 위의 xml 파일을 업로드하면 페이지와 매뉴, 포스트등이 모두 불러들여져 볼 수도 있고 수정할 수도 있다.
4) 프론트 페이지와 블로그를 Corporate Template을 사용하여 설정한다.
반드시 위의 템플리트를 지정해서 사용해야 front page와 블로그가 제대로 나타난다.
위의 그림과 같이 홈과 블로그를 Corporate Template 로 지정하여 빈 페이지를 생성한다.
Settings > Reading 에서 Static page를 지정하고 앞서 생성한 Corporate Template의 홈 페이지와 블로그 페이지 각각 Front Page와 Posts 페이지로 지정한다.
반드시 Front Page로 사용하는 페이지는 Corporate Template 를 지정하여야 한다.
1) 설치
다른 테마와 동일하다. 설치한 뒤 Activate 하면 사용할 준비가 완료.
Ftp 로 설치할 때에는 서버 로그인 아이디와 패스워드를 입력한다.
2) Header 셋업
(1) Site 로고와 Site Icon 그리고 Favicon 셋업
Dashboard>Appearance>Customize>Freesia Empire WordPress Settings>Site Title & Logo Options > Upload Icon & Site Logo
그런데 Favicon 이미지는 업로드 하는 곳이 없다. Pro버전에는 있을런지 모르겠다.
(2) 매뉴 셋업
다른 테마와 동일하다. pages/ Category/ Custom Url 등으로 매뉴 아이템을 구성한다.
매뉴의 각 항목과 아이템 설정은 앞의 포스팅 카테고리와 매뉴에 대한 글에서 설명을 했으므로 여기서는 자세한 내용은 생략한다.
(3) Social Icons
- Appearence > Menu
- 소셜 아이콘들을 보여줄 매뉴 이름을 정해 생성한다. ex) Social Icons
- 왼쪽 사이드 매뉴에서 Custom Links 에 Url 와 Link 텍스트를 입력한다.
- 그리고 아래 체크박스에서 "Add Social Icons Only"를 선택한다.
Dashboard > Appearence > Widgets > TF: Contact Us 위젯을 Display Contact Info at Header / Footer Column 4 Slider에 드레그 하여 넣는다.
위에 설정된 Display Contact Info at Header 위젯과 Footer Column 4 Slider의
3) 데모 콘텐츠를 import하여 활용할 수도 있다.
각 페이지와 포스트등의 내용을 어떻게 작성해야 할지 모르는 초보자들을 위하여 데모로 보여주는 사이트의 내용을 모두 불러들여 수정할 수 있게도 해 놓았다.
freesia-empire.xml 파일을 다운로드(http://themefreesia.com/?smd_process_download=1&download_id=867) 하여 파일을 import 한다.
대시보드 > Tools > import 를 선택하면 WordPress의 import 옵션이 나타난다.
이것을 클릭하여 이하 마법사에 보여주는 대로 다운로드의 위의 xml 파일을 업로드하면 페이지와 매뉴, 포스트등이 모두 불러들여져 볼 수도 있고 수정할 수도 있다.
4) 프론트 페이지와 블로그를 Corporate Template을 사용하여 설정한다.
반드시 위의 템플리트를 지정해서 사용해야 front page와 블로그가 제대로 나타난다.
위의 그림과 같이 홈과 블로그를 Corporate Template 로 지정하여 빈 페이지를 생성한다.
Settings > Reading 에서 Static page를 지정하고 앞서 생성한 Corporate Template의 홈 페이지와 블로그 페이지 각각 Front Page와 Posts 페이지로 지정한다.
반드시 Front Page로 사용하는 페이지는 Corporate Template 를 지정하여야 한다.
워드프레스 테마의 선정과 사용법 1 - 테마 선택과 설치
서버 세팅과 워드프레스, phpMyAdmin, MySql을 설치하고 database을 생성한 뒤 이제 콘텐츠를 구성해야 한다.
콘텐츠 구성전 어떤 그릇(테마)에 담을 것인지 검토를 오랫동안 했다.
여러 테마를 골라서 설치하여 본뒤 그 지원하는 기능을 이것 저것 살펴 보았다.
최종 리스트에 올라온 테마 2~3개 중 최종 선택한 것은 Freesia Empire 테마이다.
가장 먼저 눈에 들어온 것은 아래 세번째 GeneratePress 이다.
이 테마는 Frontpage 에서 슬라이드가 지원되지 않는 것 빼고는 모두 우수한 기능이다.
특히 Free 버전에서 Pro 버전으로 업그레이드 하는 비용과 메인트넌스 비용도 다른 테마와 비교하여 저렴한 편이다.
그럼에도 불구하고 이를 선택하지 않은 것은 프론트 페이지에서 슬라이드를 사용하려면 별도의 슬라이드 plugin을 사용해야 하는데, 이에 대한 방법이 간단하지 않아 보였다.
가장 많이 사용하는 Meta Slider도 충돌하는 것으로 보였고...
결국은 자체 슬라이더 기능이 내장된 Freesia Empire로 선정하였다.
pro 버전으로 업그레이드 비용도 조금 높은 편이다.
어쨋거나 이 Freesia Empire Free 버전을 설치한 뒤 어느 정도 콘텐츠를 구성하면서 Pro 버전의 기능을 마스트하고 업그레이드를 시도할 것이다.
1) Freesia Empire
2) Interface
3) GeneratePress
다음 포스팅에서는 Free 버전의 사용법에 대하여 간단히 요약한다.
콘텐츠 구성전 어떤 그릇(테마)에 담을 것인지 검토를 오랫동안 했다.
여러 테마를 골라서 설치하여 본뒤 그 지원하는 기능을 이것 저것 살펴 보았다.
최종 리스트에 올라온 테마 2~3개 중 최종 선택한 것은 Freesia Empire 테마이다.
가장 먼저 눈에 들어온 것은 아래 세번째 GeneratePress 이다.
이 테마는 Frontpage 에서 슬라이드가 지원되지 않는 것 빼고는 모두 우수한 기능이다.
특히 Free 버전에서 Pro 버전으로 업그레이드 하는 비용과 메인트넌스 비용도 다른 테마와 비교하여 저렴한 편이다.
그럼에도 불구하고 이를 선택하지 않은 것은 프론트 페이지에서 슬라이드를 사용하려면 별도의 슬라이드 plugin을 사용해야 하는데, 이에 대한 방법이 간단하지 않아 보였다.
가장 많이 사용하는 Meta Slider도 충돌하는 것으로 보였고...
결국은 자체 슬라이더 기능이 내장된 Freesia Empire로 선정하였다.
pro 버전으로 업그레이드 비용도 조금 높은 편이다.
어쨋거나 이 Freesia Empire Free 버전을 설치한 뒤 어느 정도 콘텐츠를 구성하면서 Pro 버전의 기능을 마스트하고 업그레이드를 시도할 것이다.
1) Freesia Empire
2016년 9월 12일 월요일
워드 프레스의 메뉴 만들기....카테고리와 메뉴의 관계
그동안 포스트와 페이지의 차이도 이해하였는데...
다음 단계는 메뉴 구성이 될 것이다.
어쩃든 사이트를 만들려고 하면 사이트에 대한 메뉴 구성을 해야 한다.
카테고리 설정은 포스트(Post)의 옵션 메뉴에 있다.
앞서 포스팅한 포스트 vs 페이지 를 참조한다.
메뉴를 구성하기 전에 카테고리를 먼저 만들어 놓아야 한다.
사이트 구축을 하기 전에 메뉴는 어떻게 구성할 것인지 미리 설계나 디자인이 필요하고 이에 따라 메뉴 구성을 하게 된다.
메뉴구성은 대체적으로 글의(페이지,포스트) 내용에 따라 분류를 하는 경향이 있다.
이 분류 구성을 카테고리(Category)로 하는 것이다.
즉 메뉴를 구성하는 기준(또는 참조)에 카테고리을 활용하는 것이 초보자 입장에서는 편리할 것이다.
이 카테고리의 계층구조를 메뉴의 계층구조와 유사하게 또는 일치시키는 것이 쉽게 구축하는 방법중의 하나이다.
각 메뉴는 일반 독립 페이지(Page)를 링크할 수도 있고 카테고리에 저장된 전체 글을 연결할 수도 있다. 또 Post를 연결할 수도 있다.
다음 단계는 메뉴 구성이 될 것이다.
어쩃든 사이트를 만들려고 하면 사이트에 대한 메뉴 구성을 해야 한다.
개인 블러그이던 상업용 사이트이던 ...대부분은 메뉴가 필요하다.
메뉴 구성을 하려고 하면 넘어야 하는 언덕이 등장한다.
바로 카테고리 구성 설정이다.
카테고리 설정은 포스트(Post)의 옵션 메뉴에 있다.
앞서 포스팅한 포스트 vs 페이지 를 참조한다.
메뉴를 구성하기 전에 카테고리를 먼저 만들어 놓아야 한다.
사이트 구축을 하기 전에 메뉴는 어떻게 구성할 것인지 미리 설계나 디자인이 필요하고 이에 따라 메뉴 구성을 하게 된다.
메뉴구성은 대체적으로 글의(페이지,포스트) 내용에 따라 분류를 하는 경향이 있다.
이 분류 구성을 카테고리(Category)로 하는 것이다.
즉 메뉴를 구성하는 기준(또는 참조)에 카테고리을 활용하는 것이 초보자 입장에서는 편리할 것이다.
이 카테고리의 계층구조를 메뉴의 계층구조와 유사하게 또는 일치시키는 것이 쉽게 구축하는 방법중의 하나이다.
워드 프레스의 카테고리와 태그 ...
앞서 포스트와 페이지의 차이점과 활용에 대하여 포스트하였다.
카테고리(Category)와 테그(Tag)는 포스트(Post)에 부여하는 속성이다.
즉 포스트 메뉴의 옵션메뉴에서 설정을 한다.
카테고리(Category)와 테그(Tag)는 포스트(Post)에 부여하는 속성이다.
즉 포스트 메뉴의 옵션메뉴에서 설정을 한다.
카테고리
- 카테고리는 그 포스트가 어떤 '부류'에 속한다는 의미이고 카테고리 별로 분류하여 나열하는 순서를 조정할 수 있다.
- 또 하나의 포스트는 그 내용이 여러 카테고리에 공통으로 적용할 수 있다.
- 카테고리는 계층 구조로 상하위 관계를 설정할 수 있다.
이 부분은 메뉴 구성시 메인 메뉴와 서브 메뉴 구성과 같은 개념이다. - 하나의 카테고리는 여러 하위 카테고리를 가질 수 있는데,
하나의 카테고리의 상위 카테고리는 1개만 가능하다.
테그
- 테그는 포스트 내용의 키워드를 의미한다고 보면 이해하기 쉽다.
- 테그는 상하위 관계가 없다. 모두 독립적인 평등관계다.
- 단어들의 나열이다.
- 개념적으로 많이 중첩되지 않는 단어들로 구성하는 것이 사용에 편리하다.
2016년 9월 11일 일요일
워드프레스의 포스트(Post) 와 페이지(Page) 의 차이와 용도 그리고 메뉴 구성에의 활용...
워드프레스를 구축하고 웹 서비스를 위한 사이트를 구성하고자 할 때...
사용자 입장에서 제일 처음 부딪히는 난관은 ...
(1) 포스트는 뭐고 페이지는 뭐지?
(2) 카테고리는 뭐고 매뉴 구성에서 카테고리의 역할은 뭐지?
(3) 그럼 어떻게 매뉴 구성을 해야 하는거야?
개인적으로 이 세가지가 초보자 입장에서 극복해야 하는 과제가 아닌가 싶다.
본인도 그랬으니...
몇번의 삽질과 상당한 시행착오를 겪으면서 ...
알게된 내용을 간단히 정리한다.
그렇지만 사용에 차이가 있고 부가적인 몇가지 기능에 차이가 있음을 알게 되었다.
그리고 포스트로 올리는 글은 일반적인 개인 블러그와 같이 계속적으로 시리즈 내용으로 올리면서 앞에 올린 게시물은 아래로 내려가고 새로운 게시물은 상단에 올릴 수 있는 등...리스트업 될 필요가 있는 글들은 포스트(Post)로 작성한다.
카테고리로 분류를 할 수 있으니 후에 시리즈물로 리스트업 시킬 수 있는 장점이 있다.
즉 고정적으로 계속 보여주어야 하는 정적인 내용은 페이지로 작성한다.
일반적인 상업용으로 사용하며 덧글등이 필요하지 않고 지속적으로 오랜기간 내용을 소개하거나 설명하고자 할 때에는 페이지(Page)로 작성한다.
아래의 캡처 화면을 보면 위의 내용이 이해가 될 것이다.
Post 옵션 메뉴
Page 옵션 메뉴
추가)
사용자 입장에서 제일 처음 부딪히는 난관은 ...
(1) 포스트는 뭐고 페이지는 뭐지?
(2) 카테고리는 뭐고 매뉴 구성에서 카테고리의 역할은 뭐지?
(3) 그럼 어떻게 매뉴 구성을 해야 하는거야?
개인적으로 이 세가지가 초보자 입장에서 극복해야 하는 과제가 아닌가 싶다.
본인도 그랬으니...
몇번의 삽질과 상당한 시행착오를 겪으면서 ...
알게된 내용을 간단히 정리한다.
- 포스트와 페이지 : 채우는 내용에는 구분이 없다.
그렇지만 사용에 차이가 있고 부가적인 몇가지 기능에 차이가 있음을 알게 되었다.
- 포스트(Post)로 게시하는 내용은 카테고리로 그 포스트를 분류할 수 있다.
그리고 포스트로 올리는 글은 일반적인 개인 블러그와 같이 계속적으로 시리즈 내용으로 올리면서 앞에 올린 게시물은 아래로 내려가고 새로운 게시물은 상단에 올릴 수 있는 등...리스트업 될 필요가 있는 글들은 포스트(Post)로 작성한다.
카테고리로 분류를 할 수 있으니 후에 시리즈물로 리스트업 시킬 수 있는 장점이 있다.
- 그러나 페이지는 카테고리로 분류하는 부속 기능이 없다. 그리고 테그를 넣을 수 없다.
즉 고정적으로 계속 보여주어야 하는 정적인 내용은 페이지로 작성한다.
일반적인 상업용으로 사용하며 덧글등이 필요하지 않고 지속적으로 오랜기간 내용을 소개하거나 설명하고자 할 때에는 페이지(Page)로 작성한다.
아래의 캡처 화면을 보면 위의 내용이 이해가 될 것이다.
Post 옵션 메뉴
포스트는 카테고리로 분류할 수 있고, 테그를 추가하여 검색에 활용할 수 있다.
페이지는 카테고리와 테그를 설정할 수 있는 옵션 메뉴가 없다.
그래서 사이트의 대문이 되는 첫페이지(Front Page)는 대체로 page로 내용을 작성하여 구성하게 된다.
그리고 계속적으로 단시일내에 내용 게시글을 연속하여 올리게 되는 내용은 포스트로 작성하는 것이 편리하고 또 필요하다.
그리고 사이트의 메뉴를 구성할 때에는 위에서 설정한 카테고리를 활용할 수 있다.
자세한 내용은 별도의 게시글로 설명하겠다.
추가)
- 하나의 포스트는 여러 카테고리에 분류할수 있다.
즉 복수개의 카테고리로 분류할 수 있다. - 페이지는 계층구조이며, 1개의 페이지는 1개의 상위 페이지만 지정할 수 있다.
1개의 페이지는 2개 이상의 하위 페이지로 구성할 수 있다. - 페이지는 맞춤형 템플릿이다.
- 포스트는 RSS 피드 속성이 있으며, 맟춤형 템플릿 구조가 아니다.
워드프레스 운영시 스팸 댓글에 대한 대응(2) - Stop Spammers Spam Control
지난 포스팅에서 CleanTalk 플러그인을 설치 한후 한시적인 사용후 가격을 지불해야 하는 유료 플러그인이라 삭제하고 ...
대신 'Stop Spammers Spam Control' 플러그인을 설치하였다.
아래의 첫번째 리스트업된 플러그인이다.
설치하면 워드프레스 제어페이지의 좌측 메뉴에 Stop Spammers 옵션이 나타나고, 클릭하면 우측의 페이지와 같이 설정 기능 리스트가 나타난다.
유료인지 무료인지는 사용하며 확인하기로 하고, 다섯번째 옵션 메뉴 Protection options을 선택하여 어떤 옵션들이 디폴트로 체크인되어 있는지 확인하여 본다.
CleanTalk 플러그인보다 훨씬 많은 다양한 옵션들이 지원된다.
아래 화면을 참조한다.
디폴트 설정으로 사용하기로 한다. 사용하면서 스팸 덧글들이 필터링 되는 내용을 보고 리뷰를 다시하기로 한다.
일단 OK....
대신 'Stop Spammers Spam Control' 플러그인을 설치하였다.
아래의 첫번째 리스트업된 플러그인이다.
설치하면 워드프레스 제어페이지의 좌측 메뉴에 Stop Spammers 옵션이 나타나고, 클릭하면 우측의 페이지와 같이 설정 기능 리스트가 나타난다.
유료인지 무료인지는 사용하며 확인하기로 하고, 다섯번째 옵션 메뉴 Protection options을 선택하여 어떤 옵션들이 디폴트로 체크인되어 있는지 확인하여 본다.
CleanTalk 플러그인보다 훨씬 많은 다양한 옵션들이 지원된다.
아래 화면을 참조한다.
디폴트 설정으로 사용하기로 한다. 사용하면서 스팸 덧글들이 필터링 되는 내용을 보고 리뷰를 다시하기로 한다.
일단 OK....
워드프레스 운영시 스팸 댓글에 대한 대응(1)
워드프레스를 설치하여 사이트를 구축하고 운영시 많은 스팸 댓글이 마구마구 달리는 경우를 경험하게 된다.
기본적으로 Akismet 플러그인을 사용하여 스팸성 코멘트를 필터링하게 된다.
기본 디폴트로 자동 설치되는 것은 아니고 개인용으로 무료로 사용할 수 있는 스팸 필터링 플러그인이다. 메일을 등록하여 사용자 등록이 필요하다.
아래의 플러그인 리스트중 첫번째 플러그인 이다.
이것만으로 부족한 경우가 발생한다. 워드프레스가 공개된 툴이다 보니 쉽게 해커나 스팸이 파고들 여지가 있다.
이에 대하여 스팸방지용 플러그인을 찾아서 사용해 보았는데, 과거에 사용했던 플러그인을 기억이 나지 않아 새로이 검색해 보았다. 그중 아래의 항목중 별 다섯을 받은 Spam Protection by CleanTalk (no Captcha Antispam을 사용해 보기로 했다.
효과는 일정기간 동안 사용해 보고 후기를 올리기로 한다.
기본적으로 Akismet 플러그인을 사용하여 스팸성 코멘트를 필터링하게 된다.
기본 디폴트로 자동 설치되는 것은 아니고 개인용으로 무료로 사용할 수 있는 스팸 필터링 플러그인이다. 메일을 등록하여 사용자 등록이 필요하다.
아래의 플러그인 리스트중 첫번째 플러그인 이다.
이것만으로 부족한 경우가 발생한다. 워드프레스가 공개된 툴이다 보니 쉽게 해커나 스팸이 파고들 여지가 있다.
이에 대하여 스팸방지용 플러그인을 찾아서 사용해 보았는데, 과거에 사용했던 플러그인을 기억이 나지 않아 새로이 검색해 보았다. 그중 아래의 항목중 별 다섯을 받은 Spam Protection by CleanTalk (no Captcha Antispam을 사용해 보기로 했다.
효과는 일정기간 동안 사용해 보고 후기를 올리기로 한다.
설치후 Access key 및 체크항목이 아래처럼 나타난다.
Get access key Automatically를 눌러서 자동으로 받아온뒤, spamFireWall 과 Tell others about CleanTalk를 체크하면 아래와 같은 항목이 나타난다.
Advanced setting을 눌러 나타난 화면이다.
일단 기본값으로 변경한 내용을 저장한 뒤 사용하면서 필요한 항목은 변경하기로 한다.
사용후 리뷰는 일정 기간 사용한 후에 소감을 올린다.
위의 CleanTalk 스팸 필터링 플러그인은 일정 기간 사용할 수 있는 유료 플러그인이다.
음...삭제하고 무료 스팸 필터링 플러그인을 찾기로 했다.
2016년 9월 10일 토요일
El Captain Server 5에서 WordPress 의 media upload 파일 크기의 변경 방법 - Upload Max Size 증가 시키는 방법
아래는 El Capitain Server App 5에서,
워드 프레스를 설치한 후 디폴트로 설정된 media file size를 변경하는 방법에 대하여 설명한다.
디폴트 상태에서는 그림이나, 동영상, 음악, 기타 파일들을 미디어 라이브러리에 업로드할 때 Max File Size가 2M 로 제약이 있다.
<?php phpinfo(); ?>
화면에 아래와 같은 정보가 나타난다.
그리고 아래의 세가지 항목에 대한 정보도 나타난다.
upload_max_filesize = 2M
post_max_size = 2M
max_execution_time = ?
이러한 Maximum upload file size는 아래의 환경 구성파일을 변경한 후 Apache를 다시 시작해야 한다.
즉 /etc/php.ini 파일에 이에 대한 내용을 설정하고 있다.
$ sudo nano /etc/php.ini
위의 세 항목을 원하는 크기로 변경한다. 예를 들면,
upload_max_filesize = 2048M
post_max_size = 2048M
max_execution_time = 300
여기서 post_max_size 도 WordPress의 미디어 파일 사이즈에 적용되는 것을 알게 되었다.
즉 upload_max_size 숫자만 변경해서는 미디어 파일 크기가 post_max_size의 범위에도 적용된다.
워드 프레스를 설치한 후 디폴트로 설정된 media file size를 변경하는 방법에 대하여 설명한다.
디폴트 상태에서는 그림이나, 동영상, 음악, 기타 파일들을 미디어 라이브러리에 업로드할 때 Max File Size가 2M 로 제약이 있다.
Maximum upload file size: 2 MB
그리고 위의 내용이 적용되는 Apache의 구성 파일은 아래와 같이 확인이 가능하다.<?php phpinfo(); ?>
화면에 아래와 같은 정보가 나타난다.
그리고 아래의 세가지 항목에 대한 정보도 나타난다.
post_max_size = 2M
max_execution_time = ?
이러한 Maximum upload file size는 아래의 환경 구성파일을 변경한 후 Apache를 다시 시작해야 한다.
즉 /etc/php.ini 파일에 이에 대한 내용을 설정하고 있다.
$ sudo nano /etc/php.ini
위의 세 항목을 원하는 크기로 변경한다. 예를 들면,
upload_max_filesize = 2048M
post_max_size = 2048M
max_execution_time = 300
여기서 post_max_size 도 WordPress의 미디어 파일 사이즈에 적용되는 것을 알게 되었다.
즉 upload_max_size 숫자만 변경해서는 미디어 파일 크기가 post_max_size의 범위에도 적용된다.
2016년 9월 9일 금요일
Mac OS X El Capitan Server App 5 에서 phpMyAdmin 설치하기
MySql을 설치하고 나면 이를 관리해줄 phpMyAdmin을 설치한다.
다운로드 받는 곳은 이곳 이다. 2016.9월 현재 phpMyAdmin 4.6.4 버전이다.
압축된 폴더와 파일들을 저장할 위치와 후속 작업들은 아래와 같다.
설치한 폴더를 전부 구축할 사이트의 콘텐츠가 저장될 홀더에 phpMyAdmin 로 폴더를 생성하여 복사한다.
그리고 phMyAdmin 폴더 아래에 config 폴더를 생성한다.
mkdir ~/Sites/phpMyAdmin/config
이 폴더의 권한을 변경한다.
chmod 777 ~/Sites/phpMyAdmin/config
브라우저에서 setup을 수행하여 MySql에 접속하기 위한 사전 작업을 수행한다.
즉 http://site명/phpmyadmin/setup/ 또는 http://localhost/phpmyadmin/setup/
패스워드에 MySql을 설치할 때 저장하여 두었던 패스워드를 입력한다.
이 패스워드는 OS X 관리자 패스워드와는 다른 MySql root 사용자의 패스워드이다.
저장을 눌러 설정 파일을 생성시킨다.
config 폴더 밑에 생성된 파일을 phpMyAdmin 폴더로 이동시킨 후 비어있는 config 폴더는 삭제시킨다.
아래는 모든 설정후 로그인 화면이다.
다운로드 받는 곳은 이곳 이다. 2016.9월 현재 phpMyAdmin 4.6.4 버전이다.
압축된 폴더와 파일들을 저장할 위치와 후속 작업들은 아래와 같다.
설치한 폴더를 전부 구축할 사이트의 콘텐츠가 저장될 홀더에 phpMyAdmin 로 폴더를 생성하여 복사한다.
그리고 phMyAdmin 폴더 아래에 config 폴더를 생성한다.
mkdir ~/Sites/phpMyAdmin/config
이 폴더의 권한을 변경한다.
chmod 777 ~/Sites/phpMyAdmin/config
브라우저에서 setup을 수행하여 MySql에 접속하기 위한 사전 작업을 수행한다.
즉 http://site명/phpmyadmin/setup/ 또는 http://localhost/phpmyadmin/setup/
패스워드에 MySql을 설치할 때 저장하여 두었던 패스워드를 입력한다.
이 패스워드는 OS X 관리자 패스워드와는 다른 MySql root 사용자의 패스워드이다.
저장을 눌러 설정 파일을 생성시킨다.
config 폴더 밑에 생성된 파일을 phpMyAdmin 폴더로 이동시킨 후 비어있는 config 폴더는 삭제시킨다.
아래는 모든 설정후 로그인 화면이다.
2016년 9월 5일 월요일
Mac OS X El Capitan 에서 MySql 설치하기
El Capitan 에서 MySql 을 설치하기...
이전 포스팅에서 패키지 관리 프로그램인 Homebew 를 설치하는 글을 올렸다.
결과는 아래와 같다.
Brew를 이용하여 위와 같이 설치할 경우에는 MySql을 삭제할 때 관련 파일을 모두 손쉽게 삭제할 수 있다.
brew uninstall MySql 로 한방에 모든 파일을 삭제한다.
어쨋든 Mac OS X 10.11 (x86, 64-bit), DMG Archive 를 접속하여 다운로드 하여 설치한다. 설치한 뒤 화면은 아래와 같다.
주의할 사항은 설치할 때 MySql 에 로그인하기 위한 패스워드를 임시로 생성하여 보여주는 단계에서 이를 복사하여 둔후 설치가 종료된 후 이를 정식 패스워드로 바꾸어주던가 그대로 사용하기 위하여 저장한 후 phpMyAdmin을 설치하여 MySql에 접속할 때 이 패스워드를 입력한다.
MySql 구동은 중간의 오른쪽 부분에 Start MySQL Server 버튼을 눌러 구동시킨다.
아래에 서버 시작시 MySQL 서버를 자동으로 시작하기 에 체크를 누르면 OS X 서버가 재실행될 때 마다 자동으로 시작하여 백그라운드에서 수행된다.
임시로 저장된 패스워드를 바꾸어주는 방법은 아래와 같다.
아래 화면을 참조한다.
설치된 폴더의 디폴트 이름을 줄여서 심볼릭 링크로 연결된다.
위와 같이 직접 설치한 경우에 MySql을 완전히 삭제 하려면 아래와 같이 수행한다.
물론 데이터베이스는 backup을 수행한 후에 수행해야 한다.
다음에는 MySql 데이터베이스를 관리하는 phpMyAdmin을 설치하여 보자.
이전 포스팅에서 패키지 관리 프로그램인 Homebew 를 설치하는 글을 올렸다.
- 홈브루를 이용하면 간단히 최신 버전의 MySql을 설치할 수 있다.
결과는 아래와 같다.
Brew를 이용하여 위와 같이 설치할 경우에는 MySql을 삭제할 때 관련 파일을 모두 손쉽게 삭제할 수 있다.
brew uninstall MySql 로 한방에 모든 파일을 삭제한다.
- brew를 이용하지 않고 mySql 을 직접다운로드 하여 설치하는 방법도 있다.
어쨋든 Mac OS X 10.11 (x86, 64-bit), DMG Archive 를 접속하여 다운로드 하여 설치한다. 설치한 뒤 화면은 아래와 같다.
주의할 사항은 설치할 때 MySql 에 로그인하기 위한 패스워드를 임시로 생성하여 보여주는 단계에서 이를 복사하여 둔후 설치가 종료된 후 이를 정식 패스워드로 바꾸어주던가 그대로 사용하기 위하여 저장한 후 phpMyAdmin을 설치하여 MySql에 접속할 때 이 패스워드를 입력한다.
MySql 구동은 중간의 오른쪽 부분에 Start MySQL Server 버튼을 눌러 구동시킨다.
아래에 서버 시작시 MySQL 서버를 자동으로 시작하기 에 체크를 누르면 OS X 서버가 재실행될 때 마다 자동으로 시작하여 백그라운드에서 수행된다.
임시로 저장된 패스워드를 바꾸어주는 방법은 아래와 같다.
/usr/local/mysql/bin/mysqladmin -u root -p'temppassword' password 'newpassword'그리고 MySql Socket error 발생을 막기위하여 몇가지 미리 아래와 같은 작업을 해둔다.
sudo mkdir /var/mysql
sudo ln -s /tmp/mysql.sock /var/mysql/mysql.sockMySql이 설치되는 디렉토리는 /usr/local/ 이다.
아래 화면을 참조한다.
설치된 폴더의 디폴트 이름을 줄여서 심볼릭 링크로 연결된다.
위와 같이 직접 설치한 경우에 MySql을 완전히 삭제 하려면 아래와 같이 수행한다.
물론 데이터베이스는 backup을 수행한 후에 수행해야 한다.
rm /usr/local/mysqlrm -rf /usr/local/mysql*rm -rf /Library/StartupItems/MySQLCOMrm -rf /Library/PreferencePanes/My*rm -rf ~/Library/PreferencePanes/My*rm -rf /Library/Receipts/mysql*rm -rf /Library/Receipts/MySQL*rm -rf /private/var/db/receipts/*mysql*rm -rf /var/db/receipts/com.mysql.*다음에는 MySql 데이터베이스를 관리하는 phpMyAdmin을 설치하여 보자.
피드 구독하기:
글 (Atom)