斜めから見た感じ。左側はアクリルパネルになっていますが、黒っぽく光沢が強いので外から中ははっきりとは見にくいです。 対して右側は特に何もないです。 正面から見た感じ。5インチベイは3つ。正面下側の吸気用ファンは光るようになってます。 光るとこんな感じ。5インチベイもメッシュ仕様になっているので、違うところからの光も漏れてしまうので注意が必要です。 フロント上部。USB3.0*2とオーディオ関連。ちょうど斜めっているので机の下に置いたりする方には便利かもしれません。ですが埃が入りそうなのでキャップをつけたりするといいと思います。 トップ部分。ファンは120cm*2または140cm*2、そしてミドルタワーには珍しく180cmファン*1のいずれかがつけられます。ですがここもメッシュ仕様なので、フィルター類をつけなければ思いっきり埃が入るので注意が必要です。自分は市販品のファンフィルターと100均

ブログの文中・文末に「まとめ」や「POINT」として囲み枠（BOX）を使うと、見やすくなって便利ですよね。アクセントとしても効果的です。 CSSをスタイルシート（style.css）にコピペして下さいね。子テーマがある場合は子テーマstyle.cssへ 囲み枠はすべて「幅 90％」にしていますが「width: 90%;」の行を削除することで幅いっぱいに広げて使うことができます。 ワードプレスの新ブロックエディター「Gutenberg（グーテンベルク）」でプラグイン不要の使い方を⇒こちらの記事で解説しています。 各BOXコードの上に表示している『サンプル囲み枠』はキャプチャ画像です。

なぜCSSでボタンを作るのか？その前に、なぜCSSでボタンを作るのか？について少しだけ考えたいと思います。 簡単に言ってしまえば、 軽い！拡張性がある！解像度の心配がない！簡単！と言った理由ではないでしょうか？ 画像でボタンを作ることも多いと思いますが、「画像じゃないほうがいいなあ」と思うことも多いと思います。 もちろん、デザイナーから上がってきたデザインデータからボタンを切り取って、HTMLに設置して、CSSでホバーはopacity:0.8、とかやれば簡単ではありますが、デザインツールの進化やレスポンシブの一般化に伴い、そういったイケてなくて古臭いやり方はあまり望ましくないです。 特にWebの場合、テストの繰り返しが必要ですが、画像でボタンを作るとなるとテスト用にいくつもの画像を作らなくてはいけません。色やテキストを変えるとなると画像すべてを修正する必要があります。しかし、CSSボタンで

「サマナーズウォー」という携帯ゲームが好き、好き、好きです。 最近、ログインしかしていないフレンドの社長をきりました。 フレンド枠いっぱいだったので、すいませんｗ どうも岩渕です。 これまでカスタム投稿タイプの一覧を作成するときは、固定ページを作成し、page-[固定ページslug].phpでアーカイブページを作成していました。 しかし、この作り方だと、query_postsで書かなくてはいけなくなり、さらにquery_postsだと「ページャーが出ない！！」ということで作業工数を大幅にとられていました。 ですが、固定ページを作成しなくてもアーカイブページを持てることがわかりましたので、共有させて頂きます。 「Custom Post Type UI」のプラグインを使用してカスタム投稿タイプを作成している方向けです。 ワードプレスの管理画面へログイン 「CPTUI」を開きます。 「Custo

更新日: 2017年8月18日公開日: 2017年8月17日phpでの改行の仕方を解説！nl2brを使いこなそう！ "CodeCampus"はオンラインプログラミングスクール No.1のCodeCampが運営するプログラミング未経験の方のための学習メディアです CodeCampとは？（受講生体験記） 「エンジニアは女性のキャリアとして魅力的」未経験からの転職体験記リモートワーク×多拠点居住の新しい生き方を実現する。元バレエダンサーの挑戦普通の文系大学生/営業職が、エンジニアへ転職し起業するまで成長の記録 改行をして見やすくしよう！ 突然ですがechoを使って文字出力を行う時に、下記のようにうまく改行されず見えづらいと思ったことはないでしょうか。 <?php echo 'こんにちは'; echo 'さようなら'; <実行結果> こんにちはさようなら そうなんです。echoを使うだけでは改行さ

オッス、オラムラタ。 今回はWordpressのタイトル下やらエディター下など色々な場所に要素を追加してみたいと思います。 投稿の際の注意書きを入れたりマニュアルへのリンクを貼ったりすることでクライアントにも優しい投稿画面が仕上がるのではないでしょうか？ 目次 アクションフック タイトル直前で実行「edit_form_top」 タイトル直後で実行「edit_form_after_title」 エディター直下で実行「edit_form_after_editor」 オプション要素の最後で実行「edit_form_advanced」 独自のボックスを追加「add_meta_box」 投稿タイプによって内容を変更させる 最後に アクションフック WPでは管理画面を開いた時や投稿画面を開いた時、プラグインを停止させた時など様々なタイミング（アクション）にフックを使い任意の処理を実行することができます

