'홈페이지제작/워드프레스'에 해당되는 글 19건

My custom Css 를 이용하여 CSS수정하기  
우선 My custom Oss 설치해야한다
설치하고 활성화 하면 wp홈페이지
오른에 메뉴바에 My custom Css  보인다

이상태에서 Wp 홈으로 와서 F12를 누르면 하단에 html소스와 CSS창이 나우어져 나타난다

오늘은 상단 메뉴바의 글자크기를 확대/축소하는 법을 알아보겠습니다.

왼쪽 하단에 화살 표가 보이는데 이것을 클릭하시고  contact를 누르고

키보드 화살표를 상하로 눌러 보시면 CSS에서 코드가 나타나는데 여기서 Font 크기를 18에서 25로 변경하고자 하시면

그곳의 코들 복사하여 My customs CSS에 오셔서 붙여넣고 폰트크기를 25로 변경하고 상단에 저장하기를 클릭한다

이렇게 저장한 다음 페이를 넘겨 wp홈으로 와서 새로고침을 해보시면 메뉴의 크기 변경되어 있음을 불 수있습니다.

위처럼 여러가지를 시험해 보시기 바랍니다.

위의 설명드린 방법대로 하고 wp홈페이지와서 새로고침을 해보시면 메뉴크기 변경되어 있음을 알 수 있다

My custom CSS의 플러그인을 사용하여 작업을 쉽고 빠르게 할 수 있습니다.

워드프레스에 다음지도 맵넣기

지난번에 교회 홈페이지 만들면서 약도를 넣어야 할 일이있었습니다.

그래서 다음지도를 넣기로 했는데 어렵지 않았습니다.

다음 지도에서 공유를 선택하시시고

공유를 클릭하시고

지도퍼가기에서

소스를 복사하여 옵니다.

이곳 워드프레스 오셔서 복사한 코드를 붙여넣으면 됩니다.

플러그인을 활용한 페이지 관리

페이지 구조화란
상위/ 하위 페이지로 구분해서 그룹을 짖고,
패이지의 순서를 정렬해서, 전체적인 구조를 한 눈에 들어오도록 하는 것입니다
사이트 맵을 보여 주는 메뉴의 구성과 맞추기를 하는 것입니다.

페이지를 관리하는 이유는
많은 페이지 관리의 어려움이 있기 때문이며
페이지,데모페이지,임시페이지등이 많아지면 관리가 힘들어진다
직관적,검색의 친화적인 주소체계을 가지고 있습니다.
- sunwoo.kr/ceo
아래처럼 그룹을 지어 놓으면 편리합니다.
- sunwoo.kr/company/ceo
페이지 순서를 지정하는 방법은
페이지 편집시 속성/순서에서 지정합니다.

페이지의 번호체계(예시)
구분                  / 페이지 번호
전면페이지            / 1
메뉴에 사용되는 페이지 / 2~20
관리용페이지           / 21~50
임시페이지             / 51~

왜 페이지를 구조화하고 관리해야 하는가 ?
복잡하고 직관적이인 페이지 주소를 만들기 위해서 이며
페이지를 구조화하는 것은  하위/상위 그룹을 짖고
순서를 지정함으로서 쉽게 만들 수 있다
페이지 순서를 지정하는 방법은
페이지 속성에서 빠른 편집을 추천합니다.
페이지 순서 부여 하는 원칙은
전면페이지, 메뉴페이지,관리용페이지,임시페이지등이 있습니다.

** 플러그인을 활용한 페이지 관리
마우스로 끌어서 쉽게 관리할 수 있다

실제로 프러그인 2가 소개
Amin menu tree page view
CMS page Order을 다운받아 하나 하나 설치하여
사용해 보시기 바랍니다.

                                                페이지 관리 플러그인 비교

플러그인을 통해서 관리하면 아주 편합니다.

곧바로 마우로 집어서 옮겨 놓으면 됩니다.

저는 CMS page Order를 사용하는 것이 편리했습니다.

워드프레스에 바로 적용할 수 있는 플러그인 베스트 10

오늘은 WPML플러그인 다운받고 설치하는 방법을 알아보도록 합니다.

워드프레스가 뿌리라고 한다면 테마와 플러그인은 줄기이고,
이미지와 텍스트은 열매라고 할 수 있다. 그 중에 웹사이트 제작의도에
따라 테마에 잘 맞는 기능을 제공하는 플러그인을 사용해야한다.
플러그인 선택은 제작자가 원하는 기능에 대해서 알아보고 그 기능으이
제작테마에 적용되었을 때 원하던 기능 구현이 가능한지를 우선 판단해야한다.
원하는 기능 구현이 가능하다 생각이 된다면 테마에 직접 설치해보고
적용시켜 기능확인을 해야한다.
간혹 플러그인과 테마가 충돌하는 경우가 있는데, 이러한 충돌을 여러번 경험하다 보면

