Personal/WordPress (13) 썸네일형 리스트형 WordPress video width 오류, 가로 스크롤 해결 코드편집기 video를 업로드하자 아래와같이 width를 잡지못해 늘어져 가로스크롤이 생겼다. 해결해보자. 코드편집기 - 해당영역에 코드추가 style="width:100%" 완료 WordPress 새글쓰기: 슬라이드 추가하기 도구 - 슬라이드 - 이미지업로드 필자는 아무 이미지나 끌어다 테스트 해보기로 했다. 추가된 슬라이드 - 편집을 누를경우 이미지를 수정/추가 할 수 있다. 완료 https://standout.tistory.com/841 WordPress 새글쓰기: 새글쓰기 및 썸네일지정 wordpress에서 글쓰기 창으로 넘어가는 방법은 쉽게 찾을 수 있다. 편한루트로 이용하자. 글을 쭉 쓰다가 필요한 형식이있다면 검색하거나 선택해서 이용한다. 이상태로 저장하면 본문에 있는 이 standout.tistory.com https://standout.tistory.com/834 WordPress 카테고리/글 관리하기 글 - 카테고리 보기 - 구버전보기 빠른편집가능 서브 카테고리 설정가능 글 - 모든글 보기 - 구버전보기 빠른.. WordPress 새글쓰기: 개발언어선택하기 코드삽입 Syntax Hightligher code syntaxhighlighter code - 텍스트 설정 발행뒤 코드에 맞는 디자인이 적용된다. https://standout.tistory.com/841 WordPress 새글쓰기: 새글쓰기 및 썸네일지정 wordpress에서 글쓰기 창으로 넘어가는 방법은 쉽게 찾을 수 있다. 편한루트로 이용하자. 글을 쭉 쓰다가 필요한 형식이있다면 검색하거나 선택해서 이용한다. 이상태로 저장하면 본문에 있는 이 standout.tistory.com https://standout.tistory.com/834 WordPress 카테고리/글 관리하기 글 - 카테고리 보기 - 구버전보기 빠른편집가능 서브 카테고리 설정가능 글 - 모든글 보기 - 구버전보기 빠른편집가능 글 카테고리 설정 가능 standout.tistory.com WordPress 새글쓰기: AI도우미 WordPress GPT 이용해 글쓰기 도구 - AI도우미 - 질문 - ENTER혹은 보내기 클릭 완료 https://standout.tistory.com/841 WordPress 새글쓰기: 새글쓰기 및 썸네일지정 wordpress에서 글쓰기 창으로 넘어가는 방법은 쉽게 찾을 수 있다. 편한루트로 이용하자. 글을 쭉 쓰다가 필요한 형식이있다면 검색하거나 선택해서 이용한다. 이상태로 저장하면 본문에 있는 이 standout.tistory.com https://standout.tistory.com/834 WordPress 카테고리/글 관리하기 글 - 카테고리 보기 - 구버전보기 빠른편집가능 서브 카테고리 설정가능 글 - 모든글 보기 - 구버전보기 빠른편집가능 글 카테고리 설정 가능 standout.tistory.com + 아직 실험버전이기에 추후.. WordPress 새글쓰기: 새글쓰기 및 썸네일지정 wordpress에서 글쓰기 창으로 넘어가는 방법은 쉽게 찾을 수 있다. 편한루트로 이용하자. 글을 쭉 쓰다가 필요한 형식이있다면 검색하거나 선택해서 이용한다. 이상태로 저장하면 본문에 있는 이미지중 하나로 썸네일이 자동 지정되는데, 만약 본문에 이미지가 하나도 없다면 이미지가 뜨지않아 추후 경우에 따라 레이아웃이 틀어질 수 있다. 저장 - 특성이미지 지정 필자는 테스트인 게시물일 뿐이니 적절한 이미지를 끌어다 이용하기로했다. 발행 변경된 썸네일 확인 https://standout.tistory.com/834 WordPress 카테고리/글 관리하기 글 - 카테고리 보기 - 구버전보기 빠른편집가능 서브 카테고리 설정가능 글 - 모든글 보기 - 구버전보기 빠른편집가능 글 카테고리 설정 가능 standout... WordPress footer 추가, logo 로고 이미지 흑백적용하기 footer logo이미지 흑백을 적용하기전 미리 이미지파일을 업로드하여 logo를 정해놓으면 좋다. WordPress favicon 파비콘 , logo 로고 적용하기: 이미지 파일업로드 https://standout.tistory.com/838 패턴 - 푸터 - 레이아웃추가 흑백모드는 아래와 같은 루트로 설정할 수 있다. 이미지선택 - 컬러 - 흑백모드 - 저장 완료 WordPress 미디어 라이브러리, 샘플이미지 불러오기/적용하기 본격적으로 웹페이지를 만들기전, 무드를 잡기위해 아무의미없이 적절한 샘플이미지를 띄워놓기로했다. 레이아웃추가 - 이미지선택 - 교체 - 미디어선택 - 미디어라이브러리 - 검색및선택 - 적용 완료 WordPress favicon 파비콘 , logo 로고 적용하기: 이미지 파일업로드 이미지 적용전, 필자는 본래 구현한 블로그/포트폴리오와 흡사한 디자인 구현을 위해 통일된 로고를 만들고 파비콘을 다운받아 준비했다. 미디어 - 파일올리기 - 새미디어를업로드 - 파일선택 - 업로드 설정 - 일반 - 사이트아이콘 - 변경 - 이미지 - 선택 - 적용 디자인 - 편집기 - 로고부분선택 - 사이트로고추가 - 미디어 라이브러리 - 선택 - 적용 완료. WordPress 폰트 변경/적용 WordPress 웹페이지를 만들기전, 필자는 본래 구현한 블로그/포트폴리오와 흡사한 디자인 구현을 위해 폰트부터 변경하기로했다. 관리자 - 디자인 - 편집기 - 스타일 서체 - 텍스트/링크/헤딩/캡션/버튼 모든 폰트를 통일할것이다. 각 텍스트/링크/헤딩/캡션/버튼 메뉴로 진입 - 원하는 폰트선택 - 저장 완료 WordPress Header 메뉴/서브메뉴 만들기 카테고리가 설정되어있지 않다면 우선 만들어놓기 시작해보자. https://standout.tistory.com/834 WordPress 카테고리/글 관리하기 글 - 카테고리 보기 - 구버전보기 빠른편집가능 서브 카테고리 설정가능 글 - 모든글 보기 - 구버전보기 빠른편집가능 글 카테고리 설정 가능 standout.tistory.com 우선 원하는 디자인의 헤더를 추가하자. 블록 - 카테고리 항목으로 생성한 카테고리를 불러올 수 있고 하위메뉴는 생성한 링크를 클릭해 추가할 수 있다. 완료 https://hellosanghee.wordpress.com/ Hello, Sanghee! Hello, Sanghee! hellosanghee.wordpress.com WordPress 카테고리/글 관리하기 글 - 카테고리 보기 - 구버전보기 빠른편집가능 서브 카테고리 설정가능 글 - 모든글 보기 - 구버전보기 빠른편집가능 글 카테고리 설정 가능 WordPress로 웹페이지 만들기/개설하기 WordPress로 웹페이지를 만들어보자. https://standout.tistory.com/832 wordpress.org, wordpress.com 차이 wordpress.org 컨트롤을 자유롭게 하고자할때 사용 운영하는데 기술적인 지식과 서버 관리 능력이 필요 https://ko.wordpress.org Blog Tool, Publishing Platform, and CMS - WordPress.org 한국어 아름다운 웹사이트, 블 standout.tistory.com wordpress.com에 접속 - 시작하기 원하는 방법으로 계정만들기 - 필자는 google을 이용하기로 했다. 원하는 도메인 검색 - 선택 요금제 선택 - 외 건너뛰기 스토어이름 설정정도는 해도되겠다. 외 건너뛰기, 어처피 나중.. wordpress.org, wordpress.com 차이 wordpress.org 컨트롤을 자유롭게 하고자할때 사용 운영하는데 기술적인 지식과 서버 관리 능력이 필요 https://ko.wordpress.org Blog Tool, Publishing Platform, and CMS - WordPress.org 한국어 아름다운 웹사이트, 블로그, 또는 앱을 쉽게 만드는 데 사용할 수 있는 오픈 소스 소프트웨어 ko.wordpress.org wordpress.com 편리한 호스팅 서비스를 이용하고자할때 사용 기술적인 측면을 WordPress.com에서 관리 https://wordpress.com/ko 워드프레스닷컴: 사이트 제작, 상품 판매, 블로그 시작 및 기타 워드프레스닷컴에서 무료 웹사이트를 만들거나 쉽게 블로그를 만들어 보세요. 무료로 제공되는 모바일 지원.. 이전 1 다음
