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

 

 

 

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

페이지를 관리하는 이유는
많은 페이지 관리의 어려움이 있기 때문이며
페이지,데모페이지,임시페이지등이 많아지면 관리가 힘들어진다
직관적,검색의 친화적인 주소체계을 가지고 있습니다.
- 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를 사용하는 것이 편리했습니다.

 

 

 

 

 

 

 

 

 

 


 

블로그 이미지

itworldkorea

IT korea가 세상(world)을 변화시킨다.

,

유튜브에서 채널아이콘은 유튜브 유저들이 운영하는 사이트를 대표하는 상징이자 얼굴이라하고 할 수 있겠습니다.

이 채널 아이콘을  만들고 변경하는 법을 소개하고자 합니다.

저는 몇달간 사용했는데 한글과 영어가 있어서 적어 보이고 지저분한 느낌이 들어서 영어만 넣기로 하고

작업을 했습니다.

일단 로고를 쉽게 만들 수 있는 사이트을 소개하면

https://logomakr.com/ 

이 곳에서 [ world map]리고 검색을 하면  많은 지구모양이 나타납니다.

저는 아래 그림의 것을 선택했습니다.

그리고 저장을 하시며 이홈페이지에서는  ping 으로 저장을 하실 수 있습니다.

 

 

 

이미지크기가 폭 79*높이 68이기 때문에  이 홈페이지에는 글자를 쓸 수없어서 지구본만 다운받고

포토샵에서 글자는 넣었습니다.

그리고 유튜브에 로그인하여 채널아이콘 수정모드를 눌러 만들어 놓은 이미지를 업로드했습니다.

 

 

업로드한 이미지를 변경했는데,  변경하고 5분도 안되어 변경된 모습을 볼 수 있었습니다.

 

 

오늘은 유튜브 채널 아이콘 변경 수정하는 법을 알아 보았습니다.

수고 하셨습니다.

 

 

직장을 다니면서 투잡(알바/부업)으로 월급 많큼 수익을 얻고 싶으시다면  

아래 접속하셔서 상담받아 보실 수 있습니다. (믿음의 재택부업회사)

(회원가입을 하시면 편리한 시간에 자세히 설명해드립니다)

 

블로그 이미지

itworldkorea

IT korea가 세상(world)을 변화시킨다.

,

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

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

 

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

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

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

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

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

 


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

블로그 이미지

itworldkorea

IT korea가 세상(world)을 변화시킨다.

,

 자바 스크립트의 주석처리 방법은 두가지가 있다.

1. 한줄 주석 : //

사용 예)

// 슬러쉬: 한 줄만 주석처리 할 경우 사용.

 

2. 전체 주석 : /* */

/* //주석시작

    alert("hello javascript");
    alert("1");
    alert("2");
    alert("3");
   */ //주석 끝

/*와 */ 사이에 있는 코드들은 실행되지 않는다.

 

1. Javascript

<script type="text/javascript">

<!--

document.getElementById("demo").innerHTML=Date();

//-->

</script>

 

<script type="text/javascript">

<!--HIDE

document.write("<FONT color=#333333>Now!</FONT>") // This is a comment

/* This is a comment */

//STOP HIDING-->

</SCRIPT>

 

Using an External JavaScript

<head>

<script type="text/javascript" src="xxx.js"></script>

</head>

 

<head>

<script type="text/javascript" src="xxx.js" charset="utf-8"/></script>

</head>

 

JavaScript in <head>

<head>

<script type="text/javascript">

function displayDate()

{

document.getElementById("demo").innerHTML=Date();

}

</script>

</head>

 

JavaScript in <body>

<body>

<p id="demo">This is a paragraph.</p>

<script type="text/javascript">

document.getElementById("demo").innerHTML=Date();

</script>

</body>

 

// body에서 버튼 클릭, 링크로 head함수 호출

<head>

<script type="text/javascript">

function tost(){

alert("I am an alert box!");

}

</script>

</head>

 

<body>

<input type="button" name="btn01" value="버튼01" onclick="tost()" />

<a href="javascript:tost()" style="text-decoration:underline; color:#515151">클릭</a>

</body>

 

2. HTML

<!--This is a comment. Comments are not displayed in the browser-->

 

2. CSS

/*This is a comment*/

 

External style sheet

<head>

<link rel="stylesheet" type="text/css" href="mystyle.css" />

</head>

 

Internal style sheet

<head>

<style type="text/css">

hr {color:sienna;}

p {margin-left:20px;}

