워드프레스 완벽입문 워밍업 과정 – 홈페이지 만들기 6. 템플릿

cfile21.uf.1157274050A37CD4067D8B

이전 글에서 블로그 옵션에 대해서 알아봤습니다. 이번 글은 블로그 옵션 항목 다음에 있는 템플릿입니다. 워드프레스에서 템플릿은 템플릿 파일을 의미합니다. 테마 폴더에 보면 여러가지 php 파일이 있는데 어떤 템플릿파일을 사용하느냐에 따라서 화면이 다르게 보이도록 할 수 있습니다. 그래서 사이드바의 위치도 다르게 할 수 있도록 옵션이 있습니다.     1) 템플릿 항목에서 싱글 포스트는 썸네일 이미지와 요약글이 있는 글 목록 페이지에서 하나의 글을 선택했을 때 나타나는 페이지입니다. 글의 모든 내용이 있고 다른 글로 이동하기 위한 내비게이션도 있습니다. 첫번째 옵션으로 사이드바 ...

 

워드프레스 완벽입문 워밍업 과정 – 홈페이지 만들기 5. 블로그 옵션 계속

cfile23.uf.114AFE4850A21A271AA64A

이전 글에 이어서 블로그 옵션 부분을 진행합니다.       트위터 옵션은 자신의 트위터 아이디를 입력하고 우측 상단의 Save Options를 클릭한 다음 블로그 화면에서 보면 아래와 같이 자신의 트위터 최신 글 링크가 나타납니다. 이것은 트위터에 티스토리 블로그 글 보내기가 미리 설정돼 있어야합니다.         최근 글 옵션은 블로그의 최근 글을 이미지와 함께 출력해줍니다. 타이틀을 나타낼 것은지 선택할 수 있고 제목을 입력하면 됩니다. 글의 카테고리를 선택하면 해당 카테고리의 글만 나옵니다. 이미지가 문제인데요. 이미지 선택을 하지 않아도 아래처럼 한 종류의 이미지만 나타납니다. 이미지를 On으로 해놓으면 ...

 

워드프레스 완벽입문 FAQ 2

