記事をトップに固定-featured-post

公開日: : 最終更新日:2014/10/26 WordPress

WordPressでおすすめ記事をトップに固定する方法。

管理画面の「投稿一覧>クイック編集」で「この投稿を先頭に固定表示」をチェック。

fp

index.php もしくは フロントページ用テンプレート

「is_sticky()」は「先頭に固定表示記事」か判定。
「get_template_part( ‘content’, ‘featured-post’ );」でコンテンツ表示用テンプレート「content-featured-post.php」読み込み。

<?php 
global $wp_query; 
$args = array('post__in' => get_option( 'sticky_posts' ));
query_posts( $args );
?>
<?php if ( have_posts() ) : while ( have_posts() ) : the_post(); ?>
<?php
if(is_sticky()) {
  get_template_part( 'content', 'featured-post' );
}
?>
<?php endwhile; endif; ?>
<?php wp_reset_query(); ?>

content-featured-post.php

先頭に固定表示記事表示用テンプレート。お好みでカスタマイズする。

<?php
/**
 * Pickup記事読み込みテンプレート
 */
?>

<article id="post-<?php the_ID(); ?>" class="excerpt article pickup">
	<div class="post-box">
		<header class="post-header">
			<?php
				the_title( '<h1 class="post-title"><a href="' . esc_url( get_permalink() ) . '">', '</a></h1>' );
			?>
		</header><!-- .post-header -->

		<div class="post-summary">
			<?php the_excerpt(); ?>
		</div><!-- .post-summary -->
		<div class="post-date">
			公開日:<?php the_time('Y/m/d'); ?> <?php the_category(',');the_tags(''); ?>
		</div><!-- .post-date -->

		<?php edit_post_link( '記事の編集', '<p class="edit-link">', '</p>' ); ?>
	</div><!-- .post-box -->
</article><!-- #post-## -->

関連記事

wp

WordPressに画像を表示

WordPressに画像を表示する。 管理画面でサイズを指定 「設定>メディア」で使用する画像サイズを指定する。 画像を呼び出す テンプレート内の画像を表示したい場所で関数呼び出し。 ...

記事を読む

wp

複数のサイドバーを配置

WordPressで複数のサイドバーを配置 string register_sidebar( ) 属性名 意味 省略時の値 name サイドバー名 __...

記事を読む

icon_wp

お気に入りWordPressプラグイン

導入したプラグインが何だったのか忘れるので忘れないように概要記述。(随時更新) Add CSS to Post kachibito.netさんとさくらさんが提供しているプラグインで記事ごとにC...

記事を読む

icon_eyecatch

WP-PostViewsにアイキャッチ画像を表示

人気記事一覧を表示することができる「WP-PostViews」にアイキャッチを表示させる方法のメモ。 WP-PostViewsプラグイン編集 管理画面の「プラグイン」>「プラグイン編集」を選択。 ...

記事を読む

wp

固定ページに最新記事を表示する

WordPressの固定ページに投稿ページの最新記事を表示する。 <?php //最新5件を表示 $paged = get_query_var('paged'); //現在のページ番号...

記事を読む

wp

管理画面下部の文章を変更する

WordPress管理画面下部の文章を変更する。 //管理画面下部の文章を変更する function change_admin_footer_text () { echo '文字...

記事を読む

wp

ログイン画面の画像を変える

WordPressのログイン画面画像を変更する。 背景透明のロゴ画像を「/wp-content/themes/テーマ名/imagesフォルダ」内に「logo.png」という名前でアップした場合。 ...

記事を読む

wp

SyntaxHighlighterの使い方

SyntaxHighlighterを使うたびにショートコードを忘れるのでメモ。 Brush name Brush aliases File name ActionScrip...

記事を読む

wp

WordPress管理バー非表示

WordPressログイン時にサイトを表示するとページ上部に管理バーが表示される。 この管理バーを非表示にするには「functions.php」に以下の記述。 add_filter( ...

記事を読む

wp

管理画面のWordPressロゴを非表示

WordPress管理画面左上のロゴを非表示にする。 //管理画面のWordPressロゴを非表示 function hide_admin_logo() { global $wp...

記事を読む

wp
WordPressフロントページ設定とテンプレート

固定ページに最新投稿一覧を表示させた時の使用テンプレートが何なのか調べる機会があったので保存。 管理画面「設定」→「表示設定」の「フロントページの表示」 「最新の投稿」選択時 フロントページ...

js
GoogleMap左上の白い枠を消す

左上の白い枠を消してほしいという要望が多いので。よく使うマップコードをスクラップ。 <!doctype html> <html> <head>...

wp
WordPressでよく使う関数

string get_site_url( ] ] ) 管理者ページの「設定」-「一般」の「WordPressのアドレス(URL)」 現在のブログのサイトURL取得 [php]<?php ...

wp
WordPressにFacebookのいいねボタン

WordPressにFacebookのいいねボタンを表示する。 コピペで対応したい時用 <body>の直後に記述するコード <div id="fb-root&qu...

js
スムーススクロールを作る – 応用

指定位置にするするとスクロールするプログラムを作ります。 必要な値は? ページ内スクロールをした際のゴール地点「y座標」の値 画面に必要なパーツは? 高さのあるコン...

→もっと見る

    • icon_sublime1
      41,290 views

      ファイルの操作 ファイル名を検索して開く Windows:Ctrl+P Mac:Cmd+P 表示された入力欄にファイル名の一部を入力すると検索結果が表示されるので選択して開きます。 使用言語の指定 Windows:Ctrl+Shift+P Mac:Cmd+Shift+P 表示された入力欄に使用する言語名の一部を入力すると検索結果に「Set Syntax」が表示されるので選択しま...

    • 曜日番号
      18,059 views

      現在の曜日番号を表示 [php]<?php //現在の曜日番号(日:0 月:1 火:2 水:3 木:4 金:5 土:6)を取得 $weekno = date('w'); //現在の曜日番号出力 echo $weekno; ?>[/php] 現在の曜日を表示 [php]<?php //日本語の曜日配列 $weekjp = array( '日', //0 ...

    • wp
      8,632 views

      WordPressの固定ページに投稿ページの最新記事を表示する。 [php]<?php //最新5件を表示 $paged = get_query_var('paged'); //現在のページ番号 $num = 5; //表示件数 query_posts('posts_per_page='.$num.'&paged='.$paged); if ( have_posts() ) :...

    • groupby
      6,374 views

      まずここをチェック!を先に 「フィールド名=NULL」はダメ 「フィールド名 IS NULL」を使う やりたいこと 会員を全員の名前を表示したい 最新の予約日付を表示したい 使用するテーブル 会員テーブル [ps]mysql> SELECT * FROM member; +----+--------+ | id | name | +----+----...

    • icon_kaiten
      5,798 views

      jQueryのanimateメソッドを使って要素を回転させてみるプログラム。 サンプルデータ [js] $('#box1').animate( {'z-index': 1},//z-indexを0から1に変更する { duration: 1000, //アニメーションの時間 //ステップ中の処理 //引数num:処理途中の変化している値 step: f...

PAGE TOP ↑
←幅を狭くする