워드프레스로 홈페이지를 구축할때 필요한 기능이 있으면 플러그인을 먼저 찾게된다. 직접 코드로 짤수도 있겠지만, 일할때는 속도가 우선이니. 메인에 특정 카테고리,그룹의 리스트를 따로 보여줘야 할때가 많은데 List category posts (워드프레스 카테고리 리스트) 라는 플러그인을 쓰면 된다. 옵션도 워낙 다양해서 직접 코드 짜려던게 머쓱해질 정도다.
포스트 안에서 숏코드로 사용하는것도 편하지만 에디터로 페이지 템플릿을 만들때 사용하면 정말 간편하다.
카테고리별로 다양하게 내용을 표시하면 이런 카테고리별 갤러리도 금방 만든다.
Other notes
INSTRUCTIONS on how to use the plugin
Selecting the category
The plugin can figure out the category from which you want to list posts in several ways.You should use only one of these methods since these are all mutually exclusive, weird results are expected when using more than one:
- Using the category id.
- id – To display posts from a category using the category’s id. Ex:
.
- id – To display posts from a category using the category’s id. Ex:
- The category name or slug.
- name – To display posts from a category using the category’s name or slug. Ex:
- 네카라쿠배 짜증난다.
- 머니볼 – 진짜 스타트업 영화
- 라라랜드
- 2020년 – 의미없는 시간은 없었다
- 뉴욕주민 – 20대들을 위한 조언
- 2020년 인프랩 회사적 회고
- 멘토링 기능 개발기 – 인프런
- 2020년 11월 마지막 금요일 일기
- 진실의 의미와 누적
- 인프랩 2020년 4분기 시작
- 고양이
- 추석연휴
- 교통사고
- 더 라스트오브어스 2
- 인프랩 – 성장, 투자, 문화
- 인프랩 첫 퇴사자
- 텔레그램 N번방과 신원공개
- 고난의 2주 회고 (2020.03.01 ~ 2020.03.14)
- 인프랩 실록(log)
- 2019년 회사적 회고
- 이형주의 2019년 회고
- 인프랩 2019 워크샵 후기 – 보라카이
- 워크샵 막후기 (보라카이)
- Lv0 에서 Lv2 까지 – 인프런 서비스 리뉴얼
- HTML table 앨리먼트 내용을 CSV 파일로 다운로드 함수
- 손석희 앵커브리핑 – 노회찬
- set_scroll_height
- 애들한테 무책임한 조언 좀 하지마라.
- 2018년 회고 – 일
- history.pushState
- 드롭다운 셀렉터 dropdown select
- 기사 – 사립유치원 비리근절 국회토론회 ‘아수라장’ 만든 원장들
- 누가 가로등에 열매 올렸어?
- 오늘의 주저리
- 노회찬
- 2018년 7월 12일 장애발생.
- 가입 회원 10만명 – 생각들
- 내 컴퓨터에서만 적용되는 도메인주소 변경하기
- 퇴직 축하 파티
- 갓오브워 4
- name – To display posts from a category using the category’s name or slug. Ex:
- Detecting the current post’s category. You can use the categorypage parameter to make it detect the category id of the current post, and list posts from that category.
- categorypage – Set it to “yes” if you want to list the posts from the current post’s category.
- HTML table 앨리먼트 내용을 CSV 파일로 다운로드 함수
- set_scroll_height
- history.pushState
- 드롭다운 셀렉터 dropdown select
- 내 컴퓨터에서만 적용되는 도메인주소 변경하기
- Channel.io 워드프레스 전화번호 연동하기 – channel.io wordpress woocommerce
- 값받는 법
- input_to_attrs
- Don.js
- 이명박 마인드맵
- R 프로그래밍 – 배열
- R 프로그래밍 – 행렬
- R – 백터
- R 변수 및 첫 사용법 – TIL 20170106
- div 세로정렬 중간정렬, 셀, table-cell
- js-stack-from-scratch : 8 – React
- 기본 타입에 기능 추가 – 함수
- 예외처리 throw, try, catch
- 함수 – 호출 방법
- 객체
- Ubuntu 14.04 PHP 5.x 에서 PHP 7 업그레이드 방법 및 후기
- 객체 생성
- 객체 – 도입
- 자바스크립트 완벽가이드 도서모임 자료 모음
- safari 에서 잔상남는 문제
- 메일침프 푸터 제거 – mailchimp 원하지 않는 footer
- cloudflare CDN 사용하기 – log 에 접속자 IP가 아닌 Cloudflare IP 가 남는 현상
- 페이지 방문자-구글 검색 노출 SEO 상관관계
- Callback function
- CSS 로만 구현한 Parallax Scroll 원리 메모
- 자바스크립트 노란책 정리 5-1 Object 타입
- 입력받는 숫자에 따라 반복되는 문자열 만들기 – javascript 예제
- 정수 제곱근 판별하기 – javascript 예제
- 자바스크립트 – 익명함수
- Javascript ajax 기본
- 자바스크립트 이벤트 핸들러 방법 – javascript eventhandler
- phpmyadmin 로컬에서 외부 서버로 접속할때
- palindrome 뒤집었을때도 같은 단어 글자수 세기 – 자바스크립트(javascript)
- 자바스크립트 괄호 짝 맞는지 확인하기 – javascript
- 번갈아가며 대문자 소문자로 표시되는 단어 만들기 – javascript 예제
- categorypage – Set it to “yes” if you want to list the posts from the current post’s category.
When using List Category Posts whithout a category id, name or slug, it will post the latest posts from every category.
Using more than one category
- Posts from several categories with an AND relationship, posts that belong to all of the listed categories (note this does not show posts from any children of these categories):
–
. - Posts from several categories with an OR relationship, posts that belong to any of the listed categories:
–
.- 네카라쿠배 짜증난다.
- 머니볼 – 진짜 스타트업 영화
- 라라랜드
- 2020년 – 의미없는 시간은 없었다
- 뉴욕주민 – 20대들을 위한 조언
- 2020년 인프랩 회사적 회고
- 멘토링 기능 개발기 – 인프런
- 2020년 11월 마지막 금요일 일기
- 진실의 의미와 누적
- 인프랩 2020년 4분기 시작
- 고양이
- 추석연휴
- 교통사고
- 더 라스트오브어스 2
- 인프랩 – 성장, 투자, 문화
- 인프랩 첫 퇴사자
- 텔레그램 N번방과 신원공개
- 고난의 2주 회고 (2020.03.01 ~ 2020.03.14)
- 인프랩 실록(log)
- 2019년 회사적 회고
- 이형주의 2019년 회고
- 인프랩 2019 워크샵 후기 – 보라카이
- 워크샵 막후기 (보라카이)
- Lv0 에서 Lv2 까지 – 인프런 서비스 리뉴얼
- HTML table 앨리먼트 내용을 CSV 파일로 다운로드 함수
- 손석희 앵커브리핑 – 노회찬
- set_scroll_height
- 애들한테 무책임한 조언 좀 하지마라.
- 2018년 회고 – 일
- history.pushState
- 드롭다운 셀렉터 dropdown select
- 기사 – 사립유치원 비리근절 국회토론회 ‘아수라장’ 만든 원장들
- 누가 가로등에 열매 올렸어?
- 오늘의 주저리
- 노회찬
- 2018년 7월 12일 장애발생.
- 가입 회원 10만명 – 생각들
- 내 컴퓨터에서만 적용되는 도메인주소 변경하기
- 퇴직 축하 파티
- 갓오브워 4
- Exclude a category with the minus sign (-):
,
. Important: When using the and relationship, you should write the categories you want to include first, and then the ones you want to exclude. So
will work, but
won’t.
Pagination
To use pagination, you need to set the following parameters:
- pagination set it to yes.
- numberposts – Posts per page are set with the
numberposts
parameter. - instance (only necessary when using the shortcode with pagination more than once in the same page/post) – a number or name to identify the instance where you are using pagination. Since you can use the shortcode several times in the same page or post, you need to identify the instance so that you paginate only that instance.
Example:
You can customize what to show for the “next” and “previous” buttons in the pagination navigation. Use the following params:
- pagination_prev – Replace the “<<” characters in the “previous” button in the pagination navigation with a custom text.
- pagination_next – Replace the “>>” characters in the “next” button in the pagination navigation with a custom text.
Changing the pagination CSS
If you want to customize the way the pagination is displayed, you can copy thelcp_paginator.css
file from the plugin’s directory to your theme’s directory and customize it. Do not customize the file on the plugin’s directory since this file will be overwritten every time you update the plugin.
Other parameters
- author_posts – Get posts by author. Use ‘user_nicename’ (NOT name). Example:
- tags – Tag support, display posts from a certain tag.
- currenttags – Display posts from the current post’s tags (won’t work on pages since they have no tags).
- exclude_tags – Exclude posts from one or more tags:
- orderby – To customize the order. Valid values are:
- author – Sort by the numeric author IDs.
- category – Sort by the numeric category IDs.
- content – Sort by content.
- date – Sort by creation date.
- ID – Sort by numeric post ID.
- menu_order – Sort by the menu order. Only useful with pages.
- mime_type – Sort by MIME type. Only useful with attachments.
- modified – Sort by last modified date.
- name – Sort by stub.
- parent – Sort by parent ID.
- password – Sort by password.
- rand – Randomly sort results.
- status – Sort by status.
- title – Sort by title.
- type – Sort by type. Ex:
- 네카라쿠배 짜증난다.
- 머니볼 – 진짜 스타트업 영화
- 라라랜드
- 2020년 – 의미없는 시간은 없었다
- 뉴욕주민 – 20대들을 위한 조언
- 2020년 인프랩 회사적 회고
- 멘토링 기능 개발기 – 인프런
- 2020년 11월 마지막 금요일 일기
- 진실의 의미와 누적
- 인프랩 2020년 4분기 시작
- 고양이
- 추석연휴
- 교통사고
- 더 라스트오브어스 2
- 인프랩 – 성장, 투자, 문화
- 인프랩 첫 퇴사자
- 텔레그램 N번방과 신원공개
- 고난의 2주 회고 (2020.03.01 ~ 2020.03.14)
- 인프랩 실록(log)
- 2019년 회사적 회고
- 이형주의 2019년 회고
- 인프랩 2019 워크샵 후기 – 보라카이
- 워크샵 막후기 (보라카이)
- Lv0 에서 Lv2 까지 – 인프런 서비스 리뉴얼
- HTML table 앨리먼트 내용을 CSV 파일로 다운로드 함수
- 손석희 앵커브리핑 – 노회찬
- set_scroll_height
- 애들한테 무책임한 조언 좀 하지마라.
- 2018년 회고 – 일
- history.pushState
- 드롭다운 셀렉터 dropdown select
- 기사 – 사립유치원 비리근절 국회토론회 ‘아수라장’ 만든 원장들
- 누가 가로등에 열매 올렸어?
- 오늘의 주저리
- 노회찬
- 2018년 7월 12일 장애발생.
- 가입 회원 10만명 – 생각들
- 내 컴퓨터에서만 적용되는 도메인주소 변경하기
- 퇴직 축하 파티
- 갓오브워 4
- customfield_orderby – You can order the posts by a custom field. For example:
will list all the posts with a “Mood” custom field. Remember the default order is descending, more on order: - order – How to sort orderby. Valid values are:
- ASC – Ascending (lowest to highest).
- DESC – Descending (highest to lowest). Ex:
- “워라밸은 틀렸다.. 일과 삶은 하나”..먼 X소리지.ㅎㅎ
- ‘5월, 소프트웨어에 물들다’.
- -1
- 1차 연휴 끝
- 2015.7.13
- 2015.7.29
- 20151031 SK 지원신청.
- 20151104 마케팅,CDN,CG팩토리
- 20151106 익스플로러9, 파이널컷, CDN
- 20151108 첫피드백, 네이버 ,실망 ,휴대폰 결제
- 20151109 휴대폰결제심사
- 20151111 – 아이디어클라우드, 해결
- 20151116 방향
- 20151122
- 20151124 cgfactory, 출판사, 지지부진
- 20151218 서버이전
- 20151225 – 로그인 보안, 검색필터, 차별성
- 2015년
- 2016
- 20160103 유입자, 개발자동료
- 20160113 헐 돈이없어서 가상서버가 중단되어 버렸다. ㅠㅠ
- 20160114 운영, 마케팅, 동료
- 2016년 1월 20일 HJ평화상 수상자
- 2016년 회고
- 2017
- 2017년 마무리
- 2018년 7월 12일 장애발생.
- 2018년 회고 – 일
- 2019년 회사적 회고
- 2020년 – 의미없는 시간은 없었다
- 2020년 11월 마지막 금요일 일기
- 2020년 인프랩 회사적 회고
- 2달
- 500마넌
- 80%
- 9월 의미놀이
- ADM – 홈페이지 제작
- Agra Fort
- AWS 비용 폭탄 해결 – 아마존 웹 서비스
- BMMORRIS 쇼핑몰
- starting_with – Get posts whose title starts with a certain letter. Example:
will list all posts whose title starts with L. You can use several letters:
.
- numberposts – Number of posts to return. Set to 0 to use the max number of posts per page. Set to -1 to remove the limit. Ex:
You can set the default number of posts globally on the options page on your Dashboard in Settings / List Category Posts.
- no_posts_text – Text to display when no posts are found. If you don’t specify it, nothing will get displayed where the posts should be.
- monthnum and year – List posts from a certain year or month. You can use these together or independently. Example:
will list posts from the year 2015.
will list posts published in August of every year.
will list posts from December 2012. - search – List posts that match a search term.
- date – Display post’s date next to the title. Default is ‘no’, use date=yes to activate it. You can set a css class and an html tag to wrap the date in with
date_class
anddate_tag
(see HTML & CSS Customization further below). - date_modified – Display the date a post was last modified next to the title. You can set a css class and an html tag to wrap the date in with
date_modified_class
anddate_modified_tag
(see HTML & CSS Customization further below). - author – Display the post’s author next to the title. Default is ‘no’, use author=yes to activate it. You can set a css class and an html tag to wrap the author name in with
author_class
andauthor_tag
(see HTML & CSS Customization further below).When displaying the post author, you can also display a link to the author’s page. The following parameter only works if author=yes is present in the shortcode:
- author_posts_link – Gets the URL of the author page for the author. The HTML and CSS customization are the ones applied to
author
.
- author_posts_link – Gets the URL of the author page for the author. The HTML and CSS customization are the ones applied to
- dateformat – Format of the date output. The default format is the one you’ve set on your WordPress settings. Example:
would display the date as “Monday January 21st, 2013”. Checkhttp://codex.wordpress.org/Formatting_Date_and_Time for more options to display date. - excerpt – Display a plain text excerpt of the post. Default is ‘no’, use
excerpt=yes
orexcerpt=full
to activate it. If you have a separate excerpt in your post, this text will be used. If you don’t have an explicit excerpt in your post, the plugin will generate one from the content, striping its images, shortcodes and HTML tags. If you want to overwrite the post’s separate excerpt with an automatically generated one (may be useful to allow HTML tags), useexcerpt_overwrite=yes
.If you use
excerpt=yes
, the separate excerpt or content will be limited to the number of words set by the excerpt_size parameter (55 words by default).If you use
excerpt=full
the plugin will act more like WordPress. If the post has a separate excerpt, it will be used in full. Otherwise if the content has a <!–more–> tag then the excerpt will be the text before this tag, and if there is no <!–more–> tag then the result will be the same asexcerpt=yes
.If you want the automatically generated excerpt to respect your theme’s allowed HTML tags, you should use
excerpt_strip=no
, otherwise the HTML tags are automatically stripped. - excerpt_size – Set the number of words to display from the excerpt. Default is 55. Eg:
excerpt_size=30
- excerpt_strip – Set it to
yes
to strip the excerpt’s HTML tags. If the excerpt is auto generated by the plugin, the HTML tags will be stripped, and you should useexcerpt_strip=no
to see the excerpt with HTML formatting. - title_limit – Set the limit of characters for the title. Ex:
will show only the first 50 characters of the title and add “…” at the end.
- excludeposts – IDs of posts to exclude from the list. Use ‘this’ to exclude the current post. Ex:
- offset – You can displace or pass over one or more initial posts which would normally be collected by your query through the use of the offset parameter.
- content – WARNING: If you want to show the content on your listed posts, you might want to do this from a new Page Template or a Custom Post Type template. Using this parameter is discouraged, you can have memory issues as well as infinite loop situations when you’re displaying a post that’s using List Category Posts. You have been warned. Usage:
Show the excerpt or full content of the post. If there’s a <!–more–> tag in the post, then it will behave just as WordPress does: only show the content previous to the more tag. Default is ‘no’. Ex: 무지추운 날이었다. (오늘이 더 춥지만.) 대학로까지 다녀왔다. 인프런을 준비하면서 가장 중요한건 콘텐츠를 제공해줄 능력있는 선생님들 이라고 생각해왔다. 하지만 내가 컴공과 출신도 아니고 개발 경력이 또한 없으니 양질의 강의를 제공해 줄만한 능력있는 선생님들을 알기가 참 어려웠다. 그러던 와중에 내가 배우고 싶어하는 Front-End 분야에서 유명한 강사이신 야무님께 연락을 했었는데 다행히 연락이 잘 닿았고 몇번의 구애(?) 끝에 어제 만남을 가졌다. 우왕. 엄청 박식하고 유쾌하고 넘치는 많은 아이디어를 갖고 있는 사람이었다. 인프런에 관한 일 떄문에 꽤 많은 사람들을 만나왔는데 그중에 가장 많은 이야기를 시간가는줄 모르고 했던 시간이었다. 아이디어도 개인적인 이야기도 즐거웠다. 무엇모다도 개발 교육에 대해서 자신만의 확고한 신념과 원칙을 갖고 있는 사람이라는게 느껴졌다. 거기에서 시작되는 노력도. 많은 이야기를 했느데 확실히 혼자만 생각하고 일을 진행하는 것보다 누군가와 대화를 하고 들으면 생각이 차곡차곡 분류되고 정리되는 기분이다. 아직 새로운 사람과 일적으로 만남을 갖는것이 쉬운일이 아니지만, 좀더 많은 사람들을 만나고 싶다는 생각을 갖게 됐다.
프로듀사를 보고나서 후유증이 TV를 키는 횟수가 잦아졌다는 거다. 주말말고는 거의 TV를 키지 않았는데 몇주 잠깐씩 봤다고 주중에도 무의식중에 리모컨 전원버튼을 누르게 된다. 다른 할것도 많은데 이러면 안되겄다 싶어 TV 를 되도록 안보려고 하는데, 오늘 밥먹으면서 내가 무지막지하게 TV를 켜고 싶어한다는걸 느꼈다.
이상하지 않나. 사실 TV말고 나에겐 컴퓨터,아이패드,아이폰, 게다가 플스 까지 있다!! 무엇이던지 하나만 잡아도 TV보다 재밌을거고, TV에서 재밌는걸 골라 볼 수도 있을텐데! 왜 TV를 그리워 할까. 사실 티비 켜면 재밌는거 잘 안하자너. 한다고 해도 다 다른 물건들로 볼 수 있는 것들이고.
잠깐 생각해본 결과 왜 TV를 켜고 싶은지에 대해 내가 내린 결론은 TV는 나 대신 선택을 해준다는거다. 그래! 난 아이패드나 맥으로 어떤걸 할지 선택하는것이 어렵고 구찮은거다!! TV 는 그냥 켜주면 알아서 뭐든지 보여주잖아. 나에게 수많은 대안을 보여주고 채널별 시간대에 맞춰서 알아서 프로그램을 선택해서 보여준다. 난 보기만 하면 되는거야. 선택의 노동에 대해 해방을 시켜주는 거지. 선택장애인 나같은 사람에게 최고의 서비스를 제공하는 샘이다.
내 선택장애는 이렇게 TV에 의해서 알게 모르게 커진거 아닐까? 으흐흐.. 아아아 안되겠다. 차라리 티비를 볼바에야 미드를 하나씩 보자. 다시 덱스터나 아님 본적없는 프랜즈 라도 봐야겠다. 식단적 선택장애 증후군이 이미 심한 내가 더 심해지면 아주 큰일난다 큰일나.
Continue reading →masonry 플러그인을 사용할때 div 애들을 따로따로 자리잡아주지 않아도 된다는 편리함이 있다. 근데 div 에 주어진 속성에 모자람이 있다거나 그럴때 위아래 있는 애들끼리 붙는현상이 속썩일때가 있다. 화면창 줄이거나 늘리면 다시 제자리로 돌아오고.
화면창 줄이거나 늘리면 다시 제자리를 찾으니 이걸이용해서 로드될떄 한번 더 로드하면 해결이 된다.
예를들어.
jQuery(document).ready(function($){
var $container = $(‘#hjPortfolio’);
$container.masonry({
itemSelector: ‘.hjPortfolio’
});
얘네들만 있으면 클래스 이름이 hjPortfolio 인 애들이 위아래가 붙는데.(여러속성값이 모자를때)
jQuery(document).ready(function($){
var $container = $(‘#hjPortfolio’);
$container.imagesLoaded(function() {
$container.masonry({
itemSelector: ‘.hjPortfolio’
});
});
저 빨간애를 추가해주면 된다.
처음에 붙어있던애들이 화면줄이거나 늘려서 masonry가 적용되 자리를 되찾는걸 이용한거다.
알겄냐?
네.
게임을 즐기는 사람으로서 좀 그렇지만. 게임에 대한 인식이 그렇게 긍정적이진 않았다.
나뻤다는건 아니고.. 그냥 생산적인것은 아니라고 생각되어 졌던게 사실이다.
난 재밌게 하지만 여자친구나 다른 지인들에게 권하기 좀 부끄러운것.
나에겐 재밌는 친구지만 소개하기는 부끄러운 그런존재.
오직 재미만을 위한 시간죽이는 도구 라는 인식이었다.(하긴 재밌게 시간죽이는게 어디여..)
그랬던 날 비웃듯이 2014년도에 인생 최고의 종합예술이라고 생각하게 만드는 게임을 두개나 만날수 있었다. 그중에 하나가~
“The Last of Us”
제목에서 알수있듯이 거의 끝물인 인류속에서 살아남은 사람들의 이야기다.
개인적으로 엄청 잘만든 광고라고 생각해왔는데, 게임의 최고 장점을 잘 설명해주고 있다.
몰입감.. 체험감. 아니 빙의라고 하야되나.
플레이 하던 그 시간동안 난 게임속 ‘조엘’ 이라는 인물에 완벽하게 빙의되어 있었다.
게임 중간중간 던져지는 물음과 사건등에는 극심한 피로감과 고뇌를, 밝은 애피소드들에선 치유과 유대감을 경험한다.
특히 마지막 병원에서 던지는 물음은..ㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠ(난 인류를 구할 인물은 못되는듯.)
좋은 그래픽은 보여주었지만 사실 기술적인 면에서 엄청난 게임은 아니다.
혁신적인 게임시스템을 보여준, 혹은 상상을 넘어서는 설정을 보여준것도 아니니까.
하지만 체험자들의 보편적인 감정을 캐취하여 자연스럽게 풀어낸 라스트오브어스의 이야기는 게임의 ‘적극적체험’ 이라는 강점과 어울려 최고의 몰입감을 경험하게 해준다.
그 몰입된 과정안에서 느끼는 갈등,기쁨,안도,긴장,슬픔,두려움,애정등 수많은 감정은 단지 게임줄거리가 아닌 나자신의 이야기가 된다.
게임이 소설,연극,영화와 같이 간접적 체험이라는 같은 본질을 가졌음에도 불구하고 유독 예술범주에 들지 못하는 이유가 뭐였을까?
인간이 가지고 있는 희노애락을 다양하게 보여주지 못했기 떄문 아니었을까.
라스트오브어스는 이런 물음에 대한 명쾌한 대답인 동시에 완벽한 정답이다.
좋은영화나 소설을 접한 후엔 진한 여운이 남는다.
나도 꽤 많은 영화나 소설을 봐왔지만 이 이상의 것은 없었다.
한때 게임 커뮤니티에서 “라스트오브어스 안한 뇌 삽니다~~!!!” 라는 글이 많이 보였던걸로 기억한다.
지금도 사고싶다 그런 뇌..ㅋㅋㅋ
게임은 예술이 될수 있을까?
당연.
참고: 더라스트오브어스 (the last of us) – 심층적 분석
Continue reading →Show the full content of the post regardless of whether there is a <!–more–> tag in the post. Ex: 무지추운 날이었다. (오늘이 더 춥지만.) 대학로까지 다녀왔다. 인프런을 준비하면서 가장 중요한건 콘텐츠를 제공해줄 능력있는 선생님들 이라고 생각해왔다. 하지만 내가 컴공과 출신도 아니고 개발 경력이 또한 없으니 양질의 강의를 제공해 줄만한 능력있는 선생님들을 알기가 참 어려웠다. 그러던 와중에 내가 배우고 싶어하는 Front-End 분야에서 유명한 강사이신 야무님께 연락을 했었는데 다행히 연락이 잘 닿았고 몇번의 구애(?) 끝에 어제 만남을 가졌다. 우왕. 엄청 박식하고 유쾌하고 넘치는 많은 아이디어를 갖고 있는 사람이었다. 인프런에 관한 일 떄문에 꽤 많은 사람들을 만나왔는데 그중에 가장 많은 이야기를 시간가는줄 모르고 했던 시간이었다. 아이디어도 개인적인 이야기도 즐거웠다. 무엇모다도 개발 교육에 대해서 자신만의 확고한 신념과 원칙을 갖고 있는 사람이라는게 느껴졌다. 거기에서 시작되는 노력도. 많은 이야기를 했느데 확실히 혼자만 생각하고 일을 진행하는 것보다 누군가와 대화를 하고 들으면 생각이 차곡차곡 분류되고 정리되는 기분이다. 아직 새로운 사람과 일적으로 만남을 갖는것이 쉬운일이 아니지만, 좀더 많은 사람들을 만나고 싶다는 생각을 갖게 됐다.
프로듀사를 보고나서 후유증이 TV를 키는 횟수가 잦아졌다는 거다. 주말말고는 거의 TV를 키지 않았는데 몇주 잠깐씩 봤다고 주중에도 무의식중에 리모컨 전원버튼을 누르게 된다. 다른 할것도 많은데 이러면 안되겄다 싶어 TV 를 되도록 안보려고 하는데, 오늘 밥먹으면서 내가 무지막지하게 TV를 켜고 싶어한다는걸 느꼈다.
이상하지 않나. 사실 TV말고 나에겐 컴퓨터,아이패드,아이폰, 게다가 플스 까지 있다!! 무엇이던지 하나만 잡아도 TV보다 재밌을거고, TV에서 재밌는걸 골라 볼 수도 있을텐데! 왜 TV를 그리워 할까. 사실 티비 켜면 재밌는거 잘 안하자너. 한다고 해도 다 다른 물건들로 볼 수 있는 것들이고.
잠깐 생각해본 결과 왜 TV를 켜고 싶은지에 대해 내가 내린 결론은 TV는 나 대신 선택을 해준다는거다. 그래! 난 아이패드나 맥으로 어떤걸 할지 선택하는것이 어렵고 구찮은거다!! TV 는 그냥 켜주면 알아서 뭐든지 보여주잖아. 나에게 수많은 대안을 보여주고 채널별 시간대에 맞춰서 알아서 프로그램을 선택해서 보여준다. 난 보기만 하면 되는거야. 선택의 노동에 대해 해방을 시켜주는 거지. 선택장애인 나같은 사람에게 최고의 서비스를 제공하는 샘이다.
내 선택장애는 이렇게 TV에 의해서 알게 모르게 커진거 아닐까? 으흐흐.. 아아아 안되겠다. 차라리 티비를 볼바에야 미드를 하나씩 보자. 다시 덱스터나 아님 본적없는 프랜즈 라도 봐야겠다. 식단적 선택장애 증후군이 이미 심한 내가 더 심해지면 아주 큰일난다 큰일나.
masonry 플러그인을 사용할때 div 애들을 따로따로 자리잡아주지 않아도 된다는 편리함이 있다. 근데 div 에 주어진 속성에 모자람이 있다거나 그럴때 위아래 있는 애들끼리 붙는현상이 속썩일때가 있다. 화면창 줄이거나 늘리면 다시 제자리로 돌아오고.
화면창 줄이거나 늘리면 다시 제자리를 찾으니 이걸이용해서 로드될떄 한번 더 로드하면 해결이 된다.
예를들어.
jQuery(document).ready(function($){
var $container = $(‘#hjPortfolio’);
$container.masonry({
itemSelector: ‘.hjPortfolio’
});
얘네들만 있으면 클래스 이름이 hjPortfolio 인 애들이 위아래가 붙는데.(여러속성값이 모자를때)
jQuery(document).ready(function($){
var $container = $(‘#hjPortfolio’);
$container.imagesLoaded(function() {
$container.masonry({
itemSelector: ‘.hjPortfolio’
});
});
저 빨간애를 추가해주면 된다.
처음에 붙어있던애들이 화면줄이거나 늘려서 masonry가 적용되 자리를 되찾는걸 이용한거다.
알겄냐?
네.
게임을 즐기는 사람으로서 좀 그렇지만. 게임에 대한 인식이 그렇게 긍정적이진 않았다.
나뻤다는건 아니고.. 그냥 생산적인것은 아니라고 생각되어 졌던게 사실이다.
난 재밌게 하지만 여자친구나 다른 지인들에게 권하기 좀 부끄러운것.
나에겐 재밌는 친구지만 소개하기는 부끄러운 그런존재.
오직 재미만을 위한 시간죽이는 도구 라는 인식이었다.(하긴 재밌게 시간죽이는게 어디여..)
그랬던 날 비웃듯이 2014년도에 인생 최고의 종합예술이라고 생각하게 만드는 게임을 두개나 만날수 있었다. 그중에 하나가~
“The Last of Us”
제목에서 알수있듯이 거의 끝물인 인류속에서 살아남은 사람들의 이야기다.
개인적으로 엄청 잘만든 광고라고 생각해왔는데, 게임의 최고 장점을 잘 설명해주고 있다.
몰입감.. 체험감. 아니 빙의라고 하야되나.
플레이 하던 그 시간동안 난 게임속 ‘조엘’ 이라는 인물에 완벽하게 빙의되어 있었다.
게임 중간중간 던져지는 물음과 사건등에는 극심한 피로감과 고뇌를, 밝은 애피소드들에선 치유과 유대감을 경험한다.
특히 마지막 병원에서 던지는 물음은..ㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠ(난 인류를 구할 인물은 못되는듯.)
좋은 그래픽은 보여주었지만 사실 기술적인 면에서 엄청난 게임은 아니다.
혁신적인 게임시스템을 보여준, 혹은 상상을 넘어서는 설정을 보여준것도 아니니까.
하지만 체험자들의 보편적인 감정을 캐취하여 자연스럽게 풀어낸 라스트오브어스의 이야기는 게임의 ‘적극적체험’ 이라는 강점과 어울려 최고의 몰입감을 경험하게 해준다.
그 몰입된 과정안에서 느끼는 갈등,기쁨,안도,긴장,슬픔,두려움,애정등 수많은 감정은 단지 게임줄거리가 아닌 나자신의 이야기가 된다.
게임이 소설,연극,영화와 같이 간접적 체험이라는 같은 본질을 가졌음에도 불구하고 유독 예술범주에 들지 못하는 이유가 뭐였을까?
인간이 가지고 있는 희노애락을 다양하게 보여주지 못했기 떄문 아니었을까.
라스트오브어스는 이런 물음에 대한 명쾌한 대답인 동시에 완벽한 정답이다.
좋은영화나 소설을 접한 후엔 진한 여운이 남는다.
나도 꽤 많은 영화나 소설을 봐왔지만 이 이상의 것은 없었다.
한때 게임 커뮤니티에서 “라스트오브어스 안한 뇌 삽니다~~!!!” 라는 글이 많이 보였던걸로 기억한다.
지금도 사고싶다 그런 뇌..ㅋㅋㅋ
게임은 예술이 될수 있을까?
당연.
- catlink – Show the title of the category with a link to the category. Use thecatlink_string option to change the link text. Default is ‘no’. Ex:
. The way it’s programmed, it should only display the title for the first category you chose, and include the posts from all of the categories. I thought of this parameter mostly for using several shortcodes on one page or post, so that each group of posts would have the title of that group’s category. If you need to display several titles with posts, you should use one shortcode for each category you want to display.
- catname – Show the title of the category (or categories), works exactly as
catlink
, but it doesn’t add a link to the category. - category_count – Shows the posts count in that category, only works when using thecatlink option:
- comments – Show comments count for each post. Default is ‘no’. Ex:
.
- thumbnail – Show post thumbnail (http://markjaquith.wordpress.com/2009/12/23/new-in-wordpress-2-9-post-thumbnail-images/). Default is ‘no’. Ex:
.
- thumbnail_size – Either a string keyword (thumbnail, medium, large or full) or 2 values representing width and height in pixels. Ex:
or
- thumbnail_class – Set a CSS class for the thumbnail.
- post_type – The type of post to show. Available options are: post – Default, page, attachment, any – all post types. You can use several types, example:
- post_status – use post status, default value is ‘publish’. Valid values:
- publish – a published post or page.
- pending – post is pending review.
- draft – a post in draft status.
- auto-draft – a newly created post, with no content.
- future – a post to publish in the future.
- private – not visible to users who are not logged in.
- inherit – a revision. see get_children.
- trash – post is in trashbin (available with Version 2.9).
- any – retrieves any status except those from post types with ‘exclude_from_search’ set to true. You can use several post statuses. Example:
- show_protected – Show posts protected by password. By default they are not displayed. Use:
- post_parent – Show only the children of the post with this ID. Default: None.
- post_suffix – Pass a String to this parameter to display this String after every post title. Ex:
will create something like:- meeting with 야무님 Hello World
- TV , 선택장애 Hello World
- masonry plugin 사용시 위아래 위아래 붙는 문제 해결. Hello World
- The Last of Us (라스트오브어스) Hello World
- order issue #1 Hello World
<ul class="lcp_catlist" id=lcp_instance_0> <li> <a href="http://127.0.0.1:8080/wordpress/?p=42" title="WordPress"> WordPress </a> Hello World </li>
- display_id – Set it to yes to show the Post’s ID next to the post title:
- class – CSS class for the default UL generated by the plugin.
- custom fields – To use custom fields, you must specify two values: customfield_name and customfield_value. Using this only show posts that contain a custom field with this name and value. Both parameters must be defined, or neither will work.
- customfield_display – Display custom field(s). You can specify many fields to show, separating them with a coma. If you want to display just the value and not the name of the custom field, use
customfield_display_name
and set it to no. By default, the custom fields will show inside a div with a specific class:<div class="lcp-customfield">
. You can customize this using the customfield_tag and customfield_class parameters to set a different tag (instead of the div) and a specific class (instead of lcp-customfield). - customfield_display_name – To use with
customfield_display
. Use it to just print the value of the Custom field and not the name. Example:
Will print the value of the Custom Field “Mood” but not the text “Mood: [value]”.
- template – By default, posts will be listed in an unordered list (ul tag) with the class ‘lcp_catlist’:
<ul class="lcp_catlist"><li><a href="post1">Post 1</li>...
You can use a different class by using the class parameter.
You can create your own template file (Check Template System further down this document) and pass it as a parameter here. The parameter is the template name without the extension. For example for
mytemplate.php
, the value would bemytemplate
.You can also pass these two parameters which yield different results:
div
– This will output a div with thelcp_catlist
class (or one you pass as a parameter with theclass
argument). The posts will be displayed between p tags.ol
– This will output an ordered list with thelcp_catlist
css class (or the one you pass as a parameter with theclass
argument) and each post will be a list item inside the ordered list.
- morelink – Include a “more” link to access the category archive for the category. The link is inserted after listing the posts. It receives a string of characters as a parameter which will be used as the text of the link. Example:
- posts_morelink – Include a “read more” link after each post. It receives a string of characters as a parameter which will be used as the text of the link. Example:
- link_target – Select the
target
attribute for links to posts (target=_blank, _self, _parent, _top, *framename*). Example:[catlink id=3 link_target=_blank]
will create:<a href="http://localhost/wordpress/?p=45" title="Test post" target="_blank">Test post</a>
- no_post_titles – If set to
yes
, no post titles will be shown. This may make sense together withcontent=yes
. - link_titles – Option to display titles without links. If set to
false
, the post titles won’t be linking to the article.
Widget
The widget is quite simple, and it doesn’t implement all of the plugin’s functionality. To use a shortcode in a widget add this code to your theme’s functions.php file:
add_filter('widget_text', 'do_shortcode');
Then just add a new text widget to your blog and use the shortcode there as the widget’s content.
HTML & CSS Customization
By default, the plugin lists the posts in an unordered list with the
lcp_catlist
CSS class, like this:
<ul class="lcp_catlist">
So if you want to customize the appearance of the List Category Posts lists, you can just edit the lcp_catlist class in your theme’s CSS.
You can also customize what HTML tags different elements will be surrounded with, and set a CSS class for this element, or just a CSS class which will wrap the element with a span
tag.
The customizable elements (so far) are: author, catlink (category link), comments, date, excerpt, morelink (“Read More” link), thumbnail and title (post title).
The parameters are:
author_tag, author_class, catlink_tag, catlink_class, comments_tag,
comments_class, date_tag, date_class, date_modified_tag,
date_modified_class, excerpt_tag, excerpt_class, morelink_class,
thumbnail_class, title_tag, title_class, posts_morelink_class,
customfield_tag, customfield_class
So let’s say you want to wrap the displayed comments count with the p tag and a “lcp_comments” class, you would do:
This would produce the following code:
<p class="lcp_comments"> (3)</p>
Or you just want to style the displayed date, you could wrap it with a span tag:
- meeting with 야무님 2016년 1월 23일
- TV , 선택장애 2015년 6월 25일
- masonry plugin 사용시 위아래 위아래 붙는 문제 해결. 2015년 1월 15일
- The Last of Us (라스트오브어스) 2014년 12월 27일
- order issue #1 2014년 2월 25일
This would produce the following code:
<span class="lcp_date">March 21, 2011</span>
Elements without a specified tag, but a specified class, will be wrapped with a span tag and its class. For example this:
- masonry plugin 사용시 위아래 위아래 붙는 문제 해결. 2015년 1월 15일
Will produce the following:
<span class="lcp_date">October 23, 2013</span>
The only exceptions here are the title_tag and title_class parameters. If you only use the title_class parameter, the CSS class will be assigned to the a
tag like this:
Will produce:
<a href="http://127.0.0.1/wordpress/?p=38" title="Test" class="lcp_title">Test</a>
But if you use both:
You will get:
<h4 class="lcp_title">
<a title="Hipchat" href="http://127.0.0.1:8080/wordpress/?p=40"></a>
</h4>
Template System
Templates for the List Category Plugin are searched for in your WordPress theme’s folder. You should create a folder named list-category-posts under ‘wp-content/themes/your-theme-folder’. Template files are .php files.
You can use the included template as an example to start. It’s in the plugin’s template folder under the name default.php. To use a template, use this code:
If the template file were templatename.php.
You can have as many different templates as you want, and use them in different pages and posts. The template code is pretty well documented, so if you’re a bit familiar with HTML and PHP, you’ll have no problems creating your own template. I’m planning on reworking the template system in order to have a really user friendly way to create templates.