WordPress カスタムテーマ作成

wp パンくずリスト

single.php ----- <div class="sub-header"> <div class="bread"><ol> <li><a href="<?php echo home_url(); ?>"> <i class="fa fa-home"></i><span>TOP</span></a></li> <li> </li></ol></div></div>

Wordpress カスタムフィールド 追加 PHP

functions.php ----- // 固定カスタムフィールドボックス// 固定カスタムフィールドボックス function add_book_fields() { //add_meta_box(表示される入力ボックスのHTMLのID, ラベル, 表示する内容を作成する関数名, 投稿タイプ, 表示方法) //第4引数のpos…

Wordpress 404.php

<div class="contentsWrap"> <div class="mainContents oneColumn"> <article class="page"> <h1 class="type-A">404 Not Found</h1> <section class="content" style="padding:50px 0 100px;"> <p class="aligncenter">お探しのページが見つかりませんでした。</p> <p class="aligncenter">申し訳ございませんが、</p></section></article></div></div>

Wordpress search.php

<div class="contentsWrap"> <div class="mainContents"> <h1>[]の検索結果</h1> <section class="newsBlock block"> </section> </div> <aside class="subContents"> </aside></div>

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>

Wordpress ショートコード作成 & 関数 01

fuctions.php ################ 会社概要 ショートコードfunction shortcode_kaisya() { return '<p class="telimg"><img src="' . get_template_directory_uri() . '/img/contactbnr.jpg"></p>' ; // よくある、オペレータの女性の画像と電話番号、FAX番号などが記載さた画像}add_shortcode('tel', 'shortcode_kaisya'); 使い方 エディターに、 [tel] …

Wordpress 条件分岐タグ コピペ用

------------------ ------------------

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…

WP 固定ページテンプレート

----- 2: ファイル名をスラッグにする 例:スラッグ -> new page-new.php ------ 3:ファイル名をIDにする page-3.php

WP 特定のカテゴリー出力 , 全てのカテゴリーを出力

home.php ---- if($query->is_home() ) { $query->set('category_name','news'); # ('パラメータ', 'スラッグ'); } ---- category.php if($query->is_category() ) { $query->set('nopaging', true); # nopaging 全件出力 return; }

wordpress ビズベクトル ヘッダー画像の大きさを変える

/* ヘッダー画像のサイズを変更 */ function my_biz_vektor_customheader_size() { return array(1500, 300); } add_filter('biz_vektor_customheader_size', 'my_biz_vektor_customheader_size');

wordpress テンプレート ビズベクトル 全体100% css

全体の幅を100%にする /* 外枠を100%に */#headerTop,#header,#topMainBnrFrame,#topMainBnr img,#main,#footMenu{ width: 100% !important;} /* 内枠を少し小さく */.innerBox,#header .innerBox,#pageTitBnr .innerBox,#panList .innerBox,#footMenu .inne…

カスタムフィールド youtube プラグイン:Advanced Custom Fields

css .VideoWrapper { position: relative; padding-bottom: 56.25%; /* 16:9 */ padding-top: 25px; height: 0; } .VideoWrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } ----- single.php など ----- <div class="VideoWrapper"> </div>

サムネサイズ

funcitons.php --- // サムネサイズfunction display_image($field_name, $size = 'medium') { $image = get_field($field_name); if(!empty($image)) { $url = $image['sizes'][$size]; // 画像URL $width = $image['sizes'][$size . '-width']; //画像の横…

sidebar.php 新着情報 & 人気記事

functions.php register_nav_menu('pickupnav', 'おすすめ記事'); ------ sidebar.php <style>/* サイドバー 新着 */.mymenu h2 {margin-top: 0; margin-bottom: 10px; border-bottom: 2px solid #dddddd; color:#666666; font-size:14px;}.mymenu ul {margin:0; pa…

WordPRESS single.php previous_post_link(), next_post_link()

<nav class="postNavi"> <span class="prev"> </span> <span class="next"> </span> </nav>

WordPRESS サムネイル

<div class="th_img_top"> <figure> <a href="<?php the_permalink(); ?>"></a> <a href="<?php the_permalink(); ?>"><img src="<?php echo get_template_directory_uri(); ?>/img/noimage_180x180.png" height="180" width="180"></a> …</figure></div>

wordpress JS 読み込み メモ

<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>

テンプレートパーツの読み込み 作成

loop-main.phpを読み込む 任意のテンプレート名-任意の名前.php get_template_part('loop', 'main');

sidebar.php 月別アーカイブ 表示

single.php ------ ------ sidebar-archives.php <ul> 'monthly', // 月別を指定 'show_post_count' => true, // 投稿数を表示 ); wp_get_archives($args); ?> </ul>

wordpress sidebar.php カテゴリー 一覧読み込み

single.php ----- <div> </div> ------ sidebar-categories.php <section> <h1>カテゴリー一覧</h1> <ul> '', // 見出しを削除 'show_count' => true, // 投稿ス ); wp_list_categories($args); ?> </ul> </section>

WordPRESS カスタム投稿設定  カスタム構造

・投稿された日を取得する %day% ----- ・投稿された月を取得する %monthnum% ----- ・投稿された年を4桁で取得 %year% ----- ・投稿された時間 %hour% ----- ・投稿、固有のID取得 %post_id% ----- ・投稿の投稿名を取得する %postname% ----- ・投稿され…

WordPRESS comments.php

<div id="comments" class="comments-area"> <h3 class="comments-title">『』へのコメント</h3> <ol class="commets-list"> </ol> <…</div>

WordPRESS single.php テンプレート ①

<div class="container"> <div class="content"> <article<?php post_class('kiji'); ?>> <h1></h1><div class="sub-header"> <div class="bread"> <ol> <li></li></ol></div></div></article<?php></div></div>

WordPRESS YouTubu & 外部コンテンツ

funcitons.php ---- // コンテンツ最大幅if(!isset($content_width)) { $content_width = 747;} // YouTube のビデオ :<div>でマークアップfunction ytwrapper($return, $data, $url) { if($data->provider_name == 'YouTube') { return '<div class="ytvideo">' . $return . '</div>'; } el</div>…

single.php  post_class で分岐

<div class="container"> <div class="content"> <article<?php post_class('kiji'); ?>> <h1></h1> </article> </div> </div>

wordpress 固定ページや記事ぺーじへの画像パス

大量の画像をアップしたいとき等、サーバへ直接、移行したほうがい場合 まず、サーバーのテーマフォルダの中に新規フォルダ「img」を作成し、その中に表示させたい画像をアップロード 次に下記をfunctions.phpに記述。 function replaceImagePath($arg) { $c…

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 記事の概要。 で記事の…