본문 바로가기

Tips&Tricks3

시놀로지 서버에 워드프레스 설치해서 웹사이트 구축하는 방법 안녕하세요. 혀코입니다. 웹사이트 호스팅에는 많은 비용이 듭니다. 아주 조그마한 웹사이트를 호스팅 하더라도 1년에 10만원 정도 호스팅에 지출됩니다. 그런데 시놀로지 서버에는 웹하드 기능뿐만 아니라 웹사이트 호스팅 기능이 있어 호스팅 비용을 절감할 수 있습니다. 그래서 이번 시간에는 호스팅 비용을 아낄겸해서 시놀로지 서버에 워드프레스를 설치해서 웹사이트를 구축하는 방법에 대해서 알아보도록 하겠습니다. 시놀로지 DSM 버전 확인 시놀로지에 워드프레스를 설치하기에 앞서 설치를 진행할 시놀로지의 DSM 버전을 확인해 보겠습니다. 만약 버전이 다를 경우, 아래 스크린 샷들과 약간 다를 수 있으니 참고 부탁 드립니다. 시놀로지의 DSM 버전은 제어판에서 제일 하단에 위치한 업데이트 및 복원 메뉴에서 확인 하실 수.. 2022. 7. 11.
웹사이트 검색엔진최적화(SEO) 개선 체크리스트 안녕하세요. 혀코입니다. 티스토리 블로그를 만들었다든가, 웹사이트를 만들었는데 방문자 수가 적게 나오는 경우 해당 웹사이트가 검색엔진최적화 되었는지 확인해 봐야합니다. 만약 구글 검색을 해봤을때 구글 또는 Bing에서 검색 결과 페이지에 포스팅한 글이 리스팅이 안된다면 SEO가 최적화 안되었다고 봐야합니다. 그래서 이번 시간에는 웹사이트 검색엔진최적화(SEO)의 체크리스트를 알아보고 구체적으로 어떻게 개선을 해야하는지에 대해서 알아보겠습니다. 1. 구글 서치 콘솔(Google Search Console(GSC))에 웹사이트를 등록합니다. 티스토리나 웹사이트를 만들었다면, 해당 블로그나 웹사이트가 구글에서 검색이 가능하도록 등록을 해줘야 합니다. 마치 새로운 집으로 이사했을 때 동사무소나 구청에 전입신고 .. 2022. 7. 7.
이미지 파일이 없는 경우 대체 이미지 보여지도록 설정하는 방법 안녕하세요. 혀코입니다. 웹사이트에 예전에 올린 이미지 파일이 삭제되는 경우, 이미지가 깨져서 웹사이트에 표시되는 경우가 종종 있습니다. 그래서 이번 시간에는 이미지 파일이 없는 경우에 대체 이미지를 보여지도록 설정하는 방법에 대해서 알아보겠습니다. 이미지 태그에 이미지 파일이 없는 경우의 소스코드입니다. 프리뷰를 보면 다음과 같이 이미지가 깨져서 표시가 되는 것을 확인할 수 있습니다. 여기서 대체 이미지를 사용하려면 onerror attribute를 사용해서 대체 이미지를 대신 표시할 수 있습니다. 이미지가 깨진 경우, onerror 가 실행되며, onerror의 javascript 내용을 보면, 이미지 소스를 디폴트 이미지인 fallback.png로 변경하고 이 이미지의 alt attribute의 값.. 2022. 7. 6.