【Advanced Custom Fields】の設定方法と出力、入力しなかったときに項目を非表示にする方法を書きたいと思います。 Advanced Custom Fieldsプラグインのインストール管理画面の「プラグイン」→「新規追加」の検索フォームに『Advanced Custom Fields』と入力し「いますぐインストール」ボタンからインストールするか、下記からファイルをダウンロードしてインストールします。その場合は、「プラグインのアップロード」からインストールします。 Advanced Custom Fields インストールしたら有効化してください。 カスタムフィールドを作成する『Advanced Custom Fields』を有効化するとサイドバーに「カスタムフィールド」が追加されるのでクリックします！ すると「フィールドグループ」ページが表示されます。ここに追加したカスタム

カスタム投稿タイプを作成し、投稿できるようになっても、いざ表示させようと思ったら、いろんな方法があって、戸惑ってしまいます。 今日は、トップページやサイドバー、固定ページなどで、特定のカスタム投稿タイプを表示したいときの、ループの書き方を紹介したいと思います。 サブループ（カスタムループ）で、特定のカスタム投稿タイプを表示する 「gourmet」というカスタム投稿タイプを、トップページやサイドバーなどで表示するという例です。 経験上、メインループに影響を与えないサブループ（カスタムループ）で記述しておくほうが安全ですね。 ※以前、メインループの記述方法で書いて、ページネーションでおかしなことになってしまいました…。 また、サブループの記述方法には、「WP_Query()」と「get_posts()」がありますが、「WP_Query()」の方がより複雑な処理を行うことができます。 ※メインル

ログインした状態でサイト表示中に編集ボタンを表示するedit_post_link()の使い方 投稿の編集権限があるユーザーがログインしている場合に、[編集する]リンクを表示して、見ている記事をすぐに編集可能。固定ページでも使える。 タイトル付近に配置したりfixedさせて目立たせて使うと効果的。 仕様

昨日、EaseUSのパーティション操作ツール（EaseUS Partition Master）を使って、二つのパーティションを結合しようとしました。 すると途中でエラーになって中断。 その後エクスプローラで見てみると、結合しようとした二つのパーティションのうち一つが、「フォーマットしないと使えません」みたいなエラーが出てしまい、まったく読めなくなってしまいました。NTFSではなくRAWとして扱われているようです。 状況から判断するに、論理的な不整合によりMBRとかファイルシステムの何かに問題が出ているであろうことは確実。 RAWからNTFSに復旧させる試み そこでこのような状況でみなさんもやるであろう、 「HDD　エラー　読めない」 「パーティション　結合　失敗」 「HDD　RAW　復旧」 などの単語で検索。 TestDiskでも無理だった ググって調べた結果を総合して簡単にまとめると、要

概要 Advanced Custom Fieldsの値が未入力の場合に非表示にする条件分岐の方法を紹介。 実装方法 PHP <?php $sample = get_field('フィールド名');//カスタムフィールドの値を変数に格納 ?> <?php if($sample):?><!-- 値があった場合 --> <?php echo $sample; ?><!-- 値を出力 --> <?php endif;?>

WordPressでログインする権限によって画面に表示される内容を変えます この記事はWordPress 4.9.8での動作を確認しています 1. 権限について復習 WordPressの権限によってできることを確認します WordPress codex - ユーザーの種類と権限より、 管理者(Administrator) - シングルサイト内のすべての管理機能にアクセスできるユーザー 編集者(Editor) - 他のユーザーの投稿を含むすべての投稿を発行、管理できるユーザー。できないこと：テーマの設定、プラグインの管理、ユーザーの管理など 投稿者(Author) - 自身の投稿を発行、管理できるユーザー。できないこと：固定ページや他のユーザーが投稿した記事の編集 寄稿者(Contributor) - 自身の投稿を編集、管理できるが、発行はできないユーザー 購読者(Subscriber) -

なにこれ？ ACFを使ってカスタムフィールドを作った時、クライアントが入力しない場合があるならばこうやって書く。 そうすれば、値の入力が無い欄は非表示にできる。 その他にも出し分けしたい時に使う。 コード <?php if(get_field('フィールド名')): //フィールド名の入力がある場合 ?> <!--　HTMLをここに書く　--> <?php else: //フィールド名の入力が無い場合 ?> <!--　HTMLをここに書く　--> <?php endif; //フィールド名についてのループ終わり ?> <?php if(get_field('name_romaji')): //「name_romaji」の入力がある場合 ?> <div class="name-inner"> <div class="name jp"><?php the_field('name'); ?></

もはやスマホ表示を考えないwebサイトは新規制作やリニューアルではほぼない今日、どんなに横に長いテーブルでもレスポンシブでどうするか考える必要があります。 PCで組むだけなら何も考えずに済むのですが、スマホの縦長の画面で如何にユーザビリティを落とさず横長になりがちなテーブルを表示させることができるか、いくつかtableコーディングのパターンを用意してみました。 demo Contents 縦に積むテーブルレスポンシブ 横並びを縦並びにするテーブルレスポンシブ 疑似要素で見出しを用意するテーブルレスポンシブ content:attr() で見出しを表現するテーブルレスポンシブ spanで見出しを表現するテーブルレスポンシブ スクロールで表示させるテーブルレスポンシブ 縦に積むテーブルレスポンシブ PC SP ごくごく一般的なテーブルパターンですね。 ソース上は上から順番に要素が並んでいるので

