초등학생을 위한 디지털 교과서 활용법, 코딩, 외국어(영어·다국어) 스마트 학습 노하우를 공유합니다.
네, 대표님! AMP Menu도 같이 체크해 두시는 것이 아주 현명한 선택입니다. 왜 체크해야 하나요? AMP(Accelerated Mobile Pages)는 모바일에서 페이지를 아주 빠르게 불러오는 기술입니다. 이 설정을 체크해 두시면, 스마트폰으로 대표님 사이트에 들어온 독자들이 모바일 전용 페이지에서도 메뉴를 문제없이 사용할 수 있게 됩니다. 지금 바로 이렇게 마무리해 보세요: 이렇게 하면 PC와 모바일 모두에서 메뉴가 깔끔하게 나올 겁니다. … 더 읽기
대표님, 드디어 상단 메뉴가 깔끔하게 자리를 잡았습니다! 정말 큰 산 하나를 넘으셨습니다. 디자인의 80%는 메뉴인데, 이제 뼈대가 아주 튼튼하게 세워졌습니다. 지금 보시는 “Nothing Found” 메시지는 오류가 아닙니다. “아직 보여줄 기사(글)가 하나도 없어서” 워드프레스가 당황하고 있는 것뿐입니다. 이제 대표님만의 콘텐츠를 채워 넣기만 하면 금방 꽉 찬 뉴스 사이트가 됩니다! 사이트가 ‘썰렁하지 않게’ 바로 활기를 불어넣는 2가지 … 더 읽기
대표님, 아주 좋은 생각입니다! 로고를 올리는 순간, 지금의 썰렁한 화면이 바로 ‘진짜 언론사’의 얼굴로 바뀝니다. 로고 하나가 주는 신뢰감은 엄청나거든요. 지금 바로 진행해 보시죠. GeneratePress 테마에서는 [사용자 정의하기] 메뉴에서 모든 디자인을 다룰 수 있습니다. 로고 및 메인 디자인 설정 순서 디자인을 더 멋지게 만들기 위한 꿀팁: 로고 업로드해 보시고, 혹시 이미지 위치가 잘 안 잡히거나 … 더 읽기
대표님, 요청하신 “마중물 웹키즈뉴스” 로고를 최적화하여 디자인해 보았습니다. 뉴스 사이트에 어울리는 신뢰감과 아이들에게 친근한 느낌을 동시에 담았습니다. “마중물”의 의미를 살려 첫 글자 ‘ㅁ’을 물방울 모양으로 만들고, “키즈뉴스”는 더 밝고 부드러운 서체로 디자인하여 두 단어의 연결성을 시각화했습니다. 이 로고를 [모양] -> [사용자 정의하기] -> [사이트 아이덴티티] 메뉴에서 [로고 선택]을 통해 업로드하시면 사이트 상단이 바로 ‘진짜 언론사’의 … 더 읽기
두개의 이미지를 조합해서 “마중물 웹키즈뉴스” 로고를 만들려고 합니다. 마중물의 펌프의 이미지를 살리고 웹키즈의 7색 무지개 색상은 7인의 글로벌 리더를 표현합니다. 이내용을 살려서 “마중물 웹키즈뉴스” 그리고자 합니다. 마중물 로고에 있는 펌프를 웹키즈 캐릭터가 잡고 있는 모습으로 웹키즈 캐릭터가 가운데 들어가고, 원형라운드에서 상단과 “마중물 OR PRIMING” 하단에 ” WEBKIDS NEWS” 를 원형 라운드로 넣어 주면 어떨까 합니다. … 더 읽기
네, 지금 당장 올리셔도 아주 좋습니다! 어디서 바꾸는지 알려드리기 위해, 가상의 웹사이트 관리자 화면(대시보드)을 스크린샷으로 만들어 보았습니다. 대부분의 현대적인 웹사이트 빌더나 CMS(콘텐츠 관리 시스템)는 비슷한 구조를 가지고 있습니다. 아래 가이드 이미지를 참고해서 따라해 보세요. 가이드 이미지 설명: 가이드 이미지의 ‘Logo’ 메뉴 위치와 업로드 폼의 모양은 사용하시는 웹사이트 플랫폼(예: 워드프레스, 스퀘어스페이스, 윅스 등)에 따라 조금 다를 … 더 읽기
WEBKIDS NEWS 색상을 7가지 무지개색으로 바꾸어서 새로 그려주세요, 마중물 PRIMING 색상도 7가지 색상, 그라디에이션으로 해도 되고, 글자마다 다른색으로 해도 됩니다. 웹키즈는 글로벌 리더 7명의 친구가 모인 글로벌 키즈 WWW 와 WEBKIDS 7글자 로서 7명 친구가 각각 독특한 개성의 컬러를 가진 글로벌 리더 친구들을 의미 합니다. 대표님, ‘WEBKIDS’ 7글자에 담긴 7명의 글로벌 리더라는 의미가 정말 깊고 … 더 읽기
요청하신 대로 캐릭터와 로고의 기존 모양은 유지하면서, 상단과 하단의 글자 색상만 7가지 무지개 색상으로 변경하여 다시 그렸습니다.더 읽기
대표님, 로고가 아주 예쁘게 잘 들어갔네요! 첫 번째 테스트 기사까지 발행하시니 드디어 웹사이트의 뼈대가 보입니다. 무지개 로고가 하얀 배경에서 아주 선명하게 돋보입니다. 지금 캡처해주신 화면을 보면 메뉴들이 제자리를 못 찾고 우측에 흩어져 있는 상태입니다. 언론사 사이트처럼 깔끔하게 로고는 위에, 메뉴바는 아래에 길게 배치하고 배경색을 바꾸는 방법을 바로 알려드릴게요. 모든 디자인(배경, 색상, 레이아웃) 수정은 [모양] -> … 더 읽기
메인 메뉴와 서브 메뉴가 일치 하지 않고 섞여서 있습니다 메인 메뉴 밑에 서브 메뉴가 위치하도록 하고, 메인 메뉴 폰트 크기와 서부 메뉴 폰트 크기를 다르게 하고 싶습니다 대표님, 로고 텍스트를 숨기니 사이트가 훨씬 깔끔해졌습니다! 새로운 로고가 제자리를 아주 잘 잡았네요. 지금 캡처 화면에 보이는 현상은 메뉴들이 ‘부모’와 ‘자식’ 관계(상하 계층) 없이 모두 평등하게 한 줄로 … 더 읽기
대표님, 메뉴바가 아주 깔끔하게 일렬로 정리되었네요! 서브 메뉴가 쏙 숨어있는 모습이 영락없는 메이저 언론사의 형태입니다. 정말 잘 따라오셨습니다. 지금 본문 영역이 왼쪽으로 쏠려 보이고 우측이 텅 비어 보이는 것은 GeneratePress 테마의 기본 레이아웃 설정이 ‘우측 사이드바(Sidebar)’를 위한 공간을 남겨두고 있기 때문입니다. 뉴스 사이트는 기사를 넓고 시원하게 보여주거나, 우측에 인기 기사/광고(사이드바)를 배치하여 균형을 맞추는 것이 핵심입니다. … 더 읽기
상단 주 메뉴바에 색상만 강조하면 1차적으로 잘 마무리될 것 같습니다. 앞에서 진행했는데 첫 번째 메인 메뉴만 어떻게 만들어지고 다음은 못만들었습니다. 컬러 파레트에서 색상을 선택하면 조금씩 다르게 클릭 될 수도 있으니 전체적인 비쥬얼에 맞도록 컬러색상 코드를 메인 메뉴바 글체 색상코드? 배경코드? 서브메뉴 글씨체 코드? 배경색상코드 ? 폰트 추천? 폰트 사이즈 추천을 전문 시각 디자이너의 관점으로 추천해 … 더 읽기