플러그인의 선택의 중요성을 몸소 느낄 수 있다.
플러그인은 다국어,회원가입,SNS 연동 슬라이더,게시글복사,최근게시물게사판,
마우스 우측클릭방지,팝업,사이드바광고배너,프린트&PDF변환,속도향상,
브러우저 호완성 경고창,라이트박스,테마편집기에티터,등 테마에서
활용할 수 있는 태표적인 플러그인들이 있다

먼저 WPML플러그인을 소개하면, 전세계 웹사이트 1/6이 워드프레스를
사용하고 있다. 글로벌 기업이라면 전세계어디서나 접속이 가능하고
누누가 불 수 있는 다국어 웹사이트가 필수적일 것이다.
일반적으로 다국어 사이트를 제작하려면 언어별 페이지를 따로 제작하는
불편함과 어려움이 뒤따를 것이나 WPML플러그인을 할용하면 간단하게
다국어 웹사이트가 제작이 될 것이다.

WPML은 전세계적으로 인기를 끌고 있는 다국어 프러그인이며 현재는
영어,중국어,일본어,스페인어,프랑스어,독일어,이탈리아어 등의 60개 이상의
언어가 지원되고 있습니다.

오늘은 WPML플러그인을 다운받아 설치하는 방법을 알아보겠습니다.
WPML플러그인 사이트(http://wpml.org)에 접속한 후 구매와 다운로드를
하시면 됩니다.

구매후 다운받아 설치하시면됩니다.
설치하는 순서는
알림판에서'플러그인-플러그인추가하기'메뉴을 클릭한 후
[플러그인 업로드]를 클릭합니다.
그리고 [파일선택]버턴을 클릭한 후 '열기'창에서 다운로드 한
플러그인 파일을 각각 업로드 후 [지금설치하기]를 클릭합니다.
설치가 완료되면'플러그인 활성화'를 클릭합니다.
다음은 WPML플러그인 세팅을 할텐데 다음 포스팅에서
자세히 설명해 드리겠습니다.
감사합니다.

워드프레스 무료테마 선택 노하우와 무료테마의 무결성검사
무료테마의 안전성검사.
워드프레스 무료테마는 디렉토리에서 찾을 수 있고
검색엔진에서 찾을 수 있습니다.

워드프레스에서는 많은 무료테마를 사용할 수 있습니다
wordpress.org의 themes 디렉토리에 들어가 보시면 있고
워드프레스 관리자 메뉴에서 테마추가를 해주면 됩니다.
똑같이 많이 있는데 추가하여 사용이 가능합니다.
인기있는 테마 최근테마 등 하나 하나 보시고 선택하여 설해보세요

특성필터에서는
색상/레이아웃/특성/주제 등을 선택할 수 있다

검색할 때 특정 목적에 맞는 테마도 검색할 수 있다
식당에 관한 것이라며 마지막에 키워드 restaurant 식당을 추가하며 될 것이고
회사에 관한 프리데마라면 Company를 추가하며 될 것입ㄴ다.
원하는 키워드를 추가해서 검색하면  많이 찾아볼 수 있다
goole에서 검색할 때는 wordpress free theme restaurant 이렇게 하시며 되겠습니다.

무료테마 사이트에서 다운받았다면 안전성을 검사해야 하는데
플러그인을 통해서 무결성을 체크해 보야 할 것입니다.

워드프레서 관리자 페이지에서 플러그인 선택하고
플러그인 추가 오른쪽에 보시면 검색창에 tac라고 검색을 합니다.
그러면 Theme Authenticity Checker(TAC)나타나는데
이플러그인을 설치합니다.[지금설치]를 눌러서  [플러그인 활성화]를 클릭합니다.
다시 관리자메뉴의 플러그인 눌러보면 TAC라고 추가된 것이 보일 것입니다.
이것을 클리하면 현재 설치된 테마들의 무결성을 체크해 줍니다.
 Theme Ok ! 라고 나타면 문제가 없는 것입니다.

테마파일 업로드해서 설치하기

워드프레스 테마디렉토리에 있는 테마를 클릭해서 설치하는 경우에는 바로 설치가 되지만
유로테마라든지 테마의 압축파일을 다운로드 받은 경우에는 관리자 화면에서 업로드 해서
쉽게 설치할 수 있습니다.

워드프레스 외모에서

테마파일은 집형태의 압축파일로 되어 있다
집파일 자체를 업로드하여 사용한다

워드프레스 관리자 화면에서 테마추가를 크릭한 후에 테마업로드클릭하면
ZIP파일 형식의 테마를 가지고 있다면 업로드해서 설치할 수 있습니다.
파일을 선택하고 [지금설치]를 클릭하여 사용할 수 있습니다.

파일업로드를 클릭하여 압축 파일을 업로드 하여 설치할 수 있다

이렇게 유료테마나 다운받은 데마는 사용방법이 복잡할 수있는데
그 사용법은 사용설명서를 참고해야한다

요즈음 가장 많이 판매되고 있는 회사 테마포리스트 (themeforest.net) 다운받아 설치해 보시면 좋겠습니다.
영어로 설명서가 나와 있다 또하나 더 소개하자면 bridge 테마도 많이 다운받아 사용하고 있습니다.

몇개의 템플릿형태의 데모사이트들이 있읍니다.

기능이 많은 테마는 데마 설명서를 참고하여 구축하시고
테마패키지 파일에는 테마설명서와 각종파일이 포함되어있습니다.
최근 데모사이트처럼 쉽게 복제 수정해서 사용할 수 있로록 데모파일 설치 기능을 제공합니다.
우선 데모사이트를 구축해보고 그대로 사용할 수 있다는 장점이 있습니다.

요즈음의 추세는 데모패키지를 이용하고 있는데
스타일과 레이아웃을 구축하느라 고생하지않고 빠르게 구축할 수있다는 장점때문 일 것입니다.

워드 프레스 수동으로 설치해야 하는가

자동으로 설치하며 덮어쓰기 가된다

대부분 호스팅회서에서 자동설치하게 해 주는데 ; 언제 수동설치를 해야하는가

하나의 웹사이트에 여러개 의 워드프레스를 설치하여 연습용으로사용할 때

수동설치한다 

루트디렉토리에는 정상적인 워드프레스 사이트를 운영하고

서브디렉토리에는 워드프레스를 여러개 설치해서 사용한다 (테스트용으로 사용한다 )

이럴때는 수동설치를 해야한다

자동설치를 두 개 하면 덥어쓰는 경우가 있다 / 데이터 베이스를 두 개 만들지 않고

기존에 것을 덮어 쓰기 때문에 기존에 작업했던 것들을 잃어버릴 수 있다  

그러면 오늘은 워드프레스 수동설치하는 방법을 알아 보겠습니다.

먼전 워드프레스 프로그램을 다운로드 받는다

www.wordpress.org에서 다운로드 받아

압축을 풀어 웹호스팅 서버에 업로드 합니다.

본격적으로 데이터 베이스 정보입력을 해야합니다.

웹사이트 정보를 입력합니다.

워드프레스 프로그램 다운로드

wordpress.org (설치형)

wordpress.com (가입형) (설치가 어려운 분들을 위한) 기능이 많이 제한적이다  

설치형 다운로드 받는 절차 (영문판/한국어/가능) 다운로드 받아 압축 풀고 

파일질라 ftp르로그램을 다운 받아 사용한다.

루트디렉토리에 저장 ?

폴더를 업로드하면 서브디렉토리 가 만들어 지기 때문에

플어서 www폴더에 워드프레스 내에 있는 파일들을 업로드한다. 

( 폴더로 업로드 하면 파일의 손상을 줄일 수 있어 폴더를 업로드 하는 경우도 있다)

이번에는 폴더째 업로드 해본다

폴더를 업로드하고 안에 있는 파일들을 복사해서 [www ]드렉토리로 옮기면 된다 

데이터 베이스 이름과 사용자 이름은 웹호스팅 가입시 테이터베이스 아이디(웹호스팅아이디)

사용자이름(id)와 같습니다.비밀번호는 mysql비밀번호를 입력하면 된다

데이터 베이스호스트는 localhost 그래도 두면 됩니다.

테이블 접두어는 워드프레스 설치시 마다 새로입력을 하게 된다 wp_ / 바꾸는 것이 보안상 좋다

전송하기 버턴을 클릭하면 됩니다.

1.데이터 베이스 이름:

2.데이터 베이스 사용자명

3.데이터 베이스 비밀번호:
4.데이터 베이스 호스트

5. 테이블 접두어 (하나의 데이터베이스에서 하나 이상의 워드프레스을 운영할 경우) 

하단에

Let’s go 눌르며 / 데이터 베이스 상세입력창이 뜹니다.

새로운창이 뜨는데 

파일을 모두 업로드 했다면

웹브라우저를 열어서 워드프레서 설치한 주소를 입력해 본다

첫화면은 데이터 베이스와 연결하는 화면입니다.

설치 실행하기 버튼을 누른다

사이트 제목 : IT 컴퓨터 정보

사용자명 : itworldkorea

이메일 주소 :

하단에 [워드프레스 설치하기] 버턴을 누른다

워드프레스 관리자화면에 로그인 하게 됩니다.

 워드프레스를 배워야 하는 이유가 있다

홈페이지 구축으로 할 때 브라우저(크롬, 익스프롤러, 파이어폭스 등)에 구애받지 않고 모두 같은 페이지를 보여주며, 수많은 기기의 해상도 ( 아이폰, 아이패드, 안드로이드 여러가지 버전의 폰 )에 구애받지 않고 자동으로 아름답게 보여주고 있습니다.

워드프레스의 사용방법

1) 컴퓨터에 가상서버를 두고 설치해서 사용하는 방법 [ 비추천 ]

