WordPRESS header.php

wp カスタムヘッダー funcitons.php

funcitons.php /*--------- カスタムヘッダー 開始 -------------*/ # ヘッダー画像add_theme_support('custom-header', array( 'width' => 1120, 'height' => 380, 'header-text' => false));

wp header.php コピペ用

<html lang="ja"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" /> <meta name="description" content=""> <meta name="author" content=""> </meta></meta></meta></meta></meta></head></html>

Wordpress 検索フォーム

<form action="<?php echo home_url('/'); ?>" method="get" class="searchform"> <input type="text" value="<?php the_search_query(); ?>" name="s" id="s" placeholder="サイト内検索"> <input type="submit" id="searchSubmit" value=""> </form> ・form action => トップページURL ・method => get ・input value =>

Wordpress グローバルナビゲーション 作成

functions.php ----- // カスタムメニュー機能を有効にするadd_theme_support('menus'); ------ 出力 ・wp_nav_menu 'g-nav', // 管理画面で作成したメニューの名前 'container' => false, // <ul> タグを囲んでいる <div> タグを削除 ); wp_nav_menu($args); ?></div></ul>

WP スマホ メニューボタン

header.php <header> <div class="sitenav"> <button type="button" id="navbtn"> <i class="fa fa-bars"></i><span>MENE</span> 'sitenav', 'container' => 'nav', 'container_class' => 'mainmenu', 'container_id' => 'mainmenu' )); ?> </div> </header> ------ style.cs…

固定ページ 分岐

特定の固定ページかどうかを判別するis_page 固定ページの判別には「is_page」を使用します。 こちらもカテゴリー同様に複数の場合は配列を使用してまとめて設定することができます。 ? 1 2 3 4 //固定ページのスラッグ名「contact」の場合 //固定ページの…

wordpress header.php ①

language_attributes(); - 公式テーマとして登録する際は必須。個人で使用する場合は <html lang="ja">のままで大丈夫 <title><?php bloginfo('name'); ?></title><meta name="keywords" content="<?php bloginfo('keywords'); ?>"><meta name="description" content="<?php bloginfo('description'); ?>"> </meta></meta></html>

WordPRESS header.php メタ og

・og:type 記事の種類。 content属性値:ブログや、ニュースの記事はarticleと指定。 ------ ・og:title 記事のタイトル。 で記事のタイトルを出力。 ------ ・og:url 記事のURL。 で記事の個別URLを出力。 ------- ・og:description 記事の概要。 で記事の…