본문 바로가기

Try/web

(36)
[그누보드] 로고 바꾸기 안녕하세요. 플입니다. 오늘은 그누보드에서 로고를 바꿔볼게요. 1. 이미지 확인 그누보드에서 로고는 이미지 파일이 올라가 있기 때문에 코드를 건드리지 않고 이미지만 수정해도 좋습니다. 그렇다면 이미지는 어디에 있는가! 일단 받아두신 그누보드를 열어서 img 폴더에 들어가 줍니다. 제가 이름을 변경해줬는데 기존 로고가 이런 식으로 두 개 들어있을 거예요. 앞에 m이 붙은 것은 모바일입니다. 이 이미지만 바꿔서 올려주면 되기 때문에 로고 변경은 그다지 어려운 부분은 아니에요. 일단 원본 이미지는 혹시 모르니까 저처럼 이름을 살짝 바꿔서 가지고 있어 주세요. 2. 로고 이미지 넣기 준비해둔 로고 이미지를 넣어주세요. pc만 넣으시면 안 되고 모바일도 같이 넣어주세요. 저는 그냥 같은 사이즈의 이미지를 넣었어요..
[그누보드] 이름 바꾸기 안녕하세요. 플입니다. 오늘은 그누보드의 이름을 변경해볼게요. 1. 이름 이름은 여기 탭에서 나오는 부분을 말해요. 보통 태그 안쪽에 태그에 적는 그 이름이죠. 무슨 소리인지 모르시겠다고요? 괜찮습니다. 몰라도 그누보드에서 충분히 변경이 가능해요! 2. 로그인 일단 관리자 아이디로 로그인해주세요. 그누보드를 처음 만들었을 때 그 관리자 아이디요. 3. 관리자 페이지 오른쪽 위에 보시면 관리자 페이지로 가는 메뉴가 있어요. 콕 클릭해서 관리자 페이지를 열어주세요. 관리자 페이지 왼쪽 메뉴를 보시면 환경설정 > 기본 환경설정 메뉴가 있어요. 기본 환경설정에 들어가 주세요. 4. 이름 바꾸기 홈페이지 제목 란에 원하는 이름을 넣어주시면 됩니다. 기본은 그누보드 5라고 되어있을 거예요. 이름을 바꿔주시고 오른쪽..
[github] 버전 관리 하기 안녕하세요. 플입니다. 오늘은 github에서 버전 관리를 해볼게요. 1. 프로젝트 깃허브의 왼쪽을 보시면 자신이 만든 프로젝트 목록을 확인할 수 있어요. 버전 관리를 하고 싶은 프로젝트를 들어가 줍니다. 프로젝트 목록을 선택하면 들어갈 수 있어요. 프로젝트 생성 방법이 궁금하시다면 아래 링크에서 확인해주세요. https://ssimplay.tistory.com/11 [Github] 깃허브에 웹사이트 등록하기 안녕하세요. 플입니다. 오늘은 깃허브에 웹사이트 등록하는 법을 알아볼게요. 1. 깃허브 회원가입 우선 깃허브에 회원가입을 해주세요. 순서대로 이름/이메일/비밀번호를 입력해주시면 회원가입을 간편하게 할.. ssimplay.tistory.com 2. 파일 업로드 저는 주로 에디터 프로그램으로 작업을 하..
[그누보드] 설치하기 안녕하세요. 플입니다. 오늘은 그누보드를 설치해볼게요. 1. 다운 https://sir.kr/main/g5/ 그누보드, 영카트, 워드프레스용 쇼핑몰 배포 그누보드, 영카트 개발사로 웹사이트와 쇼핑몰을 무료로 만들수 있는 수많은 솔루션을 무료로 제공하고 있으며 다국어버전도 배포하고 있습니다. sir.kr 먼저 위의 주소로 들어가 그누보드를 다운받아주세요. 위의 주소로 들어가면 이런 화면이 나오는데 바로 보이는 그누보드5에서 다운로드를 눌러주세요. 게시판 가장 위에 있는 글이 최신판이에요. 가장 최신 버전을 다운로드하여주세요. 첨부파일을 다운로드하여주세요. 뭔지 잘 모르겠으면 일단 횟수가 많은걸 다운로드합시다. 압축파일을 다운받아서 압축을 풀어줍시다. 2. FTP 접속 그누보드 설치를 하고 싶은 사이트의 f..
[아임웹] 글 변경하기 안녕하세요. 플입니다. 오늘은 아임웹에서 글을 변경해보겠습니다. 1. 디자인 모드 내사이트 > 관리 버튼을 클릭해 관리 페이지를 열어줍니다. 관리 페이지의 왼쪽 메뉴 중 디자인 모드 메뉴를 클릭해 디자인모드 페이지를 열어줍니다. 2. 글 변경 변경하고 싶은 글에 마우스를 올리면 블록처리가 되면서 파란색 배경이 들어간 모습으로 보입니다. 그 상태로 글을 더블클릭하면 글 내용을 수정할 수 있습니다. 이제 원하는 문구로 글을 수정하면 완성! 그럼 이만. 총총.
[아임웹] 제공 이미지 사용하기 안녕하세요. 플입니다. 오늘은 아임웹에서 제공하는 이미지를 이용해 이미지 변경을 해보겠습니다. 1. 디자인 모드 내사이트 > 관리 를 순서대로 클릭해 관리 페이지를 열어줍니다. 관리 페이지에서 왼쪽 메뉴를 보면 디자인 모드라는 메뉴가 있습니다. 디자인 모드를 선택해 디자인을 변경해봅시다. 2. 이미지 설정 디자인 모드로 넘어왔다면 변경하고 싶은 이미지에서 마우스 오른쪽 클릭을 해줍니다. 오른쪽 클릭을 하면 나오는 메뉴 중 가장 위에 있는 이미지 설정을 선택합니다. 이미지 설정에 들어가면 이미지 미리 보기 화면과 세세한 설정이 가능합니다. 미리보기 화면에 마우스를 올리면 메뉴가 뜨는데 가장 마지막에 무료 이미지라는 메뉴를 선택합니다. 3. 이미지 선택 아임웹에서 제공하는 이미지가 카테고리 별로 정리가 되어..
[아임웹] 로고 변경하기 안녕하세요. 플입니다. 아임웹에서 로고를 변경해보겠습니다. 1. 디자인모드 내사이트 > 관리 메뉴를 클릭해 관리자 페이지로 들어가 줍니다. 왼쪽 메뉴를 보시면 디자인모드라는 메뉴가 있는데 클릭해서 디자인모드를 열어줍니다. 2. 상단설정 로고는 위에 표시된 부분을 변경할 것입니다. 우측 상단에 상단설정 메뉴를 클릭해주세요. (너무나 우리를 쳐다보는 시선이 느껴지지만 무시합니다.) 3. 로고 설정 상단 설정 페이지에 들어오면 로고를 변경할 수 있습니다. 로고에 마우스를 올리고 오른쪽 클릭을 하면 메뉴를 확인할 수 있습니다. 메뉴 중 로고 설정을 클릭해주세요. 간단하게 이름만 바꾸고 싶다면 표시된 부분, 타이틀명에서 이름을 변경해줍니다. 코딩을 몰라도 디자인을 간편하게 변경할 수 있습니다. 원하는 폰트를 골라..
[아임웹] 여백 추가하기 안녕하세요. 플입니다. 아임웹에서 여백을 추가해보겠습니다. 1. 디자인 모드 내사이트 > 관리 버튼을 클릭해 관리 페이지로 넘어갑니다. 관리 페이지 왼쪽 메뉴를 보면 디자인 모드 메뉴가 있습니다. 디자인 모드를 클릭합니다. 2. 추가 하기 여백을 넣고 싶은 곳의 경계에서 마우스를 움직이다 보면 +모양의 버튼이 나타납니다. +모양 버튼을 클릭해주세요. 여러 가지를 추가할 수 있는데 그중 여백을 선택합니다. 3. 여백 설정 여백이 만들어지면 여백에서 오른쪽 클릭을 해 여백 설정을 할 수 있습니다. 여백 설정 메뉴를 클릭합니다. 설정창이 뜨면 원하는 높이를 설정해줍니다. 저는 50px정도를 설정했습니다. 설정 창을 닫고 나오면 여백 설정이 완료된 것을 확인할 수 있습니다. 그럼 이만. 총총.
[아임웹] 비주얼 글자 수정 안녕하세요. 플입니다. 아임웹에서 비주얼 부분 글자를 수정해보겠습니다. 1. 디자인 모드 아임웹 페이지에서 내사이트 > 관리 !! 관리 페이지로 들어가 줍니다. 왼쪽 세로 메뉴에서 디자인 모드를 선택하면 디자인을 수정할 수 있습니다. 2. 비주얼 설정 비주얼 부분에서 마우스 오른쪽 클릭을 하면 비주얼 설정 메뉴를 볼 수 있습니다. 비주얼 설정을 클릭해줍니다. 비주얼 설정 창을 열면 샘플로 있는 글자를 수정할 수 있습니다. 디자인도 원하는 대로 변경이 가능합니다. 글자가 쓰여있는 곳을 클릭해서 원하는 문구로 수정합니다. 3. 코드로 수정 아 나는 코드로 수정하고 싶은데? 라는 생각이 들면 맨 오른쪽 코드 버튼을 클릭해줍니다. 라고 쓰여있는 버튼입니다. 코드를 몰라도 괜찮습니다. 뭔가 문구가 적혀있는 부분인..
[아임웹] 사이트 이름 바꾸기 안녕하세요. 플입니다. 오늘은 아임웹에서 만든 사이트의 이름을 변경해보겠습니다. 1. 관리 아임웹에 로그인 후에 오른쪽 상단 내사이트 버튼을 클릭합니다. 관리하고 있는 사이트 목록이 쭉 나오는데 그중 수정이 필요한 사이트의 관리 버튼을 선택합니다. 2. 기본 설정 관리 페이지로 넘어오면 왼쪽에 있는 메뉴에서 환경설정 > 기본 설정 메뉴를 선택합니다. 기본 설정 페이지 맨 상단에 사이트 이름을 원하는 이름으로 변경하면 됩니다. 원하는 이름을 적었다면 우측 상단의 저장 버튼을 누르면 완료입니다. 간편하게 이름을 변경해봤습니다. 그럼 이만. 총총.