본문 바로가기

홈페이지만들기

 (72)
워드프레스 관리자메뉴활용하여 테마메뉴 디자인 하기 Menu워드프레스 관리자에 기본 메뉴관리자가 있습니다. 기본 메뉴관리자를 활용하여 메뉴를 생성하고 테마 디자인에서 메뉴의 색상과 버튼구성을 만들 수 있습니다. Menu의 기능은 여러가지의 설정의로 조금 복잡하긴 하지만 잘 이해하면 워드프레스 홈페이지를 만드는것은 문제없이 할 수 있습니다. Theme Design에 Menu는 메뉴의 정렬뿐만아니라 색상변경과 링크색상까지 변경이 가능합니다. 지금부터 메뉴에 나오는 속성을 하나하나씩 보겠습니다. ▶ 메뉴정렬 Menu Alignment 기본 왼쪽에서 가운데 또는 오른쪽 위치로 메뉴를 변경하십시오. ▶ 배경색 Background 메뉴 배경색을 설정합니다 (기본값은 # 343538). ▶ 텍스트색상 Text Color 메뉴 텍스트 색상을 설정합니다. 기본값은 # e..
Vantage무료테마 theme Design-General General Vantage무료테마 theme Design-General 홈페이지를 만들때 백그라운드 컬러나 로고 위치수정이 번거러울수 있는데 General를 통해 위치나 상단넓이를 조절 할 수 있습니다. 그리고 컨텐츠의 링크 색상을 액션별로 처리 할 수 있는 기능이 있습니다. ▶ 헤더 패딩 Header Padding 머리글의 위쪽 및 아래쪽 패딩을 변경합니다 (기본값은 45px). 헤더의 내용은 자동으로 세로로 가운데에 배치됩니다. ▶ 센터 로고 Center Logo 이 설정을 사용하면 로고 정렬을 기본 왼쪽에서 가운데로 변경할 수 있습니다. ▶ 콘텐츠 링크 색상 Content Link Color 사이트 기본 콘텐츠의 링크 색상을 변경합니다 (기본값은 # 248cc8). ▶ 링크 밑줄 제거 Remove..
워드프레스 Vantage무료테마 theme Design-fonts 워드프레스 Vantage무료테마 theme Design-fonts워드프레스 Vantage무료테마 빈티지테마의 사용자 정의중에 Theme Design안에 폰트Fonts를 간단하게 정의 할 수 있는 기능에 대해 알아보도록 하겠습니다. 워드프레스를 활용함에 있어 theme Design기능은 홈페이지에 들어가는 폰트와 컬러를 획기적으로 수정 할 수 있는 기능들입니다. 홈페이지 제작과정에서 많은 생각들을 하는데 CSS style을 고치려면 여간 힘든게 아니다. 그러므로 이 기능은 아주 활용하기 좋은 기능이기 때문에 디테일하게 설명하려한다. 본문 글꼴 Body Font 사이트 제목 글꼴 모음을 변경하십시오. 이 설정은 로고를 업로드하지 않은 경우에만 적용되며 기본값은 Helvetica Neue입니다.사이트 제목 글..
워드프레스 Vantage무료테마 Social/General 기능둘러보기 워드프레스 Vantage무료테마 Social/General 기능둘러보기그동안 너무 디테일하게 알아봐서 다음주 시간부터는 3개정도를 한꺼번에 설명해서 올리도록 하겠습니다. 다음주 시간이 끝나면 본격적으로 메인부터 실전으로 수정하는 방법을 포토샵과 일러스트 그리고 CSS를 활용하여 아주 멋진 홈페이지를 만들어 보도록 하겠습니다. Social워드프레스 Vantage무료테마 Social/General 기능둘러보겠습니다. 이 기능은 유료화 기능이며 아약스 코멘트 Ajax Comments는 댓글기능을 호환해서 사용할 수 있습니다. 하지만 워드프레스 무료기능도 쓸만하니 조금 더 익숙해지면 써보도록 하겠습니다. General사이트 정보 텍스트 텍스트는 바닥 글에 표시됩니다.{사이트 제목}, {저작권}과 {해} 당신의 ..
스타일시트 CSS Style margin 스타일시트 CSS margin 을 주는 방법CSS style중에 가장 많이쓰는 것은 CSS style margin입니다. CSS margin속성은 요소 주위에 공간을 생성하는데 사용됩니다. margin속성은 경계 외부의 공백의 크기를 설정합니다.CSS를 사용하면 여백을 완전히 제어 할 수 있습니다. 요소의 각면 (상단, 오른쪽, 하단, 왼쪽)의 여백을 설정하기위한 CSS 속성이 있습니다. Margin - Individual SidesCSS에는 요소의 각면에 대한 여백을 지정하는 속성이 있습니다.margin-top / margin-right / margin-bottom / margin-left모든 margin 속성은 다음 값을 가질 수 있습니다.auto - 브라우저가 여백을 자동으로 계산합니다.length..
워드프레스 vantage무료테마 기능 - Blog 워드프레스 vantage무료테마 기능 - Blog 블로그 아카이브 레이아웃 Blog Archive Layout 블로그 및 아카이브 페이지에 사용할 레이아웃을 선택합니다. 기본 블로그 레이아웃, 원 아이콘 또는 그리드 중에서 선택하면됩니다. 게시물 컨텐츠 Post Content 기본 블로그 레이아웃을 사용할 때 포스트 아카이브에 게시물을 표시하는 방법을 선택하십시오. 더 빠른 태그를 사용하려면이 설정을 전체 게시물로 설정하십시오. 또는 자동 발췌문을 사용하려면 발췌 옵션을 선택하십시오. 발췌 길이 Excerpt Length 수동 발췌 부분을 추가하지 않으면 생성됩니다. 얼마나 많은 단어가 있어야합니까? 게시물 발췌가 게시 컨텐츠 설정에서 선택된 경우에만 적용됩니다. 추천 이미지 유형 Featured Ima..
CSS 링크의 color와 background-color CSS 링크의 color와 background-color 홈페이지만들기를 할때 디자인이 완료되면 코딩을 하게 되는데 코딩에 있어 가장 많이 쓰는건 CSS의 링크입니다. CSS 링크의 color와 background-color기본 링크와 응용한 고급버튼 만들기를 알아보겠습니다.예제 - 텍스트 a { color: hotpink; }, a:link { color: red; }, a:link { text-decoration: none; }, 버튼 a:link { background-color: yellow; } 웹디자이너들이 가장 많이 사용하는 정의 - 링크는 모든 CSS 속성 (예와 스타일 수 color, font-family, background등).또한 링크의 상태 에 따라 다르게 스타일을 지정할 수 있습..
워드프레스 무료테마 Vantage기능 둘러보기 -Icons 워드프레스로 홈페이지제작할때 가장 힘든것은 플러그인을 어떻게 쓰느냐 입니다. 디자인이 아무리 화려하고 이쁘더라도 기능이 의도와 다르게 만들어 진다면 웹디자인을 쉽게 할 수 없을 것입니다. 처음 시작할때 말했듯이 항상 홈페이지제작할때 특히 워드프레스로 제작할때는 거의 1인 1개발이기 때문에 의도와 목적을 정확히 파악하고 플러그인을 설치해야 한다는 말입니다. 즉 워드프레스 홈페이지제작을 하려면 플러그인을 잘알아야 한다는 말이기도 합니다. 그러기 위해서는 많은 플러그인을 익숙해 질때 까지 설치해보고 삭제하고 해봐야 두려움도 응용 능력도 빨라 진다는 것입니다. 그럼 오늘은 워드프레스 무료테마 Vantage기능 둘러보기 중 Icons을 생성하는 법에 대해 알아보도록 하겠습니다. 사용자 정의에 들어가서 Theme ..

티스토리툴바