body {background-image:url("images/back40.gif");}

</style>

</head>

 

Inline style

<p style="color:sienna;margin-left:20px">This is a paragraph.</p>

   

4. XML

<!-- This is a comment -->

 

5. PHP

//This is a comment

 

/*

This is

a comment

block

*/

 

<div class="leftmenu">

<?php include("menu.php"); ?>

</div>

 

 

직장을 다니면서 투잡(알바/부업)으로 월급 많큼 수익을 얻고 싶으시다면  

아래 접속하셔서 상담받아 보실 수 있습니다. (믿음의 재택부업회사)

 

블로그 이미지

itworldkorea

IT korea가 세상(world)을 변화시킨다.

,

html 주석처리는 왜 하는 가?

 

(위에서 보시는 것처럼 1~5까지가  주석처리한 부분입니다.)

그렇다면 주석처리는 왜 하는가 ? 이 질문에 답부터 말씀드리며 나중에 소스를 볼 때 편하게 하기 위해서입니다.

지난 번에 어떻게 작업을 했는지를 알 수 있죠 !!

그래서 "주석처리" 웹일을 하는분들이라면 항상 보셨을거라 생각되는데요. html내에서 아래 처럼 주석처리를 하게됩니다.

<!-- 주석처리 --> 안에 주석처리 라고 되어있는 부분은 브라우저 화면상에서 보여지지 않게 됩니다. 하지만 소스상에는 남아있는거죠.

위에서 말씀드렸다시피 디자인이 수정된경우 나중을 위해서 주석처리를 하시는분들도 있을거고 그냥 싹 지우시는 분들도 있을건데요.

이럴땐 나중을 위해 주석처리를 해두시는게 좋다고 볼수있겠죠? 후에 클라이언트가 이를보고 다시 원래대로 바꿔놔라 했을경우....

 

그러니 주석처리 하는 습관을 꼭 기르시기 바랍니다.

그럼 주석처리 하는 방법을 알았으니 이 주석처리를 또 어떤식으로 활용할수 있는지 다같이 생각해 보자구요.

저희가 홈페이지를 제작하면서 수차례 수정을 합니다. 그리고 유지보수도 하게되죠.

유지보수를 하기앞서 분명 퍼블리싱 가이드를 확인하고 유지보수 하는 분들도 있는 반면, 가이드가 없어 자기만의 스타일로 수정을 하는 분들도 더러 있을 것입니다.

이 과정에서 사이트가 1년이 넘어가고 2년이 넘어가게 되면 분명 소스는 난장판이 될게 뻔할텐데요.

이를 주석처리를 함으로써 좀더 효과적으로 효율적으로 작업을 할수있게 된다면 좋겠죠?

분명 알고계시는 분들도 계실테지만 모르시는 분들을 위해 적어보겠습니다.

<!-- (header) -->

<!-- (lnb) -->

<!-- (contents) -->

<!-- (footer) -->

이렇게 크게 레이아웃을 잡는 머리, left메뉴, 컨텐츠, 바닥글 부분을 주석처리 함으로써 구분을 줌으로써 좀더 보기 쉽게 되었습니다. 그렇죠?

그리고 수정을 하였을때에도 아래처럼

<!-- ( 주석처리_20170512 ) --> 이렇게 날짜를 기입하고놓으면 내가 언제 수정했는지 알수있겠죠?

공동작업시 이처럼 작업해 주시면 유연하게 대처하실 수 있게 되겠습니다.

오늘은 html주석처리를 하면 작업을 효율적으로 할 수있다라는 말로 포스팅을 마칩니다.

 

 

직장을 다니면서 투잡(알바/부업)으로 월급 많큼 수익을 얻고 싶으시다면  

아래 접속하셔서 상담받아 보실 수 있습니다. (믿음의 재택부업회사)

블로그 이미지

itworldkorea

IT korea가 세상(world)을 변화시킨다.

,


유튜브에 사용할 채널아이콘 만들기

유명한 유튜버들은 한 번에
알아볼 수 있게 인상적인
채널 아이콘을 가지고
유튜브 동영상을 홍보합니다

유튜브 채널 아이콘은 내 계정을
사람들에게 알릴 수 있는 중요한
구성 요소이니만큰
오늘은
유튜브에 사용할 채널아이콘
즉 나만의 캐릭터를 만들어 보기로 하겠습니다.

여러분들의 취향에 맞게 멋있게 만들어 보세요
저는 만드는 순서만을 설명하고자 합니다.

