디자인 등 업무 관련 자료/잡다한 팁&정보

🐋 고래스킨 최근 글/댓글이 안 뜨는 문제 해결법 요약

🔍 1. 문제 상황고래스킨을 사용하는 티스토리 블로그에서 최근 글이 표시되지 않는 현상 발생.HTML 코드 상에는 최근 글 콘텐츠가 존재하지만, 화면에 보이지 않음.tab-content 영역이 비어 있는 것처럼 보임.🧩 2. 원인 분석tab-pane 클래스가 최근 글 영역에 적용되어 있어 내용이 숨겨지는 문제 발생.탭 클릭 이벤트에서 tab-pane, tab-content 클래스를 제어하는 부분에서 버그가 있음.🛠️ 3. 해결 방법✅ HTML 편집티스토리 관리자 → 스킨 편집 → HTML 편집 진입.최근 글 탭() 부분에서 tab-pane 클래스를 삭제.✅ jQuery 코드 수정탭 클릭 이벤트를 담당하는 스크립트에 아래 코드를 추가:// if ($(this).attr("id") === "#tab-r..

2025. 4. 3.

디자인 등 업무 관련 자료/잡다한 팁&정보

🎯 64GB USB인데 32GB밖에 못 쓴다고? 당황하지 마세요!

✅ 상황 정리윈도우 11 부팅 USB로 사용하기 위해 64GB USB를 구입했습니다.설치용으로 잘 사용한 후, 이제는 일반 USB로 다시 사용하려고 했는데..."설마 내가 32GB를 잘못 산 건가...?"혹시나 싶어 USB를 자세히 봤더니, 64GB 딱! 적혀있음 😅🤔 원인은 바로 이것!부팅용 USB는 FAT32 포맷으로 만들어집니다.FAT32는 기술적으로 32GB까지만 인식해서 파티션이 그만큼만 할당됩니다.나머지 공간은? 숨겨진 채 방치된 거죠!디스크 관리(Disk Management)에서 확인해보면,남은 28~30GB 공간이 비할당 상태로 숨어 있습니다.🛠 해결 방법  윈도우 검색창에서 디스크 관리 또는 diskmgmt.msc 실행USB 드라이브에서 기존 파티션을 모두 삭제오른쪽 클릭 > '볼륨..

2025. 4. 3.

디자인 등 업무 관련 자료/잡다한 팁&정보

애프터이팩트 추천 플러그인 Motion Bro V5 출시!

포스팅 주요 목차 Motion Bro V5: 새로운 기능과 향상된 편의성!영상 편집을 더욱 간편하게 만들어 주는 Motion Bro가 새롭게 V5 버전으로 돌아왔습니다! 이번 업데이트에서는 더욱 강력한 기능들이 추가되었으며, 특히 Premiere Pro 사용자를 위한 개선 사항이 돋보입니다. Motion Bro V5가 어떤 점에서 달라졌고, 어떻게 활용할 수 있는지 자세히 살펴보겠습니다.https://motionbro.com/?geo=br 편집 패널 추가 - 직관적인 사용자 맞춤 설정기존 버전에서는 사전 설정을 편집하려면 번거로운 효과 제어 패널을 통해 설정을 조정해야 했습니다. 하지만 Motion Bro V5에서는 새로운 편집 패널이 추가되어 더욱 직관적으로 사전 설정을 커스터마이징할 수 있습니다. 이..

2025. 3. 19.

디자인 등 업무 관련 자료/잡다한 팁&정보

[NewsGPT] ChatGPT를 활용한 뉴스GPT로 뉴스를 더 제대로 보기

