-
WP Tip & Tech 2014‧04‧12
목록이 여러 페이지일 때 첫페이지와 나머지 페이지 다르게 구성하기
워드프레스로 제작한 사이트에서 메인 또는 카테고리 목록에서 포스팅들이 많아 페이지 번호로 구성되어 여러 페이지로 나뉘어 있을 때가 많습니다.접속 페이지 경로를 보면 ~/page/2/ 이렇게 표시되는 경우를 말합니다. 그런데 목록 첫번째에서만 배너나 슬라이드를 보여주고 나머지 페이지에서는 다르게 구성하고 싶을 때 활용합니다. 사용 방법은 아래와 같이 조건문을 사용하고 계신 테마 폴더의 index 구성 파일이나 category 구성 파일에 넣으시면 […]
-
Memo 2014‧04‧11
WERTY2014 바탕화면 아트웍
오래전에 만든 아트웍을 조금 변형해서 바탕화면용으로 만들었습니다.사이즈 : 1280 x 720 pixel , 이미지에 마우스 오른쪽을 눌러 다른이름 저장하시거나 클릭하여 원본을 확인하셔도 됩니다. 아래는 위 이미지를 만들기 위해 리터칭하기 전에 자료들입니다.
-
Web Design 2014‧04‧08
원페이지 웹사이트
요즘 마이크로 사이트에서 조금씩 유행이 되어가고 있는 원페이지는 하나의 페이지 안에 스크롤링을 하여 컨텐츠를 정리해 놓은 사이트를 말합니다. 먼저 해외부터 볼까요? We Are Visual Animals 비주얼 디자인 중심의 기업 또는 그룹인듯한 WAVA 사이트입니다.첫페이지에서 클릭하여 내려가거나 우측에 네비게이션 UI를 이용해서 위아래로 이동합니다.눈 모양은 그 해당 페이지에 사람과 관련된 상세 페이지가 열립니다.상세 페이지 또한 세로 스크롤이며 반응형에 […]
-
WP Tip & Tech 2014‧04‧01
각 카테고리별로 노출되는 포스트 갯수 설정하기
워드 프레스는 [대시보드] → [설정] → [읽기]에서 '페이지당 보여줄 글의 수'에 입력한 숫자만큼 카테고리나 첫 페이지에 보여지게 된다. 그러나 카테고리에 따라 갯수를 다르게 보여주고 싶을 때가 있다. 다음과 같이 예를 들어 A라는 카테고리의 경우는 10개, B라는 카테고리의 경우는 20개, C라는 카테고리의 경우는 30개를 보여주고 싶다면 일단 가장 적게 보여줄 갯수를 [대시보드] → [설정] → [읽기]에서 '페이지당 보여줄 글의 […]
-
Tools, Web Design 2014‧04‧01
디자이너들에게 추천하는 크롬 브라우저 앱기능
실무자 중에서도 크롬이나 파이어폭스를 이용해서 웹을 서핑하는 분들이 많이 계실꺼라 생각합니다. 그 중에 크롬에는 크롬 웹스토어를 통해 새로운 기능들을 추가할 수 있는데요. 이 앱들로 인해서 작업하기도 수월하고 간단합니다. 1. 창 크기를 조절하여 반응형웹을 테스트하기 적합한 'Window Resizer' 다운로드 경로 : https://chrome.google.com/webstore/detail/window-resizer/kkelicaakdanhinjdeammmilcgefonfh 크롬 브라우저로 위 경로를 접속해서 설치하게 되면 브라우저에 아래와 같이 아이콘이 생깁니다. 이렇게 추가된 […]
-
2013-2014 2014‧03‧29
w3c korea
반응형웹사이트로 제작한 사이트입니다.워드프레스의 기본 테마를 베이스로 w3c 테마를 새로 제작하였고 ie7~8에서 최적화하기 위해 추가 css를 제작하였습니다.사이트 구축 기간은 단독으로 수행하여 약 2주정도의 작업으로 마무리되었습니다.
-
Server 2014‧03‧28
리눅스-root 권한 폴더나 파일 nobody로 변경
리눅스 서버의 root 아이디로 만들어진 폴더는 사용자가 이미지를 업로드하거나 플러그인과 같은 것을 설치할 때 그 대상 디렉토리가 root 권한으로 생성되어 사용이 불가능하다. 그래서 권한을 nobody으로 변경하게 되는데 그 방법은 아래와 같다. 만약 워드프레스의 wp-content라는 디렉토리와 그 안의 파일들을 nobody로 바꾸고 싶을 때에는 아래와 같이 입력한다. chown -R nobody:nobody wp-content 출처 및 관련 정보 상세 내용은 https://www.linux.co.kr/home/lecture/index.php?cateNo=&secNo=&theNo=&leccode=232
-
WP Tip & Tech 2014‧03‧28
워드프레스 컨텐츠 디렉토리(wp-content)로 이동할 수 없습니다.
테마나 플러그인을 대시보드에서 설치하는 도중에 '워드프레스 컨텐츠 디렉토리(wp-content)로 이동할 수 없습니다.'라고 뜨는 경우가 있다. 아마 이 경우는 거의 드믈게 뜨는데 본인같은 경우 워드프레스 디렉토리를 이동시키면서 발생했다. 간혹 ftp 경로가 달라지거나 설정과 다르게 되었을 경우에도 뜨는 것 같다. 해결 방법은 아래와 같다. wpconfig.php를 열어 아래 코드를 찾는다. (거의 맨 끝 있다.) require_once(ABSPATH . 'wp-settings.php'); 그리고 그 […]
-
Server, WP Setup, WP Tip & Tech 2014‧03‧26
wordpress load-scripts.php 414 request-uri too large
아마 이 에러를 워드프레스에서 발견해낸다는 것은 1. 본인이 리눅스 서버를 운영하고 그 안에 워드프레스를 설치하여 사용하는 사용자. 2. 크롬으로 디버깅을 할 줄 아는 고급 사용자. 위 두 경우일 것이라 생각합니다. 오늘 발견해 낸 이 어처구니 없는 오류는 제가 가상 서버 호스팅을 받고 있는데 관리자의 대시보드에서 슬라이드 플러그인의 이미지 업로드하는 버튼을 눌러도 아무런 반응이 없어 디버깅 […]
-
jQuery 2014‧03‧24
페이드 인/아웃 슬라이드쇼 (와이드 배경 이미지 변경) 플러그인
페이드 인/아웃 슬라이드쇼 (와이드 배경 이미지 변경) 플러그인 미리보기 창 크기에 따라 이미지를 세로 중앙 중심으로 스케일링한다. 슬라이드 이미지들의 로드가 끝난 후에 이미지를 노출한다. 브라우저 크기가 변경될 때마다 그에 맞춰 조절된다. 사용법 <head>와 </head> 사이에 아래 코드를 추가한다. <script type="text/javascript" src=" http://code.jquery.com/jquery-latest.min.js"></script> <script type="text/javascript" src="./js/jquery.FadeWideBgImg.js"></script> <script type="text/javascript"> (function($){ jQuery(document).ready(function(){ $('.slideshow').FadeWideBgImg({interval:2000}); }); }(window.jQuery,window)); </script> 위 코드 […]