본문 바로가기

워드프레스

(8)
[워드프레스]포트폴리오 같은 카테고리내에서만 이동 워드프레스에서 portfolio 나 post 등은 페이지에서 다음 포스트(또는 포트폴리오)로 넘어가는 버튼을 만들 수 있는데, 다음 이전 버튼을 눌렸을때 한 카테고리에 속하는 포스트끼리만 페이지 이동이 가능하게 하고 싶어서 찾아본 방법입니다! 1. 포트폴리오 페이지 카테고리 만들기 포트폴리오 페이지(post / 블로그 등)의 오른쪽 상단에 'Portfolio Categories' 에서 각 페이지의 카테고리를 생성하고 선택할 수 있습니다. 왼쪽 포트폴리오 메뉴안에 서브 메뉴 'Portfolio Categories'에서 카테고리를 지우고 생성하는것도 가능합니다. 2. 같은 카테고리 안에서만 previous / next 버튼으로 (다음글/이전글) 이동 방법 01 (* 테마별로 파일 명과 코드가 조금씩 다를 수..
워드프레스 관리자 페이지 알람 안 보이게 하기!! (Disable admin notices individually) 안녕하세요! 또랑입니다 +_+ 오늘은 워드프레스로 웹 제작을 하시는 분들이라면 필수적으로 고민하게 되는! 관리자 페이지에서 알람 안 보이게 하는 방법에 대해 간단히 설명 드릴게요. 우선 관리자 페이지의 상단에 뜨는 알람은, PHP에서 코드로 막는 방법도 있지만, 어떤 알람이 뜨는지 확인해가 유지 보수 해야 하는 상황에서는 번거로울 수 있는 작업입니다. 그래서 저는 간단한 플러그인을 사용하고 있어요. 원래 위와같은 수준의 관리자 페이지를 보시는 분들이 많겠죠! 알람 비활성화 하는 플러그인은 종류가 몆가지 있는데, 제가 사용하는 것은 Disable admin notices individually https://wordpress.org/plugins/disable-admin-notices/ 입니다. 일반적인 ..
[워드프레스] 제이쿼리/자바스크립트 사용하기 초반에는 워드프레스에서 제이쿼리 사용할때, 워드프레스에서 사용하는 방법을 잘몰라서 웹사이트가 난리가 나곤 했던것 같다. (CDN를 이상한데 넣었다가 오류를 뿜었던듯 하다. ) 워드프레스 제이쿼리 사용하기 방법01. 워드프레스는 기본적으로 제이쿼리 CDN를 내장하고 있어 따로 삽입할 필요가 없다. 워드프레스 아닐때 ▶ - 제이쿼리(jQuery) CDN연결 방법 방법02. 페이지에 직접넣기보단 스크립트 삽입 플러그인 사용을 추천 (페이지에 직접 RAW JS로 넣으면 잘 될때도 많은데 간혹 안될때가 있다. ) 추천플러그인 사용법 ▶ - 워드프레스 플러그인 Simple CSS and JS 제이쿼리 설치 여부 확인 방법 워드프레스에 제이쿼리가 내장되어 있기 때문에 CDN를 삽입하지 않아도 되지만, 그래도 설치되어..
워드프레스 플러그인 Simple CSS and JS 워드프레스 깔고 웹사이트를 만드는 과정에서 당연히 필요한 css에 수정에 필요한 플러그인들은 무수히 많은데 그 중 이플러그인을 자주사용하다. 장점 - css와 js 수정을 한 플러그인에서 가능 - 한곳에 전부 작성하지 않고 분리하여 작성 가능해서 구분하기 쉽다. ( css와 js수정을 많이 하다보면 어디에 작성했었는지 찾기 어려운데, 네이밍을 해서 코드를 분리할 수 있기 때문에 조금 더 찾기 쉬운것 같다.) 단점 - 계속 파일을 새로 생성하다보니, 트레픽면에서 안좋을것 같다. ( 워드프레스 플러그인 faq에 나와있는 답변에는 저장할때 코드가 파일에 캐쉬로 저장하기 때문에, 지루한 데이터베이스 쿼리는 없다고 한다. ㅎㅎ) 특징 - 코드 작성시 보기 쉽도록 하드라이트 표시가 된다( 코드 편집기처럼) - 인라..
워드프레스 플러그인 ' Menu Image, Icons made easy' 워드프레스 플러그인 중 메뉴를 이미지로 넣을 수 있도록 도와주는 플러그인을 소개합니다. 'Menu Image, Icons made easy' 사용법이 매우 간단하다. 플러그인을 설치하고 활성화한다. 테마디자인 > 메뉴 > 메뉴추가 메뉴를 추가하면 여기서 이미지 설정이 가능하다. Menu image - 변경할 이미지를 업로드 해준다. Image on hover - 메뉴 마우스 호버시 이미지를 바꾼다면 이부분도 이미지를 추가해준다. 아니라면 비워둬도 된다. lmage size - 여기서 이미지 사이즈를 설정 가능하다. ( Menu-24x24 / Menu-36x36 / Menu-48x48 로 설정하도록 되어있는 부분은 'menu image' 에서 사이즈를 설정할 수 있다.) Title position - 텍스..
워드프레스 사이트 이전(Migration)-all in one wp migration 최근에 사이트 이전을 많이 여러번하다보니, 그 과정에서 나온 트러블슈팅도 많았고 기록해놓을겸 적어보려고 해요 사이트 이전을 하면서 사용했던 플러그인 "All in One WP Migration" 사용방법은 간단한데 왜 그렇게 잘 안되는지 ㅎㅎ all in one wp migration은 DB 및 데이터를 한번에 옮길 수 있어요! 테스트 해보니, HTTPS 인증서도 함께 이전 되더라고요! 워드프레스 아이디/비번은 또한 동일하게 이전됩니다. 생겼던 문제들 01. 임포트 중 멈춤 02. 용량제한 (해결했던 방법은 밑에) 사용방법 01. 이전을 원하는 사이트에 all in one wp migration 플러그인을 깔아준다. 02. 내보내기(export) 선택 03. 다음으로 내보내기 -> 파일 선택 -> 내보내..
워드프레스 도메인 주소 변경하기 매번 새로 워드프레스를 설치하고, 도메인을 변경하는데 매번 헷갈려 정리해두려고 합니다! 01. 루트에 디렉토리를 만들어 워드프레스 설치하기 워드프레스를 설치 시 루트에 바로 업로드하지 말고, 파일을 하나 만들어 업로드하면 관리하기 수월합니다. 처음 호스팅을 하면 이렇게 너무 깨끗해요. 거기에 워드프레스를 다운로드해서 알집을 풀면, 파일이 무지 않은데, 바로 루트 파일에 넣으면 나중에 이 호스팅에 다른 뭔가를 할 때, 굉장히 헷갈려집니다. 그래서 루트에 워드프레스를 넣을 디렉토리를 만들어주고 그 안에 설치합니다. 파일명은 원하시는 대로! 저는 여기에는 wp라고 디렉토리를 만들었습니다. (www > wp > 워드프레스파일들) 그리고 이제 워드프레스로 설치 후 도메인을 변경해보아용 02. 워드프레스에서 도메인..
워드프레스 설치하기 요즘 워드프레스를 이용해 웹사이트를 만들고 있어요. 그런데 워드프레스를 써보니 너무 많은 기능에 내가 원하는 기능이 어디있는지 찾기가 힘들더라고요. (분명 방법이 있을거 같은데..) 검색을 많이 해보는데 생각보다 한국어로 된 글이 없고 원하는 답을 찾기 힘들었어요. 그래서 워드프레스를 하면서 유용하거나 공유할 만한 것들이 있으면 적어볼까 합니당! 우선 첫번째글은 역시나 시작인 워드프레스를 설치하는 방법을 올려봅니다. 1. 호스팅을 먼저 해주세요. (저는 주로 cafe24를 이용합니다. 가입하고 호스팅을 구매해주시면 됩니다. ) 2. 워드프레스 웹사이트에서 워드프레스를 다운받아줍니다. https://ko.wordpress.org/ Blog Tool, Publishing Platform, and CMS - ..