2) http://wordpress.com 에 들어가서 네이버, 티스토리 가입하듯이 가입해서 사용하는 방법 ( 이렇게 하면 수만개에 달하는 다양한 플러그인을 사용하지 못합니다. )

3) 결국 http://wordpress.org 에 들어가서 설치형 zip 파일을 다운받아 자신의 서버 ( cafe24, whois, kt-cloud 등의 호스팅 구매비 발생 )에 넣고 설치합니다.

워드프레스 설치는 5분안에 끝나는 간단한 과정입니다. 하지만 홈페이지 안에 원하는 기능을 넣고 테마를 변경하고 구성하는 방법에 대한 교육과 실습이 필요합니다.

 블로그를 하는데 있어서 워드프레스는?

나의 글이 네이버에 상위노출되기 위하여 워드프레스 설치를 한다라면 아직은 시기 상조입니다. 현재 워드프레스는 네이버 상위노출에 잘 적용되고 있지 않습니다만, 티스토리 처럼 타 블로그가 그랬듯이 언젠가는 확장될 여지가 있습니다.

구글 검색에 노출되기 위하여 설치를 한다라면 워드프레스의 검색엔진최적화 기능이 정확하게 작용을 할 것이기에 추천합니다.

홈페이지를 만드는데 있어서 워드프레스가 꼭 필요한 이유는 ?