ChatGPT를 활용한 서비스는 이런 거다! 하고 잘 활용하는 서비스가 나와서 소개한다.실제로 이걸로 뉴스를 보니 한결 시간도 절약되고 더 뉴스를 보는 재미가 생기는 것 같다.이 뉴스GPT를 서비스하는 매체는 헤드라잇인데, 앱스토어에서 [헤드라잇]을 검색해서 설치해 준다.뭐 따로 유료 결제를 하거나 하는 거 없으니 걱정 말고 설치하길.설치가 완료되면 로그인 방식이 [카카오톡] 연동이나 [애플 아이디] 연동 방식이 있는데, 나는 아이폰이라 애플 아이디 연동이고 아마 안드로이드 폰이면 구글 아이디 연동이 있을 듯하다.편한 방식으로 연결하면 될 듯.로그인을 하고 뉴스를 보면 우측 하단에 로봇 모양 아이콘이 둥둥 떠 있다!요 녀석을 클릭하면 뉴스 GPT로 연결이 된다.요 뉴스 GPT에게 해당 뉴스에 대해 물어보..

2025. 3. 16.

디자인 등 업무 관련 자료/잡다한 팁&정보

[워드프레스] 워드프레스에 링크 임베드 섬네일 기능 추가 플러그인

워드프레스로 블로그를 이사하면서 이것 저것 공부를 하고 있는데,이전 티스토리를 쓰다 불편한(?) 점이 이것 저것 많이 생기고 있다.하지만, 해결 불가능 한 일이 아니라 이전에 티스토리로 너무 편하게 기능을마구 쓴것을 이제는 하나 하나 잡아가며 셋팅을 해줘야 하는게 번거로울뿐…워드프레스에서는 사실 불가능한게 거의 없다.오히려 티스토리보다 더 많은 기능에 놀라고 있다.이번엔 가장 불편했던 링크를 글 본문에 남기면 섬네일 형태로 임베드가 되는 기능의 플러그인 추가이다.우선, 아래와 같이 네이버 주소를 남기면 그냥 링크만 있다.https://www.naver.com/ 네이버네이버 메인에서 다양한 정보와 유용한 컨텐츠를 만나 보세요www.naver.com이걸 티스토리에서는 링크 하단에 섬네일 박스가 생겨서 어떤 ..

2025. 3. 12.

디자인 등 업무 관련 자료/잡다한 팁&정보

[워드프레스] Yoast SEO 사이트맵이 생성 안될 때(404에러)

워드프레스에서 사이트맵을 쉽게 만들어 주는 플러그인중 가장 편하고 유명한게 바로 Yoast SEO이다.이건 워낙 무료이지만 기능이 막강해서 워드프레스를 사용한다면 필수 플러그인이 아닐까 싶다.근데, Yoast SEO에서 사이트맵을 활성화 해도 404에러나면서 사이트맵 파일을 찾을 수 없다고 나올때가 있다.우선, Yoast SEO에서 사이트맵을 자동으로 활성화 해주려면 아래 경로에서 활성화 해주면 된다.(업데이트 이후 좀 바뀜)Yoast SEO – Settings – XML sittmapsYoast SEO – Settings 안에 들어가서 XML sittmaps 카드를 확인하면 된다.아래 모양의 카드에서 활성화 되어 있으면 잘 되고 있는거다.여기서 View the XML sitemap 버튼을 눌러 사이트맵..

2025. 3. 12.

디자인 등 업무 관련 자료/잡다한 팁&정보

robots.txt가 존재하지 않습니다. 네이버서치어드바이저 해결법

사이트 등록을 위해 네이버서치어드바이저에 등록하려 하는데우선 네이버서치어드바이저는 아래 주소를 통해 접속하면 된다.https://searchadvisor.naver.com/ 네이버 서치어드바이저네이버 서치어드바이저와 함께 당신의 웹사이트를 성장시켜보세요searchadvisor.naver.com사이트를 분석하는데 이런… robots.txt가 존재하지 않습니다.부분이 주황색 느낌표가 나오면서 뭔가가 오류인듯 나오는것인다.이런거 영 찝찝하여 어찌해야 하나 여기저기 돌아다 보니 너무 쉽게 해결해서 ㅠ,ㅠ사이트 관리에서 [검증] 부분에 있는 robots.txt를 눌러 나오는 화면에서 [수집요청] 버튼을 눌러주기만 하면 된다.다시 조회해 보니 모두 정상으로 나온다 ^^robots.txt가 존재하지 않습니다. 메시지..

