jQuery를 사용하여 특정 콘텐츠 추가하기

jQuery를 사용하여 특정 콘텐츠 추가하기 1

.append() 메소드(method)를 사용하면 각 요소의 마지막 자식(last child) 항목으로 지정한 콘텐츠를 추가하고 .prepend() 메소드를 사용하면 첫 번째 자식 항목(first child) 항목으로 추가합니다. 예를 들어, 다음과 같은 HTML이 있는 경우: <div class="container"> <div class="inner">안녕하세요.</div> <div class="inner">안녕히 계세요.</div> </div> 다음과 같은 ...

더 읽기

워드프레스 테마/플러그인 설치 또는 업데이트 시 FTP 인증 실패 메시지가 표시되는 경우

워드프레스 테마/플러그인 설치 또는 업데이트 시 FTP 인증 실패 메시지가 표시되는 경우 2

국내의 한 웹호스팅에서 워드프레스를 운영하면서 플러그인과 테마, 워드프레스 코어 파일을 업데이트하려고 하니까 FTP 정보를 물어보네요. FTP 정보를 정확히 입력했지만 오류가 계속 발생하는 게 아닌가요? 어쩔 수 없이 FTP를 통해 업데이트 파일이나 설치 파일을 업로드했는데, 이게 여간 ...

더 읽기

[워드프레스] 개별 플러그인의 업데이트 알림 비활성화

[워드프레스] 개별 플러그인의 업데이트 알림 비활성화 3

일부 유료 테마에서는 Visual Composer, Revolution Slider 등의 유료 플러그인이 미리 포함되어 있습니다. 이렇게 번들 형식으로 제공되는 플러그인의 경우 업데이트가 문제가 될 수 있습니다. 보통 테마 제작자로부터 업데이트된 파일을 받아서 설치하게 됩니다(플러그인에 따라 차이가 있음). ...

더 읽기

[워드프레스] jQuery를 사용하여 블로그를 포트폴리오 레이아웃으로 만들기

[워드프레스] jQuery를 사용하여 블로그를 포트폴리오 레이아웃으로 만들기 4

이전 글에서 CSS를 사용하여 블로그 글 목록을 Masonry 그리드 형식으로 표시하는 방법을 살펴보았습니다. 앞의 방법은 크롬에서는 제대로 표시되지만 IE에서는 약간 이상하게 표시됩니다. 이 글에서는 jQuery를 사용하여 Masonry를 구현하는 방법을 간략히 살펴보겠습니다. salvattore 사이트에 공개된 jQuery ...

더 읽기

[워드프레스] CSS를 사용하여 Masonry 그리드 형식으로 블로그 글 목록 표시하기

[워드프레스] CSS를 사용하여 Masonry 그리드 형식으로 블로그 글 목록 표시하기 5

Masonry는 JavaScript 그리드 레이아웃 라이브러리로서 마치 돌로 벽을 만들 때 돌을 벽돌공(Mason)이  쌓아올리듯이 적절한 수직 간격을 두면서 빈틈이 없게 배치하는 형식입니다. 도식화하면 아래 그림과 같이 나타낼 수 있습니다. 이러한 형식으로 그림이나 글+그림 요약문을 배치하는 사이트가 많습니다. 이 ...

더 읽기

[워드프레스] 사용자 역할별로 컨텐츠를 제한하는 User Specific Content

[워드프레스] 사용자 역할별로 컨텐츠를 제한하는 User Specific Content 6

개요 User Specific Content 플러그인을 사용하면 워드프레스에서 사용자 이름별 또는 사용자 역할별로 글 컨텐츠나 페이지 컨텐츠에 대한 접근을 제한할 수 있습니다. 보다 세부적으로 제한하려면 MEMBERSHIP 2 PRO와 같은 유료 플러그인을 사용해야 하겠지만, 단순히 회원 역할별(혹은 개별 ...

더 읽기

워드프레스 일반 설정에 사용자 입력 텍스트 필드 추가하기

워드프레스 일반 설정에 사용자 입력 텍스트 필드 추가하기 8

이전 글에서  Easy Theme Options라는 플러그인을 사용하여 워드프레스 테마 옵션 또는 플러그인 옵션 페이지를  만드는 방법을 살펴보았습니다. 여러 개의 필드를 생성하여 값을 전달해야 하는 경우 이 방법이 유용합니다. 이 글에서는 관리자 페이지의 설정 > 일반 ...

더 읽기

워드프레스 Robots.txt 파일 만들기 및 최적화하기

워드프레스 Robots.txt 파일 만들기 및 최적화하기 9

robots.txt 파일이 없어도 검색 엔진에서 사이트를 크롤링(Crawl)하여 색인화(Indexing)하지만 이 파일을 만드는 것이 좋습니다.  구글 웹마스터 도구에서 사이트맵 파일을 제출하지 않은 경우 구글은 이 파일에 입력되어 있는 XML 사이트맵 파일을 찾게 됩니다. 파일은 사이트의 루트 폴더에 위치하게 ...

더 읽기

[워드프레스] 파일 업로드 크기 설정 변경하기

[워드프레스] 파일 업로드 크기 설정 변경하기 10

미디어 파일을 업로드할 때 파일 업로드 크기 제한 때문에 미디어 파일을 업로드하지 못할 수 있습니다. 미디어 파일 업로드 화면에 업로드 크기 한도가 표시되어 있습니다. 위의 그림에서는 최대 업로드 파일 크기가 10 MB로 설정되어 있네요. 미디어 ...

더 읽기