영감을 얻고 공부하고 만들기!

블로그 (29)

사이트의 반응형 미리보기(데스크톱, 모바일, 태블릿)를 확인할수있는 웹사이트

  • 디지털콘텐츠크리에이터
  • blog
  • 13:42:33

사이트의 반응형 미리보기(데스크톱, 모바일, 태블릿)를 확인할수있는 웹사이트 데스크톱, 모바일, 태블릿 등 다양한 장치의 디스플레이 크기 및 해상도에대하여 반응형 사이트의 미리보기를 확인할수있습니다.1)아래 웹사이트로 이동합니다. https://responsivedesignchecker.com/ 2)반응형 미리보기를 확인하려는 사이트 주소를 입력합니다. 3)입력한 사이트의 기본 데스크톱 미리보기를 표시합니다. 4)좌측에서 장치와 디스플레이 크기 및 해상도를 선택하면 사이트 반응형 미리보기를 표시합니다. 기타 https://ui.dev/amiresponsivehttps://screenfly.org/

더 읽기

워드프레스에서 포스트 및 페이지의 반응형 미리보기 확인(데스크톱, 태블릿, 모바일)

  • 디지털콘텐츠크리에이터
  • blog
  • 07:26:18

워드프레스에서 포스트 및 페이지의 반응형 미리보기 확인(데스크톱, 태블릿, 모바일)반응형 미리보기에서 데스크탑(PC), 태블릿, 스마트폰 등 다양한 장치에서 사이트 레이아웃이 적절하게 자동 조정되는지 확인할수있습니다.1)워드프레스에서 반응형 미리보기를 확인하려는 포스트 및 페이지 편집으로 이동합니다. 2)포스트 및 페이지 편집의 상단에서 보기 옵션을 확인합니다(데스크톱, 태블릿, 모바일) 3)옵션을 선택하면 장치에따라서 레이아웃이 자동 조정되는 사이트 미리보기를 확인할수있습니다.데스크탑(Desktop) 태블릿(Tablet) 스마트폰(Mobile)

더 읽기

워드프레스에서 게시글에 구글 포토(Google Photos)의 사진을 업로드하기

  • 디지털콘텐츠크리에이터
  • blog
  • 2025.05.15

워드프레스에서 게시글에 구글 포토(Google Photos)의 사진을 업로드하기워드프레스 사이트에 Jetpack 플러그인을 설치하면 게시글 작성에서 구글 포토(Google Photos)의 이미지를 선택 및 업로드할수있습니다.워드프레스에서 Jetpack 플러그인 설치하고 사이트 연결하기1)새로운 게시글 작성에서 add image의 select image를 선택합니다. 2)Google Photos를 선택합니다. 3)사이트를 구글 포토 라이브러리와 연결하려면 connect to google photos를 선택합니다. 4)사이트에 연결할 구글 포토의 계정을 선택합니다. 5)WordPress.com 서비스로 로그인에서 계속하기를 선택합니다. 6)WordPress.com에서 액세스할수있는 항목을 선택합니다. 7)..

더 읽기

워드프레스에서 Jetpack 플러그인 설치하고 사이트 연결하기

  • 디지털콘텐츠크리에이터
  • blog
  • 2025.05.15

워드프레스에서 Jetpack 플러그인 설치하고 사이트 연결하기jetpack은 워드프레스의 모회사인 Automattic에서 개발한 공식 플러그인으로 워드프레스닷컴 계정과 연동하여 사이트 보안, 성능, 분석, 통계, 마케팅등을 위한 유용한 기능을 무료로 제공합니다.1)워드프레스 사이트 관리자페이지의 좌측에서 플러그인(plugins) 메뉴로 이동하고 jetpack 플러그인을 검색 및 설치합니다(install now) 2)설치한 jetpack 플러그인을 활성화합니다(activate) 3)새로 열기한 페이지에서 supercharge my site를 클릭합니다. 4)해당 사이트에 연결하려는 워드프레스(WordPress.com) 계정을 선택하고 connect my site를 클릭합니다.워드프레스(WordPress.c..

더 읽기

워드프레스(WordPress.com) 사용자 계정 만들기(회원가입, 로그인, 이메일 주소 확인)

  • 디지털콘텐츠크리에이터
  • blog
  • 2025.05.15

워드프레스(WordPress.com) 사용자 계정 만들기(회원가입, 로그인, 이메일 주소 확인)WordPress.com 계정과 wp-admin 계정 차이 WordPress.com 계정 - 다수의 워드프레스 사이트 관리, Jetpack등의 서비스 이용, 통합 대시보드 사용을 위한 이메일 주소 기반의 계정 wp-admin 계정 - 웹호스팅에 독립형 워드프레스 사이트 설치시 제공되는 관리자 계정으로 해당 사이트를 운영하는데 사용 wp-admin 계정 1)아래 워드프레스 사이트 대시보드의 우측 상단에서 현재 사이트에 로그인한 관리자 계정(wp-admin)을 확인할수있습니다. WordPress.com 계정 2)워드프레스 계정을 생성하려면 아래 WordPress.com 웹사이트에서 계정을 생성하고 로그인합니다..