クライアントに納品する際に、ここはこうして欲しい！ってポストイットを付けて渡したい時ってありますよね。 ども、カンマンのフロントエンド担当、阿部です。 WordPressがいくら柔軟でも、意図しない設定や登録・投稿を未然に防ぐ為にも、ここはこうしてね！と、一言添えたいときにカスタム投稿で投稿画面にメモ書きを足しておく方法をメモ。 カスタム投稿に説明文を ↑基本的な勘所はこちらのブログに記載されておりました。 タイトルの上やエディターの上、下、と結構柔軟に任意のコードを表示させることが出来るみたいですね。 コードを拝借すると…… 投稿タイプで条件分岐させられるので、通常投稿には出したくない！　とわがままも柔軟に対応出来て素敵ですね。 CSSだけでどうにか出来そうだったら 管理画面用のCSSを当てることも出来ますが、物理的にコードを挿入しちゃった方が、便利かなと思います。 サイト用のCSSとは

table要素内である要素にflex-wrapプロパティのwrapを指定すると、IE10とIE11で効かず（折り返されず）幅が超えてしまう現象が発生します。 他のブラウザ： IE10とIE11： HTML <table> <tbody> <tr> <td> <ul> <li>item 1</li> <li>item 2</li> <li>item 3</li> <li>item 4</li> <li>item 5</li> <li>item 6</li> <li>item 7</li> </ul> </td> </tr> </tbody> </table> CSS table { border-collapse:collapse; border-spacing:0; } table td { border:1px solid #ccc; padding:10px; width:300px;

投稿者権限のユーザーがログインしている時、投稿一覧を表示すると自身の投稿以外の投稿も見えます。編集はもちろんできず、タイトルが表示されているだけですが、下書きの投稿も見えてしまうので見えないようしたいと思い、次のようなコードを functions.php に書きました。 function show_only_authorpost($query) { global $current_user; if( is_admin() && !current_user_can('edit_others_posts') ){ $query->set('author', $current_user->ID); } } add_action('pre_get_posts', 'show_only_authorpost'); これで投稿者は自身の投稿しか表示されなくなりますが、しかし、投稿画面を見ると Adva

この記事のショートリンクを取得 <a href='https://wp-doctor.jp/blog/?p=4445' target='_blank'>ワードプレスで投稿者権限で自分が投稿した記事だけが見えるようにする方法</a> ワードプレスの投稿者権限では、記事の投稿だけができるようになっていますね。ただ、ワードプレスは複数の投稿者権限のユーザー全員に他のユーザーが投稿した記事も全て管理画面で見れてしまうという仕様になっています。 この場合、記事の修正などで自分の投稿だけを一覧で見たかったり、何らかの理由で他の投稿を魅せたくなかったりする場合多少困ってしまうかもしれません。今回は投稿者権限に管理画面においては自分の作った投稿だけが見えるようにする方法をご紹介します。 投稿者権限のユーザーに自分の投稿だけが見えるようにするコード 投稿者権限のユーザーに自分の投稿した記事だけが管理画面のリ

WordPress管理画面のユーザープロフィールで、不要な項目を非表示にする方法をご紹介いたします。 ユーザープロフィールの項目自体を無効化するわけではなく、jQueryやCSSを使って非表示にしています。 jQueryを使ってユーザープロフィールの項目を非表示にする方法とCSSを使う方法の2パターンをご紹介いたします。 jQueryを使ってユーザープロフィールの不要な項目を非表示にする方法 functions.phpに以下を追加します。 function user_profile_hide_script( $hook ) { $script = <<<SCRIPT jQuery(function($) { jQuery('#your-profile .user-rich-editing-wrap').hide(); //ビジュアルエディター jQuery('#your-profile .

また、私たちバズ部は12年で400社以上のメディア支援を行い、 立ち上げから10ヶ月で14.6億円の売上を産んだ不動産メディア8ヶ月で月間140万PVを実現したアプリメディアなど大きな成果を挙げ続けている。 各サイトの成功要因をインタビューしているので、 あなたのサイトに役立てて欲しい⇒25サイトの成功事例インタビューはこちら １．Advanced Custom FieldsとはAdvanced Custom Fields（通称ACF）とは、管理画面上で簡単にカスタムフィールドを作ることのできるプラグインだ。 通常、投稿編集画面などに上の画像のような独自のフィールド（カスタムフィールド）を用意するには、functions.php などにプログラムを書く必要があり、PHPやWordPressの深い知識が必要となる。 だが、Advanced Custom Fields を使用すれば、エンジニア

PDF Image Generatorの使い方 PDF Image Generatorの使い方は至って簡単で、通常通り[メディアを追加]からPDFをアップロードし、リンク先やメディアのサイズなどを指定して[投稿に挿入]するだけです。 生成されたサムネイルをテーマ内で呼び出す方法 PDFとサムネイルの出力 カスタムフィールドでセットしたPDFとサムネイルをテーマ内で呼び出したい場合は、以下のように記述します。 <?php $pdf_id = ‘your pdf post ID’;//サムネイルを表示したいPDFのID $thumbnail_id = get_post_thumbnail_id( $pdf_id ); if ( $thumbnail_id ) { $attach_title = get_the_title( $pdf_id ); $attach_image = wp_get_a