워드프레스19 워드프레스 구글 웹폰트 적용방법 워드프레스 구글 웹폰트 적용방법 01. 구글 웹폰트 사이트에서 원하는 폰트를 고릅니다! 구글 웹폰트 사이트 : fonts.google.com/ Google Fonts Making the web more beautiful, fast, and open through great typography fonts.google.com 원하는 폰트를 선택해서 선택해줍니다. 원하는 폰트를 'Select this style'를 누르면 옆에 선택된 폰트(Selected family) 가 나옵니다. 여러 개의 폰트를 함께 선택 가능합니다. 02. 'Selected family' > 'Embed' 선택하여, 를 선택하여, 1번 코드를 복사해줍니다. 는 안에, @import는 안에 넣어주면 됩니다. 저는 link적용 방법에 대해.. 2020. 10. 8. 워드프레스 메뉴 만들기 워드프레스 메뉴 만드는 방법은 간단하지만 소개합니다. 01. [ '테마 디자인' -> '메뉴' ] 클릭 02. 메뉴 구조 > 메뉴 이름을 적고 메뉴를 생성해주세요. 그러면 비활성화 되어있던 '메뉴 아이템 추가' 가 활성화됩니다. 03. 원하는 페이지를 선택 후 '메뉴에 추가'를 클릭해줍니다. 페이지, 글에서 만들어 놓은 알맞는 포스팅을 찾으면 됩니다. 없는 포스팅에 링크만 연결한다면 '사용자 정의 링크'를 이용할 수 있습니다. (원하는 링크로 연결가능!) 04. 메뉴를 추가했다면 오른쪽에 메뉴박스가 생성된걸 확인할 수 있습니다. 여기서 마우스 드레그를 이용해 순서 변경 및 서브메뉴를 만들 수 있습니다. 드레그로 살짝 오른쪽에 놓아주면 서브메뉴가 됩니다. 또한 해당 메뉴의 오른쪽 '▼' 버튼을 클릭하여 메.. 2020. 9. 29. 워드프레스 글/페이지/포트폴리오 복사(클론)하기 포스트를 작성 후 포스트에 만들어 놓았던 설정들을 다음 포스트에서도 그대로 사용하고 싶을때 그전 포스트를 복제한 후 콘텐츠만 바꾸는 방법을 많이 사용합니다. 그런데 이때 복제기능이 사실 기본 기능이 아니여서 플러그인을 다운 받아 사용해야합니다. 정말 간단한 기능인데 왜 도데체 없는건지 이해가 안되는 것들 중 하나입니다.ㅎㅎ ( 이런 것들이 워드프레스에는 참 많더라고요. ) 포스트등을 복제하는 플러그인들은 많은데 그 중 어떤 걸 써도 비슷한듯합니다. 제가 요즘 사용하는 플러그인도 간단히 사용방법에 대해 소개하겠습니다. 플러그인 ''요스트 글 복제 (Yoast Duplicate Post)" 이 플러그인은 글 복제 플러그인들 중 다운로드 수가 많고 평점이 좋아서 사용하고 있습니다. 사용방법 01. 플러그인 >.. 2020. 9. 11. KBoard 새로운 입력 필드 추가 및 활용 워드프레스에서 게시판을 만들때 무료로 사용할 수 있는 KBoard를 많이 사용합니다. Kboard의 'Default'스킨을 사용하면 글쓰기 버튼을 누리면 적을 수 있는 입력폼으로는 제목/ 옵션(비밀글, 공지사항) / 내용 / 사진 / 썸내일 / 통합검색 이렇게 나눠져 있습니다. 그 외에 이미지와 같이 추가 입력 폼을 넣는 방법에 대해 알려보려 합니다. KBoard 입력필드 추가하기 01. KBoard > 게시판 목록 및 관리 > 해당 게시판 클릭 > 입력필드 설정로 들어갑니다. 게시판이 만들어지지 않았다면, 게시판 생성을 통해 새 게시판을 만들어주세요. 왼쪽(블루박스)의 사용 가능한 필드는 새로 추가할 수 있는 필드이고, 오른쪽(레드박스)의 입력 필드 구조는 현재의 입력 폼의 리스트입니다. 오른쪽 입력 .. 2020. 9. 7. 워드프레스 사이트 카카오톡 오픈그래프 설정방법 오픈그래프(open graph)는 HTML 문서의 메타정보를 쉽게 표시하기 위해 메타정보에 해당하는 제목, 설명, 문서의 타입 , URL 등의 다양한 요소들에 대해서 통일하여 쓸 수 있도록 정의해놓은 프로토콜입니다. 오픈그래프는 SNS마다 보여지는 디자인이 조금씩 다를 것 같은데, 카카오톡을 기준으로 워드프레스에서 설정하는 방법에 대해 작성하도록 하려 합니다! 카카오톡 오픈 그라프는 '이미지, 사이트 타이틀, 사이트 디스크립션, 사이트 URL'로 구성되어 있습니다. 워드프레스 사이트에 카카오톡 오픈그래프 설정 방법 ◎ 워드프레스 Head에 메타태그 적어주기 01. 테마 디자인 > 테마 편집기 > haeder.php 열기 02. head안에 오픈그래프 메타태그 적기 1 2 3 4 5 cs 위에 메타태그를 .. 2020. 9. 2. 워드프레스 사이트 주소 되돌리기(phpMyAdmin 사용법) 워드프레스 도메인 변경시 항상 조심스러운데 가끔 잘못하면 아예 워드프레스 관리자 페이지도 안들어가는 경우가 있다.(처음에는 멘붕이지만 금방 되돌릴 수 있어요ㅎㅎ) 그럴때 db에 접속해서 다시 경로를 바꿔주어야 사이트에 접속이 가능하다. 그럴때 phpmyadmin를 활용할 수 있다. 01. phpMyAdmin 설치하기 - https://www.phpmyadmin.net/ 접속 후 phpMyAdmin 다운로드하기 - ftp에 파일 업로드하기 www안에 폴더를 생성 후 넣어주세요. (이때 폴더 명을 나만 알만한걸로 변경해줍니다. ) 02. phpMyAdmin 로 DB접속하기 - 만들었던 폴더로 브라우저에 주소를 적고 접속합니다. (ex. 도메인.com/phpmyadmin ) - 요렇게 접속되면 호스팅만들때 만.. 2020. 8. 27. 워드프레스 WPBakery Page Builder의 grid 사용법 웹사이트 제작하다보면 포트폴리오나 기사글들을 다양한 형태로 보여주게 되는데 그때 많이 사용하는 레이아웃으로 그리드가 있습니다. 그리드는 정보를 효율적이고 가시적으로 배치할 수 있어서 사용 비중이 높고, 다양한 디자인의 그리드가 있습니다. 그리드마다 특징들이 조금씩 다르고 형태에 따라 또 다른 플러그인을 사용해야 합니다. 그리드 만드는 방법과 플러그인을 소개해 보려고 합니다. 워드프레스에서 그리드는 2가지 방법으로 나눌 수 있을 것 같아요. 1. 어디서 소스를 가지고 오는지 2. 어떤 형태의 그리드 인지 그리드를 만들때 사용하는 플러그인은 굉장히 많은데 그 중에 플러그인 3개를 소개합니다. A. WPBakery Page Builder의 기본 element 사용 포스트, 페이지, 포트폴리오 등등에서 데이터 .. 2020. 8. 21. 티스토리 구글서치콘솔 (구글 웹마스터 도구)붙이기 티스토리에서 구글서치콘솔을 연결하는 방법은 2가지가 있습니다. 하나는 구글 콘솔에 먼저 사이트를 등록하는 방법이고 다른하나는 티스토리 플러그인에서 연결하는 방법입니다. 두가지 다 복잡하진 않지만 티스토리 플러그인을 활용하는 방법이 더 간단합니다. 그럼 두가지 모두 소개해 볼께요! :) 티스토리 구글서치콘솔 연결하기(구글사이트로) 01. 구글서치콘솔에 로그인 후 URL접두어에 사이트 주소를 입력해주세요. https://search.google.com/ Google www.google.com 티스토리 경우 URL 접두어 부분에 주소를 적어주고 계속을 눌러줍니다. 02. 소유권 확인에서 HTML태그를 누르고, 메타태그를 복사해줍니다. 티스토리는 파일을 업로드하기 힘들기 때문에 스킨부분에 HTML태그를 넣어주는.. 2020. 8. 19. 워드프레스 팝업 플러그인 'Popup Builder' 웹사이트에 팝업을 달때 보통 팝업플러그인을 사욯하고, 다양한 팝업플러그인 있습니다. 그 중에서 popup builder를 소개합니다. 팝업 플러그인을 여러개 사용해봤는데, 생각보다 옵션 설정이 어렵고 원하는대로 만들기 쉽지 않더라고요. 그런데 이 플러그인은 좀 더 직관적이라 사용하기 편리했어요. 평점 또한 좋습니다. 별점 5개! Popup Builder의 기능 - 팝업을 원하는 만큼 만들고 관리할 수 있습니다. - 팝업의 모습을 커스텀할 수 있습니다. - 팝업의 애니메이션 효과를 세팅할 수 있습니다. - 팝업의 위치를 세팅할 수 있습니다. 와 이외에도 다양한 기능이 있습니다. - Contact Form 7, Ninja Forms, Gravity Forms, TablePress, Formidable For.. 2020. 8. 18. 이전 1 2 3 다음