1.정렬 css를 써서 이미지가 좌측으로 글은 우측으로 잘 정리되었습니다. 하지만 짧은 글 같은경우(하나는 제목이 없고, 하나는 이미지가 없는 글(article) 박스가 깨지더라구요. 이부분은 어떻게 해야할지요? article 박스 최소 크기를 늘려야할지요. 이미지가 글박스의 범위를 벗어나는 것은 atticle 태그에 일부 설정이 안돼서 그렇습니다.책에서 샘플 콘텐츠는 긴 내용의 글만 넣어서 저도 그런 현상을 발견하지 못했네요. 이것을 수정하려면 책에서도 멏군데 방법이 나옵니다.530p와 606p입니다. CSS에서 다음과 같이 overflow:hidden;을 article 태그에 삽입하면 해결됩니다.article {position: relative;overflow: hidden;}3. 513p에서 검색박스가 테두리를 벗어나는 것을 방지하기 위해 미디어쿼리에 ...

 

워드프레스 완벽입문 워밍업 과정 – 홈페이지 만들기 4. 블로그 옵션 설정

이전 글에서 헤더부분의 마지막 부분을 추가하지 않았는데 별로 필요하지 않을 것 같아서 양을 줄일려고 생략하려고 했지만 그래도 어떤  기능을 하는 것인지 궁금할 것 같아 이전 글에 추가했습니다.   이번 글은 헤더부분이 끝났으니 블로그 옵션에 대해서 진행합니다.     헤더 부분과 마찬가지로 요소를 끌어다가 배치하면 활성화 되는 구조입니다. 제 경우는 최근 글, 포트폴리오, 트위터 바에 대한 요소는 배치하지 않았습니다. 이들의 순서를 잘 정해서 배치해야합니다. Feature Slider는 애니메이션 슬라이더 이미지이고 포트폴리오는 4개의 이미지가 있고 클릭하면 이미지가 크게 나타나는 형태입니다. 글 페이지는 썸네일과 요약글이 ...

 

워드프레스 완벽입문 워밍업 과정 – 홈페이지 만들기 3. 테마 설정

cfile26.uf.03479734509F5C5E294A8C

이전 글에서 이클립스 테마를 설치하고 샘플 글을 불러와서 두가지 플러그인을 설치했습니다. 이번 글에서는 이클립스 테마 옵션 화면에서 여러가지 설정을 해서 블로그 화면을 변경하는 작업을 진행합니다. 이런 테마는 블로그 화면의 여러가지 설정을 변경해주는 것만으로도 원하는 화면을 만들 수 있습니다.   헤더 설정     외모-->이클립스 옵션을 선택하면 위와같은 화면이 나옵니다. 상단의 메뉴는 테마 제조회사와 관련된 메뉴이고 설정은 좌측의 메뉴에서 이루어집니다. Welcome과 Design 메뉴는 별로 설정할 것이 없으니 Header 메뉴를 클릭합니다. 첫 부분은 블로그 화면의 헤더와 메뉴부분을 설정합니다. 요소 끌어놓기(Drag & Drop ...

 

워드프레스 보안 플러그인 – Login LockDown

지난 8월 로이터 통신이 사용하는 워드프레스가 해킹을 당했는데 워드프레스 구버전을 사용해서 그렇다고 합니다. 워드프레스를 사용하면서 업그레이드를 하자면 백업도 해야하고 번거롭기 때문에 하지 않는 경우가 있지만 워드프레스가 업그레이드 되는 이유 중에 하나는 보안 기능까지 업그레이드 된다는 것입니다. 그러니 항상 업데이트하는 것은 내 워드프레스 사이트를 외부의 침입자로 보호하는 가장 쉬운 일입니다.이 글에서 소개하는 플러그인은 외부의 침입자가 워드프레스 블로그에 무분별한 비밀번호를 입력해서 로그인하려는 시도를 차단하는 플러그인입니다. 정당한 사용자라면 비밀번호를 분실했을 때 이메일을 통한 비밀번호 재설정을 이용하면 되죠. 최근 ...

 

워드프레스 젯팩 플러그인 2.0 버전으로 업데이트

워드프레스 젯팩 플러그인이 2.0으로 업데이트 됐습니다. 이 플러그인은 자주 업데이트 되는 바람에 번역이 한박자 늦네요. 아래 언어파일을 젯팩 플러그인의 언어 폴더에 저장하면 전체가 한글로 나옵니다.cfile27.uf.20720338509F02AC05AE2E.mocfile23.uf.11550B38509F02B236433F.po4가지가 업데이트 됐습니다. 간략히 알아보면 다음과 같습니다.공개하기공개하기는 블로그를 인기있는 소셜 네트워킹 사이트에 연결해서 자동으로 새로운 글을 친구들과 공유할 수 있게 합니다.→ 자신만을 위해서나 블로그의 모든 사용자를 위해서 연결할 수 있습니다.공개하기는 글을 페이스북, 트위터, 텀블러, 야후!, 링트인에서 공유할 수 있게 합니다.이메일로 글 발행이메일 글 발행은 말 그대로 이메일을 통해서 블로그에 글을 발행하는 ...

 

워드프레스 완벽입문 워밍업 과정 – 홈페이지 만들기 2. 테마 설치와 샘플 글 가져오기

cfile5.uf.151D903B509E2DC00F3579

이전 글에서는 내 컴퓨터의 WAMP 서버에 워드프레스를 설치하는 방법을 알아봤습니다. 이번 글에서는 사용할 테마를 설치하고 샘플 글을 가져오는 방법을 알아보겠습니다.   1. 테마 설치하기     관리자 화면에 들어오면 좌측에 주 메뉴가 있습니다. 외모-->테마를 클릭하고 상단에서 테마설치 탭을 클릭합니다. 검색 입력창에 "Responsive"를 입력하고 검색버튼을 클릭하면 많은 반응형 테마가 나타납니다. 워드프레스의 차기 기본테마인 Twenty Twelve도 보입니다. 한번 쭉 둘러 보고 상단에서 다시 검색창에서 "Eclipse"로 검색하면 하나가 검색됩니다. "지금 설치하기" 링크를 클릭하고난 다음 썸네일 하단의 활성화 링크를 클릭합니다.     자동 설치가 안되는 경우 아래의 링크를 ...

 

워드프레스 언어파일 수정하기 – Poedit 프로그램

워드프레스는 원래 영문으로 만들어졌는데 세계적으로 어떤 나라든 사용할 수 있게 된 것은 원문을 각국의 언어로 변경할 수 있는 시스템이 갖춰져 있기 때문입니다. 그래서 언어파일이란 것이 별도로 존재하고 번역작업을 통해 워드프레스 파일에 포함시키면 해당 언어로 나오게 됩니다. 제가 워드프레스 언어파일 번역에 참여한지는 얼마 안됐지만 참여할 때만 해도 코어 파일들의 번역이 70% 밖에 안돼서 영어 버전은 3.3인데 한글 버전은 3.2 버전으로 사용하고 있었죠. 책을 만들기 위해서 작업중 번역이 이상하게 된 곳을 발견하고는 하나씩 번역을 시작했습니다. 다중사이트 만들기 ...

 

워드프레스 비주얼 편집기 기능 강화 – TinyMCE Advanced 플러그인

워드프레스의 텍스트 편집기는 오픈소스 소프트웨어를 사용합니다. TinyMCE는 Tiny Moxiecode Content Editor의 약자로 Moxiecode 시스템에서 만들었고 계속 업그레이드되고 있습니다. 워드프레스에서 사용하는 것은 원래 버전을 소규모로 만든 것으로 두줄 밖에 없지만 원래 버전은 아래에서 보듯이 네줄이나 됩니다. 이런 모든 기능을 사용할 수 있도록 플러그인으로 만든 것이 TinyMCE Advanced입니다. 글 편집이 많은 분들에게는 아주 유용합니다. 워드프로세서 수준이죠.플러그인 추가하기 화면에서 TinyMCE Advanced로 검색해서 설치, 활성화하고 설정-TinyMCE Advanced를 클릭하면 아래와 같은 화면이 나옵니다.사용법은 아래 줄에서 아이콘을 끌어다 윗줄에 배치하면 크기가 줄어들면서 작은 아이콘으로 변경됩니다. 워드프레스에서 키친싱크라고 ...

 
©워드프레스 완벽 입문 2012 Proudly powered by WordPress