-
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> 위 코드 […]
-
2013-2014 2014‧03‧23
Korea Web Design
반응형웹으로 구현한 사이트입니다. ie7~8을 최적화하기 위해 ie.css를 추가로 제작되었습니다.워드프레스 기반으로 구축했으며 기본 테마를 베이스로 레퍼런스를 이용하여 개발을 직접 처리하였습니다.기획, 디자인, 퍼블리싱, 개발을 단독 작업하였으며 현재는 추가 유지보수 진행중입니다.
-
WP Tip & Tech 2014‧03‧20
gzip compression(압축)을 이용한 워드프레스 사이트 속도 향상 방법
사이트를 최적화 하는 방법 중에 하나가 gzip 압축을 사용하게 되는데 정적인 자원을 압축하여 클라이언트에 빠르게 보여주기 위함이다.몇몇 워드프레스 플러그인 중에 gzip 압축을 지원하는 기능이 있기는 하지만 플러그인을 사용하지 않고 직접 코드를 입력하여 설정하는 방법을 하려고 한다. 1. 내 서버에 FTP로 접속하여 보자. 아마 루트 경로에 .htaccess 파일이 있을 것이다. 만약 없다면 만들거나 FTP 속성 중에 '숨김 […]