장점을 보면 하나 만들어 놓고 테마만 변경하면 순식간에 다른 홈페이지로 변화합니다.

기업용 홈페이지의 경우 1~3천만원 또는 3~5천만원의 비용을 투자하여 만듭니다. 그리고 오래도록 디자인을 변경하지 않으면 멈춰버린 기업처럼 보이기에 홈페이지 리뉴얼 비용에 똑같은 비용을 지불하는 행위를 반복합니다.

또한 반응형 홈페이지로 어디에서든 이쁘게, 멋지게, 잘 보이게 만들어줍니다.

아이폰, 갤럭시s4, 아이패드, 넥서스10 등 각각 수십가지의 해상도를 지닌 기계들이 지금도 그렇지만 앞으로도 그럴텐데 나중에 다른게 대세가 되면 그것에 맞추어 다시 홈페이지를 개발할 생각이십니까? 워드프레스는 한번의 구성으로 모든 것을 충족시켜줍니다.

그렇다면 반응형 홈페이지란 어떤 것일 까요

검색엔진 최적화 (SEO)를 통해 구글과 빙등 외국인들에게 노출을 시켜줍니다. 다

다 아시다 싶이 네이버는 우리나라에서나 독보적인 존재입니다. 외국의 유저들이 여러분에 홈페이지에 오게 만드려면 여러분의 기업의 글들이 구글에 검색이 되어야 하는데, 그렇게 하시고 게시나요?

플러그인 & 플러그인 & 플러그인 테마 & 테마 & 테마 / 무슨말이냐하면 정말 생각할수도 없는 많은 기능들이 각 나라의 개발자로부터 개발되어지고 있습니다. 비록 한국형 게시판 플러그인이 약하긴 하지만 이러한 플러그인과 테마 구축을 잘하는 사람은 워드프레스 전문가로서 각광을 받게 될 것입니다.

이 것말고도 장점이 더 많이 있겠지만 일단 이것부터 알고 시작하면 워드프레스 설치를 왜 해야하는지에 대한 의문은 해소되리라 봅니다.

 워드프레스는 중학생도 한 달 동안의 교육만 있으면 수준급 홈페이지를 만들 수 있습니다.