먼저 캐릭터를 쉽게 제작할 수 있게 도와주는
사이트로 갑니다.

http://www.faceyourmanga.com

 

홈페이지에서 create를 눌러 아바타를 만들 준비를 합니다.

 

그리고

남성을 선택합니다.

 

남성이면

지금부터 얼굴의 모습을 연출해 봅니다.

 

귀/ 눈 /눈섭 등등 하나 하나 우측에 있는 것들을 선택하고 가운데 있는 것을 눌러서

확인해 보시고 아니다 싶으면 취소하고 변경을 하시면 됩니다.

 

아바타가 다 만들어 졌으면

저장하기를 눌러서

이름과 이메일을 넣으면  이메일로 아바타가 도착합니다.

 

 

직장을 다니면서 투잡(알바/부업)으로 월급 많큼 수익을 얻고 싶으시다면  

아래 접속하셔서 상담받아 보실 수 있습니다. (믿음의 재택부업회사)

(회원가입을 하시면 편리한 시간에 자세히 설명해드립니다)

 

 

블로그 이미지

itworldkorea

IT korea가 세상(world)을 변화시킨다.

,

 

웹개발자 또는 프로그래머에게 잘알려진 무료 텍스트 에디터 노트패드 ++ 설치방법을 알아보겠습니다.
물론 일반블러그 운영자들도 많이 사용하고 있는 에디터입니다.
저는 오래 전부터 에티터플러스(EditPlus)를 사용해 왔습니다만 상황에 따라서
노트패드를 이용하고 있습니다. 셰어웨어라 전문적인 코딩이 아닌 간단한 텍스트 편집은
노트패드를 사용하고 있습니다.

 오늘 제가 오늘 날자로 직접 다운 받는 방법
그리고 설치하는 방법을 이미지로 보여드리겠습니다.
오늘은 2017년 5월 12일자 긔고 현재 버전은 버전은 npp.7.3.3.Installer입니다.
먼저 다운받을 홈페이지로 이동하시겠습니다.

https://notepad-plus-plus.org/

 

영어버전을 다운 받아 설치한 모습입니다.

어렵지 않으니 다운받아 설치해서 잘 사용해 보시길 바랍니다.

 

블로그 이미지

itworldkorea

IT korea가 세상(world)을 변화시킨다.

,

애드센스 핀(pin)번호 받고 지급계정설정하기

애드센스나 유튜브를 하시는 분들은 첫월급이 100불이상되면
지급을 받게 되는데 핀번호 받고 애드센스 지급계정 설정하는 부분에서
조금 힘들어 하실 수  있을 것 같아 오늘은 본인이 경험한 내용으로
설명드리고자 합니다.

저는 애드센스 10불이 되면서 부터 애스센스 홈창에
"주소를 확인하지 않아 지급이 보류중입니다"라는 문구 나타면서
핀번호가 발생했다고 합니다.

 


그리고 3주에 핀번호가 왔으며,계정설정을 하게되었습니다.
계정설정 순서는  아래 순서대로 실행하시면 됩니다.

먼저 애드센스 홈으로 가겠죠 !!

 

 

지급을 누르고 오른 쪽에 있는 지급수단추가를 누릅니다.

 

결제수단 추가를 누르면 아래와 같은데

새 은행 송급계좌정보 추가를 선택합니다.

 

자 ! 이제는 세부적으로 기입해야  할 부분 입니다.

설명을 잘 읽어 보시고 기입하시기 바랍니다.

 

 

은행별 SWIFT 식별코드


 


그리고, 은행마다 수수료가 다르다고 합니다.

SC제일은행을 제외한 나머 은행들은 모두 1만원의 수수료가 들며,

SC제일은행은 $300미만이면 면제, $300이상이면 1만원의 수수료가 든다고 하네요

한달 수익이 $300 미만이신 분들은 SC제일은행 계좌로 설정하시면

수수료 면제혜택을 받으실 수 있겠습니다.

저는 앞으로 편의를 위해서 저의 거래은행인 국민은행으로 했습니다.

아무튼 모두 $300 이상 되시길 소망합니다.

 

블로그 이미지

itworldkorea

IT korea가 세상(world)을 변화시킨다.

,

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


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

 

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

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

 

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

 

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

 

 

 

 

 

블로그 이미지

itworldkorea

IT korea가 세상(world)을 변화시킨다.

,

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

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

워드프레스 외모에서

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


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

 

 

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

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


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


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

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

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

블로그 이미지

itworldkorea

IT korea가 세상(world)을 변화시킨다.

,