본문 바로가기

워드프레스/테마10

[Wordpress] 워드프레스 테마(Theme)용 하단(footer) 고정시키는 CSS 템플릿 샘플 예제 워드프레스용 하단(Footer) 고정 템플릿 샘플예제입니다. 워드프레스 테마(Theme)를 만들 때 유용합니다. 2018. 12. 21.
[Wordpress] 워드프레스 테마 제작을 위한 기본 테마 구조 알아보기 (twentyfifteen) 워드프레스는 매년 말에 다음해에 사용할 기본 테마를 발표하는데요.워드프레스 4.1 버전의 기본 테마는 twentyfifteen이며 이 테마는 블로그 전용으로 디자인도 아주 단순합니다. 이 테마를 커스터마이징해서 자유롭게 변형해 새로운 테마를 제작하게끔 하기 위해 기본 테마를 발표하고 있습니다.워드프레스 기본 테마는 기본적으로 _s(Underscores : http://underscores.me/)라는 아주 기초적인 테마를 기반으로 만들어집니다. 따라서 전혀 새로운 테마를 만들 경우 이 테마를 사용하는 것이 좋습니다. 스타일시트와 함수도 기본적인 것만 있고 설치하고 보면 레이아웃도 제대로 나오지 않아 스타일시트도 새로 만들어야 합니다. 하지만 필수 템플릿 파일과 기본 스타일시트가 있어서 깨끗한 상태에서 테.. 2015. 9. 16.
[Wordpress] 워드프레스 테마 제작을 위해 템플릿 태그 목록 보기 워드프레스에는 백여 가지의 템플릿 태그가 있는데요. 워드프레스 코덱스에는 템플릿 태그를 잘 정리해 놓아서 필요한 태그를 찾아서 사용하면 됩니다.http://codex.wordpress.org/Template_Tags 해당 템플릿 태그를 클릭하면 사용법이 자세히 나와 있는데요. 영어를 잘 하지 못해도 예제만 보시고 사용하시면 되니 겁먹지 않아도 됩니다. 2015. 9. 16.
[Wordpress] 워드프레스 테마 제작을 위한 템플릿 태그의 종류 알아보기 워드프레스 템플릿 태그는 매개변수를 꼭 사용해야 하는 것도 있고 매개변수가 전혀 필요 없는 것도 있습니다. 매개변수를 사용하는 경우 변수를 사용해서 변수에 해당하는 값을 표시하도록 하는 템플릿 태그와 질의문(query string)을 사용해서 해당 질의문의 결과를 표시하는 템플릿 태그가 있습니다. 매개변수가 필요없는 경우 위와 같이 글쓴이의 이름을 표시하는 태그는 최종 정보에 해당하므로 추가적인 매개변수가 필요 없습니다. 매개변수가 필요한 경우 위와 같이 bloginfo 태그는 각종 블로그 정보의 상위 개념이므로 하위 요소가 많습니다. 'description'라는 매개변수를 사용하면 태그라인(사이트 설명 글)에 해당하는 정보를 표시합니다. 매개변수로 질의문을 사용하는 경우 wp_list_cats는 카테고.. 2015. 9. 16.
[Wordpress] 워드프레스 자식 테마(차일드 테마 - Child Theme) 만들어서 마음껏 테마 수정하기 워드프레스엔 정말 많은 테마들이 있는데요.어떤 테마도 내 생각과 동일하게 구현된 테마는 없을 겁니다.가장 비슷한 테마를 찾아서 조금씩 수정을 해서 사용하게 되는데요.문제는 테마가 업데이트가 되면 지금까지 수정했던 소스가 다 날라간다는 것이죠.이런 경우를 대비해서 차일드 테마를 만들어서 사용하면 간단하게 해결할 수 있답니다^^ 방법은 간단합니다.1. 해당 테마를 복사해서 이름을 바꾼다.2. 해당 테마의 style.css 파일의 Theme Name을 바꾼다.3. 차일드 테마를 FTP 등으로 서버에 올린다.4. 해당 테마를 워드프레스 관리자페이지에서 활성화한다. 저는 sparkling이라는 테마를 사용하기 때문에 sparkling 폴더를 복사해서 [sparkling-child]라고 폴더명을 바꿨습니다.테마는 .. 2015. 7. 16.
[Wordpress] 워드프레스 외부 테마 설치하는 방법 워드프레스 관리자페이지에서 테마를 검색하면 많은 테마들이 있는데요.클릭 한번이면 테마를 바로 설치할수가 있어서 아주 편리합니다.그런데, 이곳에 올라오지 않는 외부 테마들은 어떻게 설치해야 할까요?http://web2feel.com 처럼 외부사이트에서 제공하는 무료, 유료테마들을 설치하려면요? 한번 알아보겠습니다.Yasmin이라는 무료테마를 설치해볼까 하는데요.http://google.com에서 'yasmin 워드프레스 테마'로 검색을 해서 사이트로 들어가세요. 이렇게 web2feel.com에서 제공하고 있네요. Yasmin 테마를.. "Theme Preview"를 눌러서 테마 미리보기를 해보세요. 음... 괜찮네요^^ 'Theme Download"를 클릭해서 테마파일을 다운로드 받습니다.Yasmin.zi.. 2015. 7. 16.
[Wordpress] 워드프레스 유료 프리미엄 테마 사이트 모음 워드프레스 유료 프리미엄 사이트들을 모아봤습니다.구입할 경우, 재 다운로드 및 업데이트 등의 지원을 하면서 월/년 주기별로 비용이 발생할수도 있으니 확인하시고 구입하시기 바랍니다. http://themeforest.net/category/wordpress http://www.woothemes.com/product-category/themes/ http://themefuse.com/wp-themes-shop/ http://my.studiopress.com/themes/ http://organicthemes.com/themes/ http://templatic.com/wordpress-themes-store/ http://www.enginethemes.com/themes/ http://richwp.com/ h.. 2015. 6. 19.
[Wordpress] 워드프레스 무료 테마 사이트 모음 워드프레스에서 테마검색을 하면 많은 테마들이 검색되는데요. 그럼에도 불구하고 많은 사이트들이 워드프레스 무료 테마를 제공하고 있는데요. 한가지, 모두 영어로 돼 있는 외국사이트인 게 아쉽습니다. 또한, 이 중 대부분은 유료테마도 같이 제공하고 있습니다. 어떤 사이트들이 있는지 알아보겠습니다. 워드프레스 제공 테마 http://wordpressthemesbase.com http://www.themes2wp.com/download-wordpress-themes/wordpress-themes http://www.woothemes.com/product-category/themes/ http://www.blogohblog.com/category/wordpress-themes http://www.simplethem.. 2015. 6. 19.
[Wordpress] 워드프레스 테마를 삭제하는 방법 제가 사용하는 워드프레스에서 [Sparkling] 테마를 사용합니다. 개인적으로 무료 테마중에서 심플하면서도 디자인이 예쁘다고 생각되어 설치해 봤습니다. 그런데, 무엇이 문제인지 'z'라는 글자가 컨텐츠 상단 여백에 보이더군요. 이상하게도 상단 테두리도 잘려 보이구요. 그래서, 이 테마를 삭제하고 다시 설치하려고 관리자페이지로 들어갔습니다. 활성화 되어 있는 상태에서는 삭제가 안되기 때문에 일단 다른 테마를 활성화했습니다. 하지만, 테마 목록에서는 아무리봐도 [삭제] 버튼이 보이지 않구요. 일단, Sparkling [테마 상세]로 들어갔습니다. 그랬더니 [삭제] 버튼이 보이네요 그래서, 삭제하고 다시 Sparkling 테마를 설치해서 잘 해결됐냐구요? 아뇨. 아무래도 개발자가 이 사실을 잘 모르는 모양이.. 2015. 4. 17.
[Wordpress] 워드프레스 테마 추천 - Ignite 워드프레스로 사이트를 만들고 나서 테마를 입혀야 하는데 뭘로 해야할지 망설여졌다. 기본테마로 사이트를 가지고 있다가 우연히 발견한 Ignite 테마~!!! 무엇보다도 그 깔끔함에 반하지 않을 수가 없다. 난 이런 깔끔함이 좋다. 화려함보다는 깔끔하고 단순하면서도 명쾌한 디자인~!!! 사이트에 적용해 보았는데 난 너무 괜찮은 것 같다. 보면 볼수록 더~ 앞으로 이 Ignite 테마를 가지고 레이아웃을 좀 수정하면서 사용할 생각이다. 아무래도 블로그 전용 테마이자 외국사이트 기준으로 만들어진 것이라 약간 어색한 부분이 있는 게 사실이다. 줄간격이나 폰트도 사용하면서 바꾸면 될 것 같다. 2014. 10. 16.