워드프레스 일기의 IT & 기타/HTML 22

워드프레스, 티스토리, 블로그스팟 같은 CMS를 이용하면 HTML을 전혀 몰라도 블로그를 운영할 수 있습니다. 하지만 블로그를 운영하다 보면 어느 순간 HTML 코드를 직접 다뤄야 하는 상황이 발생할 수 있습니다.구글 애드센스 광고 코드, 구글 애널리틱스 추적 코드, 사이트 소유권 확인 메타태그, 쿠팡 파트너스 광고 코드 등을 삽입할 때가 대표적입니다. 매뉴얼을 따라 그대로 붙여넣으면 대부분 문제없이 작동하지만, 코드를 잘못된 위치에 넣거나 실수로 기존 코드를 건드리면 사이트 레이아웃이 깨지거나 기능이 망가지는 상황이 발생하기도 합니다.HTML의 기본 구조와 태그의 의미를 조금만 이해하고 있다면, 이런 작업이 훨씬 수월해집니다. 어디에 코드를 넣어야 하는지, 왜 그 위치에 넣어야 하는지 스스로 판단할 수..

select 드롭다운 메뉴를 사용하는 경우 드롭다운은 보통 아래로 펼쳐지고, 드롭다운 메뉴가 하단 근처에 있을 경우에 아래 공간이 충분하지 않으면 위로 펼쳐지게 됩니다. 이 동작은 보통 브라우저에 의해 처리되기 때문에 CSS나 JavaScript를 사용하여 메뉴가 항상 위쪽으로만 펼쳐지도록 하는 것은 쉽지 않을 수 있습니다. 드롭다운 메뉴가 항상 위로 펼쳐지도록 하고 싶은 경우 몇 가지 방법을 생각해 볼 수 있는데, 여기에서는 커스텀 HTML/CSS를 사용하여 항상 위로 펼쳐지도록 하는 방법에 대하여 살펴보겠습니다. select 드롭다운 메뉴 위로 펼치기 다음과 같은 select 드라웁도 메뉴를 사용하여 select 드롭다운 메뉴를 만들 수 있습니다. 검색엔진 사이트 구글 네이버 빙 다음 드롭다운 메뉴가..

워드프레스 테마와 각종 웹사이트 템플릿을 판매하는 엔바토 마켓(Envato Market)의 테마포레스트(Themeforest)에서 4월 한 달 동안 Nafie라는 HTML 포트폴리오 템플릿을 무료로 다운로드할 수 있도록 제공하고 있습니다. 이외에도 워드프레스 우커머스 기부/팁 플러그인인 WooCommerce Donation & Tip과 동영상 템플릿, 뮤직 파일 등도 무료로 다운로드가 가능합니다. HTML 포트폴리오 템플릿 무료 다운로드 - Nafie Nafie는 (개발자 설명에 의하면) 훌륭한 디자인, 고퀄리티 코드 및 디테일한 부분에 신경을 써서 만든 HTML 템플릿입니다. 이 템플릿은 자기소개 사이트, 개인 이력서 사이트 또는 크리에이티브한 포트폴리오 사이트 구축에 적합합니다. 최근에는 HTML로 ..

워드프레스 테마와 플러그인, HTML 템플릿 등 각종 웹사이트 템플릿과 PHP 코드, 동영상 템플릿, 뮤직 파일 등 디지털 자산을 판매하는 엔바토 마켓(Envato Market)에서 2022년 1월 한 달 동안 자기소개 포트폴리오 HTML 템플릿인 Arter를 무료로 다운로드할 수 있습니다. 자기소개 사이트나 포트폴리오 사이트를 제작하려는 경우 다운로드하여 활용할 수 있습니다. 자기소개 포트폴리오 HTML 템플릿 무료 다운로드 최근의 추세는 워드프레스(WordPress) 등의 CMS(콘텐츠 관리 시스템)를 사용하여 홈페이지는 많이 만드는 편입니다. 특히 워드프레스는 전 세계 웹사이트 10개 중 4개 이상에서 사용될 정도로 많이 이용되고 있습니다. 워드프레스를 사용하면 Elementor와 같은 페이지 빌더..

엔바토 마켓에서는 매달 각 마켓에서 한 항목을 선정하여 한 달 동안 무료로 다운로드하도록 제공하고 있습니다. 최근에는 워드프레스 테마는 거의 무료 항목에서 포함되지 않고 있고, 간혹 워드프레스 플러그인이 포함되기도 합니다. 이번 달에는 Bingle이라는 모바일 앤 랜딩 페이지 HTML 테마를 무료로 다운로드할 수 있습니다. Bingle - 모바일 앱 랜딩 페이지 HTML 테마 무료 다운로드 (2021년 7월) 2021년 7월 한 달 동안 무료로 다운로드할 수 있는 Bingle은 SaSS, 스타트업, 앱 랜딩, 소프트웨어 랜딩 웹사이트 템플릿으로 프로페셔널한 웹사이트를 만들 수 있습니다. 지속적으로 콘텐츠를 추가하거나 업데이트해야 하는 사이트의 경우에는 워드프레스와 같은 CMS(콘텐츠 관리 시스템)를 사용..