일단 설치해 보시고 계속 공부해 보세요 !!

 홈페이지 제작을 위한 워드프레스의 장점

최근에는 워드프레스 홈페이지 제작 수요가 증가하면서 많은 웹호스팅 업체에서 워드프레스 자동설치를 지원하고 있고 함께 웹호스팅에 워드프레스 프로그램, 코어를 설치해야 하며,
새로이 쇼핑몰 창업에 관심을 가지는 사람들이 사이에는 간편한 CMS,콘텐츠 관리 시스템(CMS, Contents Management System)의 하나로, 반응형웹지원, 깔끔한 디자인 등의 장점이 있는 워드프레스 쇼핑몰이 주목을 받고 있다.
워드프레스 쇼핑몰 플러그인이라면 대다수의 사람들은 전세계 사람들이 이용하고 있는 우커머스 플러그인을 떠올린다.
 
그러나 해외의 쇼핑몰 환경과 국내 쇼핑몰 환경은 많은 차이가 있어 이러한 차이를 좁히기 위해 제작사들은 국내환경에 맞게 커스터마이징을 진행하여 사용자들에게 제공하고 있지만 자세히 들여다보고 선택하지 않으면 쇼핑몰 창업 예산이 늘어나는 결과가 나올 수 있다.
 
기존에 우커머스 플러그인을 자세히 들여다보면 쇼핑몰기능 외에 추가로 설치해야 하는 기능이 몇 있는데 찬찬히 살펴보면, 쇼핑몰 가입 회원을 관리할 수 있는 회원관리 플러그인, 국내 홈페이지/쇼핑몰 운영할 때 필수인 SSL(보안서버)연동, 신용카드 결제에 필요한 PG모듈, 판매 및 배송 현황을 알 수 있는 SMS연동, 페이시스템을 적용한 간편결제, 네이버 쇼핑 연동, 성인고객 확인을 위한 성인인증, 등이 있다.
 
워드프레스 쇼핑몰 제작을 진행하는 제작사들은 이러한 기능들을 유/무료 플러그인으로 제공하고 있는데 유료 플러그인 같은 경우는 적게는 1~2만원부터 많게는 30만원까지의 플러그인 비용을 책정하여 판매하고 있다.
그리고 워드프레스의 플러그인 부분 외에 유료테마 구매와 호스팅 도메인 구매를 같이 한다면 100만원 +@의 비용이 나올 수 있다.
 
또한 해당 기능들에 대해 세부적인 기능변경을 요청하는 경우 유지보수 비용이 추가로 책정되며, 플러그인간 호환성도 중요하게 체크해야 한다. 마지막으로 위에 나열한 부분은 쇼핑몰을 직접 제작한다는 가정하에 책정된 비용이고 쇼핑몰 제작회사에 대행을 할 경우 200만원 이상의 비용이 청구될 수 있다.

 
 
물론 유료 테마, 유료 플러그인을 사용하지 않고 무료기능만으로도 우커머스 쇼핑몰은 구축이 가능하지만 국내 쇼핑몰환경에 최적화된 타 워드프레스 쇼핑몰/쇼핑몰 솔루션과의 기능경쟁에서 밀려 사용자들의 외면을 받을 수 있다.
 
해외 워드프레스 쇼핑몰 플러그인도 무료 플러그인에 대해 기능을 제한을 두고 있기 때문에 이 또한 여의치 않다.
 
그럼 워드프레스 쇼핑몰 제작에는 우커머스 플러그인 밖에 없을까? 국내 워드프레스 테마 제작사인 보부상 워드프레스에서 나온 BBSe-Commerce 플러그인을 탑재한 Blog Shop, Style Shop(이하 블로그샵)테마를 우커머스 플러그인의 대항마로 본다.
 
워드프레스는 오픈소스 소프트웨어를 기반으로해서 불편한 구조를 없애고 비용까지도 확실히 절감하기 때문에 많은 분들의 인기를 얻고 있으며 이런 워드프레스 홈페이지를 만들기 위해선 우선 호스팅 서버 또는 개인서버가 필요하다.

또한 수 많은 플러그인과 오픈소스의 확장성으로 현재는 기업 홈페이지로도 손색이 없으며 단순히 블로그 제작 도구를 넘어 기억의 홈페이지 제작에도 적용이 가능하게 된 것이다. 워드프레스는 기업이나 개인 구분 없이 누구나 무료로 사용할 수 있고 소스코드 수정을 통해 자신만의 도구로 변경 적용할 수 있다는 것이 장점이라 하겠다