2025. 3. 12.

디자인 등 업무 관련 자료/잡다한 팁&정보

http를 https로 redirect 시키기

새로운 도메인으로 호스팅을 하다보니 SSL 인증이 필요해서 거금 77000원을 들여 신청했다~근데 이게 웬걸 ㅠ,ㅠ www를 붙여 신청했더니 일반 http에서는 아직도 미 적용으로 나온다그래서 문의해 보니 http 접속시 https 로 강제 리다이렉트 시키면 된다고 한다.그래서, 아래와 같이 수정 작업을 진행하였다..htaccess 파일을 수정후 htts:// 입력 접속했을 때 http로 들어가지는 것을 https로 리다이렉트 시킴FTP 접속 후 .htaccess을 다운로드 받음다운받은 .htaccess을 열고 아래 코드를 넣는다.RewriteEngine OnRewriteCond %{HTTPS} offRewriteRule ^(.*)$ https://%{HTTP_HOST}%{REQUEST_URI} [L,R..

2025. 3. 12.

디자인 등 업무 관련 자료/잡다한 팁&정보

[워드프레스] 목차 플러그인 설치하기 Easy Table of Contents

워드프레스에 목차 플러그인?워드프레스는 진짜 하나 하나 다 일일히 설치하고 셋팅해야 한다 ^^이번엔 목차 기능을 넣고 싶어져서 플러그인을 알아 봤는데,참 종류도 많고. 여러가지 설치해 보고 나에게 맞는 것을 드디어 찾았는데바로 Easy Table of Contents이다.Easy Table of Contents 직접 설치하기아래가 Easy Table of Contents 개발사 홈페이지이다.https://wordpress.org/plugins/easy-table-of-contents/ Easy Table of ContentsAdds a user friendly and fully automatic way to create and display a table of contents generated from ..

2025. 3. 12.

디자인 등 업무 관련 자료/잡다한 팁&정보

Integrate Google Drive 플러그인으로 워드프레스를 구글드라이브와 연결 사용하기!

Integrate Google Drive 플러그인이런 플러그인이 분명히 있을줄 알았다!검색을 Google Drive로 해보니 몇개가 나왔지만, Integrate Google Drive 플러그인이가장 평가도 좋고 최근 까지 업데이트도 잘되고 하는것 같아 설치했다.사용 후기를 보면 거의 집단 종교 수준이다. ^^다들 좋다고만 한다.사용하기설치하고 활성화만 하면 바로 사용이 가능하다.글 쓰기에 보면 위에 [Google Drive] 버튼이 생겼다^^[Google Drive] 버튼을 누르면 아래와 같이 인서트 타입을 선택할 수 있다.반절은 무료 버전에서 지원이 되고, 반절은 프로버전 즉, 유료 결제를 해야 사용이 가능하다.갤러리 생성 기능우선 갤러리를 선택해 사용해 보자!오호~ 이거도 나중에 아주 유용할듯 하다...

2025. 3. 11.

디자인 등 업무 관련 자료/잡다한 팁&정보

wp-config.php 백업해두기!(MySQL DB 정보)

제일 중요한건 워드프레스는 백업 파일만 있으면 어디서든 원복이 가능하다!거의 100% 원복이 된다 ^^이때, 중요한게 2개의 백업 파일인데, 하나는 전체 데이터 파일이고 이건 용량이 크다.하나가 바로 DB 정보 백업 파일이다.그리고 하나 더 있는데 바로 DB 로그인 정보이다.이 정보는 바로 wp-config.php안에 저장되어 있으니 지금이라도 FTP 접속해서 wp-config.php 파일을 다운 받아 백업 해 두던지, 메모장으로 열어서 DB 정보만 메모 해둔다.wp-config.php 파일은 FTP 접속하면 /public_html/wp-config.php 경로에서 찾을 수 있다.다운받은 wp-config.php을 메모장으로 열면 아래와 같은 항목이 있는데여기에 바로 DB 이름이랑 접속 아이디, 비번 정..