워드프레스 테마, HTML 템플릿 등 각종 웹사이트 템플릿과 워드프레스 플러그인, PHP 코드 등을 판매하는 엔바토 마켓에서 6월 한 달 동안 개인용 포트폴리오 HTML 템플릿인 Shane을 무료로 다운로드할 수 있습니다. 개인 포트폴리오 사이트를 제작하려는 경우 활용할 수 있습니다. 개인용 포트폴리오 HTML 템플릿 다운로드 요즘은 워드프레스(WordPress)와 같은 CMS(콘텐츠 관리 시스템)을 사용하여 사이트를 많이 만드는 편입니다. 워드프레스를 이용하면 엘리멘터(Elementor)와 같은 페이지 빌더로 코딩 지식이 없어도 멋진 사이트를 만들 수 있는 장점이 있습니다. 또한, 제작 후 업데이트하거나 새로운 페이지를 추가하는 것도 수월하게 할 수 있습니다. 아바다, 엔폴드, 브릿지 등 대부분의 인기..

워드프레스 테마, HTML 웹사이트 템플릿 및 각종 코드, 워드프레스 플러그인, 동영상 템플릿, 뮤직 파일 등을 판매하는 엔바토 마켓 (Envato Market)에서는 매월 각 마켓에서 항목을 하나씩 선정하여 한 달 동안 무료로 다운로드할 수 있도록 제공하고 있습니다. 2021년 2월에는 워드프레스 프리로더 플러그인인 Laser Loader와 다목적 HTML 템플릿인 Bolo 등을 무료로 다운로드할 수 있습니다. 다목적 HTML 템플릿 Bolo 무료 다운로드 요즘은 워드프레스 등의 CMS를 사용하여 홈페이지를 많이 만듭니다. HTML과 CSS, Javascript 등을 사용하여 직접 사이트를 만들고 싶다면 HTML 템플릿을 이용하는 것도 한 방법이 될 수 있습니다. 한 번 만들고 사이트를 변경할 필요가 ..

워드프레스 테마와 HTML 템플릿을 비롯한 다양한 웹사이트 템플릿을 판매하는 엔바토 마켓 (Envato Market)의 테마포레스트(Themeforest)에서 금월 11월 한 달 동안 ModuloVRocket이라는 HTML5 호스팅 템플릿을 무료로 다운로드할 수 있습니다. 이외에도 워드프레스용 우커머스 고급 견적 요청 플러그인 (WooCommerce Advanced Request a Quote)과 After Effects 템플릿, 뮤직 파일 등도 무료 다운로드가 가능합니다. 프리미엄 HTML5 호스팅 템플릿 무료 다운로드 VRocket는 호스팅 웹사이트를 위한 대부분의 필수 요소들을 포함하는 반응형 디자인의 템플릿입니다. 요금표(Pricing Table) 디자인, 비교표 (Compare Table) 디자..

워드프레스 테마와 HTML 템플릿을 비롯한 다양한 웹사이트 템플릿을 판매하는 엔바토 마켓의 테마포레스트(Themeforest)에서 10월 한 달 동안 Modulo라는 반응형 이메일 템플릿을 무료로 다운로드할 수 있습니다. MailChimp, Mailster를 비롯한 다양한 이메일 서비스와 호환됩니다. 이외에도 엘리멘터 페이지 빌더용 워드프레스 플러그인(Ansh Optin Forms For Elementor)과 미니멀 슬라이드쇼 After Effects 템플릿, 뮤직 파일 등도 무료 다운로드가 가능합니다. MailChimp, Mailster용 이메일 템플릿 무료 다운로드 2020년 10월 한 달 동안 Modulo라는 반응형 이메일 (Responsive Email) 템플릿을 무료로 다운로드하여 사용할 수 있..

워드프레스 테마를 비롯하여 각종 웹사이트 템플릿을 판매하는 Envato Market의 Themeforest (테마포레스트)에서 9월 한 달 동안 MOT라는 포트폴리오용 HTML 템플릿을 무료로 다운로드할 수 있습니다. 이외에도 PHP Ajax 컨택트 폼 스크립트인 Conformy와 After Effects 프로젝트 파일, 뮤직 파일 등도 무료로 다운로드가 가능합니다. ☞ 2020/10/01 - [IT & 기타/HTML] - MailChimp, Mailster용 이메일 템플릿 무료 다운로드 포트폴리오 HTML 템플릿 무료 다운로드 MOT는 모든 유형의 조직에 적합한 미니멀한 포트폴리오 템플릿입니다. 이 템플릿은 모던하고 깔끔하게 보이도록 크리에이티브하게 개발되었다고 하네요. 또한, 기능이 다양하여 포트폴리..