AtoM 화면 레이아웃 디자인 변경 및 반응형 아키텍쳐 구조 변경 관련 안내
AtoM에서 기본적으로 제공하는 디자인 테마는 현재까진 arDominionPlugin 테마와 arArchivesCanadaPlugin 테마 두 가지인데 둘 다 심미적인 디자인 보다는 기능과 효율성을 중시한 측면이 강합니다.
이들 테마는 기본적으로 모바일에서도 최적화된 페이지를 볼 수 있는 반응형 웹(Responsive Web Framework)이 적용되어 있어서 단조로운 구성으로 디자인 되었으며, 웹페이지의 레이아웃 디자인은 CSS(Cascading Style Sheet)가 제어하고 있습니다.
국내의 관공서 홈페이지 같은 예쁘고 복잡한 디자인에 익숙한 사람들이 보기에는 AtoM의 디자인은 너무 직관적이고 단조롭게만 느껴질 가능성이 큽니다.
하지만 직관적이고 기능적인 면과 효율성을 중시한다면 반응형 웹 프레임워크로 제작된 AtoM은 생각보다 훨씬 잘 만들어진 소프트웨어입니다.
AtoM에 적용된 반응형 웹을 위한 소스코드는 단순해 보이는 사이트 외관과는 달리 생각보다 복잡한 구조로 되어 있습니다.
따라서, 국내 환경에 맞는 디자인을 위해서 사이트의 레이아웃과 디자인을 변경해야 하는 경우에는 생각보다 어려운 점이 많을 수 있습니다.
어려운 점이 많다는 것은 커스터마이징을 위한 비용과 인력, 시간이 소요될 수 있다는 것을 의미합니다.
이 말은 결국 디자인을 변경치 않고 그대로 쓰면 공개 소프트웨어이므로 돈이 들지 않지만 기관이나 단체가 쓰기에는 생소하고 아쉬운 디자인이기 때문에 이를 고치기 위해 결국 추가적으로 비용이 들 수 있다는 얘기입니다.
여기서는 많은 비용이 들 수 있는 일반적인 외주 커스터마이징 개발이 아닌 개인적으로 또는 주변에 디자인을 조금 다룰 수 있는 분들에게 부탁해서 최소한의 노력으로 웹페이지 레이아웃과 디자인을 변경할 수 있는 방법을 알려드리고자 합니다.
현재 AtoM의 기본 화면 레이아웃과 디자인을 극복하고 몇 가지 프로토타입을 제시하기 위한 전반적인 커스터마이징 작업을 실시하고 있습니다.
몇 가지 프로토타입이 나오게 되면 호스팅을 원하는 기관이나 단체들이 보다 국내 환경에 가까운 디자인의 AtoM을 적용할 수 있을 것으로 보입니다.
그 진행 내용 및 결과에 대해서는 계속 알려드리겠습니다.
AtoM의 기본 레이아웃을 변경할 수 있는 소스 파일은 다음과 같습니다.
그 밖의 소스코드들은 계속 업데이트하겠습니다.
+ arDominionPlugin 테마 기준
1. min.css
위치 : /arDominionPlugin/css/
2. main.less
위치 : /arDominionPlugin/css/
3. _header.php
위치 : /apps/qubit/templates/
4. _footer.php
위치 : /apps/qubit/templates/
5. layout.php
위치 : /apps/qubit/templates/
6. layout_1col.php ~ layout_3col.php
위치 : /apps/qubit/templates/
7. homeSuccess.php
위치 : /apps/qubit/modules/staticpage/templates/homeSuccess.php
8. popular.php
위치 : /apps/qubit/modules/default/templates/_popular.php
소스코드의 직접적인 수정을 통해서 커스터마이징된 AtoM 디자인 프로토타입이 궁금하신 분들은 아래의 사이트를 참고하시기 바랍니다.
+ 첫번째 AtoM 디자인 프로토타입(customizing 완성도 10%)
+ 커스터마이징 이전의 AtoM 기본 디자인을 보시려면 아래의 사이트를 참고하시면 됩니다.