2025. 3. 10.

디자인 등 업무 관련 자료/잡다한 팁&정보

WordPress Popular Posts 플러그인으로 워드프레스에 인기 게시글 달기!

WordPress Popular Posts 플러그인워드프레스에는 기본적으로 인기글 위젯이 없다.새로운 글 위젯은 있는데, 가장 중요한 인기글 위젯이 없다니…하지만, 플러그인에는 사실 없는게 없으므로 플러그인을 잘 뒤지면 된다.플러그인에서 WordPress Popular Posts을 검색하면 바로 나온다.인기글 위젯을 달고 싶다면 그냥 이거 설치하길~그냥 원탑이다! 사용 후기도 좋고, 최근에 업데이트도 해주고 있고~설치하고 활성화만 하면 바로 사용이 가능하다.다만, 이게 충분히 데이터를 수집하고 그에 따라 뿌려주는 방식이라 바로 적용이 되지 않는다.일단 좀 기다려 주고 나중에 확인해 보자!시간이 지나니 하나씩 데이터가 축적되어 나타난다~ ^^

2025. 3. 10.

디자인 등 업무 관련 자료/잡다한 팁&정보

유튜브를 워드프레스 영상 창고로 사용하기!(미디어 서버)

워드프레스를 사용하다보니 용량을 줄이는게 가장 큰 문제!특히 영상의 경우 이전 티스토리를 사용할때는 그냥 올리고 용량 걱정없이 카카오TV를 통해 블로그 포스팅을 하곤 했는데, 워드프레스는 하나하나 내가 다 알아서 해야 한다.특히 미디어 서버가 없는 상태에서 이걸 또 이전에 포스팅한대로 개인 구글 드라이브를 이용하자니그것도 나중에는 용량 압박이 올것 같고 그래서 내가 선택한것은 유튜브를 활용하는 것이다.유튜브 개인 계정에 영상을 올리고 공개상태를 아래와 같이 일부 공개를 하면URL을 통해 영상은 보여지지만, 내 유튜브 계정 채널로 오면 해당 영상을 찾을 수는 없다.즉, URL 을 통해서만 영상이 보여진다는 것이다이런식으로 동영상 링크만 가지고 블로그에 임베드하여 올려 유튜브를 미디어 서버로 활용하는 것이다.

2025. 3. 9.

디자인 등 업무 관련 자료/잡다한 팁&정보

워드프레스 이미지 크기 최적화 자동화 비활성하기(disbale big image Threshold 플러그인)

워드프레스를 사용하다 보면 이미지 넣을 때 이상할때가 있다.바로 1024 사이즈 이상 안들어가는 거다. 흠냐~알고 보니 워드프레스 5.3 버전 이후부터는 이미지 파일을 자동으로 리사이즈 해서 일정 크기 이상본문에 삽입이 안되게 되어 있다고 한다.설정 – 미디어 설정을 보면 이미지 큰 크기가 1024 사이즈로 고정되어 있는것을 볼 수 있다.이게 기본 설정이다.따라서, 가로이든 세로이든 1024 사이즈가 넘으면 1024 사이즈에 맞추어 리사이징 되고 비율에 맞추다 보니 한쪽이라도 1024 사이즈보다 크면 자동으로 비율에 맞게 줄어들어 본문에 삽입되었던 것이다!이걸 해결하는 방법은 간단하다.큰 크기에 사이즈를 크게 넣으면 된다.근데, 기본적으로 워드프레스는 최대 2560픽셀까지만 또 허용되는 최대치가 있다 ㅠ..

2025. 3. 9.