더 읽기

워드프레스 미디어 라이브러리 관리 무료 플러그인 FileBird 사용하기

  • 디지털콘텐츠크리에이터
  • blog
  • 2025.05.14

워드프레스 미디어 라이브러리 관리 무료 플러그인 FileBird 사용하기미디어 라이브러리를 폴더 구조로 정리할 수 있게 해주는 미디어 관리 무료 플러그인 FileBird 설치 및 사용법1)워드프레스 관리자 페이지에서 좌측 media의 library 메뉴로 이동합니다. 워드프레스 기본 미디어 라이브러리는 업로드한 이미지, 영상을 폴더 구조로 정리할수있는 기능을 제공하지않습니다. 2)좌측 플러그인(plugins)의 add plugin으로 이동하고 filebird 플러그인을 검색 및 설치합니다(install now) 3)설치 완료된 filebird 플러그인을 활성화합니다(activate) 4)미디어 라이브러리에서 filebird가 추가된것을 확인할수있습니다. 5)new folder를 클릭하여 새로운 폴더를 생..

더 읽기

웹 호스팅 서비스 이용할때 도메인(DNS), SSL, PHP

  • 디지털콘텐츠크리에이터
  • blog
  • 2025.02.10

웹 호스팅 서비스 이용할때 도메인(DNS), SSL, PHP도메인(Domain)웹사이트의 고유 주소 도메인은 인터넷에서 웹사이트를 식별하고 접근할 수 있도록 해주는 고유한 주소입니다. 예를 들어 google.com, amazon.com 등의 웹사이트 주소가 도메인입니다. 사용자는 IP 주소를 기억할 필요 없이 도메인 이름만으로 웹사이트 주소를 기억하고 쉽게 접속할 수 있습니다. 도메인을 구성하는 두 가지 주요 부분 최상위 도메인(TLD, Top-Level Domain) -  .com, .org, .net 같은 확장자 형식 두 번째 도메인 - 도메인의 핵심 이름 부분으로 google, amazon 등이 여기에 해당. 예시 example.com example은 두 번째 도메인이고 .com은 최상위 도메인. ..

더 읽기

워드프레스(Wordpress) 사이트 만들기 2 - Fastcomet 웹호스팅 사이트에서 도메인 SSL 설정(Auto SSL)

  • 디지털콘텐츠크리에이터
  • blog
  • 2025.02.01

워드프레스(Wordpress) 사이트 만들기 2 - Fastcomet 웹호스팅 사이트에서 도메인 SSL 설정(Auto SSL)현재 cPanel의 Let's Encrypt 플러그인은 중단되어 사용할수없으며 모든 Let's Encrypt 인증서는 AutoSSL에서 처리합니다. https://www.fastcomet.com/tutorials/security/lets-encrypt-certificate-managementAutoSSL https://www.fastcomet.com/blog/exploring-autossl-as-fleetssl-retires1)Fastcomet의 cPanel 관리자 페이지에서 Security의 SSL/TLS Status로 이동합니다. 2)cPanel 계정에서 호스팅되는 모든 도메인..

더 읽기

워드프레스(Wordpress) 사이트 만들기 1 - 웹호스팅 상품 가입, 도메인 등록, SSL, PHP, 워드프레스 설치

  • 디지털콘텐츠크리에이터
  • blog
  • 2025.02.01

