文字数オーバーした際に「…」三点リーダーにする方法。

height準拠でoverflow:hiddenさせる方法を今まで使ってたけど、こっちのほうが使い勝手がよかった。

-webkit-line-clamp: 2;

このプロパティの値が2なので、2行。
数値を3にしたら3行で末尾を「…」とできる。

display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;

contactform7のセレクトボックスにカスタム投稿のタイトルを自動取得

contactform7のセレクトボックスにカスタム投稿のタイトルを自動取得する方法。
header.phpに以下を記述
記述箇所はjquery以下になるので、基本的にはwp_headより下になる。

if( is_page('10')): ?>
<script type='text/javascript'>
    jQuery(function(){

        <?php $my_query = new WP_Query('&post_type=recruit'); ?>
        <?php if ($my_query->have_posts()) : ?>
            <?php while ($my_query->have_posts()) : $my_query->the_post(); ?>

                jQuery('#select-title').append(jQuery('<option>').attr({ value: '<?php the_title(); ?>' }).text('<?php the_title(); ?>'));

            <?php endwhile; ?>
        <?php endif; ?>

    });
</script>
<?php endif; ?>

軽い解説

header.php

最初の is_page(’10’) はページIDを指定。
contactform7のショートコードが記載されている場所になります。
※例では固定ページに埋め込んでる場合


次にこのrecruitをカスタム投稿の任意のスラッグに変更。

コンタクトフォームの画面に移動

フォーム内で
[select job id:select-title]
と指定

こんな感じになると思います。
recruitだのjobだのは採用ページを作る際によく使うであろう想定なので使い回しがききやすい、と思います。

contactform7でセレクトボックス使用時「お選びください」などの文言を表示させる

ディレクトリ階層が以下の場所を開く

wp-content > plugins > contact-form-7 > modules
の中の
select.phpを開くと87行目あたりから

	if ( $include_blank || empty( $values ) ) {
		array_unshift( $labels, '---' );
		array_unshift( $values, '' );
		$shifted = true;
	} elseif ( $first_as_label ) {
		$values[0] = '';
	}

と表示されているので、この’—‘ を書き換えるだけ

	if ( $include_blank || empty( $values ) ) {
		array_unshift( $labels, 'お選びください' );
		array_unshift( $values, '' );
		$shifted = true;
	} elseif ( $first_as_label ) {
		$values[0] = '';
	}

カスタムフィールドで電話番号を使ってる時のハイフンの処理

表示上はハイフンがあってもいいが、aタグではハイフンを削除したい!

表題のとおりです。
カスタムフィールドを使う場合、下記のようにしたい。

<a href="tel:0300000000">03-0000-0000</a>

で、色々さがしてこうなった。

PHP

<?php 
$custum_tel = get_post_meta( get_the_ID(), 'custum_tel', 'true' );
$custum_tel_link = str_replace(array('-', 'ー', '-', '―', '‐','(',')','(',')',' ',' '),'',$custum_tel);
?>

※電話番号入力のカスタムフィールドではcustum_telというIDを定義しています。

テンプレート

<a href="tel:<?php echo esc_html($custum_tel_link);?>"><?php echo esc_html($custum_tel);?></a>

365LogoProject

365LogoProject<毎日1個ロゴを制作し、無料配布>するプロジェクト

最近こちらのブログに投稿してないのですが、辞めたわけではありません!w
オフィシャルサイトを立ち上げて、そちらで随時投稿しています。
365logoproject.com
ぜひ、こちらもご覧ください。

365LogoProject 第11弾

365LogoProjectの11日目!

第11弾


aiデータ

モチーフは電波。
パラボラアンテナからビビビビって感じで。

365LogoProject 第9弾

365LogoProjectの9日目!

第9弾


aiデータ

モチーフは桜。
最初に別のものを作ってたけど、ピンとこなくて作り直す。
贈り物っぽくしてみたけれど、今回は少し時間オーバーしてしまいました…。次こそは!

365LogoProject 第8弾

365LogoProjectの8日目!

第8弾


aiデータ

モチーフはみかん。
いかにデフォルメするかに時間使ったかも。
あとフォントを全部角丸にするのが意外に手間です。