워드프레스에서 기본 시간대(Timezone) 설정(현재 시각과 다른 경우)1)워드프레스 대시보드의 settings 메뉴에서 Timezone을 확인합니다.기본 UTC+0으로 설정되어있고 Universal time is 시각이 현재 시각과 다른것을 확인할수있습니다. 2)Timezone을 현재 위치한 도시로 설정하고 저장합니다(save changes) 3)Universal time is 하단에 Local time is 현재 시각을 표시합니다.
워드프레스 게시물 작성에서 이미지 업로드하면 미디어 라이브러리에 파일 업로드1)게시물 작성의 이미지 블록에서 upload를 사용하여 이미지를 업로드합니다. 2)게시물을 발행하지 않아도 워드프레스 미디어라이브러리에 업로된 파일을 확인할수있습니다. 3)게시물 작성 및 편집에서 미디어 라이브러리에 추가된 불필요한 이미지들을 플러그인을 사용하여 제거 및 관리할수있습니다.워드프레스 미디어 라이브러리에 업로드한 이미지 파일 이름 변경 플러그인 워드프레스 이미 업로드한 미디어(이미지) 파일 이름 변경 플러그인(phoenix media rename)워드프레스 이미 업로드한 미디어(이미지) 파일 이름 변경 플러그인(phoenix media rename)일반적으로 워드프레스에서 이미지 파일을 업로드하면 해당 이미지 파..
워드프레스 템플릿(templates) 이름 변경 가능 여부(사용자지정 템플릿)워드프레스(WordPress)에서 기본 템플릿과 테마에 포함된 템플릿의 이름은 변경할 수 없으며 사용자가 추가한 사용자지정(custom) 템플릿의 이름만 변경할 수 있습니다. 1)블록 편집기의 템플릿(templates) 메뉴로 이동합니다. 2)좌측에서 Twenty Twenty-Five 테마를 선택합니다. 3)기본 템플릿 및 테마에 포함된 템플릿의 이름을 변경할수없습니다(rename 메뉴를 표시하지않음) 4)상단의 add templates에서 custom template을 선택하여 사용자 지정 템플릿을 추가할수있습니다. 5)좌측에서 admin을 선택하면 관리자 계정에서 추가한 템플릿 목록을 표시합니다. 6)사용자지정 템플릿은 re..
워드프레스 사이트에 유튜브 360 동영상 링크 게시하기 (WP VR 플러그인)1)플러그인 추가(add plugin)에서 WP VR 플러그인을 검색하고 설치 및 활성화합니다(install now, activate) 2)대시보드 좌측메뉴에 새로운 WP VR메뉴를 표시합니다. add new tour를 클릭합니다. 3)새로운 투어(tour) 제목을 입력하고 video를 선택한후 enable video를 활성화합니다, 4)유튜브에서 360 동영상의 URL를 복사합니다. 5)upload or add link에서 복사한 동영상 URL를 붙여넣기하고 미리보기를 확인합니다. 6)WP VR 아이디를 확인하고 publish를 클릭합니다. 7)새로운 투어(tour)가 추가 및 발행한것을 확인할수있습니다. 8)게시물 작성의 ..
워드프레스 이미 업로드한 미디어(이미지) 파일 이름 변경 플러그인(phoenix media rename)일반적으로 워드프레스에서 이미지 파일을 업로드하면 해당 이미지 파일 이름을 참고한 file URL 주소를 사용하며 파일 이름 또는 file URL이 변경되면 게시물에서 이미지를 정상적으로 표시하지못합니다. phoenix media rename을 사용하면 이미 업로드한 이미지 파일 이름을 변경하고 file URL을 적용 및 업데이트할수있습니다.1)플러그인 추가(add plugin)에서 phoenix media rename 플러그인을 설치 및 활성화합니다(install now, activate) 2)미디어 라이브러리로 이동합니다(media library) 3)파일 이름을 변경하려는 미디어(이미지)를 선택하..
워드프레스에서 반응형 갤러리 만들기(Responsive Lightbox & Gallery)Responsive Lightbox & Gallery 플러그인을 사용하여 반응형 라이트박스 갤러리 추가하는 방법1)워드프레스 add plugin에서 Responsive Lightbox & Gallery 플러그인을 검색하고 설치 및 활성화합니다(install now, activate) 2)대시보드에서 새로운 갤러리 메뉴(gallery)를 확인할수있습니다. 3)갤러리(gallery)의 categories 메뉴에서 새로운 갤러리 카테고리를 추가합니다(add new gallery category) 4)갤러리 메뉴에서 현재 갤러리가 존재하지않는것을 확인할수있습니다. 새로운 갤러리를 추가하려면 상단의 add new gall..
워드프레스 사이트의 갤러리(Gallery)에서 클릭한 이미지 확대(Enlarge on click)1)새로운 게시물 작성에서 갤러리(gallery) 블록을 추가합니다. 2)갤러리에서 사용할 이미지를 업로드 및 추가하고 레이아웃을 설정합니다. 3)갤러리 블록 내부의 이미지를 선택하고 링크(link)를 클릭합니다. 4)링크의 enlarge on click 옵션을 선택합니다. 5)게시물을 업로드하고 사이트 보기에서 해당 게시물의 갤러리를 확인합니다. 마우스 커서를 갤러리 이미지 위로 이동시키면 확대 아이콘이 표시되며 아이콘을 클릭하면 해당 이미지를 확대 표시합니다.
워드프레스 사이트에서 사용하지않는 미디어 라이브러리 이미지 제거(Media Cleaner 플러그인)1)미디어 라이브러리에서 현재 워드프레스에서 사용중 또는 사용하지않는 모든 미디어를 확인할수있습니다. 2)대시보드의 플러그인 메뉴(plugins)에서 add plugin을 선택합니다. 3)Media Cleaner 플러그인을 검색 및 설치하고 활성화합니다(install now, activate) 4)대시보드 좌측에서 새롭게 추가된 Cleaner 메뉴로 이동합니다. 5)scan을 클릭하면 현재 사이트에서 사용되지않지만 미디어 라이브러리에 존재하는 이미지 목록을 스캔 및 표시합니다. 6)항목을 선택하고 delete를 클릭하면 해당 이미지를 미디어 라이브러리에서 제거합니다.
워드프레스에서 게시물 썸네일 및 대표이미지 사용하기(Featured Image)1)워드프레스 대시보드에서 appearance의 editor로 이동합니다. 2)사이트 블록편집기에서 Templates로 이동합니다. 개별 포스트에서 대표 이미지 사용 설정(single post) 3)썸네일 및 대표이미지를 사용 설정할 템플릿을 선택합니다. 개별 포스트에 대표 이미지 사용을 설정하려면 single post 템플릿을 선택합니다. 4)사이트의 블록편집기에서 개별 포스트(single post)의 미리보기 템플릿을 표시합니다. 5)사전 설정된 템플릿에서 대표 이미지 블록이 존재하며 사용 설정되어있는것을 확인할수있습니다. 6)대표 이미지 블록을 추가하려면 좌측 상단 블록 추가에서 featured image를 검색 및 추가..
워드프레스 썸네일 및 대표 이미지(Featured Image)의 게시물 링크 활성화하기(Link to Post)1)워드프레스 대시보드에서 appearance의 editor로 이동합니다. 2)사이트 블록 편집기에서 템플릿(Templates)으로 이동합니다. 3)Templates에서 게시물 링크를 사용할 템플릿을 선택합니다. Blog Home은 사이트 홈페이지에서 최신글 Post 목록을 표시하는 템플릿입니다. 4)블록 편집기에서 Blog Home 템플릿 미리보기를 확인할수있습니다. 5)대표 이미지(Featured Image) 블록을 선택합니다. settings에서 Link to Post가 비활성화되어있는것을 확인할수있습니다. 이 옵션이 비활성화되있으면 대표 이미지를 클릭해도 해당 게시물로 연결되지않습니다. ..
워드프레스 모바일 게시물 작성에서 구글 드라이브의 이미지 추가하기 워드프레스 모바일 어플에서 사이트 게시물을 작성하려면 워드프레스 사용자 계정 생성 및 비밀번호를 설정하고 계정에 워드프레스 사이트를 연결해야합니다. 워드프레스 모바일 어플에서 비밀번호를 사용하여 사용자 로그인하기 https://learnandcreate.tistory.com/2933워드프레스에서 Jetpack 플러그인 설치하고 사이트 연결하기 https://learnandcreate.tistory.com/2931 1)워드프레스 모바일 어플을 실행합니다. 2)상단에서 게시물을 작성할 사이트를 선택하고 하단에서 새로 만들기를 선택합니다. 3)게시물 유형을 선택합니다. 4)블로그 글 또는 사이트 페이지 작성에서 하단의 이미지 선택하기를 선택합..
사이트의 반응형 미리보기(데스크톱, 모바일, 태블릿)를 확인할수있는 웹사이트 데스크톱, 모바일, 태블릿 등 다양한 장치의 디스플레이 크기 및 해상도에대하여 반응형 사이트의 미리보기를 확인할수있습니다.1)아래 웹사이트로 이동합니다. https://responsivedesignchecker.com/ 2)반응형 미리보기를 확인하려는 사이트 주소를 입력합니다. 3)입력한 사이트의 기본 데스크톱 미리보기를 표시합니다. 4)좌측에서 장치와 디스플레이 크기 및 해상도를 선택하면 사이트 반응형 미리보기를 표시합니다. 기타 https://ui.dev/amiresponsivehttps://screenfly.org/