wordpress

moreタグをfunctions.phpで好きな文字列にする

codex日本語版

続きを読む」リンクに表示される語句をカスタマイズするには functions.php ファイルに次のコードを挿入します。

function modify_read_more_link() {
    return '<a class="more-link" href="' . get_permalink() . '">続きをよむ（ここを変更する。）</a>';
}
add_filter( 'the_content_more_link', 'modify_read_more_link' );

画像を貼り付けたいときは <?php the_content(); ?>引数に値として画像までのパスを挿入します。 

<?php the_content('続きを読む...<img src="' . get_bloginfo('template_directory'). '/images/more.svg" alt="read more" title="Read more..." />'); ?>

画像が表示されないときは代替えテキストが表示されます。

video要素に配置した画像を入れ替える

javascriptでvideo属性のposter要素の値を取得する

javasctipt

<script>
	 function setPoster($poster){
	 	var $videoElement = document.getElementById("video1");
		$videoElement.poster = $poster;
		var $poster = $videoElement.poster;
	}
</script>

HTML

<article class="media_content">
	<video id="video1" controls poster="img/houseki.png" width="200" height="150" onclick="setPoster('img/housek_on.png')" onmouseout="setPoster('img/houseki.png')">
		<source src="img/izumirika.mp4" type="video/mp4" />
		<source src="demo.webm" type="video/webm"/>
		<source src="demo.ogv" type="video/ogg"/>
    </video>
</article>

記事内の最初の画像を取得する