워드프레스(Wordpress) 사이트 만들기 1 - 웹호스팅 상품 가입, 도메인 등록, SSL, PHP, 워드프레스 설치 1)웹호스팅 서비스 업체를 선택하고 요금제 및 상품 구매를 위해 사이트로 이동합니다. 예에서 해외 웹호스팅 사이트인 fastcomet를 이용하였습니다. https://www.fastcomet.com FastComet - Managed Cloud Hosting with 24/7 SupportFastCloud® - Advanced cloud hosting platform with 24/7 Expert Support & 11 Datacenter Locations. We will handle caching, transfers, security, updates.www.fastcomet.com ..

더 읽기

다음(DAUM)에 티스토리 블로그 사이트 검색 등록하기

  • 디지털콘텐츠크리에이터
  • blog
  • 2023.11.01

다음(DAUM)에 티스토리 블로그 사이트 검색 등록하기 티스토리 블로그 및 사이트를 다음(DAUM) 검색 결과에 노출시키는 방법 1)아래 다음(DAUM) 검색등록 웹페이지로 이동합니다. https://register.search.daum.net/index.daum 2)신규등록에서 사이트 검색을 선택하고 블로그 및 사이트 주소 URL을 입력한후 확인합니다. 3)신규등록 개인정보 수집 및 이용에 동의하고 확인합니다. 4)사이트 정보를 입력합니다. 제목, URL, 모바일 URL, 설명, 설명 품목, 설명 지역, 카카오톡 채널URL, 디렉토리, 신청자 정보를 입력하고 확인합니다. 5)사이트 등록신청이 완료된것을 확인할수있습니다.

더 읽기

카카오뷰 채널 개설하고 티스토리 블로그 연동하기, 콘텐츠 담기, 보드 발행하기

  • 디지털콘텐츠크리에이터
  • blog
  • 2023.03.31

카카오뷰 채널 개설하고 티스토리 블로그 연동하기, 콘텐츠 담기, 보드 발행하기 1)아래 카카오 뷰 창작센터 웹사이트에서 창작센터 시작하기로 이동합니다. 2)페이지 하단의 창작센터 시작하기로 이동합니다. 3)내 창작채널에서 채널 만들기를 선택합니다. 4)프로필사진, 채널이름, 검색용 아이디, 소개글등을 입력합니다. 5)내용 확인에 체크하고 네, 입력한 정보를 채널을 개설합니다를 클릭합니다. 6)채널 개설이 완료되었습니다. 그냥 시작하기로 이동합니다. 7)개설된 채널을 확인할수있습니다. 8)상단의 보드창작을 선택하고 우측 보드발행 준비하기에서 티스토리 연동하기를 클릭합니다. 9)티스토리 블로그 목록에서 연동할 블로그를 활성화합니다. 10)새 보드 만들기를 선택합니다. 11)보드의 제목, 설명을 입력하고 연동..

더 읽기

워드프레스(wordpress)에서 메뉴 추가하기(menus)

  • 디지털콘텐츠크리에이터
  • blog
  • 2023.01.11

워드프레스(wordpress)에서 메뉴 추가하기(menus) 1)대시보드에서 좌측 pages 메뉴의 add new를 선택합니다. 2)제목과 본문 내용을 작성합니다. 3)우측의 publish를 클릭하면 페이지(page)를 발행합니다. 4)웹사이트에서 발행한 페이지(page)가 표시되지않는것을 확인할수있습니다. 5)대시보드에서 appearance의 menus를 선택합니다. 6)menus에서 웹사이트의 메뉴를 관리합니다. 좌측에 있는 몇가지 유형을 메뉴에 추가할수있습니다. 7)카테고리를 선택하고 add to menu를 클릭하면 우측 메뉴 구조에 해당 카테고리를 추가합니다. 8)같은 방법으로 페이지를 추가합니다. 9)최종적으로 메뉴에 추가할 항목들을 확인하고 save menu를 클릭해서 적용합니다. 10)웹사이..

더 읽기

Copyright © 영감을 얻고 공부하고 만들기! All Rights Reserved

Designed by JB FACTORY

티스토리툴바