워드프레스 본문에 삽입된 버튼, 이미지와 이어지는 텍스트가 너무 붙어서 보이는 경우가 많습니다.여백도구가 있지만 잘 적용되는지 알 수 없고, 이미지와 같이 자주 사용되는 것에 일일이 여백을 추가하는 것은 매우 번거롭습니다. 워드프레스 CSS 코드 추가 방법CSS 코드는 워드프레스 관리자 페이지 접속 후 모양 → 사용자 정의하기 → 추가 CSS에서 입력할 수 있습니다. 워드프레스 버튼 하단 여백 추가모든 버튼 밑에 20px의 여백을 주는 CSS 코드입니다..wp-block-button { margin-bottom: 20px /* 하단 여백 20px 추가 */ !important; /* 다른 스타일보다 우선 적용 */} 워드프레스 이미지 하단 여백 추가본문에 추가한 이미지를 가운데 ..
구글 Indexing API 신청프로젝트 생성 프로젝트 선택 -> 새 프로젝트 -> 프로젝트 이름 설정 후 [만들기] 클릭API 및 서비스 -> 라이브러리 -> indexing api 검색Web Search Indexing API 클릭 -> [사용] 클릭API 및 JSON 키 발급구글 개발자 콘솔 로그인 -> IAM 및 관리자 -> 서비스 계정 -> + 서비스 계정 만들기 Google 클라우드 플랫폼로그인 Google 클라우드 플랫폼으로 이동accounts.google.com 서비스 계정이름 및 계정 ID, 설명을 원하는 대로 작성해 줍니다.노란색 표시된 이메일 주소는 나중에 필요하므로 복사해 둡니다.[만들고 계속하기]를 클릭해서 역할을 '소유자'로 설정합니다.[완료] 클릭키 관리 -> 키 추가 ->..
워드프레스를 이용하다 보면 여러가지 문제가 발생하기도 합니다.패널이 업데이트 되거나 해킹되거나 서버 문제 등으로 워드프레스 DB가 사라지기도 하는데 서버 스냅샷과 플러그인을 이용한 워드프레스 백업을 준비하는 것이 좋습니다.서버 스냅샷이란?서버 스냅샷(snapshot)은 특정 시점의 서버 상태를 그대로 복제한 이미지 파일입니다.쉽게 말해, 서버의 현재 상태를 사진 찍듯이 저장하는 기능입니다. 이 기능은 운영 중인 서버의 데이터와 설정을 보존하여, 필요할 때 빠르게 복구할 수 있도록 도와줍니다.스냅샷은 단순한 백업과는 다릅니다. 백업은 파일 단위로 데이터를 저장하는 방식이지만, 스냅샷은 운영체제(OS), 애플리케이션, 설정 등을 포함한 전체 시스템 상태를 저장하는 것이 특징입니다. 따라서 스냅샷을 이용하면,..
콘타보 VPS 정보 확인https://my.contabo.com/account/login Customer Control Panel - ContaboDuring the login process, we perform various security checks. We ask for your understanding for the long login time - it increases your security drastically. You have activated the 2-factor authentication for your access to the customer control panel. To lmy.contabo.com로그인 후 VPS 컨트롤에서 서버 아이디와 유저네임을 확인합니다.리인스톨 아래 컴퓨..
사이버패널 업데이트 안내메일중요 업데이트라고 아래와 같이 메일을 받았는데 방법을 잘 몰라서 뭉개다 이제서야 업데이트 했습니다. ssh 접속 윈도우 터미널 이용원래 ssh 접속은 Putty를 이용했으나 복붙이 안되는 관계로 다른 방법을 찾았습니다.사이버패널 업데이트에는 복사 붙여넣기가 필요하기 때문에 윈도우 터미널이나 Bitvise 같은 프로그램을 쓰시는 것을 추천드립니다. 윈도우 터미널은 마이크로소프트 스토어에서 윈도우 터미널이라 검색하여 설치하면 됩니다.https://apps.microsoft.com/detail/9N0DX20HK701?hl=ko-kr&gl=KR&ocid=pdpshare Windows Terminal - Windows에서 무료 다운로드 및 설치 | Microsoft StoreWindow..
로봇이 여러분의 웹사이트를 어떻게 탐색하는지 신경 쓰신 적 있나요? 만약 그렇다면, robots.txt 파일을 설정하는 것이 얼마나 중요한지 아실 거예요. robots.txt는 사이트에서 어떤 부분이 검색 엔진 크롤러에 의해 크롤링되어도 좋은지, 또는 어떤 부분이 크롤링되지 않아야 하는지를 지정합니다.이번 글에서는 워드프레스 사용자들이 robots.txt 파일을 쉽게 만들고 관리하는 방법을 소개하고, 이 파일을 사용해 SEO(검색 엔진 최적화)를 최적화하는 방법을 안내해드릴게요.robots.txt 파일이 없으면 어떻게 될까요?먼저, robots.txt 파일이 없어도 구글을 비롯한 대부분의 검색 엔진은 여전히 여러분의 사이트를 크롤링할 수 있습니다. 하지만 이 파일을 설정함으로써 크롤러에게 명확한 지침을 ..
워드프레스 색인 자동 수집 요청지금까지는 개별 서치콘솔, 서치어드바이저 등에서 수동으로 글 하나하나 색인 요청을 했을 것입니다.수동 색인 방법은 아래와 같습니다.워드프레스 검색 엔진 등록 및 검색 노출 워드프레스 검색 엔진 등록 및 검색 노출워드프레스 사이트를 생성한지 오랜데 다른 블로그들과 다르게 방문자는 없거나 매우 적습니다. 왜 그럴까요? 각 검색 사이트에 노출이 안되고 있는 경우도 많고 매우 늦게 수집되어 노출되는tech.notturnoworld.com글 발행량이 적을 때는 수동도 괜찮지만, 자동으로 해주면 더 좋겠죠??아쉽게도 다음은 수동으로 요청해야 합니다.구글 API, 빙 API로 이미 색인을 자동화하고 계신 분이 많으실 것 같습니다.네이버도 23년 7월 말부터 IndexNow 프로토콜을 지..
GeneratePress 테마 헤더, 메뉴 고정하기플러그인을 이용하는 방법 플러그인 추가에서 sticky만 검색해도 다양한 플러그인이 나옵니다.플러그인을 이용해서 헤더나 메뉴를 상단에 고정할 수 있습니다.CSS를 이용하는 방법플러그인을 이용해도 좋지만 CSS로 조금 더 간편하고 원하는 방식으로 고정할 수 있습니다.메인 메뉴(Primary Menu)를 고정하려면 아래 코드를 디자인 -> 사용자 정의하기 -> 추가 CSS에 추가하면 됩니다./* GeneratePress 메뉴 고정 */.main-navigation { position: sticky; /*make it stick */ top: 0; /* stick it to the top of the win..
GeneratePress 테마 글 제목 위 특성이미지 제거하기워드프레스에서 썸네일을 등록하는 것을 특성이미지라는 기능으로 등록합니다.이때 특성이미지가 목록에서는 제대로 보이지만 원문을 보기 위해 클릭하면 제목 위에 뜬금없이 표시됩니다.사이트가 매우 지저분해 보일 수 있는 원인이 되기 때문에 가리고 싶은 마음이 드는데, GeneratePress 무료 테마에서는 따로 기능이 없어 다른 방법으로 숨겨야 합니다.플러그인으로 숨기는 방법플러그인에서 위의 플러그인을 설치, 활성화합니다.플러그인을 활성화하면 글을 작성할때 특성 이미지 설정 아래 숨기는 기능을 선택할 수 있게 됩니다.체크박스를 체크하면 제목 위의 특성 이미지를 숨길 수 있습니다. CSS를 이용하는 방법 디자인 -> 사용자 정의하기 -> 추가 CSS..
GeneratePress 요약글 Read More 문구 변경하기 위 그림과 같이 요약글이 잘리면 Read More가 표시되며 그림이나 제목, Read More를 클릭해야 원문으로 이동할 수 있습니다.한글 워드프레스에서 Read More는 어색한 느낌이 있는데 어떻게 수정할 수 있을까요?아래 코드를 테마 폴더 내의 함수 파일(functions.php)에 추가하여 변경할 수 있습니다.차일드 테마를 만들어 차일드 테마 폴더 안의 함수 파일에 추가해야 추후에 테마가 업데이트 되어도 문제가 생기지 않습니다.가능한 알림판의 테마 편집기를 사용하는 대신 파일에 직접 접근하여 추가하시기 바랍니다./* GeneratePress 테마 readmore 수정 */add_filter( 'generate_excerpt_more_..
GeneratePress 제목 스타일 지정하기티스토리 스킨 설정처럼 워드프레스도 CSS를 이용해 원하는 형태로 제목 스타일을 지정할 수 있습니다.디자인 -> 사용자 정의하기 -> 추가CSS에 아래 코드를 추가, 수정하여 원하는 스타일을 지정하면 됩니다.포스트 내의 제목 스타일 지정을 위한 CSS모서리가 둥근 박스 디자인아래와 같이 모서리가 둥근 박스형으로 제목을 설정하는 코드입니다..single .entry-content h2 {margin: 1.15em 0 0.6em 0; font-weight: normal; position: relative; font-size: 25px; line-height: 40px; background: #111111; border: 1px s..
저는 하위 도메인과 메인 도메인의 SSL이 꼬여서 워드프레스 이전에 많은 시간이 걸렸습니다.저와 같이 SSL에 문제가 발생한 경우 대처법입니다.Cyber Panel 무료 SSL 설치Cyber Panel 로그인 -> Websites -> List Websites로 이동합니다.SSL을 설치하려는 도메인 밑에 Issue SSL을 클릭합니다.상단에 동그라미 두개가 왔다갔다 움직이다가 성공하였다는 초록색 팝업이 뜨면 설치가 완료된 것입니다. Cyber Panel SSL 추가 방법Cyber Panel 로그인 -> Websites -> List Websites -> Manage로 이동합니다. Add SSL에서 가지고 있는 SSL 키를 직접 추가할 수 있습니다.Cert에는 인증서(*.crt)의 텍스트를 입력합니다.(-..