テンプレートタグ

【WordPressテンプレートタグ】get_post_thumbnail_id():アイキャッチ画像のIDを取得

概要 アイキャッチ画像のIDを取得する。 書式 <?php get_post_thumbnail_id( 'post_id' ); ?> パラメーター post_id 記事ID(初期値:なし←現在の投稿) 位置 記事ID...
css

【CSS】ボックスや画像のカドを丸くする

border-radius はボックスのカドを丸くするプロパティです。<img>に対しても適用することができ、画像のカドを丸くすることができます。正方形のボックスや画像に 50% の border-radius をかけると、円形...
インクルードタグ

【WordPressインクルードタグ】get_search_form():「searchform.php」を使用して検索フォームを表示または取得

概要 検索フォームを表示、または文字列として取得する。 テーマにテンプレートファイル「searchform.php」があれば、それを読み込み、なければWordPress に組み込みの検索フォームを読み込む。 書式 <?php get_...
テンプレートタグ

【WordPressテンプレートタグ】the_search_query():検索キーワードを表示

概要 検索が行われたとき、検索キーワードを表示する。 書式 <?php the_search_query(); ?> パラメーター なし 使用例 基本の使用 <?php the_search_query(); ?> ...
テンプレートタグ

【WordPressテンプレートタグ】get_the_post_thumbnail():アイキャッチ画像を取得

概要 アイキャッチ画像のimgタグを取得する。 書式 <?php get_the_post_thumbnail( 'post_id', 'size', 'attr' ); ?> パラメーター post_id 記事ID(初期値...
css

【CSS】印刷時のみ有効となる設定にする

CSSを使って、印刷時のみ有効となる設定をします。これを使用すれば、わざわざ印刷専用のページを作らなくても、印刷に適したデザインを印刷時のみ適用させることができます。 CSSファイルに記述する方法 スクリーン用に記述しているCSSファイル(...
jQuery

【jQuery】サムネイルをクリックするとメイン画像が切り替わる

サムネイルをクリックすると、上の大きい画像がサムネイルの画像と切り替わるようにします。 サンプル 1.jsファイルを作り、スクリプトを記述 「custom.js」など任意のファイルを作り、スクリプト...
テンプレートタグ

【WordPressテンプレートタグ】get_page_link():固定ページのパーマリンクを取得

概要 固定ページのパーマリンクを取得する。固定ページIDを渡せばそのページのURLを取得でき、引数を指定しなければ現在見ている固定ページのURLを取得する。 書式 <?php get_page_link( id, leavename,...
タイトルとURLをコピーしました