본문 바로가기

분류 전체보기

CSS프레임워크 정리 Twitter Bootstrap / Twitter Bootstrap(kor)Bootsnipp (Design elements, playground and code snippets for Bootstrap)Start Bootstrap Template (Free Bootstrap Themes & Templates)Fuel UX (Fuel UX extends Bootstrap with additional lightweight JavaScript controls for your web applications.)Semantic UIZurb FoundationBootplusMetro UI CSSPure CSS (Yahoo)INKUIkit (*)mozillabrick (Mozilla)Material-UI (Google)
웹제작 시 고려해야 할 점. (주관적 견해 계속 추가) 메뉴는 직관적 제작하는 것이 좋다.블로그형 포스트나 페이지의 경우 많은 글을 읽어야 한다면 컨테이너의 좌우 폭을 줄이는게 읽기 편하다. (좌우로 길어진다면 줄단위로 넘어갈 때 읽기에 불편함이 있다. 무조건 넓은 것이 옳은 것 만은 아니다.)섹션태그를 사용시 제목요소를 사용하는 것이 좋다. 좀 더 명확한 구분과 h1~h6태그를 함께 사용하는 것이 기본적인 표준 규칙인 것 같다. 모질라 MDN web docs에 자세한 설명이 있다.모바일 반응형 시 좌우 여백은 약 15px정도로 할당하는 것이 좋다. 너무 넓으면 화면이 좁아보이고 너무 없으면 꽉차보이니 잘 조절해줘야 한다.
워드프레스의 쿼리에 대한 기본적인 이해 예로 메인 페이지에 뉴스라는 이름으로 카테고리가 지정된 포스트만 모아온다고 가정할 경우다른 포스트들은 제외하고 뉴스로 카테고리가 지정된 포스트만 모아와야 한다.이런 경우 news라는 슬러그를 가진 카테고리를 가져오는 "category_name => news"같은 방법을 사용할 수 있다.쿼리를 가져오는 다양한 방법과 종류가 있지만 기본적인 원리는 아래와 같다.아래의 주석중 쿼리 시작~ 쿼리 구간 종료 부분이 해당 예시 코드의 핵심과 같은 부분이다.
워드프레스 숏코드를 PHP내에 삽입하는 경우 숏코드를 PHP문서에서 삽입하고 싶은 경우 아래 예시를 참고해서 간단하게 사용가능하다.
워드프레스 로그인 시 리디렉션 변경 로그인 완료시 특정 페이지로 리디렉션 시키는 방법