소스 몰라도 글자 내용 홈페이지 수정하기 Tip 그누보드- 누구나 쉽게 만드는 회사 홈페이지 만들기

홈페이지를 만들 때 소스를 모르는 상태에서 내용을 수정하기란 어렵습니다.

1. 홈페이지 내 글자 형태를 확인합니다.

닷홈에서 테마을 설치를 했었죠?  아래의 이미지를 보면 텍스트를 드래그되는 걸 볼 수 있어요. 

 

텍스트가 드래그 되면 텍스트로 적힌거에요~ 이미지이면 각각 테스트가 나눠져서 드래그 되지 않아요

이런 형식은 텍스트 형태이며 바로 비주얼 스튜디오에서 수정할 수 있습니다. 비주얼 스튜디오 코드를 접속합니다.

테마 설치 방법 보기

비주얼스튜디오코드(Visual Studio Code) 설치 + ftp 로그인 방법

 

2. 비주얼 스튜디오 코드 글자 수정 방법

• 홈페이지 수정할 글자를 드래그해서 복사해주세요.
• 비주얼 스튜디오 코드 에서 해당 파일 열기 ex) html > home> theme > company(내가 업로드한 테마 이름이 뜹니다.) > index.php 열기
•  Ctrl + F를 치면 검색창이 뜹니다.
• 복사했던 글자를 붙여 넣기 합니다.
• Enter를 치면 차례차례 복사한 글을 찾습니다. 
• 글자 수정
• Ctrl  + s를 치면 자동 저장됩니다.

3. 직접 수정해볼까요?

아래의 이미지에서 TRANSACTIONS 글자를 수정해 보겠습니다.

 

비주얼 스튜디오 코드로 와서 html > home> theme > company(내가 업로드한 테마 이름이 뜹니다.) > index.php 열어주세요.  ( ※ html > home(내가지정한폴더이름) 은 닷홈에서 홈페이지 만들었을 때 경로입니다. )

 

 

Ctrl + F를 치면 검색창이 뜹니다. 홈페이지에서 수정할 글자를 복사해 검색창에 붙여 넣기 해줍니다.

그리도 Enter를 치면 해당 글자를 찾아줍니다.

 

 

여기서 유의할 점!

검색해서 찾을 때 한 개만 나오기 않고 여러 개 나올 수가 있어요.

그 이유는 그 글자로 소스의 이름을 설정한 경우인데요.

그 소스로 글자 폰트 색상 위치 등을 변경하게 됩니다.

 

소스코드를 보지 못하는 분들에게 팁!! 

 

 

위의 이미지를 보시면 id = 그리고 " "  땡땡 이사이에 글자 transactions로 되어 있는 경우는 우리가 수정할

글자가 아닙니다. 

그럼 어떤 것을 수정해야 하냐?! 

 

 

이것처럼 > <  글자 양옆으로 서로 닫혀있는...> TRANSACTIONS </H2>

요 글자를 형태인 부분을 수정해주면 되고 소스의 색상으로도 구분 가능하게 되어있습니다.

글자는 다른 색(흰색)으로 표기가 되어 나옵니다.

 

 

글자를 company로 수정하였습니다. Ctrl  + s 저장합니다.

 

홈페이지 어떻게 바뀌었나 볼까요?

 

이렇게 텍스트를 하나하나 나에게 맞게 수정할 수 있습니다.