본문 바로가기

분류 전체보기

 (58)
웹사이트만들기08 - frontpage 작업 워드프레스로 웹사이트만들기 8번째 시간 frontpage를 작업하겠습니다 Edit Frontpage 클릭하세요 기획한 내용으로 변경해줍니다 content를 입력해야 하는 부분에서 내용을 입력하고 styling탭에서 원하는 폰트사이트로 변경해줍니다 사이트를 열면 내용이 바뀐것을 확인할 수 있습니다 모바일에서는 이렇게 보입니다 다음 블럭에서 나머지 콘텐츠도 교체하겠습니다 Text block 에서 나머지 내용도 입력해줍니다 이렇게 변경되었습니다 다음 블럭을 수정하겠습니다 원래 3단으로 나눠져 있었지만, 1단으로 수정했습니다 콘텐츠를 입력했습니다 이렇게 하나씩 하나씩 바꿨습니다 여러차례 수정해서 이렇게 확정했습니다 워드프레스로 웹사이트만들기 8번째 시간 frontpage를 작업했습니다 웹사이트만들기08-fron..
웹사이트만들기07 - yoast seo 설정 워드프레스로 웹사이트만들기 7번째 시간 yoast seo 설정에 대해서 말씀드리겠습니다 Yoast seo 플러그인을 설치하기 전에 설정의 고유주소설정에서 글이름으로 하겠습니다. 잠시후에 설명할 슬러그 설정에서 이 부분을 왜 해야 하는지 알려드리겠습니다 이제 yoast seo 플러그인을 설치하겠습니다. 5백만 이상 활성설치 최근 업데이트 1주전 사용중인 워드프레스 버전과 호환됨 이렇게 나옵니다 설치하시고 활성화 해주세요 활성화를 해주시면 왼쪽에 seo 메뉴가 나타납니다 설치하시고 활성화 해주세요 쇼핑몰만들기-대표스킨 설정 글이 보입니다. wpematico플러그인설정에 의해 추가 되었습니다. 편집을 클릭하겠습니다 yoast seo 포커스 키페이스 부분은 키워드를 넣어주는 부분입니다. Slug를 이 페이지를 ..
웹사트만들기06-블로페이지 레이아웃변경,카테고리만들기,wpematico플러그인설정,블러그위젯삭제 워드프레스로 웹사이트만들기 6번째 시간 블로그페이지 레이아웃 변경과 카테고리 만들기, wpematico 플러그인 설정에 대해 설명드리겠습니다 티스토리에서 발행한 글을 웹사이트 blog 페이지에 카테고리 별로 정리해서 업로드할 예정입니다. 엔폴드테마의 blog페이지는 다양한 레이아웃을 선택할 수 있습니다 어디서 변경할 수 있는지 알아보겠습니다 워드프레스 관리자페이지로 들어오셔서 왼쪽 메뉴에서 엔폴드 클릭하시면 블로그 레이아웃이 있습니다. 그 안에 블로그 메타 엘리멘츠에서 필요한 부분들을 체크해주신 후 저장하시면 글과 관련된 정보를 글의 맨 상단에서 보여지게 할 수 있습니다 글이 포스트된 날짜나, 글이 속한 카테고리 등 꼭 필요한 내용만 노출시키겠습니다 위에 체크한 부분처럼 보여집니다 블로그 메타 엘리멘츠의..
웹사이트만들기05 - 로고수정&홈페이지설정 워드프레스로 웹사이트만들기 5번째 시간 로고수정&홈페이지 설정에 대해서 말씀드리겠습니다 왼쪽 상단의 로고를 클릭하면 home으로 가는 설정을 하겠습니다 알림판을 클릭해주세요 설정의 읽기 설정로 들어가세요. 홈페이지 표시에서 정적인 페이지 라고 보이실 겁니다 그 부분을 체크해 주세요. 홈페이지를 frontpage로 선택하시고 저장해주세요 외모 탭에서 메뉴를 클릭해 들어가면. 그림에서 보여지는 것처럼 frontpage가 맨 상단에 있는 것을 확인할 수 있습니다. 이렇게 설정하면 어떤 페이지에서든 로고를 클릭하면 home, 즉 프론트페이지로 이동하게 됩니다 다음은 로고 변경에 대해 설명하겠습니다. 모바일용 화면은 이렇게 로고가 보이고 PC용 로고는 이렇게 보입니다 먼저 모바일용 로고를 변경하겠습니다. 워드프레..
웹사이트만들기03 - 테마설치 워드프레스 세번째 시간 테마설치에 대해서 말씀드리겠습니다 이곳이 워드프레스 관리자 페이지입니다. 워드프레스에 대해서 전혀모르셔도 업데이트에 대한 부분은 반드시 알고계셔야 합니다. 왼쪽창에 보시면 업데이트8 플러그인5 seo에 3 해서 업데이트를 해줘야 합니다. 보이시는 빨간색 숫자는 모두 없애주셔야합니다. 플러그인이 업데이트가 되었는데 우리가 아직 업데이트를 안해주었단 얘기입니다. 이렇게 업데이트가 5,10.20 쌓이게되면 어느날 사이트에 들어갈 수도없고 깨져서 보이거나하는 일이 생기게 됩니다. 그렇게되면 해결하기가 어려워지므로 쌓이기 전에 업데이트를 해주셔야 합니다. 이 플러그인을 업데이트 했을 때 문제가 생길경우에는 해결할 수 가 있는데 업데이트가 너무 쌓이게 된 후 손데는건 매우 위험합니다. 외부에..
cafe24에서 호스팅 신청 카페24에서 호스팅 신청을 하겠습니다. 좌측 '회원가입' 을 클릭하세요. 회원가입 유형은 '일반회원' '개인사업자' '법인회원' 중 해당 유형으로 선택하세요. 위의 화면은 '일반회원' 유형 입니다 '휴대폰 인증' 해주세요. 위의 화면은 '개인사업자' 화면입니다. 대표자인증 해주고 상호와 사업자등록번호를 넣은 후 다음 단계로 가세요. 휴대폰 인증은 해당 통신사 선택 후 pass 나 문자로 인증을 해주세요. 문자로 인증하기 버튼을 클릭하면 핸드폰 번호를 입력하고 보내면 핸드폰으로 번호가 옵니다 번호를 입력해 주면 됩니다. 회원가입을 끝내고 로그인하면 메인페이지에 표시한 창을 볼 수 있습니다. 호스팅 서비스비용은 최저 월 500원부터 있습니다. 이번 수업에서는 유료 테마를 사용하기 때문에 500원 다음단계인 ..
쇼핑몰만들기08 - 모바일버전 로고교체 쇼핑몰만들기08 - 모바일버전 로고교체 쇼핑몰만들기 8번째시간 모바일버전 로고교체에 대해서 말씀드리겠습니다 모바일용 자연햇살 로고를 넣은 겁니다. Pc용 로고의 경우는 사이즈를 크게 변경해서 넣으면 큰 사이즈로 적용이 되는데 모바일용 로고는 크게 넣어도 작은 사이즈로 나타납니다. 그래서 모바일용 로고의 경우 css를 통해서 사이즈를 변경해 주도록 하겠습니다 도구 더보기에서 개발자 도구로 들어가면 관련된 css가 나옵니다 상단에 html과 하단에 css가 나오는데 요부분이 어느부분에 해당하는지 클릭하면 볼 수 있습니다. 왼쪽 상단로고를 클릭하시면 오른쪽 창에 경로를 확인하실 수 있습니다 아래쪽에 css가 나오는데 max16px 이라고 보이는데요 이걸 30px로 변경을 해보겠습니다 30px로 변경을 하니 로..
쇼핑몰만들기 - pc버전 로고교체 쇼핑몰만들기 - pc버전 로고교체 쇼핑몰만들기 7번째 시간 pc버전 로고교체 방법에 대해서 알아보겠습니다 스킨을 구입한 곳에가서 매뉴얼을 확인하세요 매뉴얼은 스킨을 만든 회사마다 달라요 디자인을 변경하시기 전에 매뉴얼을 꼼꼼하게 살펴보는것이 많은 도움이 됩니다 저희는 로고를 변경할거기 때문에 '로고' 로 검색했습니다 이런 내용을 읽고 그래서 찾아 들어가는 중입니다 찾아 들어갔더니 원본 이미지를 다운도드 받을 수 있습니다 그리고 매뉴얼도 확인할 수 있습니다 그리고 FTP 경로에 대해서도 나오는데요 sde_design/skin(스킨번호)/_dj/img 폴더안에 수정된 로고를 넣으면 됩니다. 이 부분은 미리 카피해서 메모장에 넣어두었습니다 경로를 나중에 확인해야 되기때문에 꼭 메모장에 넣어두세요 매뉴 바로가기..
웹사이트만들기01 - 웹사이트를 워드프레스로 만들어야하는 3가지 이유 웹사이트만들기 - 웹사이트를 워드르레스로 만들어야하는 3가지 이유 워드프레스로 웹사이트 만들기 첫번째 시간입니다 웹사이트를 워드프레스로 만들어야하는 세가지 이유에 대해서 얘기하겠습니다 2021년 기준 전 세계 웹 사이트의 39.7%가 워드프레스로 구축되어 있다고 합니다 워드프레스는 사용자가 많은 전 세계적인 오픈 소스이기 때문에 레퍼런스나 테마 플러그인 등이 매우 다양해서 원하는 목적에 맞게 기능을 넣어 만들 수 있습니다 디자인과 기능이 뛰어난 테마가 많습니다 워드프레스에서 테마는 일반 사이트의 레이아웃과 같습니다 쉽게말해 사이트의 전체적인 구조와 디자인을 담당합니다 테마를 구매하거나 무료 테마를 써서 사이트의 디자인을 쉽게 바꿀 수 있다는 점이 워드프레스의 장점입니다 유료 테마를 구입할 때는 주로 테마..
쇼핑몰만들기 - 대표스킨 설정 쇼핑몰만들기 - 대표스킨 설정 쇼핑몰만들기 6번째 시간 대표스킨 설정에 대해서 설명하겠습니다 디자인관리로 들어가주세요 디자인 보관함으로 들어가주세요 우리가 선택한 스킨이 여기 있는 것을 확인할 수 있어요 스킨을 구입할 때 스킨회사에서 아이디 비번을 요구하거든요 매우 중요한 내용이 있는데 스킨을 그냥 쓰시면 안돼요 스킨을 복사해서 원본을 꼭 보관하고 있어야해요 작업을 하다가 문제가 생길 수도 있거든요 그러면 원본으로 다시 작업을 할 수 있으니까 원본은 꼭 보관을 해주세요 복사를 하겠습니다 복사 디자인 명이 똑같이 오코스 반응형 모바일 무료원본 언더바 수정금지라고 넣어주세요 혹시 다른사람이 수정할 수 도 있으니까요 그런 다음에 '오코스 반응형 모바일 무료' 이 스킨으로 우리가 작업을 할 거든요 선택을 하시고..

티스토리툴바