Category: wordpress


2017/10/10

【contact form7】サンキューページへのリダイレクト

これまで、on_sent_ok のフックを使用する方法で行っていましたが、この機能は2017年中に廃止される予定らしいので、以下は wpcf7mailsent イベント発生時に異なる URL にリダイレクトさせるスクリプトの例です。

<script>
document.addEventListener( 'wpcf7mailsent', function( event ) {
 location = 'http://example.com/';
}, false );
</script>>

テーマのテンプレートファイルにこのコードを埋め込んで使います。

2017/06/24

【WordPress】管理画面にIP制限!

下記2か所に.htaccessを設置

/wp-admin

order deny,allow
deny from all
allow from 000.000.000.00 #許可するIPアドレス

 

wp-login.phpと同じディレクトリ

<Files "wp-login.php">
order deny,allow
deny from all
allow from 000.000.000.00 #許可するIPアドレス
</Files>
2017/01/31

WordPress|ギャラリーのCSSをカスタマイズ

まず、元からある、ギャラリー用CSSを使わない設定をします。

 

function.php

//本体ギャラリーCSS停止
add_filter( 'use_default_gallery_style', '__return_false' );

 

CSS

/*-----------------------------
ギャラリー
------------------------------*/
.gallery {
}
.gallery-item {
 float: left;
 margin-top: 0;
 margin-bottom: 20px;
 margin-left: 0;
}
.gallery-icon {
 text-align: center;
}
.gallery-caption {
 color: #21759B;
 font-size: 90%;
 margin: 0;
 text-align: center;
}
.gallery-item img{
 width: 100%;
 padding: 0%;
 margin: 0%;
 float: left;
 height: auto;
}
.gallery-columns-1 .gallery-item {
 width: 100%;
 margin: 0%;
 box-sizing: border-box;
 float: left;
 height: auto;
}
.gallery-columns-2 .gallery-item {
 width: 48%;
 margin: 1%;
 float: left;
 height: auto;
}
.gallery-columns-3 .gallery-item {
 width: 32%;
 margin-left: 1%;
 float: left;
 height: auto;
}
.gallery-columns-4 .gallery-item {
 width: 23%;
 margin: 1%;
 float: left;
 height: auto;
}

 

2017/01/08

wordpress|カスタム投稿のタームタイトルの一覧表示

サイドバーに特定タームの記事一覧を表示

<?php
$args = array(
'post_type' => 'タイプ名',
'taxonomy' => 'タクソノミー名',
'term' => 'ターム名',
'posts_per_page' => 10,
'numberposts' => '-1', //表示する記事数。-1 ならすべての投稿を取得。
);
$my_posts = get_posts($args);
foreach ( $my_posts as $post ) {
setup_postdata($post); ?>
<li class="icon"><a href="<?php the_permalink() ?>"><?php the_title(); ?></a></li>
<?php
}
?>

 

シンプルなターム一覧

<?php wp_list_categories(array('taxonomy' => 'タクソノミー名')); ?>
<?php wp_list_categories(array('title_li' => '', 'taxonomy' => 'タクソノミー名')); ?>

記事の件数を表示する場合

<?php wp_list_categories(array('taxonomy' => 'architect','show_count' => 1)); ?>

 

特定タームの一覧表示

<?php wp_list_categories(array('title_li' => '', 'taxonomy' => 'カスタム分類名')); ?>

 

 

2017/01/08

wordpress|カスタム投稿のカスタム分類名(タームタイトル)の表示

single-***.phpで
所属するカスタム分類名(タームタイトル)を表示

 

カスタムタクソノミー:タームタイトル

<?php the_taxonomies( $args ); ?>

 

ターム名だけをリンク付きで表示

<?php echo get_the_term_list($post->ID, 'タクソノミー名'); ?>

 

ターム名だけをリンク無しで表示

<?php
if ($terms = get_the_terms($post->ID, 'タクソノミー名')) {
    foreach ( $terms as $term ) {
        echo '<li>' . esc_html($term->name) . '</li>';
    }
}
?>

 

taxonomy-***.phpで
記事が所属するカスタム分類名(タームタイトル)を表示

ターム名だけをリンク無しで表示

<?php single_tag_title(); ?>

 

ターム名だけをリンク無しで表示

<?php if(is_tax()) {
 $taxonomy = get_taxonomy(get_query_var('evenlist'));
 echo sprintf('%s', single_term_title('', false));
} ?>

 

ターム名だけをリンク付きで表示

<?php echo get_the_term_list($post->ID,'evenlist'); ?>

 

2016/11/02

【Jetpack】パブリサイズ共有でカスタム投稿タイプも連携させたいとき|WordPress

facebookとの連携に便利なプラグインJetpack

共有させたい投稿タイプが複数あっても以下のコードで問題ないです。

 

function.php

//jetpackでカスタム投稿の連携
function hoge() {
 add_post_type_support( '【カスタム投稿タイプ】', 'publicize' );
}
add_action( 'init', 'hoge' );
2016/11/02

「Jetpack」で出力される「OGP設定」を無効にする|WordPress

プラグインjetpackは、OGP設定のタグを自動で生成し、出力までしてくれる優れものなのですが、
自分で設定したとき二重に表示され、エラーみたいになるので要注意。

そういう時は、funcion.phpに以下を入力

funcion.php

// delete JetPack OGP tags
add_filter( 'jetpack_enable_open_graph', '__return_false' );
2016/10/14

アップロードする画像のサイズを追加|WordPress

WordPressでは、画像をアップロードすると、
サムネイルサイズ・中サイズ・大サイズ・フルサイズが自動的にアップされます。
サイズの変更はダッシュボード>設定>メディアからできます。

毎回設定から変更するのは面倒くさい、他のサイズも使いたいという時に役に立ちます。

しかも簡単です。function.phpに以下を追加するだけ。

 

function.php

横200px、縦125pxの画像を追加する時。
【thumb_name】は自分でわかるように入れてください。

/** 好きな画像サイズを追加する
add_image_size( 'thumb_name', 200, 125, true );

表示させるときは、

テンプレートファイル

<?php the_post_thumbnail('thumb_name'); ?>

アイキャッチ画像の出力|WordPressの要領です。