はてなブックマーク

WordPress標準の表Tableをレスポンシブにする初歩的な方法 2016/07/05[公開] 2017/02/04[最終更新] 私は、WordPressでテーブル（表）を挿入するときに、定番プラグインTinyMCE Advancedをインストールして、ビジュアルモードでWordPress標準のテーブル作成機能を使っています。このサイトはレスポンシブテーマtwenty fifteenを使っているので、挿入した表もレスポンシブになって欲しいワケです。 いくつか表を挿入して記事を書いてきたのですが、ある記事ではレスポンシブに対応した表が作れたり、別の記事ではレスポンシブじゃなかったりと最初は戸惑いましたが、widthをピクセルで指定しないというポイントを押さえれば簡単な話でしたという初歩的な内容です。

phpMyAdminのセキュリティ対策を3種類実施（エイリアス変更/アクセス制限/SSL通信） 2014/11/30[公開] WordPressのセットアップやバックアップでMySQLの操作をするのにPhpMyAdminはとても便利ですね。ブラウザからサーバーのデータベースに簡単にアクセスできるということは、セキュリティがパスワードだけだと少し不安です。今回は、自宅のDebianサーバーで私が実施しているphpMyAdminの不正侵入対策を3つ紹介します。 前提として Debian Wheezy 7.7のインストール記事の通りインストールしているapache2＋php5+mysql-server+phpmyadminの記事の通りにインストールしている　3つの対策ともすべて /etc/phpmyadmin/apache.conf の設定ファイルを書き換えるだけなので簡単です。 エイリアスの変

前回、WordPressの公式テーマtwenty fourteenのトップページの投稿一覧を抜粋表示にさせる方法を実施しましたが、今度はメインメニューを作る際に固定ページにカテゴリー別に投稿一覧を表示する方法はないものかと実践した内容です。 できるだけ難しいのはパスして、プラグイン利用、なるべく簡単で、後々のメンテナンス不要な方法優先です。 プラグイン「Shortcodes Ultimate」を利用する。ショートコードを簡単に利用できる「Shortcodes Ultimate」は定番プラグインなので、すでに入れている人も多いとおもいますが、入れていない方は管理画面からプラグイン検索でインストールして有効化しましょう。 今回は、管理画面の「固定ページ」-「新規追加」で新しい固定ページを作成してテストしていきます。 プラグインが有効になっていれば、「ショートコードを挿入」ボタンが出ているのでク

お問い合わせフォームの定番プラグインであるContact Form 7 を利用しています。ここのブログにも固定ページにお問い合わせページを作って、このプラグインのデフォルトのコンタクトフォームのコードをそのまま貼り付けて設置しています。それで十分なんですが、どうしても気になる点が固定ページに設置するとページの横幅に対してフォームの入力欄の横幅が狭すぎるというか短すぎるという点と、入力欄の高さが文字に対して低すぎるという点が気になります。 これはブラウザーによっても違うようですが、特にWindowsのFireFoxでは日本語を入力しようとすると、文字の上下が切れてとても入力しずらいです。（上図の名前欄を見ていただくと分かりやすいです。）見た目も悪いし、ユーザビリティも悪いのでなんとか変更しようとした備忘録です。 オプションでサイズを指定しても　現行のWP4.1.1だかデフォルトテーマのtwe

自宅PCサーバーをSSDにしたので、DebianのSSD対応の設定を調べながらやっています。今回はパフォーマンス維持のためのTrim設定についての備忘録です。 利用バージョン：Debian GNU/Linux Wheezy 7.8 /カーネル3.2.0-4-amd64 /ファイルシステムはext4を利用。 Trimを使おうTrimとは、ファイルを削除したときの処理がHDDとSSDでは違うために徐々に起こる「SSDの速度低下」を抑えてくれる機能のひとつです。Windowsでは7以降にTrim機能がOS標準でサポートされ、これがSSDを利用するならwindows7以降が良いと言われている理由のひとつです。スマホやタブレットでもAndoroid4.3以降でサポートされたようです。ウチのDebian でも利用したいですね。 Trim機能を使うにはハードウェアとOSの両方の対応が必要です。 ハードウ

届いたメッセージGoogle Search Consoleから届いたメッセージがコチラ https://def-4.com/ の SSL/TLS 証明書が自己署名されています https://def-4.com/のウェブマスター様 https://def-4.com/で使用されている SSL/TLS 証明書が自己署名証明書であることが判明しました。この証明書は認証局ではなくお客様のサーバーから発行されたものです。SSL/TLS 証明書の信頼できる発行元は認証局のみなので、この証明書はほとんどのブラウザで信頼されません。さらに自己署名証明書が使用されているサイトでは、コン テンツが認証されておらず、変更が可能で、そのサイトでのユーザーのデータや閲覧履歴が第三者に知られてしまう可能性があります。この結果、多くのウェブ ブラウザが、貴サイトにアクセスしたユーザーにセキュリティ警告メッセージを表示

Let’s Encrypt一枚でサブドメイン含む複数ドメインに対応できた 2016/07/24[公開] 2016/11/19[最終更新] 前回記事にて、ここのブログ用に無料のLet’s Encrypt証明書を設定した続きです。もともとこのデフよんブログのドメインは、def-4.comで一貫しているので前回は気にしていませんでしたが、www.def-4.comからのアクセスに対してはdef-4.comの証明書が無効でした。ここのブログはwww付でのアクセスはありえないので良いのですが、バーチャルホストで２ドメイン稼動させている、もうひとつのサイトはwww.ikt-s.comと、www付きで運用しているので、ikt-s.comもSSL通信に対応させたくなったわけです。ついでに複数サブドメインも対応しているのを確認できました。 （2016/08/03追記）　この記事で発行した証明書ですが、Goo

WordPress引っ越しインポートで役立つプラグイン4個 2015/11/28[公開] 2017/10/15[最終更新] WordPressの引っ越しの際、標準のエクスポート＆インポート機能がありますが、これですんなり移行が完了すれば簡単です。しかし、必ずしも上手い具合にインポートが完了しない場合も多いようです。よくあるインポートトラブルとしては次のようなことがあるでしょう。 インポートボタンを押しても、完了まで行かないで途中で止まっている。 アップロードした画像やメディアがインポートできない。 アイキャッチ画像がインポートされない。 インポートしたのに投稿記事が出てこない。 ここのブログの話ですが、2つのWordPressを一つのWordPressとして合体させました。両方のWordPressからエクスポートしたxmlファイルを、新規インストールしたWordPressにインポートしたの

WordPress>プラグイン>プラグイン「Content Aware Sidebars」で特定カテゴリーだけサイドバーのウィジットを変更する。 プラグイン「Content Aware Sidebars」で特定カテゴリーだけサイドバーのウィジットを変更する。 2014/11/17[公開] 当ブログでは「会社設立」というカテゴリーの記事だけは、手順書みたいに順番に記事を読んでいけるようにしたかったんです。 サイドバーに読んでもらいたい順に記事を並べたメニューを作り、該当するページだけサイドバーに出したい。 そんなことが簡単に設定できる、WordPressプラグイン「Content Aware Sidebars」がありました。 その前に、類似プラグインでハマったのでそのことから書きます。 類似プラグイン WooSidebarsでハマった最初ググって見つけたWooSidebarsというのを使いま