본문 바로가기
  • 나의 작은 기록이 도움이 될 수 있기를

web42

원페이지 디자인 divi 테마에서 dot navigation 없애는 방법 홈페이지 사이드 네비게이션바 없애는 방법 특히 외국 사이트의 경우 우측에 네비게이션 버튼이 달려있는 경우가 많은데 워드프레스 홈페이지 디자인 트랜드 같은 느낌이다. 처음에는 좋았는데 자꾸 보니까 따라다니는게 거슬려 보인다. 특히 모바일에서는 안그래도 가로폭이 좁은데 저 버튼까지 있으니까 더 답답한 느낌이다. DIVI 테마 페이지 속성에서 변경해줘야 한다. 그렇다는 말은 각 페이지마다 이 네비게이션 버튼을 보이게도 안보이게도 할 수 있다는 말이다. 전에 기록해 놓은 줄 알았는데 안보여서 다시(?) 기록하는 중 페이지 수정 옵션으로 들어가서 우측에 있는 사이드바 아래쪽으로 찾아가면 Divi page settings가 보인다. 그 아래에 있는 dot navigation이 'on'으로 되어 있는걸 확인할 수 있.. 2023. 8. 22.
워드프레스 처음 사용하면 불편한 점들 네이버 블로그나 티스토리 블로그를 사용하다가 워드프레스 쓰면 불편한점들 주로 티스토리나 네이버 블로그를 쓸때는 몰랐던 워드프레스를 사용할때 불편하점들 글쓰기 대표 이미지 넣기 글쓰기 처음 워드프레스에 글을 쓰다보면 우리나라 블로그 툴이 너무 편하게 잘 되어 있다는게 느껴진다. 워드프레스는 블럭 단위로 글이 작성되기 때문에 그냥 Enter키를 누르면 바로 문단이 만들어 진다. html 태그로 보면 태그가 만들어 지는 셈이다. 나는 태그로 줄 바꿈만 하고 싶은데 엔터키를 두번 누른것 처럼 바뀐다. 기본 설정에 있는지 없는지 모르겠지만 뭔가 어색하다. 이건 나중에 익숙해지면 해결 될 문제이긴 하지만.. 우리나라 블로그처럼 셋팅해서 편하게 글을 쓰고 싶다. 나중에 관련 플러그인이 있는지 찾아봐야겠다. 대표 이미.. 2023. 8. 20.
맥용 visual studio code VScode 배워보기(추가하면 좋은 확장 플러그인) 다시 VScode를 배워보기로 했다. 예전에도 vscode를 책에서 배웠는데 멈췄다가 다시 시작한다. 이번에는 새로운 책으로.(그때 배웠던 책이 뭔지 모르겠다) 무료이기도 하고 현업에서도 가장 많이 사용하는 에디터라고 한다. 아직 현업에서 이쪽 일을 하는 사람을 만나본적이 없어서.. 다들 사용한다고 하니 좋은 이유가 있겠지? 아주 옛날에 editplus 라는 에디터 프로그램을 사용했었던 적이 있었는데 그때에 비하면 진짜 세련되고 좋아졌다. 설치하면 좋은 확장 플러그인 5가지 추천 책에서 알려준 추천 플러그인 5가지 태그를 자동으로 닫아주는 플러그인 '설치'버튼을 누르기만 하면 끝. (워드프레스 플러그인처럼 설치가 쉽다.) 태그를 입력할때 자동완성 기능을 제공하는 기능이라고 하는데 더이상 제공하지 않는다고.. 2023. 8. 9.
divi 테마 열 사이즈를 각각 다르게 설정하는 방법 divi theme 에서 레이아웃을 다르게 셋팅하는 방법 워드프레스 divi테마에서 레이아웃을 만들면 아래와 같은 기본 레이아웃을 만들고 거기서 행을 추가하거나 삭제하는 방식으로 시작되는데 거의 대부분이 정확한 사이즈로 나눠져있다. 예를 들면 아래쪽에 파란색으로 되어 있는 4개의 열은 사이즈가 모두 동일하다. 전체폭이 100%라면 각각 25%씩의 공간을 차지하고 있다. 그런데 가끔은 이런 동일한 사이즈가 아닌 10%, 50%, 20%, 30% 이렇게 각각 다른 사이즈를 만들어줘야 할 경우도 생긴다. 하지만 divi 빌더에서는 그걸 지원해주지 않는다. 이건 divi에서 제공하는 플러그인을 또 추가로 구매해야 한다! 기본값으로 되어 있는 설정을 바꿔준다. 위에 파란색으로 되어있는 부분 그대로 사용하게 되면 .. 2023. 8. 7.
divi theme 로 동영상 슬라이드 만드는 방법 divi theme 동영상 슬라이드 설정하는 방법 divi 테마에서 동영상을 여러개 삽입하여 슬라이드 형식으로 동영상을 표시할 수 있다. 동영상파일의 경우 WebM, MP4 2가지 형식을 다 올리는게 좋다고 한다. 동영상을 업로드하는 경우 WebM 및 MP4 형식을 모두 업로드하는 것이 좋습니다. WebM 파일은 파일 크기가 더 작고(서버 공간 절약) 압축률이 더 높지만 일부 브라우저와 장치는 WebM을 지원하지 않으므로 MP4 파일을 업로드하면 비디오가 모든 브라우저와 장치에서 재생됩니다. 위와 같이 동영상을 여러개 나오게 할 수 있다. 영상파일을 직접 올리거나 youtube, vimeo 영상 주소를 링크로 넣을 수 있다. 이런것도 쉽게 만들 수 있다니! divi theme 동영상 모듈 삽입 방법 색션.. 2023. 8. 4.
워드프레스 테마 DIVI 제휴프로그램 https://www.elegantthemes.com/affiliates/ Elegant Themes Affiliate Program Earn Recurring Commissions Forever We Don't Just Pay You For The Initial Purchase Like Other Affiliate Programs. You Keep Earning Forever! You won't find an affiliate program that pays more than Elegant Themes. Not only do we offer the highest commission p www.elegantthemes.com 이것도 까먹을까봐 기록. 일단 등록은 했는데 나중에 로그인 할 페이지 찾으려면 .. 2023. 8. 4.
DIVI cloud 서비스 유료버전인가? https://www.elegantthemes.com/divi-cloud/?utm_source=Customer&utm_medium=Divi+Cloud&utm_campaign=Promo+Slide+In Divi Cloud - Cloud Storage For Your WordPress Website Organize Your Library Organize Your Divi Cloud Items Into Categories, Folders, And Favorites, And Manage Everything Inside The Visual Builder Your entire Divi Cloud library can be managed inside the Visual Builder. You can save, edi.. 2023. 8. 4.
DIVI 테마로 원페이지 만드는 방법 https://www.elegantthemes.com/documentation/divi/one-page-website/ How To Create One-Page Websites With Divi - Elegant Themes Documentation Divi makes it easy to create beautiful one-page websites. www.elegantthemes.com 링크는 또 찾는데 시간이 오래 걸릴까봐 여기에 일단 기록용으로 저장. 2023. 8. 4.
워드프레스로 웹사이트 만드는 방법 [사용자 정의 링크]는 웹페이지 URL 링크를 활용해 메뉴를 만들 수 있는 편리한 기능입니다. [테마]-[메뉴]에 있는 사용자 정의 링크에 url 에는 사이트 주소/#태그명 을 작성하고 링크 텍스트는 링크로 이동할 텍스트를 작성한다. 그리고 메뉴에 추가. Zerif Lite 테마는 전면 페이지의 항목마다 사용자 정의 링크를 제공합니다. 앞서 구성한 전면 페이지 항목을 기준으로 [고객사] 항목은 #focus, [국내 시장점유율] 항목은 #aboutus, [우리의 팀원] 항목은 #team, [연락주세요] 항목은 #contact 키워드로 링크를 만들 수 있습니다. 예를 들어 [고객사] 항목의 링크는 자신의 웹사이트 URL/#focus이고, 웹사이트 URL이 http://smilewolf.kr이므로 http:/.. 2023. 7. 26.
워드프레스 검색 엔진 최적화 워드프레스에는 시스템 성능 최적화와 검색 엔진 체적화(SEO) 두 가지가 있다. Search Engine Optimization 인터넷 사용자가 구글이나 네이버의 검색창에서 키워드를 입력하고 검색할 때 자신의 콘텐츠가 검색 결과 상위에 나타나도록 콘텐츠를 작성하고 웹사이트를 운영하는 작업을 말합니다. 외부링크를 통해 다른 웹사이트를 내웹사이트에 연결하라 내 웹사이트에 좋은 콘텐츠가 많다면 방문자가 늘어날 것이며,유명한 웹사이트에서 내 웹사이트 콘텐츠 를 링크하거나 공유할 가능성이 높습니다. 유명 웹사이트에 방문한 사용자들이 링크를 통해 내 웹사이트 에 들어올 것이고 웹사이트에 방문한 사용자가 웹사이트의 다른 글을 볼 수도 있습니다. 다른 웹사이트에서 내 웹사이트에 접속하는 링크를 ‘외부 링크’라 합니다... 2023. 7. 25.
워드프레스 유용한 플러그인 추천 워드프레스는 테마와 플러그인이 전부다 유용한 추천 플러그인들을 소개한다. 홈페이지의 문의 양식을 넣어주는 플러그인 플러그인을 설치하면 워드프레스 관리자 페이지에서 필요한 내용을 넣어서 적용을 해주면 된다. 위쪽의 양식, 메일 등을 설정해주고(다른건 셋팅도 안했다.) 양식 아래에 있는 파란색 네모를 눌러 필요한 것들을 추가해줬다. FAQ 양식 책에서 알려주는 플러그인은 서비스가 중단된건지.. 안나온다. FAQ로 검색해서 많은 사람들이 설치한 플러그인을 설치해보고 적용해주면 된다. 물론 설명이 영어로 되어 있어서 좀 햇갈릴수도 있겠지만 가격표 페이지 만들기 제품서비스를 이용하는 사람들을 위해 가격표를 만들어주는 플러그인 (사용방법은 익혀야 함) 한국인들이 많이 사용하는 게시판 Kboard https://ww.. 2023. 7. 25.
워드프레스 홈페이지를 만들기 전 기획하는 방법 제일 처음 해야 할일 웹사이트 기획을 할 때 추천하는 방법은 엑셀이나 구글 스프레드시트 등을 이용하여 직접 사이트맵이나 메뉴 구조도를 만드는 것입니다. XMind가 무료로 되어 있다. www.xmindkorea.net 마인드맵 | XMind Korea XMind는 세계에서 가장 많이 사용하는 최상의 마인드맵 소프트웨어입니다. 정보를 모아 정리하고 창의적인 아이디어를 추가하여 업무 효율을 극대화하세요. XMind의 놀라운 세계를 경험하세요 !!! www.xmindkorea.net + 이건 맥용도 있으니까 다시 설치해봐야겠다. 2023. 7. 25.