모바일과 PC용 배너를 구분하여 보여주는 방법 – 간단한 소스 1가지
모바일과 PC용 배너를 구분하여 보여주는 방법에 관한 지난 포스팅에 이어 이번에는 좀 더 간단한 소스를 소개 하려 합니다. css 부분이 많이 간다해 졌습니다. 소스 코드 – css 소스 코드 – html 참고 사이트 판촉코리아의 오늘의 판촉물 사이트를 참고 했습니다. https://panchok.co.kr
fullmaza
도메인 변경(도메인 전환) 후 어떻게 해야 하나요? 딱 1가지만 기억하세요.
현재 사용 중인 도메인(currentdomain.com)을 더 이상 사용하지 않고 새 도메인(boagift.co.kr)으로 변경하려고 합니다. 기존에 검색 엔진에 색인된 현재 도메인을 boagift.co.kr로 색인될 수 있도록 하고 싶습니다. 또한, 당분간 두 도메인을 동시에 사용할 계획입니다. 이후 boagift.co.kr의 색인이 시작되면, 함께 사용하던 currentdomain.com의 연결을 끊을 예정입니다. 이런 상황에서 조치해야 할 것 중 딱 1가지. 기억해야 하는 딱 1가지를 기억하세요. 아래 … 더 읽기
모바일과 PC용 배너를 구분하여 보여주기 – 미디어 쿼리를 이용한 1가지 방법
모바일과 PC용 배너를 구분하여 보여주기 위해 미디어 쿼리(Media Query)를 사용할 수 있습니다. 아래는 그 구현 방법입니다. 웹사이트 운영 중, 홍보용 배너를 가로형으로 제작해 노출시켰으나 모바일 환경에서 반응형으로 작동할 때 배너 안의 텍스트가 너무 작게 보이는 문제가 발생했습니다. 이에 모바일용 배너를 별도로 제작하기로 했으며, 즉 두 개의 이미지를 준비해 각각 PC 접속과 모바일 접속 시 다르게 … 더 읽기
CSS에서 부트스트랩 기본 스타일이 footer의 링크 스타일을 덮어쓰고 있을 때 해결 방법 1가지
!important로 부트스트랩 스타일 덮어쓰기에 관한 포스팅 입니다. 분명 똑 같이 했는데 왜 이 페이지만 css가 안먹히지? 그럴 경우는 대부분 상위 css가 더 우월해서 내가 적용하고 있는 스타일이 덮혀 버린 경우라고 생각 됩니다. 이럴 때 사용하는 것이 임포턴트라고 합니다. 어떤 경우인가? 똑같이 footer.php 를 인클루드 했습니다. 그런데 아래 이미지처럼 아래는 링크에 믿줄이 들어가네요. 그래서 확인해 보니 … 더 읽기
Generatepress 하단 카피라이터 수정 방법 1가지
generatepress 테마를 사용하고 있는데 하단 카피라이터를 수정하는 방법 1가지 이야기 하려 합니다. 유료 버전을 사용하면 일도 아니지만 기본테마를 사용하고 있다면 child theme를 만들어서 사용하는 것을 추천합니다. 아래 코드는 제가 실제로 사용하고 있는 파일 입니다.themes/generatepress-child/functions.php 하단 카피라이터 수정 방법 위 내용 중 아래 부분이 하단 카피라이터를 담당하는 부분입니다. 하단 카피라이터 삭제 만약 하단 카피라이터 부분을 아예 … 더 읽기
익힌 채소 vs 생채소: 채소를 익혀 먹는 것이 좋은 이유 1가지
아침 건강주스: 찐 야채를 이용 어제까지만 해도 아침 조깅 후, 아침 대용으로 주스를 만들 때 냉장고에 있는 재료를 갈아서 마셨는데, 오늘은 아내가 채소를 쪄서 플라스틱 용기에 담아 두었네요. 찐 양배추가 더 달고 영양 흡수도 잘된다고 합니다. 그래서 아침부터 인터넷과 전문가들의 기사를 찾아보기 시작했습니다. 채소는 날것으로 섭취하면 신선함과 영양을 유지할 수 있다고 알려져 있습니다. 하지만 영양 … 더 읽기
The Importance of Heater Maintenance: A Comprehensive Guide
As the cold months approach, ensuring your home is equipped with a fully functioning heating system becomes a priority. However, many homeowners often overlook one critical aspect of having an efficient heater: regular maintenance. Just as a car needs routine service for optimal performance, heaters require regular check-ups to function effectively and safely. In this … 더 읽기
[CSS] 형광펜 밑줄 효과: CSS를 활용하여 형광펜처럼 강조하는 방법 3가지
형광펜 밑줄 효과: 웹 페이지에서 특정 텍스트를 강조하고 싶다면, HTML과 CSS를 활용하여 형광펜처럼 강조하는 효과를 줄 수 있습니다. 아래 코드는 “홈 화면 바로가기 만들기” 부분에 노란색 배경과 굵은 글씨 효과를 주어, 형광펜으로 밑줄을 친 듯한 느낌을 줄 수 있습니다. 형광펜 밑줄 효과 형광펜 밑줄 효과: 아래 절반만 노란색으로 칠해진 효과 형광펜 밑줄 효과: 밑줄 느낌으로 … 더 읽기
구글 SEO : 페이지가 검색 엔진과 브라우저에 페이지가 영구히 이동(HTTP 상태 코드 301)했음을 알리는 방법 4가지
사이트를 운영하면서 구글 SEO를 고려하지 않을 수 없습니다. 이번 포스팅에서는 검색 엔진에 인덱싱되었던, 즉 운영되던 페이지가 변경되어 앞으로는 새롭게 변경된 곳에서 운영될 경우, 검색 엔진에게 이를 알리고 구글 SEO에 도움이 될 수 있는 해결책 한 가지를 제시하려 합니다. 서버 설정을 통한 301 리다이렉트 Apache 서버 (.htaccess) Apache 서버를 사용하는 경우 .htaccess 파일에 다음 코드를 추가합니다. … 더 읽기
스크립트 파일에 포함된 잘못된 줄 바꿈 문자(\r) 때문에 오류 발생 – 줄 바꿈 문자를 제거 방법 1가지
크론작업이 잘되어 있는지 쉘에서 아래와 같이 명령어를 줬는데 이상한 오류가 나서 챗봇에게 물어보니 잘못된 줄 바꿈 때문에 그렇다고 줄 바꿈 문자를 제거 해야 한다며 아래와 같은 방법을 제시 해 줬습니다. 챗봇이 알려준 방법 sed 명령어 사용하기 나 같은 경우는 아래와 같이 명령어를 주고 해결 했습니다. 다시 실행 다시 실행해 보니 잘 돌아 가네요.