WordPressの検索フォームから検索を実行した時に、カスタム投稿タイプの記事も含めるようにする方法をご紹介いたします。逆に、投稿や固定ページを検索結果から除外する方法も紹介しています。 適用しているテーマのfunctions.phpに以下コードを追加します。 function filter_search( $query ) { if ( $query->is_search() && $query->is_main_query() && ! is_admin() ) { $query->set( 'post_type', array( 'post', 'page', 'news' ) ); } } add_filter( 'pre_get_posts', 'filter_search' ); 上記の場合、”news”というカスタム投稿タイプが検索結果に含まれるようになります。 逆に固定ペ

この投稿は 12年 前に公開されました。いまではもう無効になった内容を含んでいるかもしれないことをご了承ください。 ここひと月ほどお仕事が忙しくて更新できなかったのですが、やっと一段落しました。その際、WordPressでわりと大きめのデータを扱うことになったので、備忘録としてまとめます。今月から行われる破滅派リニューアルにも役立つかなーと。 データの規模 今回扱ったデータは全国のある施設を取り扱いました。不動産サイトのようなものをイメージしてください。カテゴリーとタグはそれぞれ数十件と常識的な範囲だったのですが、地理情報のタクソノミーが全国の都道府県〜市区町村〜町域のレベルまで。ざっとまとめるとこんな感じです。 投稿……200,000件 カテゴリー……70件 タグ……20件 カスタムタクソノミー（address）……120,000件 ボトルネックになった部分 デフォルトの状態で使う分には

ライセンス認証済みのMicrosoft Office 2013のエクセルが調子悪いと相談があり、[コントロールパネル]の[プログラムと機能]より[変更]ボタンを押して[修復]を行ったところ、ライセンス認証を求められました。 ところが、PCの持ち主がプロダクトキー記載のカードがどこにいったかわからいというよくある困った状況。そこでいくつかプロダクトキーを調べる方法がいくつかあったのでメモ。 コマンドプロンプトからヒントを得る 以下のコマンドでプロダクトキーの一部（一番最後の5桁）を見つけることができます。古いバージョンのオフィスであればこの一部からレジストリを検索してプロダクトキーを見つけることができるそうです。 cscript.exe slmgr.vbs /dlv all cscript "%programfiles%\Microsoft Office\Office15\ospp.vbs"

WordPressをホームページとして使用する場合、『最終更新日』や『投稿者』が少し邪魔になるのでテーマの構文を削除します。 新しいバージョンのLightninngの改造法はこちらに記載しています 親テーマのファイルを修正 親テーマの書き換えにはバックアップを取って作業してください。 （簡単なバックアップ方法を最下に記載しています） ＜注意＞ PHP用エディタもしくはWordPress内の『テーマの編集』より行ってください。 右端のリンク、もしくは選択エリアから『lightning』を選択してください。 ●最終更新の削除 修正ファイル場所： lightning/module_loop_post_meta.php ▼右端のサイドバー内よりファイルを選択します。 削除コード： <span class=”entry-meta_items entry-meta_updated<?php echo

今回は縁取りされたテキストをどのブラウザでも、とくにIEでもキレイに表示させる方法をご紹介いたします。 HTML <p class="outline">LIFE IS GOOD</p> HTMLはこちらを使っていきたいと思います( ˘ω˘)☝ CSS 以下、CSSを使った方法を３つ紹介いたします( ˘ω˘)☝ 1. テキストストロークを使う方法 -webkit-text-stroke-color: #000; -webkit-text-stroke-width: 1px; 比較画像 テキストストロークでの方法はキレイに表示されるものの、webkitしか対応していないため他のブラウザでは白い文字になってしまいます( ˘ω˘)☝ 2. テキストシャドウ使う方法 text-shadow: black 1px 1px 0px, black -1px 1px 0px, black 1px -1px

みなさんこんにちは。 今日はWordPressプラグインのTablePressについて。 このプラグイン、簡単に記事内に表を作成できる上にデザインのカスタマイズがかなり自由。というもので、大変重宝しています。 ただ、表を創るとき、画像のように1行目のセルを見出しセルとして背景色を変えたりすることが多いのと同じように、一列目もまとめて背景色とか変えたいじゃないですか。 最初は他サイトでも紹介されている様な「特定のセルの背景色を変えるやり方」で頑張って1列目のセルを全部記述していました。。。 しかも始めのうちは、丁寧に毎回表のIDを指定して。。。 ↓こんな感じですね。。（○=表のID、row=行、column=列） #tablepress-○ .row-2 .column-1, #tablepress-○ .row-3 .column-1, #tablepress-○ .row-4 .colu