WP56 워드프레스 사용자정의 쉬운 편집 버튼 적용하기 function $wp_customize->add_setting( 'main_tel', array( 'default' => '02-1004-1004', 'sanitize_callback' => 'wp_kses_post', 'transport' => 'refresh', ) ); $wp_customize->add_control( 'main_tel', array( 'label' => __( '메인 전화번호', 'your-textdomain' ), 'section' => 'custom_colors2', 'settings' => 'main_tel', 'type' => 'text'.. 2025. 3. 4. 카테고리 최근글 쿼리, 갯수는 사용자정의에서 'recom', 'posts_per_page' => get_theme_mod( 'mainslidimg_num', 8 ), // 갯수는 사용자정의 'orderby' => 'date', 'order' => 'DESC' ); $query = new WP_Query($args); if ($query->have_posts()) { echo ''; while ($query->have_posts()) { $query->the_post(); ?> .. 2025. 2. 27. 워드프레스 사이트에 어떤 플러그인 썼는지 알려주는 사이트 https://www.wpthemedetector.com/ WordPress Theme Detector - Free online tool to find a site´s themeDid you ever wonder what WordPress theme or plugins is that awesome site using? WordPress Theme Detector is the perfect free online tool to find out.www.wpthemedetector.com 2024. 9. 12. 워드프레스에 카카오지도 반응형으로 넣기 https://map.kakao.com/ 카카오맵당신을 좋은 곳으로 안내 할 지도map.kakao.com 원하는 위치 검색후 html 태그 복사 생성 클릭하여 소스 복사 워드프레스 페이지 글쓰기에서 사용자정의 html 클릭후 붙여넣기 소스에서 아이디 있는 부분에 style="width:100%" 넣고 스크립트에서 mapwidth 부분 없애고 mapheight 만 남김 끝 2024. 9. 7. 케이보드 최근게시물 디자인 수정하기 1. 관리자에서 케이보드 최근게시물 숏코드 복사하여 font-page.php에 넣기 2. 케이보드 플러그인가서 해당 스킨의 lastest.php 의 코드 수정하고 지저분한 css 다 빼기 hasNext()):?> getDocumentURLWithUID($content->uid))?>"> getThumbnail(400, 300)):?> getThumbnail(400, 300)?>" alt="title)?>"> .. 2024. 9. 4. 워드프레스 페이지별로 다른 헤더 파일 가져오기 홈에서는 header-home.php 파일을 호출하고, 404 에서는 header-404.php, 그 외에는 header.php 파일을 호출하려면 슬러그가 ‘about’인 페이지에 ‘header-about.php’ 가져오게 하려면 if( is_page('about')) { get_header('about');} is_page(), is_category(), get_footer(), get_sidebar() 동일하다. 2024. 8. 30. 워드프레스 파비콘(Favicon) 추가 코드 function add_favicon() { echo '';}add_action('wp_head', 'add_favicon');// ICO 일때는 echo ''; 2024. 8. 30. 까페24 호스팅에 워드프레스 설치 후 해야 하는 것 // htaccess 에서 첫줄에 php_value max_input_vars 3000 입력php_value memory_limit 512M// www 루트로 가서 -> wp-config에서 define('WP_MEMORY_LIMIT', '512M'); 혹은 256M set_time_limit(300); 2024. 8. 30. wp 테마, 플러그인 제작 참고 https://smartslider3.com/ Smart Slider — The new way to build a WordPress slider 🎓Join over 800,000 users and find out why Smart Slider became the best WordPress slider plugin. Build better sliders for free!smartslider3.com 2024. 8. 8. all in one 플러그인 용량 에러 날때 .htaccess 용량 에러나면 .htaccess 파일에 아래 내용 복붙 php_value upload_max_filesize 256Mphp_value post_max_size 256Mphp_value memory_limit 256Mphp_value max_execution_time 300php_value max_input_time 300 이렇게 하고 phpinfo 수정하고 wp_config. 수정해도 무조건 10m에서 막힐때가 있다. 그럴때는 낮은 버전의 all-in-one-wp-migration 플러그인을 사용하면 해결된다. 2024. 5. 1. 까페24 웹호스팅 -> 매니지드 워드프레스 호스팅으로 이전하기 기존 카페24 웹호스팅을 매니지드 워드프레스 호스팅으로 이전하였다.가장 큰 이유는 ssl 인증서 비용을 줄이고, 관리를 편하게 하기 위함이었다. 1. All-in-One WP migration 이용하여 아래 링크대로 진행하였다. https://cafe24.zendesk.com/hc/ko/articles/5880853209753 2. 첫번째 문제 - 용량 문제 아직 용량을 50%도 사용하지 않고 있음에도 불구하고 남은 용량이 부족하다고 에러가 났다. 그래서 phpmyadmin 도 삭제하고 파일을 정리했다. 3. 로티 파일이 날라감 용량을 정리한 뒤 플러그인을 써서 이전을 완료하였으나 로티 파일이 날라가서 기존 백업 받아놓은 파일을 찾아 다시 업로드하였다. 4. ssl 인증서가 계속 실패함 ssl이 안되.. 2024. 5. 1. 워드프레스에서 패럴랙스(배경 시차) 효과 주기 랜딩페이지에 슬라이딩 넘어갈때 래럴랙스 효과를 주는 방법이다. https://pixelcog.github.io/parallax.js/ Parallax.js | Simple Parallax Scrolling Effect with jQueryNotice: Hello mobile user. Unfortunately, this parallax effect is not reliably achieved on mobile devices, so all you will see on this demo page are static backgrounds. Please visit this page on a desktop browser to see its full effect. Parallax.js is a dipixelcog... 2024. 5. 1. 워드프레스에서 fullpage.js 사용 fullpage.js 주소 : https://alvarotrigo.com/fullPage/ fullPage scroll snapping. Create full screen pages fast and simpleMouse wheel snap to sections. Fast and simple to use.alvarotrigo.comcdn css 주소 link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/fullPage.js/4.0.20/fullpage.min.css" integrity="sha512-otONSJGv1l0LjJXcgyqi2MeKXtnthkiXAleeQjFJOKYcVD5u+mOuPb7xCnlsb74Ld+N0ONbP7KY.. 2024. 5. 1. 워드프레스 멀티사이트 만들기 구현은 했으나 특정 플러그인들이 막히거나 충돌이 나서 결국 삭제하였다. 그래도 멀티사이트 만드는 방법 정리해둔다.[ 사전준비 ]1. 고유주소를 기본이 아닌 파머링크(게시글주소)로 바꾼다. 2. 아래의 코드를 wp-config.php 파일에서 /* That's all, stop editing! Happy blogging. */ 바로 위에 추가한다./* Multisite */define( 'WP_ALLOW_MULTISITE', true );3. 모든 플러그인들 활성화를 해제한다. 그러면 관리자 - 도구 - 네트워크 설치 메뉴가 나타난다. [ 네트워크 설치 ]도구 - 네트워크 설치를 클릭하면 나오는 소스를 보고wp-config.php 및 .htaccess 파일을 수정한다. (혹시 모르니 작업전 백업 필수).. 2024. 5. 1. 까페24 호스팅에서 500에러 뜨면서 저장 안될때 우연인지는 모르겠으나, 다른 호스팅에서는 문제가 없었던 것이 까페24 호스팅 저렴한 버전에서는 항상 무언가가 막힌다. 가끔 엘레멘토 수정후 저장이 안되면서 500 에러가 뜰 때가 있는데 이때는 아래 2가지를 입력해준다. .htaccess 파일에서 아래 코드를 주석 바로 아래 넣어준다. php_value memory_limit 512Mwp-config.php 파일에서 아래 코드를 마지막에 넣어준다. define('WP_MEMORY_LIMIT', '512M'); 이렇게 해도 안되면php_value memory_limit 1024M 까지 올려본다. 2024. 5. 1. 워드프레스에서 Swiper.js 적용하기 function.php function style_sheet() { wp_enqueue_style( 'swiper-style', 'https://cdnjs.cloudflare.com/ajax/libs/Swiper/9.3.2/swiper-bundle.css' ); }add_action('wp_enqueue_scripts', 'style_sheet');function script_enqueue(){ wp_enqueue_script('jquery-js', get_template_directory_uri() . '/js/jquery-3.6.0.min.js', array('jquery')); wp_enqueue_script( 'swiper-script', 'https://cdn.jsdel.. 2024. 5. 1. 케이보드 컨텍 스킨 1:1 문의 권한 관리 고급설정주의! 고급설정에서 글쓴후 이동화면을 상식적으로 '작성글 화면'으로 하면 에러가 난다. '글쓰기화면'을 선택해 준다. ----------------------------------------------------캡챠부분캡챠 표시 조건1. 비로그인 사용자2. KBoard 대시보드 페이지에서 "모든 게시판에서 비로그인 사용자 CAPTCHA 기능" 사용3. KBoard 게시판 설정 -> 입력 필드 페이지에서 캡차 (보안코드) 필드 추가 2024. 5. 1. 로티파일 제작하여 워드프레스에 올리기 에프터이펙트로 로티 파일을 만들어 워드프레스 사이트에 올리기 위해선아래 사이트에서 회원가입하고 zxp 플러그인을 다운받아야 한다. https://lottiefiles.com/plugins/after-effects?utm_medium=web&utm_source=footer-after-effects LottieFiles plugin for Adobe After EffectsCreate stunning Lottie animations easily with the LottieFiles plugin for Adobe After Effects. Export Lottie from After Effects, preview animations instantly and more. Download now.lottiefile.. 2024. 5. 1. 워드프레스에서 파티클을 배경으로 넣고 싶을 때 https://codepen.io/Saramazal/pen/ZEejVxj particles.js demoMade with particles.js, a lightweight JavaScript library for creating particles...codepen.io 나의 경우 일부 호스팅에서는 문제 없이 동작하였으나, 까페24의 매니지드 워드프레스 호스팅에서는 위험한 주소로 인식하여 차단이 되었다. 그래서 그냥 파일을 다운받아 ftp로 올려 사용하였다. function.php에서 해당 파일들을 불러와 사용한다.(파일 불러오는 순서는 아래와 같다)/* 파티클 */function seven_script_enqueue(){wp_enqueue_script( 'particle2-script', get_sty.. 2024. 5. 1. 워드프레스 사용자정의 CPT, ACF 플러그인 1. CPT로 포스트 타입을 만들고 2. ACF로 커스텀 필드를 만들어 3. 위에서 만든 CPT의 포스트로 글자나 이미지를 등록후 4. 원하는 페이지에 넣어 자유롭게 사용자 입력 내용을 가져온다. 예시 1 'copywriters', // 위에서 만든 Custom Post Type 이름 'posts_per_page' => 1, // 보여줄 항목 수 (1로 설정하면 최신 정보를 하나만 보여줍니다) 'order' => 'DESC', // 최신 정보를 보여주기 위해 내림차순으로 정렬);$copywriter_query = new WP_Query( $args );if ( $copywriter_query->have_posts() ) { while ( $copywriter_query->have_.. 2024. 5. 1. 워드프레스 svg 이미지 업로드 안될때 워드프레스에서 svg 이미지를 사용하려면 function.php에 아래와 같은 소스를 넣으면 된다. //svg 파일 업로드function custom_mime_types( $existing_mimes ) { $existing_mimes['svg'] = 'image/svg+xml'; return $existing_mimes;}add_filter( 'mime_types', 'custom_mime_types' ); 그러나 보안상의 이슈로 인해 svg 플러그인을 사용하는 것이 더 안전하다고 한다. --------------워드프레스에서는 업로드하기 전에 SVG 파일에 태그를 포함해야한다.SVG 파일을 열고 다음 라인을 SVG 파일의 첫 줄에 추가한 다음 저장한다. 2024. 5. 1. 워드프레스 테마 php 파일에 쇼트코드 입력 2024. 5. 1. 로컬에서 작업한 wp 까페24 호스팅으로 올리기 (서버 이전) [요약] 순서는 아래와 같다. 1. 로컬(또는 이전서버)의 phpmyadmin 에서 db 내보내기 (sql 형식)2. 까페24 호스팅에 phpmyadmin 설치후 접속한뒤 1번에서 만든 파일을 가져오기 (sql 형식) 3. 까페24 호스팅의 phpmyadmin에서 wp_opation 에서 주소 변경해주기4. 작업한 파일들 ftp로 올리기 5. wp-content 파일권한 777로 변경하기 ----------- 1. 로컬의 phpmyadmin 에서 해당 데이터베이스 선택하여 모든 테이블 선택 -> 내보내기 (sql 형식) 2. 이전할 까페24 호스팅에 phpmyadmin 설치후 접속한뒤 1번에서 만든 파일을 가져오기 (sql 형식) 까페24 호스팅의 phpmyadmindptj '가져오.. 2024. 5. 1. 워드프레스 부모카테고리 클릭시 하위카테고리로 가도록 부모카테고리 클릭시 하위카테고리로 가도록 하려면 1. 페이지 > 메뉴에서 더미로 빈 부모카테고리를 먼저 만들고 https://wordpress.org/plugins/simple-redirect/ 해당 플러그인을 설치후 부모(더비)페이지 속성에서 리다이렉트할 페이지를 선택해 주어 해결하였다. 2. 이렇게 하니 링크에 문제가 있던 브레드크럼도 함께 해결되었다. 2024. 4. 30. 사용자 정의 필드 추가 및 적용 (플러그인 없이) 1. 포스트 글쓰기에서 환경설정부분에 '사용자정의필드를 체크한다. 2. 이름과 값을 입력한다. 여기서 '값'이 실제 글에 보여질 내용이다. 3. 테마에 코드를 추가한다. single.php ID, 'mkbook1', true); $mkbook2 = get_post_meta($post->ID, 'mkbook2', true); echo ($mkbook1 ? ' 장르 : ' . $mkbook1 . '' : '' ); echo ($mkbook2 ? ' 작가 : ' . $mkbook2 . '' : '' ); ?> 결과포스트 글 안에 '장르', '작가' 라는사용자 정의 필드가 표시되는 것을 확인할 수 있다. 2024. 4. 30. 워드프레스 특정페이지, 특정 카테고리 템플릿 1. 특정페이지에만 디자인 적용하기 page-슬러그이름.php 파일을 만든다. ( 예: page-portfolio.php )여기에 원하는 디자인 넣고 ftp로 업뎃하면포트폴리오페이지에서는 이 파일이 우선 적용된다. 2. 특정 카테고리에만 디자인 적용하기 어떤 특정 카테고리에만 적용할 디자인이 필요하다면 category-슬러그이름.php 파일을 만든다. ( 예: category-blog.php )상단에 주석 넣어준다. 방금 만든 테마를 선택할 수 있다. 3. 특정 템플릿 디자인 만들어 적용하기 이름-template.php 파일을 만든다. ( 예: portfolio-template.php )상단에 주석 넣어 준다. 2024. 4. 30. 워드프레스 메뉴 등록 코드 functions.php// 메뉴 등록register_nav_menus(array( 'topmenu' => __( 'portfolio-top' ), 'footermenu' => __( 'portfolio-footer' ))); header.php 'topmenu' ); ?> footer.php 'footermenu' ); ?> 관리자 메뉴에서 메뉴를 만들어 설정에 체크해 주어야 적용된다. 2024. 4. 30. 워드프레스 테마 경로 주소 원래 테마 주소 자식 테마 주소/img/logoicon.png" > 2024. 4. 30. 이전 1 2 다음
