본문 바로가기

홈페이지만들기

 (72)
워드프레스 Vantage무료테마 사이트아이덴티티 워드프레스 Vantage무료테마 사이트아이덴티티 사이트아이덴티티에 대해 알아보겠습니다. 무료테마인 Vantage에도 홈페이지제작시에 즐겨찾기에 들어가는 아이콘 파비콘(favicon)을 설정할수 있습니다. 작은 수정이지만 아이콘 하나로 방문자가 쉽게 기억되는 사이트를 만들수 있습니다. 사용자정의에 가셔서 사이트아이덴티티에 들어가서 전체를 한번 읽어보시면 됩니다. 우선 포토샵에서 1:1사이즈 512이상으로 파이콘이나 아이콘을 만드는데 저는 600*600사이즈로 만듭니다. 포토샵에서 로고는 다른 프로그램으로 만들거나 아니면 포토샵에서도 만드는데 포토샵에서 만드면 픽셀단위로 되어 있기 때문에 될수 있으면 크기를 최대한 크기로 하여 저장하시는것이 좋습니다. 추천하는 사이즈는 600*600입니다. 로고를 만들고 나..
2017의 새로운 10종류의 무료 글꼴 / 무료폰트 2017년 웹디자인 무료폰트 새로운 10종류의 무료글꼴 / 무료폰트 홈페이지를 제작 할 때 디자이너들이 무료폰트를 많이 찾지만 최근 출시 된 새로운 무료 글꼴이 많이 있기 때문에 그들 모두를 찾기에는 너무 어렵습니다. 사용자의 도움을 위해 지금까지 2017 즐겨 찾는 새로운 무료 글꼴을 10개를 찾아봤습니다. 하단의 빨간링크를 찾아가면 여러분들이 찾고 있는 것을 찾을 수 있습니다. 01. Entra Font 2017의 새로운 무료 글꼴, Entra는 로고와 제목에 사용을 추천Entra는 로고나 아이 캐칭의 제목에 사용하기 위해 설계된 원래 특이한 외형의 글꼴입니다. 현대 캡 전용 글꼴 날카로운 코너와 둥근 형태의 조합은 매우 독특합니다. Gatis Vilaks과 Wild Ones Design이 설계 한이..
html 슬라이딩 소스 참고하세요. html 슬라이딩을 이곳 저곳 찾아보다 드디어 찾았습니다. 하단 네비가 thum 이미지로 되어있는 슬라이딩 찾다가 좋은 자료를 찾았습니다모바일용이구요, pc에선 마우스 터치가 안되는데 모바일에선 잘 적용 됩니다.demo 폴더 안에 html 파일들이 있습니다. 맞는 자료가 있으면 사용 하시면 됩니다. 여러가지 종류가 많이 있으니 참고 하셔도 괜찮을것 같습니다.^^ 참고사이트 : http://flexslider.woothemes.com/thumbnail-controlnav.html .js----1234567// Can also be used with $(document).ready()$(window).load(function() { $('.flexslider').flexslider({ animation: "..
Theme Design- Sidebar / Footer Theme Design- Sidebar / Footer의 기능워드프레스 기능의 템플릿 디자인Sidebar 과 footer는 사이트바에 기본값을 변경할수 있으며, 하단의 모든 색상과 이미지 그리고 텍스트와 링크등 많은 것을 수정과 디자인을 할 수 있는 기능 입니다. 워드프레스 디자인에 있어 하단기능도 상단의 기능 못지 않게 중요한 부분을 차지하고 있습니다. 잘 활용하시기 바랍니다. 그럼 메뉴에 대해 알아보도록 하겠습니다. Sidebar ▶ 사이드 바 위치 Sidebar Position 기본값 인 사이드 바 위치를 Right로 설정하십시오. 이 설정을 없음으로 변경하면 메뉴가 제거됩니다. Footer ▶ 바닥 글 배경 Footer Background 바닥 글 배경색을 설정하십시오. ▶ 바닥 글 배경 이미지 ..
Vantage 무료테마 Theme Design- Page Vantage 무료테마 Theme Design- Page워드프레스 장점과 단점을 잘 가지고 있는 것 중에 하나가 정형화 되어있는 템플릿속에서 디자인이 변경된다라는 것에 동의 하지만 이왕 홈페이지를 만들려면 약간의 스타일시트는 배워야 한다고 본다. 정형화 되어있는 것에는 한계가 있기 때문이다. 그리고 코딩에 대해서도 이해를 하는 것이 좋기 때문에 많은 도움이 됩니다. Theme Design- Page기능은 머리글 배경색을 설정 할 수 있으면 이미지를 변경할 수 있습니다. 페이지 색도 바꿀수 있으니 어떻게 활용하느냐에 따라 디자인이 아주 획기적으로 변할 수 도 있습니다. 기능을 설명해 보도록 하겠습니다. ▶ 마스트 헤드배경 Masthead Background 머리글이라고도하는 마스트 헤드의 배경색을 설정합니..
Vantage 무료테마 Theme Design- Widgets Vantage 무료테마 Theme Design- Widgets워드프레스 vantage테마 Theme Design- Widgets에서 무료지원되는 것은 헤드타이틀컬러와 아이콘위젯 배경수정이 가능하며, 월형아이콘 배경색상 변경이 가능합니다. 유료 컨텐츠에서는 사이드바에 위젯 제목을 쉽게 만들 수 있으며 배치까지 가능합니다. Widgets 모양 / 위젯 / 마스트 헤드 또는 모양 / 사용자 정의 / 위젯 컨텐츠 활용하기 ▶ 마스트 헤드 사이드 바 위젯 제목 Masthead Sidebar Widget Titles Vantage는 로고 및 헤더 위젯 영역을 대체하는 마스트 헤드 위젯 영역을 제공합니다. 이 영역은 (모양 / 위젯 / 마스트 헤드 또는 모양 / 사용자 정의 / 위젯)에서 찾을 수 있습니다. 이 설정..
Vantage 무료테마 Theme Design- Buttons 워드프레스 무료테마 Vantage Theme Design- Buttons 워드프레스에서 홈페이지 만들때에 버튼을 많이 사용하는데 이 기능은 무료테마에서 재공되는 기본 버튼 형태를 만들수가 있습니다. 기능도 아주 간단하여 쉽고 빠르게 사용 할 수 있는 것이 장점입니다. 버튼(Buttons)기능에 배경색과 텍스트 그리고 테두리와 그림자까지 수정 할 수 있습니다. 활용 할 수 있습니다. 기능을 설명해 보도록 하겠습니다. ▶ 버튼 배경색 Button Background Color 기본 테마 버튼 배경색을 설정하십시오. ▶ 버튼 색상 Button Color 기본 테마 단추 텍스트 색을 설정하십시오. ▶ 단추 테두리 색 Button Border Color 기본 테마 단추 테두리 색을 설정하십시오. ▶ 버튼 텍스트 ..
Vantage 무료테마 Theme Design- Mobile Menu Mobile Menu워드프레스 Vantage 무료테마 Theme Design의 Mobile Menu는 반응형 워드프레스에서 적용되는 건데 모바일 메뉴는 백그라운드와 타이틀색상, 컬러 그리고 메뉴들의 색상까지 설정하고 적용할 수 있는 아주 편리한 기능입니다. Mobile Menu의 특성상 아주 간단한 설정이 편리하게 되어있어 CSS의 특성에 대해 잘 몰라도 초급자분들도 쉽게 쉽게 고칠수 있습니다. 반응형 홈페이지를 보면서 설정을 설명해 보겠습니다. ▶ 배경 Background 모바일 메뉴 배경색을 설정하십시오. 기본값은 # 222222입니다. ▶ 제목 텍스트 Title Text 모바일 메뉴 제목 및 닫기 아이콘 색상을 설정하십시오. 기본값은 #ffffff입니다. ▶ 제목 배경 Title Background..

티스토리툴바