제 1주제:WordPress 이해하기
WordPress(이하 워드프레스)는 CMS Tool이다
CMS는 Contents Management Service의 약자로 데이터를 create read update delete하는 과정을 management라고 하고, 이러한 기능을 제공해주는 도구를 CMS Tool이라고 한다
워드프레스는 테마를 골라 디자인을 마음가는대로 수정이 가능하고 목적에 따라 제작한 웹사이트를 다양하게 활용 가능하고, 사용자들 간에 커뮤니티를 통해 쉽게 소통하고 서비스를 이용할 수 있다는 특징을 갖는다
워드프레스는 웹사이트 자체를 만들어 사용할 수도 있고, 블로그 형식, Headless CMS(Hybrid App) 형식으로도 만들 수 있다
보통 기존에 우리나라 기준으로 보통 html, css, js로 만드는 게 대다수였다
근데 그렇게 만들어진 웹사이트를 리뉴얼하려고 하면 이전에 작성된 코드들을 분석해야하는데 그럴 시간이면 새로 사이트를 하나 만드는 게 훨씬 이득이다
그래서 워드프레스가 유지보수면에서도 유리하다고 하는 것이다
Microsoft, GNOME, 월트 디즈니, 메타 등등 다양한 유수의 기업들에서 자사 웹사이트를 워드프레스로 만들어 사용하고 있다
참고로 과거에 서울시에서도 대표 홈페이지 제작을 위해 워드프레스를 사용한 적이 있다
국내 예시) KG이니시스, 대한항공, 카페24…
근데 과연 이 사람들이 돈이 없거나 실력이 부족해서 워드프레스로 만들었을까?
절대 그럴리가 없다
이 기업들은 각 회사의 핵심 기술을 개발하는데 더 시간을 쏟아야 하기 때문에
단순히 소식 전달을 위해 필요할 뿐인 웹사이트에 큰 노력을 할애할 필요가 없었기 때문이다
워드프레스가 동작하기 위해서는 APM과 도메인이 필요하다
여기서 APM은 Apache, php, MySQL을 말한다
원초적인 방법으로 워드프레스를 설치하는 과정은 아래와 같다
1. Domain 설정
2. 호스팅 서버 설정
3. 워드프레스 다운로드
4. FTP 업로드
5. 워드프레스 설치
6. Theme & Plugin 설정
하지만 우리는 이전 시간에 설치했던 CloudPanel을 이용해서 좀 더 간단하게 워드프레스를 설치해볼 것이다
CloudPanel에 로그인하고 내 워드프레스 사이트에 들어가서 설정창에서 위와 같이 세팅해준다
워드프레스 설정을 마쳤다면 먼저 테마부터 선택해야한다
이번 수업시간에는 Blocksy 테마로 작업하기로 해서
이렇게 테마 설치 후 설정을 해주었다 참고로 Blocksy 테마를 사용할 때 Blocksy Expansion이라는 추가 확장판을 설치해주면 테마를 좀 더 편리하게 사용할 수 있다
몇몇 테마들 중에는 테마 설치시 child theme도 설치하시겠습니까? 라고 묻는데, 이때 child theme는 설치하는 것이 좋다
내가 A라는 테마를 선택해서 내용의 일부를 수정해서 웹사이트를 운영 중이었을 때, 테마의 자동 업데이트에 의해 테마 버전이 업데이트되더라도 기존에 내가 수정해놓은 부분이 테마의 규칙에 위배되지 않는 한 정상적으로 동작되게 하기 위해서 child theme가 필요하기 때문이다
그리고 plugin(이하 플러그인)이라는 것도 있는데, 이건 ... 간단히 말해서 VScode의 확장팩같은 것이라고 이해해주면 좋을 것 같다 사이트 구동을 위해서 여러 개의 플러그인을 마구 설치했을 때 간혹가다 플러그인끼리 충돌이 발생할 수 있으니 주의해야한다
만약 그런 일이 발생했을 경우에는 플러그인을 하나하나 껐다켜보면서 무엇이 문제를 일으키는 원인인지 확인해주면 된다
참고로 플러그인의 업데이트 최신 버전이 1년까진 괜찮지만 그 이상 업데이트된 기간이 오래되었다면 Apache나 기타 설정들과 충돌되거나 데이터가 완전히 박살날 수도 있다
그래서 플러그인을 고를 때는 그런 부분을 잘 확인해서 골라야한다
그리고, 웹사이트를 운영할 땐 SEO 설정이 중요하다
SEO는 Search Engine Optimization의 약자로, 검색엔진 최적화를 의미한다 검색 광고 최적화와는 조금 비슷하지만 결이 다른 용어이다
SEO를 구축하면 광고가 아닌 자연적인 검색 결과를 통해 인터넷 트래픽의 양과 질을 극대화하여 웹사이트의 기술적인 부분을 개선하여 검색엔진으로 하여금 웹사이트의 콘텐츠를 잘 전달할 수 있기 때문에 이를 최적화가 된 상태로 볼 수도 있지만, 사용자들에게 양질의 콘텐츠를 많이 제공함으로써 여러 관련 키워드로 검색 결과 페이지에 노출이 되어 웹사이트의 온라인 가시성을 개선하는 마케팅 작업이야말로 SEO라고 할 수 있다
[참고]
SEO의 뜻과 검색엔진최적화 방법 총정리 2024
이제 기본적인 워드프레스 설치가 완료되었다
워드프레스는 기본적으로 반응형 웹사이트를 제공한다
반응형이란, 데스크탑, 모니터, 모바일 등 접속한 기기의 화면 사이즈에 맞추어 접속화면을 조절해서 보여주는 기능을 말한다
F12번 버튼을 눌러서 좌측의 화면 크기를 2560 X 1440 으로 맞추면 QHD 화면에서 어떻게 보이는지 알 수 있다
그런데 왜 이렇게 큰 사이즈까지 맞춰봐야할까?
최근 들어 TV로도 디바이스를 연결하여 접속해볼 수 있기 때문에 이 부분도 고려해야한다 우리나라에서 사용되는 모니터 중 가장 작은 것이 22인치이기 때문에 배포 전 꼭! 체크를 해야한다
참고로 요렇게 데스크톱, 태블릿, 모바일에 따라 섹션을 숨길 수도 있다
그리고 데이터 백업 시에 업드래프트 플러그인을 사용하면 사이트 전체의 데이터를 백업할 때 엄청나게 유용하다 백업 작업과 백업된 자료를 업로드해서 적용하는 것까지 모두 구축되어있어서 백업 적용까지 빠르게 진행이 가능하다
제 2주제:WordPress로 나만의 포트폴리오 사이트 제작하기
https://2022564004.ksecole.kr/ 으로 접속하면 웹사이트 확인이 가능합니다
La Piscine
※ 이미지 클릭 시 pdf 파일 보기 가능
