kdcsライブラリー

Google MAPを開き、住所や建物名で検索し、「共有」から「地図の埋め込み」でマップを自分のサイトへ張るためのソースコードが取得できるが、そのまま貼り付けるとズーム（縮尺率）がいまいち。
そこでズームを変更できないか調べたところ、コード中にありました。

<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3245.034592910794!2d139.54820295121502!3d35.57753798012147!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x6018f714e80d4cd7%3A0x3c6198e779c70068!2z44Gf44G-44OX44Op5pW05L2T6Zmi!5e0!3m2!1sja!2sjp!4v1530087764817" width="600" height="450" frameborder="0" style="border:0" allowfullscreen></iframe>

コード中の13.1の部分、数字を大きくするとワイドになる

記事の一覧表示をさせる時に文章（テキスト）だけを文字数制限して抜粋する場合、
タグやショートコードまでそのまま表示されてしまうのを防ぐ手段。

例：150文字の制限で改行・タグ・ショートコードを取り除くもの

<p><?php
if(mb_strlen($post->post_content,'UTF-8')>150){
	$content= str_replace('\n', '', mb_substr(strip_tags(strip_shortcodes($post-> post_content)), 0, 150,'UTF-8'));
	echo $content.'...';
}else{
	echo str_replace('\n', '', strip_tags($post->post_content));
}
?>
</p>

str_replaceは改行コード、strip_tagsはタグ、strip_shortcodesはショートコード
(続きを読む…)

管理画面にログインした後、サイトURL/wp-admin/に続いてoptions.phpを
入力すると各種設定ページが表示される。

その中にアップロード画像を投稿に挿入する際の設定を決められる項目がある
配置・リンク・画像サイズ

(続きを読む…)

Slick.jsでカルーセル表示させたときに両サイドの部分（非アクティブ）を薄く見せる
※サンプルは、幅1080px 縦400pxの画像を使用した場合
※centerMode true slidesToShow 1

jqueryとslick.jsを読み込む（footer.php）

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script src="<?php bloginfo('template_url'); ?>/js/slick/slick.min.js"></script>

(続きを読む…)

youtubeの動画にはサムネイル画像が用意されているので動画IDから取得し利用できる

function.phpに以下を記述

//youtubeの動画サムネイル画像を取得する---------------------------------------------------
function youtube_tumbnail() {
$youtubePost = esc_attr(get_the_content());
preg_match('/www.youtube.[-_\/A-Za-z0-9]*/', $youtubePost, $youtubeUrl);
$youtubeId = str_replace("www.youtube.com/embed/","",$youtubeUrl[0]);
 if (isset($youtubeUrl[0])){
    echo "<a href='" .esc_url(get_permalink()). "'>";
    echo "<img class='y_thumbnail' src='http://img.youtube.com/vi/$youtubeId/0.jpg'></a>";
// URL貼り付けで埋め込んだ投稿が含まれる場合は以下のコードも追加
} elseif(preg_match('/watch/', $youtubeUrl[0])) {
    preg_match('/www.youtube.[-_?=\/A-Za-z0-9]*/', $youtubePost, $pasteUrl);
    $pasteId = str_replace("www.youtube.com/watch?v=","",$pasteUrl[0]);
    echo "<a href='" .esc_url(get_permalink()). "' class='tumbnail230'>";
    echo "<img class='y_thumbnail' src='http://img.youtube.com/vi/$pasteId/0.jpg'></a>";
// URL貼り付けで埋め込んだ投稿が含まれる場合のコードここまで
} else {
    echo "<a href='" .esc_url(get_permalink()). "'><img src=' ".esc_html(get_bloginfo('template_url'))."/images/youtube-default.png'></a>";
  }    
}

テンプレートにてサムネイル画像を呼び出すには以下を記述

<?php youtube_tumbnail()?>