画像に効果を設定するcss(ブレンドモード)
乗算やオーバーレイといった効果を画像に設定する。 background プロパティで複数の画像をカンマで区切ると、画像同士のブレンドも可能。 尚、IEには全般対応指定ないほか、Safariブラウザも効果タイプによっては対応していない。 body { background: #0bd url(beach-footprint.jpg) no-repeat; background-blend-mode: […]
2017年
管理画面にアクセスしようとすると「このページにアクセスするための十分なアクセス権がありません。」と表示される
管理画面にアクセスしようとした際に「このページにアクセスするための十分なアクセス権がありません。」というエラーが出てログインが出来なくなった。 エラーが表示された原因は、WordPressのデータベースを移行や書き換えの際に「接頭辞」を変更した事である。 ・作成済のデータベースと移行先に用意したデータベースの接頭辞が違ったので書き換えた ・エクスポートしたデータベースのsqlファイル内の文字が変換 […]
カスタムフィールドの関連で関連付く記事を取得する
- 2017.03.14
- Advanced Custom Fields, 記事, 関連
$wpQuery = new WP_Query(); $param = array( 'posts_per_page' => -1, 'orderby' => 'date', 'order' => 'DESC', 'post_status' => 'publish', 'post_type' => 'post', 'meta_query' => array( a […]
管理画面の一覧よりカスタムフィールドの値で検索する
function.phpに下記を追加する。 // 管理画面の検索範囲を変更する function add_subtitle_filter(){ global $post_type; //表示するのは投稿一覧画面のみ if ( $post_type == 'post' ) { echo '<input type="text" name="subtitle" value="'. get_quer […]
カスタム投稿タイプのラベル名を表示（カスタム投稿タイプの一覧タイトル）
■カスタム投稿名 <?php echo esc_html(get_post_type_object(get_post_type())->name); ?> ■カスタム投稿ラベル <?php echo esc_html(get_post_type_object(get_post_type())->label ); ?>
ページ全体にブラー効果をかけるVague.jsの使い方
１、ブラーを付けたい要素をブロック要素で囲む <div id="blurArea"> ～略 通常どおりのコーディング～ </div> ２、jQuaryの本体と、vague.jsを読み込む <script src="http://code.jquery.com/jquery-1.8.2.min.js"></script> <script src= […]
Jetpack連携手順（201702現在最新）
１、Jetpackのプラグインをインストールし、有効化する 有効化の際に下記のエラーバ出た場合、PHPのバージョンが低いことが原因である。（最新バージョンではPHP7が必要になる） ２、次にJetpackとWordPress.comの連携を行う 下記のエラーが出る場合には、次の可能性が考えられる。 ・サイトが公開状態になっていないサイトにベーシック認証がかかっている。 ・APIにア […]
WordPressの条件分岐まとめ
<?php if(is_page()): ?> 固定ページの場合のみ表示 <?php elseif(is_single()): ?> <?php if ( get_post_type() === '投稿タイプ名' ): ?> 指定されたカスタム投稿タイプ名の場合のみ表示 <?php else: ?> 投稿の個別ページの場合のみ表示 <?php […]
Breadcrumb NavXTのカスタマイズ
- 2017.02.14
- Breadcrumb NavXT, plugin, ぱんくず, ぱんくずリスト
ぱんくずの中身を書き換えたい場合など、Breadcrumb NavXTを使用したく無いカテゴリーを除外する。 ■ 一つのカテゴリを除外する（例:NEWSを除外する） function my_filter_breadcrumbs($bcnObj) { $trail = array(); if ( count($bcnObj->trail) > 0 ) { for ( $i = 0; $i […]
twitterタイムライン埋め込み手順（201702現在最新）
１、twitterにログインする ２、プロフィールと設定メニューより[設定]を選択する ３、[ウィジェットメニュー]を選択 ４、[新規作成]をクリックした中から[プロフィール]を選択 ５、URLの入力フォームが表示されるのでtwitterアカウントのTOPURLを入力する ６、表示形式の選択を行う ７、表示用コードが表示されているので[Copy Code]ボタンを押す。 ８、コピーしたコードを表示 […]