워드프레스 314

워드프레스 전면 페이지/블로그 페이지 조건문

워드프페스에서 전면 페이지/블로그 페이지에 특정 코드를 적용하는 경우에 다음과 같은 형식으로 사용할 수 있습니다. if ( is_front_page() && is_home() ) { // Default homepage // 기본 홈페이지 } elseif ( is_front_page()){ //Static homepage // 정적인 홈페이지 } elseif ( is_home()){ //Blog page // 블로그 페이지 } else { //everything else // 기타 } is_front_page()와 is_home()의 차이점: is_front_page() -> 설정>읽기에서 전면 페이지로 설정한 페이지 반환 is_home() -> 블로그 리스트 페이지 반환 참고: https://codex...

워드프레스 2018.02.02

워드프레스 Divi 테마의 Divi Builder에 140개 이상의 레이아웃 추가

Divi 테마에서 사용되는 Divi Builder에 이제 140개 이상의 Divi 레이아웃이 추가되었습니다. 이제 쉽게 Divi 레이아웃을 검색하여 활용할 수 있게 되었습니다. 현재 154개의 사전 제작된 레이아웃이 제공됩니다. Elegant Themes에서는 매주 새로운 무료 Divi 레이아웃 팩을 공개하고 있으므로 시간이 지나면 점점 늘어날 것 같습니다. Divi 테마 – Divi Builder에 140개 이상의 Divi 레이아웃 추가 마음에 드는 레이아웃이 있다면 로드하여 콘텐츠를 바꾸고 적절히 수정하여 사용하면 작업 시간이 단축될 것으로 기대됩니다.

서브 디렉터리에 설치된 워드프레스 로그인 페이지에 액세스 허용하기

저는 내 IP 외에는 워드프레스 로그인 페이지에 접속하지 못하도록 차단하고 있습니다. Apache 서버의 경우 다음과 같은 코드를 .htaccess 파일에 추가하면 특정 IP만 로그인이 허용됩니다. Order Deny,Allow Deny from All Allow from 175.123.456.78 로그인하는 사용자가 몇 명 안 되면 위와 같은 코드를 사용하여 특정 IP만 접속이 허용되도록 하는 것이 좋습니다. IP는 여러 개를 계속 추가할 수 있습니다("워드프레스 보안 강화하기" 참고). 그런데 문제는 Bluehost나 Siteground와 같은 해외 호스팅에서 서브 디렉터리에 별도의 워드프레스를 설치하고 도메인을 연결할 때, 해당 도메인에 대해서는 모든 사용자가 로그인되도록 허용해야 할 때 발생합니다..

워드프레스 2018.02.01

마우스를 올려놓을 때 이미지에 그림자 효과주기 (CSS)

크몽이라는 사이트에서 카테고리 이미지에 마우스를 올리면 그림자 효과가 생깁니다. 위의 그림과 같이 마우스를 올려놓을 때 그림자 효과를 주려면 다음과 같은 CSS 코드를 사용할 수 있습니다. #example:hover { box-shadow: 1px 1px 20px #ddd; } 기본적인 사항이지만 워드프레스 사용자모임에 이와 관련된 질문이 올라와서 여기에 공유해봅니다. 이런 간단한 효과를 위해 플러그인을 이용하는 것은 전혀 권장하지 않습니다. 플러그인 개수는 가능한 한 최소한으로 유지하는 것이 좋습니다. box-shadow에 대해서는 https://www.w3schools.com/cssref/css3_pr_box-shadow.asp 글을 참고해보세요. 워드프레스에서 CSS는 다양한 방식으로 추가할 수 있..

IT & 기타/CSS 2018.01.31

워드프레스 글/페이지 수정 시 '연결이 끊어졌습니다' 오류 발생 문제

워드프레스 글/페이지 수정 시 '연결이 끊어졌습니다' 에러 오늘 어떤 분이 워드프레스에서 페이지를 수정하고 "업데이트"를 클릭하면 "연결이 끊어졌습니다. 다시 연결될 때까지 저장이 안됩니다. 만일의 경우를 위해 이 글을 브라우저에 백업할 것입니다." 오류가 발생하여 문제 해결을 요청해왔습니다. 홈페이지 제작해 준 업체에 전화했더니 Visual Composer를 업데이트 해서 생긴 현상이라면서 HP를 백업 받은 후 아예 다시 깔아야 한다며 과도한 비용을 요구한다고 하네요. (사이트를 업데이트가 되지 않도록 개발을 했더군요. 업데이트가 안 되면 보안 문제가 발생하여 해킹을 당하거나 멀웨어에 감염될 수 있습니다. "워드프레스 보안 강화를 위한 기본적인 세 가지 방법" 참고) 사이트에 접속해보니 관리자 페이지가..

아바다 테마로 만든 민주평화당 홈페이지

전 정치에는 별로 관심이 없지만 어떤 분이 민주평화당 홈페이지가 워드프레스로 만들어졌다고 해서 살펴보니 아바다 테마로 만들어졌네요. 그런데 급조된 사이트라서 그런지 아바다(Avada) 테마를 거의 커스터마이징하지 않고 대충 만든 느낌입니다. 오늘 살펴보니 아바다 테마가 현재 393,800여 개가 판매되었네요. 정말 놀랍지 않을 수 없습니다. 저도 하나 구입하여 블로그에 사용했다가 현재는 테스트 용도로 활용하고 있습니다. 아바다는 정말 많은 테마 옵션을 제공하고 있어서 코딩 지식이 없어도 수월하게 사이트 구축이 가능합니다. 그리고 다목적 테마(Multi-purpose theme)이므로 거의 모든 유형의 사이트에도 사용이 가능합니다. 참고: 워드프레스 아바다 테마와 데모 설치 및 제거 워드프레스 Avada ..

파일 다운로드를 유도하는 사이트를 조심하세요

지난 달에 어떤 워드프레스 사이트에 방문하니 The “HoeflerText” font wasn’t found라는 창이 뜨면서 사이트의 글자가 깨져 표시되었습니다. 그러면서 폰트를 업데이트하라는 메시지가 표시되었습니다. 별 생각 없이 Update를 누르니까 컴퓨터에 설치된 바이러스 프로그램에서 다운로드한 파일을 바이러스로 인식하면서 삭제했습니다. 만약 바이러스 프로그램이 설치되어 있지 않았다면 제 컴퓨터가 바이러스에 감염되는 사태가 발생할 뻔 했습니다. 어제도 비슷한 경우가 있었습니다. 워드프레스 사이트에 방문하니 파일을 다운로드한다는 메시지가 표시되었습니다. 얼른 사이트를 닫았는데, 알고 보니 멀웨어에 감염되었습니다. 워드프레스 사이트가 멀웨어에 감염되는 치료하기가 쉽지 않고, 비용도 많이 듭니다. 어쩌..

워드프레스 2018.01.30

워드프레스에서 메모리 크기 설정 변경하기

워드프레스에서는 메모리 설정이 낮으면 사이트가 제대로 작동하지 않을 수 있습니다. 예를 들어, “Fatal error: Allowed memory size of 33554432 bytes exhausted (tried to allocate 2348617 bytes) in…”과 같은 오류가 대표적이라 할 수 있습니다. 또, 메모리 크기가 작으면 The7 테마에서 데모 데이터를 임포트할 때 다음과 같은 오류가 발생할 수 있습니다. 가급적 메모리 크기는 256M 이상을 설정하는 것이 좋습니다. 방문자 수가 많다면 이 크기를 512M 이상으로 설정하는 것도 고려해보아야 할 수도 있습니다. 메모리 크기 설정을 높이려면 보통 다음 형식의 코드를 wp-config.php 파일에 추가하면 됩니다. define('WP_..

워드프레스 2018.01.28

워드프레스에서 '업로드된 파일이 wp-content/uploads/2018/01 로 옮겨질 수 없습니다.' 오류가 발생하는 경우

워드프레스에서 이미지 파일을 업로드할 때 오류가 발생하는 경우가 있을 수 있습니다. 워드프레스 블로그를 운영하시는 분이 MiniMag이라는 워드프레스 테마를 구입하여 설치하는 과정에서 테마를 업로드할 때 '업로드된 파일이 wp-content/uploads/2018/01 로 옮겨질 수 없습니다.' 오류가 발생하는 문제에 대해 문의해왔습니다. 웹호스팅 공간 부족 아마도 문제가 웹호스팅 서버의 공간 부족일 가능성이 높아 보여서 먼저 웹호스팅 서버의 공간을 확인해보라고 알려드렸습니다. 실제로 디스크 공간이 부족하여 발생한 문제였습니다. 저는 예전에 카페24에서 월 1100원짜리 호스팅을 사용하다가 어느 순간이 되니 파일이 업로드가 되지 않는 문제가 발생했습니다. 알고 봤더니 웹호스팅 공간이 부족해서 발생하는 문..

워드프레스 2018.01.27

워드프레스에 외부 사이트의 페이지 삽입하기(YouTube 포함)

워드프레스에 외부 사이트의 페이지를 삽입하거나 YouTube를 삽입하려는 경우 iframe을 사용할 수 있습니다. 저는 보통 다음 글에 소개된 html과 CSS 코드를 활용하여 iframe을 삽입하는 편입니다. iframe으로 삽입한 동영상을 모바일 기기에서 비율에 맞게 표시되도록 설정하기(CSS) 예를 들어, 다음 글에 외부 컨텐츠를 iframe 형식으로 삽입했습니다. 번역 속도를 높이는 방법[스크랩] iframe을 사용하면 iframe 내의 컨텐츠는 검색엔진에 반영되지 않으므로 중복으로 인한 페널티(불이익)를 줄일 수 있습니다. 그냥 iframe 플러그인을 사용하면 편리할 것 같습니다. 검색해보니 다음 두 플러그인이 있네요. https://wordpress.org/plugins/iframe/ http..

워드프레스 2018.01.27
워드프레스 네이버 카페