반응형

워드프레스 19

워드프레스 컨테이너에 외부 링크 추가 삽입하기

워드프레스에서 버튼이 아닌 컨테이너 자체에 링크를 넣는 방법은 여러 가지 있겠지만, 제가 사용하는 방법을 보여드릴게요. 제일 간단한 방법은 "레이아웃->추가옵션(제일하단)->html 타입을 링크로 변경->링크삽입" 이지만, 이 방법은 레이아웃이 깨지는 경우가 있습니다. 그래서 다른 방법을 보여드릴게요.  1.우선 클레스 id에서 값을 입력해줍니다.2.그리고 css에서 마우스호버 효과를 작성합니다.아래의 css를 넣어주세요.#wallet { cursor: pointer; /* 마우스 커서를 손가락 모양으로 변경 */ transition: background-color 0.3s; /* 배경 색상 변화 애니메이션 */}#wallet:hover { background-color: #242424;..

워드프레스 2024.09.30

호스팅어 워드프레스 올인원 마이그레이션 0.01% 멈출 때 (all in one)

워드프레스 올인원 마이그레이션 0.01% 멈출 때 2가지 해결 방법. 1.첫번째 해결 방법 0.01%이나 60%에서 멈추는 문제는 최신버전의 플러그인에서 발생하는 것 같습니다. 우선 버전을 낮추어 설치합니다. 낮은 버전 다운로드 파일을 첨부합니다. 기존에 설치 된 올인원마이그레이션 플러그인을 삭제 후 설치합니다. 그리고 업데이트는 하지 않은 상태에서 임포터를 진행해봅니다. 이전과 동일한 문제가 발생하시나요? 그렇다면 2번째 문제 해결방법으로 넘어갑시다. 2.플러그인 자체에서 임포터 용량 늘리기 1단계: 플러그인 편집기 열기 왼쪽 메뉴에서 플러그인으로 이동하여 편집기를 클릭하세요. 테마 또는 툴(도구)에 있을 수 있습니다. (워드프레스 버전에 따라 위치가 다르게 나옵니다.) 2단계: 플러그인 선택 플러그인..

워드프레스 2024.01.29

호스팅어 워드프레스 올인원 마이그레이션 임포터 용량 늘리기(all in one)

워드프레스에서 웹사이트를 이전 할 때 유용하게 사용하는 올인원마이그레이션 플러그인의 경우 무료인 경우, 업로드 용량이 기본적으로 낮게 설정 되어 있기 때문에 용량이 높은 웹사이트를 옮길 때에는 별도의 작업을 해야한다. 무척이나 간단하다. 파일-> 파일관리로 들어간다. 해당 웹사이트의 도메인 폴더에 들어가서 ".htaccess"를 클릭해서 열어준다. 아래의 내용을 복사! php_value upload_max_filesize 128M php_value post_max_size 128M php_value memory_limit 256M php_value max_execution_time 300 php_value max_input_time 300 .htaccess파일에서 가장 위에 복사한 것을 붙여 넣어주고, ..

워드프레스 2024.01.28

워드프레스 아이콘 보이지 않는 문제 해결: Font Awesome CDN 링크 추가

워드프레스 아이콘 문제 해결: Font Awesome CDN 링크 추가 문제 상황 워드프레스 사이트에서 Elementor 편집 아이콘이 보이지 않는 문제가 발생 문제 해결 과정 1. 문제 진단: 사이트를 검사하고, Font Awesome CDN 링크가 누락되었다는 것을 발견 2. 해결책 :Font Awesome CDN 추가 -WPCode Lite 플러그인 설치 -Font Awesome 아이콘을 사용하려면 해당 CDN 링크를 웹사이트에 추가해야 합니다. 이 코드는 워드프레스 테마의 자식 테마(child theme) 또는 커스텀 플러그인에서 사용되는 PHP 함수입니다. (테마에 따라 다름) 이 함수의 목적은 웹사이트에 Font Awesome 아이콘을 추가하기 위한 것입니다. 구체적으로 설명하자면: 함수 정의..

워드프레스 2024.01.22

워드프레스 css, 이미지 회전시키기, 심장박동 효과 주기

HTML 삽입 미리보기할 수 없는 소스 이미지 시계 방향 회전 css @keyframes rotate-clockwise { from { transform: rotate(0deg); } to { transform: rotate(360deg); --"역시계로 설정 할 경우 -360"-- } } .rotating-image-clockwise { animation: rotate-clockwise 3s linear infinite; } --"속도 조절은 3s에서 숫자를 변경"-- 심장박동 css @keyframes heartbeat { 0% { transform: scale(1); } 25% { transform: scale(1.2); } 50% { transform: scale(1); } 75% { transf..

워드프레스 2024.01.10

워드프레스에서 맞춤형 스크롤 박스 만들기

웹사이트를 디자인할 때, 사용자 경험을 개선하는 작은 요소들이 큰 차이를 만들 수 있습니다. 워드프레스 사이트에 맞춤형 스크롤 박스를 추가하는 방법을 공유하고자 합니다. 이 스크롤 박스는 텍스트의 하단 부분이 점차 흐려지는 효과와 맞춤형 스크롤바를 포함합니다. 이는 사용자들에게 보다 세련되고 전문적인 인상을 주는 동시에, 페이지의 내용을 쉽게 탐색할 수 있게 해줍니다. 특정 구간에서 많은 량의 텍스트를 도출 해야 할 때 유용하게 사용 할 수 있습니다. 1. 스타일링과 구조 설정 먼저, 스크롤 박스의 기본 스타일과 구조를 설정합니다. 이것은 HTML과 CSS를 사용하여 수행됩니다. 아래 코드는 스크롤 박스의 HTML 구조와 함께 기본 CSS 스타일을 보여줍니다: HTML 삽입 미리보기할 수 없는 소스 여기..

워드프레스 2024.01.05

워드프레스 Icon Class 아이콘 클래스 찾아서 넣기 (플러그인 없음)

워드프레스 빌드를 하다보면, 아이콘을 넣어야하는데 아이콘을 선택하는 항목은 없고 아이콘 클래스값을 입력하라고 하는 경우가 더러 있습니다. 참 난감한게 아이콘의 이미지와 이름도 알려주지 않으면서 아이콘클래스를 입력하라고 하니 도대체 멀 입력해야 할지 모를 수 밖에 없습니다. 우선 버튼 두개의 예시를 들어보겠습니다. 1.첫번째 좌측 녹색의 버튼 -Icon Class 값을 넣지 않고 SVG를 업로드 하거나, 아이콘 이미지를 보고 선택 하는 버튼 이 경우는 아이콘을 삽입하는데 어려움이 없습니다. 아이콘을 보면서 선택 할 수 있기 때문입니다. 2.두번째 우측 파란색의 버튼 -아이콘클래스 Icon Class를 입력하여 아이콘을 삽입하는 버튼 문제는 이러한 유형인 경우입니다. 저도 이것 때문에 정말 많이 헤매였는데요..

워드프레스 2023.04.12
반응형