본문 바로가기

웹싸이트제작10

블로그에 인쇄버튼,이메일,PDF버튼 달기 블로그에 인쇄버튼,이메일,PDF버튼 달기 본문의 원하는곳에 페이지를 인쇄,이메일, PDF 버튼을 달아보기로 합니다. 먼저 https://www.printfriendly.com/ 싸이트로 이동 하고 상단 우측의 두번째 메뉴의 Publisher Plugin > Get Botton 을 누릅니다. 그러면 아래의 화면이 열리는데 그대로 아래로 화면을 스클롤 하여 맨 밑으로 내려 가게 되면 맨 아래의 HTML 코드가 나오는데 복사를 하고 티스토리 관리자 모드로 갑니다. 티스토리 서식 글쓰기로 갑니다 제목 (프린터, PDF, 이메일 버튼) 을 입력하고 상단 오른쪽의 기본모드 왼쪽에 보면 점이 3개 보이는데 마우스를 갖다대면 더보기 가 나오고 HTML 블럭 을 눌러 줍니다. 그러면 하얀 빈 박스 하나가 뜨는데 .. 2022. 10. 8.
카테고리 간단하게 접고 펴기 카테고리 간단하게 접고 펴기 티스토리의 운영 기간이 늘어 나다가 보니까 점차 카테고리 목록이 늘고 게다가 하위 카테고리 까지 펼쳐진 상태로 있으니까 한 눈에 사이드바의 카테고리 정보가 안들어 오기 시작해서 방법이 없을까 고민 하다가 이리 저리 검색하여 보니 간단한 방법이 있어서 여러 초보분 들에게도 정보를 같이 공유 하고자 글을 올립니다. 먼저 관리자 모드에서 꾸미기 > 스킨편집으로 들어 가면 아래의 화면이 나타 나는데 상단 오른쪽의 html편집 버튼을 누릅니다. 그러면 아래의 화면이 열리는데 편집하고자 하는 소스 안쪽 아무곳이나 클릭을 한번 한다음에 Ctrl + F 단축키를 누릅니다. 그리고 아래 화면 처럼 검색창에 _category_list_ 를 입력하고 아래로 내려가서 확인하면 짙은 색으로 변한 부.. 2022. 10. 7.
8. 워드프레스 해더와 푸더 설정하기 8. 워드프레스 해더와 푸더 설정하기 복잡하게 코드를 쓰지않고 초보자도 할 수 있는 간단한 해더와 푸더 설정하기는 먼저 워드프레스 관리자 알림판을 열고 해더 설정은 외모 > 사용자정의하기로 들어가면 아래와 같은 화면이 열립니다. 사이트 아이덴티티로 들어 갑니다. 아래 왼쪽화면에 보면 사이트제목과 태그라인이 있는데 거기에 원하는대로 입력하면 홈페이지 (블로그) 상단에 나타 납니다. 푸더 설정은 Footer Settings 으로 들어 가 Footer Copyright Text 박스에 원하는 글귀를 입력 하면 홈페이지 (블로그) 하단에 나타납니다. 2022. 9. 17.
7. 워드프레스 사이드바 만들기 7. 워드프레스 사이드바 만들기 워드프레스 관리자 알림판 > 외모 > 위젯으로 가서 클릭하면 아래의 화면이 열립니다. 왼쪽에는 사용할수 있는 위젯이 있고 오른쪽에 보면 Sidebar 가 보입니다. 왼쪽의 사용할수 있는 위젯에서 원하는 위젯을 마우스로 선택한 다음 끌고와서 Sidebar 의 원하는 위치에 넣으면 간단하게 Sidebar 를 원하는대로 만들수 있습니다. 지금 보이는 Sidebar > 최신글, 최신댓글, 보관함, 카테고리, 페이지, 메타 가 보통 선택되는 기본 위젯 입니다. 왼쪽에 보이는 사용할수 있는 위젯 말고도 원하는 위젯이 있으면 업로드 하여 추가 할수도 있습니다. 2022. 9. 17.
6. 워드프레스 플러그인 설치하기 6. 워드프레스 플러그인 설치하기 워드프레스는 플러그인을 통해 다양한 기능을 확장할 수 있으며, Activate(활성화) 를 통해 실행, 정지를 할 수 있습니다. 워드프레스 설치 방법은 아래와 같이 여러가지가 있습니다. 1. 워드프레스 관리자 페이지 Plugins 검색을 통해 설치 2. 플러그인 ZIP 파일을 다운로드한 다음 워드프레스 관리자 페이지 Plugins 업로드를 통해 설치 3. 플러그인 ZIP 파일을 다운로드한 다음 FTP 를 이용해 서버에 직접 업로드하여 설치 (이 방법은 초보자는 어려워 설명 생략) @ 나중에 봐서 추가로 설명을 할 예정@ 1. 워드프레스 관리자 페이지 를 열고 플러그인 (Plugins) 메뉴를 누르면 아래의 화면이 뜨는데 상단왼쪽의 새로추가를 누르면 아래와 같이 여러개의 .. 2022. 9. 17.
5. 워드프레스 테마 설치하기 5. 워드프레스 테마 설치하기 워드프레스는 테마 선택이 중요합니다. 목적에 맞는 테마를 잘 선택하면 적은 노력으로 원하는 결과를 얻을 수 있습니다. 테마를 어떻게 설치하고 활성화하는지, 그리고 필요 없는 테마를 어떻게 삭제하는지 알아보겠습니다. 워드프레스 관리자 화면의 외모의 서브메뉴 테마로 이동하면 설치된 테마 목록을 볼 수 있습니다. 나는 원하는 테마를 선택한 상태이기 때문에 하나만 뜨는데 상단에 있는 새로추가버튼을 누르면 아래의 화면처럼 여러개의 테마가 뜨는데 그중에서 내가 원하는 성격의 테마를 선택하면 됩니다. 설치하고 싶은 테마의 화면에 마우스를 갖다대면 설치와 미리보기 기능이 있으니 미리보기기능으로 먼저 화면을 띄워보고 마음에 드는것으로 정한 다음에 설치를 하시면 되겠습니다. 일단 먼저 설치가.. 2022. 9. 17.
4. 워드프레스 사용자 설정하기 4. 워드프레스 사용자 설정하기 워드프레스 사용자 관리 메뉴는 회원으로 사이트에 가입한 사람들을 관리하는 곳입니다. 5가지 형태의 그룹으로 분류되어 있으며, 각 그룹별로 사이트 사용을 위한 권한이 구분되어 있습니다. 사이트에서 회원가입을 하면 관리자는 [사용자] 메뉴를 통해 5가지 그룹에서 회원에게 권한을 부여할 수 있습니다. 각 사용자 그룹들은 어떤 권한들을 가지고 있는지 알아 보겠습니다. 구독자 : 회원에게만 공개된 컨텐츠를 볼 수 있으며 프로필 수정이 가능하다. 기여자 : 글을 작성할 수 있지만 관리자가 공개로 설정해 줘야 볼 수 있다. 글쓴이 : 글 작성과 공개 모두 가능하다. 편집자 : 글 작성이 가능하며 다른 사람의 컨테츠 편집이 가능하다. 관리자 : 전체 설정 변경이 가능하며 가장 상위 권한.. 2022. 9. 17.
3. 워드프레스 관리자 페이지 설정하기 3. 워드프레스 관리자 페이지 설정하기 이제 호스팅과 워드프레스 업로드가 끝나게 되면 인터넷 주소창에 http 또는 https 확인후에 (호스팅 에따라 틀림) 입력합니다. http://www.본인도메인/wp-admin 또는 https://www.본인도메인/wp-admin 상기의 주소를 인터넷 주소창에 치면 아래의 화면과 같은 워드프레스 로그인 화면이 뜹니다. 여기에 앞으로 관리할 본인의 아이디와 비밀번호를 입력하면 워드프레스 관리자화면 (대시보드, 알림판)이 아래와 같이뜹니다. 워드프레스 관리자화면 (대시보드, 알림판) 이 열려 왼쪽에 보면 아래와 같은 메뉴가 뜨게 되는데 하나하나 설명 해드릴께요 !!! 참고로 지금 설명하는 워드프레스 버전은 6.0.1 입니다. 그리고 추가된 플러그인은 빼고 기본메뉴만 .. 2022. 9. 17.
2. 워드프레스 설치 시작하기 2. 워드프레스 설치 시작하기 한글어 워드프레스 다운로드를 누르면 다음창이 나타 납니다 화면을 스크롤하여 아래쪽으로 내려가면 워드프레스 6.0.2 (이숫자는 업데이트가 되면 다른 숫자로 바뀝니다) 다운로드 버튼이 있는 아래의 화면이 나타납니다. 눌러 주세요~~ 다운로드 버튼을 누르게 되면 아래의 팝업 화면이 뜨면서 내 컴퓨터에 wordpress-6.0.2-ko_kr 이란 압축파일이 저장 됩니다. 내 컴퓨터에 저장된 wordpress-6.0.2-ko_kr 이란 압축파일을 찾아서 압축을 풀게되면 wordpress 폴더속에 아래의 파일들이 보일 겁니다. 이 폴더와 파일들을 FTP 를 통해서 업로드 해주면 되는데 대부분 무료 FTP 프로그램인 파일질라 (FileZilla) 를 사용합니다. 파일질라 (FileZi.. 2022. 9. 17.
1. 워드프레스 호스팅서비스 시작하기 1. 워드프레스 호스팅서비스 시작하기 웹사이트를 운영하기위해서는 서버가 필수로 있어야합니다. 그래서 서버를 빌려주는 웹호스팅 회사를 이용하는것이 편합니다. 저는 나스를 이용하여 서버를 구축 하였는데 비용(약150만원정도)이 많이 들고 여러가지로 신경 써야 하는 것도 많고 전원도 계속 켜 두어야하고 서버의 하드에 문제가 생기면 그동안의 쌓인 데이타들 백업도 신경 써야하고 귀찮은 일들이 너무 많습니다. 그래서 저는 여러분들에게 Bluehost(블루호스트)를 소개해 드립니다. 전 세계 웹 호스팅 업체 점유율 10위 안에 드는 회사 중에 유일하게 워드프레스가 공식적으로 추천하는 웹 호스팅 서비스입니다. 또한, 저렴한 가격으로도 이용할 수 있고 (월 4,000원) 무제한 트래픽과 빠른 로딩시간과 완벽한 가동시간을.. 2022. 9. 17.