soma0sd

힘들게 연구했으니 이젠 연구한 내용을 세상에 알리고 싶어졌습니다. 연구를 어떤 컨텐츠로 표현하는 과정은 연구와 관련한 지식만 가지고는 진행할 수 없지요. 많은 사람이 연구를 발표할 때 겪는 난관을 소개합니다. 이전 글 [연구 뉴비] 학술 대충 살펴보기: 연구를 했으면 발표도…

네비게이션 바에 버튼은 있지만 아무 기능도 하지 않던 검색 버든에 기능을 붙입니다. 검색 폼의 기본 형태

주의 : 이 글을 쓴 사람은 과학의 일부인 물리학 전공입니다. 전공까지 쳐봤자 태양계만한 과학에 미세먼지 정도인 과학지식과 경험을 가지고 서술하고 있습니다. 어쩌면 케바케인 상황이 올 수도 있습니다. 0. 연구를 어찌어찌 해냈다 원래라면 연구 이전 이야기부터 연구 이야기, 그다음에야 연구 이후 이야기를…

이전 포스트 에서는 네비게이션을 만드는 Walker 를 살펴봤습니다. 종류별로 아이콘 만들기 이제는 종류별로 아이콘을 붙이기 위해 워커의 start_el() 을 개조합니다. Font Awesome 4.7.0를 사용했습니다. Font Awesome의 CDN을 cdnjs에서 찾아 CSS에 추가했습니다.…

저번에 만들었던 사이드바 중 왼쪽 사이드바는 네비게이션 역할을 합니다. 네비게이션 워커 이곳의 내용은 Wordpress Reference: Walker 를 참고했습니다. 네비게이션은 워드프레스 내장함수인 wp_nav_menu() 를 이용해서 불러올 수 있습니다. 하지만 원하는대로 꾸미기에는 무언가…

짬날때마다 워드프레스 테마를 만드는 이유도 사실 전산물리학을 다루는 블로그를 사용자 중심으로 운영해보려는 목적 때문입니다. 기본기만 배워놓고 구글링을 통해서 배우는 제 평소 습관과는 다르게 뭔가 차근차근 필요한 것들을 짚어나가는 형식의 텍스트북(교재)를 만드려고 하니 고민이 이만저만이 아닙니다. 사실 몇 번 시도하다가…

반응형UI: 사이드바 이 부분은 material 가이드라인: 반응형 UI 와 material 가이드라인: UI 구조 를 참고하였습니다. 주요 메뉴을 표시할 왼쪽 사이드바와 글의 종류에 따라 적절한 도구를 보여줄 오른쪽 사이드바로 나눕니다. 모바일 모바일 UI에서는 화면이 좁기 때문에 두…

스타일과 스크립트를 템플릿 안에 태그로 추가할 수 있지만 따로 파일을 만들어 관리하는 편이 머리가 덜 아픕니다. 워드프레스 내장함수를 이용해서 테마를 위해 만든 파일, CDN 등 외부 파일을 추가하는 방법을 알아봅니다. 변경 앞서 만들었던 네비게이션 바 가 반응이 한박자씩 늦더랍니다. 여러가지 실험을…

스타일 초기화 웹브라우저마다 고유한 스타일이 있습니다. 따로 지정해주지 않은 어떤 요소는 브라우저의 기본 스타일에 따라 요소의 속성을 자동으로 조정합니다. 브라우저에 따라 변하는 속성으로 인해 테마가 원하는 모양으로 보이지 않을 경우가 생길 것에 대비하여 necolas의 normalize.css 를 이용합니다. 에 다음 줄을 추가합니다.

기본 구조 W3의 html5 가이드 의 설명을 참고하여 기본적인 구조를 만들었습니다. 초기 index.php 의 형태는 아래와 같습니다.

메인 홈페이지로 쓰는 soma0sd.com 이 여러 이유로 부실해졌기 때문에 테마를 직접 한번 만들어 보기로 했습니다. 프론트엔드를 맛보는 것도 재미있을 듯 하고요. 기본 템플릿 파일 페이지를 보여주는 index.php, 테마의 정보와 요소의 스타일을 지정하는 style.css, 테마의 각종 php…