Study/Etc

닷홈으로 호스팅하기 & 워드프레스

posey 2023. 1. 9. 09:42

 

  • UI/UX 반응형 웹디자인&웹퍼블리셔 개발자 과정 - DAY 82



Review

 

 

 오늘은 워드프레스를 이용해서 사이트를 호스팅하는 작업을 했다.

흔히들 워드프레스를 이용하면 간편하게 사이트를 만들 수 있다고 하지만, 이것 역시 쉽지 않다는

생각이 들었다.

 

내 스스로 페이지를 만들기 위해 코딩을 하다보면 물론 어려움에 닥칠 수 있지만, 나는 남이 만들어

놓은 것을 수정하는 것도 결코 쉬운 작업은 아니라고 생각한다.

 

워드프레스 내에 여러 플러그인도 설치해야하고, 카테고리 하나하나 들어가서 메뉴를 추가하고,

글을 추가하고, 순서를 배열하고... 등

처음 해봐서 그런지 엄청 복잡하다고 생각했다.

 

나는 내가 코딩하는 것이 더 재밌는 것 같다는 생각을 했다... 초보자의 생각인가?

폰트도 마음에 들지 않고.. 여러모로 엉성한 페이지를 일단 만들긴 했다.

 

내일부터는 반응형 사이트 강의를 들으면서 작업할 예정이다.

 

파이팅 - !

 

 

 

 


 

  • UI/UX 반응형 웹디자인&웹퍼블리셔 개발자 과정 - DAY 82

 

https://ko.wordpress.org/themes/

 

워드프레스 테마 | WordPress.org 한국어

 

ko.wordpress.org

 

워드프레스 라는 것을 사용하게 되면 누구나 홈페이지를 간편하게 만들 수 있다.

엄밀히 말하면 '누구나 간편하게'는 아니겠지만, 그래도 직접 코딩하는 작업하는 시간을 아낄 수 있다.

 

위의 사이트에 들어가보면 여러가지 테마 중 내가 마음에 드는 것을 찾아 작업할 수가 있다.

 

이를 하려면 우선 닷홈에 아이디와 비밀번호가 존재해야하고, 무료 호스팅을 신청해서 내 도메인이 존재

해야한다.

 

그런 다음 파일질라를 다운받아 닷홈에서 받은 내 도메인으로 파일질라에서 로그인을 하면 된다. 

 

 

 

https://ko.wordpress.org/download/

 

Download

Download WordPress today, and get started on creating your website with one of the most powerful, popular, and customizable platforms in the world.

ko.wordpress.org

 

워드프레스를 다운받아서 다운 받은 파일을 파일질라 html 파일에 전송한다.

 

 

 

리모트 사이트 란에서 html 파일을 클릭하면 초기에는 .htaccess, favicon.ico, setup-finish.html

이 3가지 파일만 존재한다.

 

로컬 사이트 란에서 내가 다운 받은 wordpress 파일을 클릭하면, 바로 밑의 칸에 worpress 안에 있는

파일이 쭈루룩 뜬다.

 

그러면 그걸 모두 선택해서 리모트 사이트 바로 밑의 칸에다가 복사해주면 된다.

 

 

 

 

그러고 나서 닷홈에서 만든 내 도메인으로 접속하면 워드프레스를 설치하는 화면이 나타난다.

 

설치 실행을 누르고 사이트 제목, 사용자명, 비밀번호, 이메일 주소를 입력하면 된다.

혹시나 이후에 헷갈릴 수 있으니까 닷홈에서 사용하는 아이디와 비밀번호, 이메일 주소로 통일

하는 것이 좋다.  

 

워드프레스 설치를 누른다 !

 

 

워드프레스를 설치하고 나면 로그인 화면이 나오고 로그인을 하면 된다.

 

 

 

 

로그인을 하면 이런 화면이 나타난다 !

 

 

 

외모를 클릭하고 테마 카테고리로 들어가면 원하는 테마를 설치할 수 있다.

설치 후에 활성화를 누르고 본인의 닷홈 도메인으로 들어가면 활성화된 테마의 페이지가 나타날 것이다.

 

 

 

 

나는 선생님께서 예제 테마를 지정하셔서 이걸로 선택했다.

내 도메인으로 들어가면 이제 이 테마가 적용된 화면이 나타난다.

 

페이지 가장 상단에 '사용자 정의하기' 라는 것이 있는데 그걸 클릭하면 이제 홈 화면에 있는 텍스트나

옵션들을 변경할 수가 있다.

 

 

 

 

나는 어제 선생님께서 샘플로 주신 '아카이브'라는 회사의 페이지로 변경했다.

 

왜인지는 모르겠지만 한국해양교통안전공단의 로고만 변경이 되지 않는다 ㅠ_ㅠ

 

 

'브랜드' 메뉴

 

 

'블로그' 메뉴

 

 

 

'블로그'의 첫번째 글

 

 

'Best Seller' 메뉴 - Microservice

 

 

'Best Seller' 메뉴 - Siliconvelly Leadership

 

 

 

'Direction' 메뉴

 

여기서는 워드 프레스 내의 플러그인을 설치해서 구글 지도를 삽입했다.

 

 

 

 

반응형