function.php記入
[php] function catch_that_image() { global $post, $posts; $first_img = ”; ob_start(); ob_end_clean(); $output = preg_match_all(‘/<img.+src=[\’"]([^\’"]+)[\’"].*>/i’, $post->post_content, $matches); $first_img = $matches [1] [0]; if(empty($first_img)){ //Defines a default image $first_img = "/images/default.jpg"; } return $first_img; } [/php]
出力したい場所に記述
[php] <a href=”<?php the_permalink(); ?>” class=”image fit thumb”><?php the_post_thumbnail(‘category-thumb’); ?></a> [/php]

フックを使う

function.phpに記述 [php] function izumirika_scripts() { wp_enqueue_style( ‘izumirika-style’, get_stylesheet_uri() ); wp_enqueue_script( ‘izumirika-skip-link-focus-fix’, get_template_directory_uri() . ‘/js/skip-link-focus-fix.js’, array(), ‘20151215’, true ); if ( is_singular() &amp;&amp; comments_open() &amp;&amp; get_option( ‘thread_comments’ ) ) { wp_enqueue_script( ‘comment-reply’ ); } } add_action( ‘wp_enqueue_scripts’, ‘izumirika_scripts’ ); [/php]

抜粋表示させる文字数を変更したい

[php]<?php the_content(); ?>[/php] 【を変更、】 [php]<?php the_excerpt(); ?>[/php] 【function.phpに記述します】 [php]function my_excerpt_length($length) { return 80; } add_filter(‘excerpt_length’, ‘my_excerpt_length’);[/php] 【[…]を削除】 [php]function my_excerpt_more($more) { return ”; } add_filter(‘excerpt_more’, ‘my_excerpt_more’);[/php] 【別の文字に変更】 [php]function my_excerpt_more($more) { return ‘…’; } add_filter(‘excerpt_more’, ‘my_excerpt_more’);[/php] 【変更後、その記事へのリンクを追加する】 [php]function my_excerpt_more($post) { return ‘<a href="’. get_permalink($post->ID) . ‘">’ . ‘…続きを読む’ . ‘</a>’; } add_filter(‘excerpt_more’, ‘my_excerpt_more’);[/php] 【ページのごとに文字数を変更。category.phpに30文字】 [php]<?php echo mb_substr(get_the_excerpt(), 0, 30); ?>[/php] ※mb_substr(対象の文字列, 取り出し開始位置, 取り出す文字数)

タイトルの表示の横の文字「○○：」を消したい

functions.phpに以下のように記述します。 
add_filter( 'get_the_archive_title', function ($title) {
if ( is_category() ) {
$title = single_cat_title( '', false );
} elseif ( is_tag() ) {
$title = single_tag_title( '', false );
} elseif ( is_post_type_archive() ){
$title = post_type_archive_title('', false );
}
return $title;
});
https://naoyu.net/archive-title-hook/

wordpress備忘録

【記事のタイトル】

[php]<?php the_title(); ?>[/php]

【記事のリンク】

[php]<?php the_permalink(); ?>　[/php]

【the_title()は前後に出力する文字列を第1引数、第2引数に渡すよう設計されている】

[php]<?php the_title( ‘<h2><a href="’ . esc_url( get_permalink() ) . ‘">’, ‘</a></h2>’ ); ?>[/php]

【カテゴリーとリンク先】

[php]<?php the_category(); ?>[/php]

【記事の内容】

[php]<?php the_content(); ?>[/php]

【カテゴリー最新記事の画像】

[php]<?php echo get_the_post_thumbnail( get_the_ID(150), ‘full’ ); ?>[/php]

【ループ内でカテゴリーの最初投稿を１つ取得】

[php]<?php query_posts(‘cat=150&amp;showposts=1’); ?>　[/php]

【ループ内でカテゴリーの画像を取得】

[php]<?php the_post_thumbnail(‘category-thumb’); ?>　[/php]

【カテゴリーのIDを取得】

[php]<?php $cat = get_cat_ID(‘インスタグラム’);　echo $cat; ?>　[/php]

【カテゴリーのリンクで取得】

[php]<?php $cat = get_category_link(150);　echo $cat; ?>　[/php]

【カテゴリーのリンク文字列で取得】

[php]<?php $cats = get_term_link(150, ‘category’);　echo $cats; ?>　[/php]

【カテゴリーの一覧を取得して、ループ内でアーカイブページへのリンクを取得】

[php] <ul> <?php $arr = array( ‘hide_empty’ => 0, // 投稿のないカテゴリーも含める ); $categories = get_categories( $arr ); ?> <?php foreach($categories as $category) : ?> <li> <a href="<?php echo get_category_link( $category->term_id ); ?>"> <?php echo $category->name; ?> </a> </li> <?php endforeach; ?> </ul> [/php]

【投稿に属しているカテゴリーを、アーカイブページへのリンク付きで出力】

[php] <?php $categories = get_the_category(); ?> <?php foreach( $categories as $category ): ?> <a href="<?php echo get_category_link( $category->term_id ); ?>"> <?php echo $category->name; ?> </a> <?php endforeach; ?> [/php]

【タグの一覧を取得して、ループ内でアーカイブページへのリンクを取得】

[php] <<ul> <?php $arr = array( ‘hide_empty’ => 0, // 投稿のないタグも含める ); $tags = get_tags( $arr ); ?> <?php foreach($tags as $tag) : ?> <li> <a href="<?php echo get_tag_link( $tag->term_id ); ?>"> <?php echo $tag->name; ?> </a> </li> <?php endforeach; ?> </ul> [/php]

【投稿に属しているタグを、アーカイブページへのリンク付きで出力】

[php] <?php $tags = get_the_tags(); ?> <?php foreach( $tags as $tag ): ?> <a href="<?php echo get_tag_link( $tag->term_id ); ?>"> <?php echo $tag->name; ?> </a> <?php endforeach; ?> [/php]

【cakeというスラッグのタクソノミーを使う想定で試してみます。。 タームの一覧を取得して、ループ内でアーカイブページへのリンクを取得】

[php] <ul> <?php $arr = array( ‘hide_empty’ => 0, // 投稿のないタグも含める ); $terms = get_terms( ‘cake’, $arr ); ?> <?php foreach($terms as $term) : ?> <li> <a href="<?php echo get_term_link( $term->term_id, ‘cake’ ); ?>"> <?php echo $term->name; ?> </a> </li> <?php endforeach; ?> </ul> [/php]

【投稿に属しているタームを取得して、ループ内でアーカイブページへのリンクを取得】

[php] <?php $terms = get_the_terms( $post->ID, ‘genre’ ); ?> <?php foreach( $terms as $term ): ?> <a href="<?php echo get_term_link( $term->term_id, ‘genre’ ); ?>"> <?php echo $term->name; ?> </a> <?php endforeach; ?> [/php]

【記事内の最初の画像を取得する、以下fanction.phpに記述】

[php]function catch_that_image() { global $post, $posts; $first_img = ”; ob_start(); ob_end_clean(); $output = preg_match_all(‘/<img.+src=[\’"]([^\’"]+)[\’"].*>/i’, $post->post_content, $matches); $first_img = $matches [1] [0]; if(empty($first_img)){ //Defines a default image $first_img = "/img/hogehoge.jpg"; } return $first_img; } [/php]

【出力したい場所に記述】

[php] <img src="<?php echo catch_that_image(); ?>" alt="<?php the_title(); ?>" /> [/php]