+ 기타 메뉴얼 (36) 썸네일형 리스트형 이미지 등록 시 들쭉 날쭉 현상 해결하기 해상도 문제일 수 있습니다. 사용하는 컴퓨터의 해상도가 2000일 경우에... 이미지 등록시 2200픽셀의 이미지와 1500픽셀의 이미지를등록했을 때 2200픽셀은 자동으로 화면에 꽉 차보이고 1500픽셀은 2000픽셀로 늘려지지않고 화면에 그대로 너비 100%인 1500픽셀로 출력될 수 있습니다. 제 화면은 정상으로 보여서 저 컴은 왜 저런건가 잠깐 고민했습니다. 고사양의 컴을 사용하시는 님. 해결방법은 앞으로 모니터의 사양이 더 좋아질 수도 있으니까... 3000이상이면 3000픽셀이상으로 사진을 업로드해야 들쭉날쭉으로 이미지가 보이지 않고 화면에 Full로 보일 수 도 있으니까..... 그래서 제안해드리는 방법은 미리 이미지를 일괄 크기조정하여 업로드하는 것입니다. 용량문제도 있고 하니.. 권장툴은.. WPbakery Builder 활용방법입니다 사이드메뉴 제거방법 및 페이지 너비 조정법입니다. https://youtu.be/OivibOseRCA 배경 제거 무료 툴 https://www.remove.bg/ 이미지 배경 제거, 투명 배경 만들기 – remove.bg 사진이나 이미지 배경을 한 번 클릭으로 5초만에 무료로 제거할 수 있습니다. 이미지 배경 투명하게 만드는 법. 누끼 따기 프로그램. www.remove.bg 로그인을 하지 않아도 됩니다. 해당이미지를 Upload Image 버튼을 눌러 업로드 하면 자동으로 배경이 제거되어 투명이미지로 만들어 줍니다. Download 버튼을 눌러 저장합니다. 워드프레스 우커머스 쇼핑몰 PG 설정 방법 (PG가입비 무료) PG란?전자지불결제대행를 말합니다. 온라인상점에서 상품을 판매할 때 고객이 신용카드,핸드폰결제 및 다양한 결제수단을 이용해 안전결제할 수 있게 지원하는 서비스입니다. Payment Gateway의 약자로 결제수단을 제공하는 업체들을 말합니다. 대표적인 종류로는 이니시스, 삼성올앳, 올더게이트 등이 있으며, 아래 소개하는 무료 PG업체는 코스모스팜페이입니다. 워드프레스 쇼핑몰 PG 설정하기 -코스모스팜페이맨 아래 동영상을 보면 이해가 훨씬 쉽습니다.고객이 결제 단계에서 결제방법을 선택할 때 나오는 형태를 설정하는 방법입니다. 우커머스 - 설정 - 결제 에서 설정합니다. 계좌이체는 계좌등록해야겠지요? 여러개라면 계좌 여러개 등록 카드 종류도 여러개잖아요? 이니시스, 해외카드, 휴대폰 결제, 토스 요새.. 디바이스(PC,태블릿,모바일)별로 다르게 나타내기 기기별로 다르게 나타내기 PC에서는 보이고 태블릿에서는 감추고... https://youtu.be/EmYJZCDIWf4 디바이스별로 가로 너비 다르게 하기 https://youtu.be/NhcrEp-BPF4 History 연혁 플러그인 - Timeline Event History Timeline Event History 플러그인입니다. 쿨타임플러그인과의 차이점을 들자면? 에디터 지원이안되서 HTML을 직접 입력해야된다는 것? 즉 줄바꿈넣을려면 텍스트 끝에 태그나 태그를 직접 입력해야 합니다. html을 잘 모르는 경우에 불편한 플러그인이 될 수 있습니다. 미관상으로는 이 플러그인이 더 훌륭해 보입니다. +Add New Timeline을 클릭하여 연도를 추가할 수 있습니다. 연도앞의 三 버튼을 드래그하여 순서를 조정할 수 있습니다. 페이지적용방법 하단에 쇼트코드를 복사해서 페이지에 붙여넣습니다. 결과화면 History 연혁 Cool Timeline 플러그인 Cool Timeline 플러그인 사진넣고 꾸미는 것은 유료입니다. 플러그인을 설치하고 활성화합니다. 페이지에서 새로추가한 후 History라는 제목의 새 페이지를 만들고 엘리멘트요소를 Cool Timeline을 추가합니다. 디폴트인 Vertical Timeline을 선택합니다. 왼쪽메뉴의 Timeline Addons > Add New Story에서 연도별로 추가해 컨텐츠를 입력해 넣습니다. 언제든 수정, 삭제 가능합니다. Cool Timeline Stories를 클릭하면 다음과 같이 리스트업되어 있습니다. 결과 Order를 ASC로 선택하면 낮은연도순으로 정렬되어 나타납니다. 구글 검색결과 수정방법 구글 검색결과 시 다음과 같은 검색결과를 얻게 된다면 어디에서 수정할까? 외모 > 사용자 정의하기> 사이트 아이덴티티 를 클릭한 후 다음을 수정합니다. 또는 내 사이트 방문하기를 클릭한 후 상단의 사용자 정의하기를 클릭한 후 다음을 수정할 수 있습니다. 사이트제목, 태그라인, 사이트 아이콘 우커머스 페이지 타이틀 설정하는 방법 외모 > Skudo Style option > WooCommerce Page Title 에서 설정합니다. 결과화면 우커머스 %d개의 결과 표시 없애기 사이트 방문하기 > 사용자 정의하기 > 추가 CSS > 다음과 같은 코드를 삽입하십시오. .woocommerce-result-count { display: none; } 메인슬라이드에 이미지대신 동영상 삽입 방법 배경에 동영상을 넣을 슬라이드를 선택합니다. 최상단 좌측에서 3번째를 클릭한 후 하단에 슬라이드를 선택합니다. 이미지 두장 겹친 아이콘 모양을 클릭하면 우측에 패널이 열립니다. Type을 Vimeo Video를 클릭합니다. 동영상 ID를 입력합니다. vimeo에 로그인 한 후에 동영상 업로드한 후 해당 url을 발췌하면 아이디를 확인할 수 있습니다. 워드프레스 우커머스 결제연동 심플레이 PG [동영상] https://youtu.be/ktnEPJVZ1Dohttps://youtu.be/V3F2CzlJRp4https://youtu.be/XGL1l0X_2nchttps://www.youtube.com/watch?v=A_X9VC5uNmg 우커머스 결제 연동 플러그인 설치 방법 https://www.youtube.com/watch?v=JtM5NKMlGzc 무료 SSL 인증 신청 및 도메인 연결까지 혹시 매니지드워드프레스신청을 하지 않고 일반 웹호스팅을 신청하여 도메인연동이 실패한경우 이를 참고하세요. 도메인이 https://goeunhee.com 인데 접속하면 카페24아이디.cafe24.com 으로 도메인이 변경되어 나오는 경우가 있습니다. 이 경우 워드프레스 관리자에서 설정 > 일반에서 주소를 변경하면되는데 SSL인증을 받지 않은 경우 홈페이지가 제대로 접속되지 않게 됩니다. 이를 해결하기 위해 먼저 https://www.sslforfree.com/ 여기에서 무료 SSL 인증서를 발급받습니다. 이메일로 온 내용의 Vertification Key 복사 후 Go To Vertification page를 클릭하고 붙여넣고 인증완료 합니다. 인증완료 후 화면 90일마다 인증은 자동갱신됩니다. 다운로드 .. 워드프레스 홈페이지를 운영하는 경우 어떤 호스팅을 신청할까? 워드프레스 홈페이지 운영하는 경우 카페24 매니지드 워드프레스 호스팅을 신청하기 바랍니다.매니지드 워드프레스 호스팅은 SSL을 무료로 발급해주므로 도메인연동이 편리합니다.그 외 웹호스팅을 신청한 경우 무료 SSL 신청을 통해 이를 해결하세요 https://gonimanual.tistory.com/notice/101 워드프레스란? 구매절차 : 어떤 호스팅신청? ⚙️ 템플릿구매방법본 사이트는 질문자들의 의견을 모아 만든 페이지들이 주를 이룹니다. 이 페이지에서는 워드프레스의 가장 시작점이 되는 호스팅신청하는 방법에 대하여 알아보겠습니다.매니지드 워드프레gonimanual.tistory.com https://hosting.cafe24.com/?controller=new_product_page&page=ma.. 메인슬라이드 이미지변경 및 텍스트 변경방법 관리자모드 접속 후 사이트 방문을 클릭합니다. 상단의 Slider Revolution > Home1을 클릭 상단의 Slides아래 Slide1, 2, 3을 각각 화면 전환해 가며 수정해 줍니다. 먼저 이미지 변경 Slide BG Animation 옆의 폴더 두개 겹친것을 클릭하면 우측에 Media Library가 나타납니다. 클릭하여 변경하고자 하는 이미지를 업로드합니다. 텍스트편집 작업창에서 텍스트를 선택하면 우측에 텍스트를 변경합니다. 최종 [Save]버튼을 클릭하면 저장되어 반영됩니다. 엘리멘터 편집기 - 기기별 해당영역 모바일에서는 감추기 방법 사이트방문하기 클릭 후 최상단 중앙의 엘리멘트 [편집하기] 클릭 모바일에서 감추어야할 영역의 ::: 를 클릭 좌측 섹션편집창의 고급탭 클릭 반응형탭 클릭 후 Hide on mobile devices를 클릭 결과 pc에서 mobile에서 이전 1 2 3 다음