홈페이지만들기 (72) 썸네일형 리스트형 div 배치하기 div 프레임나누기/ 배치하기Html프레임나누려면 가끔 컴터나 OS, 모니터, 해상도, 브라우져, 따라 엉클어 진다. 그래서 고정하면서 배치하는 방법에 대해 알아보도록 하겠다. 우선은 %를 통해서 여백을 정리하는 방법이다. 형태로 감싸준 후 전체를 div로 CSS정의 내린다.왼쪽오른쪽가운데01가운데02가운데03각각의 형태를 생각하며 직접 스타일을 정리한다. 이런 작업들이 많아 자주 만들다 보면 점점 적응이 되면서 나중엔 스타일시트를 직접 div에 넣지 않고 헤드에 정의를 바로 만들면서 작업 할 수 있을 것이다. [홈페이지만들기] - 폰트 URL 적용하기[홈페이지만들기] - first-child / last-child 활용하기[홈페이지만들기] - html 테이블구조 만들기 Vantage무료테마 기능둘러보기 Vantage무료테마 기능 둘러보기 워드프레스 홈페이지 제작은 다른 빌더와는 달리 아주 정교하며 혼자만으로도 여러가지 플러그인을 사용하여 원하는 홈페이지를 만들 수 있다는 것이 장점이다. 그러면 이제 저번 시간에는 홈페이지에 로고를 아주 간단하게 넣어 보았는데 어렵지 않으니 잘따라 했을꺼라 믿는다. 메일로 문의가 있어서 우선 Vantage무료테마에 관한 모든 기능을 모두 둘러 보고 다시 실전으로 적용사례를 조금씩 조금씩 들어보도록 하겠다. 1. 관리자 페이지 왼쪽메뉴 > 외모> 사용자 정의하기버튼 워드프레스 관리자 페이지 왼쪽메뉴에 보면 외모라는 버튼이 있다. 버튼을 클릭해서 들어가면 여러가지 테마가 있으며, 그 테마중에 Vantage의 사용자 정의하기버튼을 클릭하여 바로 설정할 수 있는 UI로 들어간다.. Vantage 무료테마 로고수정하기 Vantage무료테마 로고수정하기Vantage무료테마의 장점은 아주 간단하면서 강한 홈페이지를 만들수 있다는거다. 로고를 수정하려면 CSS나 HTML을 사용하여 소스에 들어가서 여러가지 번거롭게 고칠필요가 없다. 간단하게 설명하자면 버튼 몇개로 뚝딱 만들수 있다는 것이다. 이렇게 좋은 테마를 접하더라도 잘 활용하지 못하면 아무 의미가 없듯이 그 테마에 대해 많은 공부와 커뮤니케이션을 하면서 좀 더 프로패셔널 함에 한단계식 꾸준히 나아가야 할 것이다. 그럼 거두 절미하고 무료테마 빈티지에 대해 한단계 디테일하게 다가서 보도록 하겠다. 워드프레스 무료태마 Vantage의 어드민에 들어가서 수정을 해보도록 하겠다. Vantage의 wp-admin 또는 wp-login에 로그인을하고 관리자페이지에 들어가서 상단.. Vantage 테마 메인설정하기 Vantage테마 메인설정하기워드프레스 무료테마 Vantage가 여러가지 있는데 메인설정하면서 만들기가 여간 번거롭고 많은 스킬이 필요한 것이 아니다. 하지만 이 테마의 장점은 한가지 플러그인으로 여러가지 스킨들과 번거로움을 한번에 해결 할 수 있다는게 장점이다. 많이 알려지진 안았지만 그래도 내가 써본 기업용과 쇼핑몰 겸용을 지원하면서 버그가 많이 없는 무료테마는 Vantage빈티지가 거의 완벽하진 않지만 적극적으로 추천 하고 싶다. 그러면 이전에 설치한 Vantage 테마와 플러그인을 활용해 메인을 설정해 보도록 하겠다. 1) 워드프레스 로그인에 (wp-admin / wp-login) 들어가서 로그인을 한 다음 관리자 메뉴 상단에 보면 안녕하세요 버튼이나 사이트 방문하기버튼 메뉴를 누르면 메인으로 이.. 플러그인 기본설치 및 업데이트 워드프레스 기본플러그인 설치 및 업데이트워드프레스 플러그인 설치하기전에 기본 플러그인 업그레이드에 대해 알아보도록 하겠다. 기본 플러그인은 스킨에서 호환되는 것이므로 설치하려고 플러그인을 찾지 않아도 된다. 그래서 플러그인 업데이트도 간편하다. 1) 어드민로그인을 한상태에서 관리자 왼쪽메뉴에 보면 플러그인이 있다. 플러그인 메뉴를 클릭한다. 2) 플러그인메뉴를 클릭하면 아래와 같이 나오는데 Begin Installing Plugins을 다시 한번 클릭한다. 3) Begin Installing Plugin버튼을 클릭하면 Install Required Plugins페이지가 나오는데 이곳에서 체크박스에 모두 선택을 한다음 위의 선택박스에서 Install을 선택한다음 적용을 누르면 플러그인이 실행이 되게 된다... 워드프레스 업데이트하기 워드프레스 업데이트하기이전 시간에는 워드프레스 무료테마설치를 쉽게 했다면 이번에는 워드프레스 업데이트에 있어 가장 유의 해야 할 점이 있다. 워드프레스는 모든 스킨에 완벽하지 않기 때문에 백업을 하는 것이 기본이다. 하지만 지금은 처음시작하는 사람들 위주로 하기 때문에 설치하는 것을 목적으로 진행하겠다. 중급차때 진행 중간에 한번 백업에 대해 명시하고 넘어가겠다. 지금은 데이터가 전혀 없기 때문에 그냥 업데이트를 하여도 좋다.그럼 워드프레스 업데이트에 대해 알아보겠다. 1. *******.dothome.co.kr/wp-admin 어드민 또는 *******.dothome.co.kr/wp-login 로그인을 통해 로그인을 하면 아래에 왼쪽 메뉴에 있는 업데이트 4라는 버튼이 나온다. 버튼을 클릭한다. 2. .. html 테이블구조 만들기 html 테이블구조 만들기html테이블의 기본 구조를 만들때는 테이블이라는 테그와왼쪽에서 오른쪽으로 column을 확장하는 경우 colspan, 위에서 아래로 row를 확장하는 경우는 rowspan 이렇게 기본적으로 기억하면서 colspan과 rowspan 속성을 자유자재로 다룰 수 있어야 한다.본격적으로 테이블 만들기를 해보겠다. 우선 테이블 만들기에 앞서 테이블 속성에 대해선 하단에서 다루기로 하고 테이블의 구조에 대해서만 정의해 보자. 기본구조 테이블 구조 만들기 summary는 테이블 이름 코스닥선물 투자자별 매매동향 구분 매매수량 매도수량 합계 순매수 신규 환매 소계 신규 환매 소계 선물회사 47 6 53 6 42 48 101 5 증권회사 0 0 0 0 0 0 0 0 은행 0 0 0 0 0 0 .. 워드프레스 무료스킨적용하기 워드프레스 무료스킨적용하기워드프레스 무료테마로 홈페이지 만들기 중에 무료스킨을 적용해 보려고 한다. 저번 달락에서 접근성 완비됨을 선택하라고 하였다. 이에 맛는 테마는 SiteOrigin 에서 제작한 Vantage버전: 1.5.8 이다. 버젼은 계속 업그레이드 되고 있으면 나 또한 자주 사용하는 테마이기도 하다. Vantage는 유연한 다목적 테마이다. 개발사에서는 완벽한 반응형이라고 하지만 아직도 업그레이드 되면서 불안하기는 하다. 비즈니스 사이트, 포트폴리오 또는 온라인 상점을 시작하는데 많이 사용하기도 한다. 무료 및 프리미엄 지원을 제공하고 있으며 프리미엄 지원은 우리나라 돈으로 약 12.000원 정도 하는 프리미엄 서비스를 겸하고 있다. 이젠 본격적으로 무료테마를 설치하기 위해서는 첫번째 테마를.. 이전 1 ··· 5 6 7 8 9 다음
