作成者別アーカイブ: miyakawa

WordPress3.5から管理画面のリンクメニューがない対処

WordPress3.5から新規でインストールすると左メニュー内の「リンク」なくなっています。

今までのように「リンク」を表示させる方法はプラグインとして公式の「Link Manager」を追加します。方法は2通りで、プラグインから「新規追加」する方法と下記のようにLink Manager本体をダウンロードしてインストールする方法です。
下記はダウンロードしてからインストールする方法です。
1、Link Manager へ行き右上の「Download Version 0.1-beta」からダウンロード。
2、メニューの「プラグイン」から「新規追加」し上の「アップロード」にして先ほどダウンロードした「link-manager.zip」を選択、アップロードする。

これで自動的にメニュー内に「リンク」が追加されます。

バージョン3.5.1

サーバエラー番号の一覧

400 Bad Request
不正リクエスト
リクエストは不正な構文であるために、サーバに理解されなかった。打ち込んだURLに変な間違いがあった時など。

401 Unauthorized
許可なし
リクエストは、ユーザ認証を必要とする。認証に失敗した時など。

403 Forbidden
アクセス拒否
サーバはリクエストを理解したが、そのリクエストの実行を拒否した。またはアクセス権限がない時など。

404 Not Found
ファイル存在不明
サーバは、リクエストURLと一致するものを見つけられなかった。アドレスが無くなった時など。

500 Internal Server Error
サーバ内部エラー
サーバリクエストの実行を妨げる予期しない状況に遭遇した。 CGIスクリプト・エラーなど。

503 Service Unavailable
サービス利用不可
サーバはサーバの一時的な過負荷あるいはメンテナンスのために、現在、リクエストを扱うことができない。

an error occurred while processing this directiveエラー

このエラー表示はSSI(Server Side Include)でのエラー原因が考えられます。
今回はhtml内にコメントとして
<!–#テキスト–>
のようにいれた場合に
「an error occurred while processing this directive」が出ました。
これは「#」「;」「’」「”」などがコメント内に入れた場合おこることがあります。

Bootstrap アイコン

Bootstrapは標準で140のアイコンが簡単な指定で表示できます。
黒のアイコンなら  <i class=”icon-arrow-up“></i>
白のアイコンなら  <i class=”icon-arrow-up icon-white“></i>
赤字のそれぞれ入れればOKで簡単です。

さらに多くのアイコンを使用したい場合に2つのサイトを紹介します。

■Elusive Icons
271のアイコンがあります。

http://aristath.github.com/elusive-iconfont/

■Font Awesome
249のアイコンがあります。

設置方法:ダウンロードした中のCSS「font-awesome.min.css」と「font-awesome-ie7.min.css」をCSSフォルダーに入れる。
「font」フォルダーをそのまま、index.htmlと同じ階層にそのまま入れる。
index.htmlに下記の記述を追加する。
<link href=”css/font-awesome.min.css” rel=”stylesheet”>
<!–[if IE 7]>
<link rel=”stylesheet” href=”css/font-awesome-ie7.min.css“>
<![endif]–>
赤字は置いてある場所を確認して変更する。

後は使用したいアイコンをそれぞれ指定をする。
<p><i class=”icon-camera-retro“></i> icon-camera-retro</p>
<p><i class=”icon-circle-arrow-down icon-large“></i> icon-circle-down</p>
<p><i class=”icon-circle-arrow-right icon-2x“></i> icon-circle-right</p>
<p><i class=”icon-circle-arrow-left icon-3x“></i> icon-circle-left</p>
<p><a href=”#t”><i class=”icon-circle-arrow-up icon-4x“></i> icon-circle-arrow-up</a></p>
<p><i class=”icon-spinner icon-large icon-spin“></i> Spinner icon</p>

サイズを変更なら「icon-large、icon-2x、icon-3x、icon-4x」
回転させるなら「icon-spin」
をスペースの後に追加する。

http://fortawesome.github.com/Font-Awesome/

ウェブセーフカラー表

WindowsとMacintoshではカラーが違って見えたりします。またもともと標準としている色数や解像度による色数も違うのでネットではセーフカラー256色というものがあります。

この色を使っていると殆どの環境で同じ色で再現されます。フォトショップやドリームウィーバーなどは簡単に色指定ができますが、実際のブラウザで前後の濃淡など確認することができるサイトがあります。

さらに便利なのが右上のメニューから「216 Web Safe Colors」「Greens / Blues」「Reds / Blues」「Reds / Greens」「Earth Tones」「Pastels」「Greys」とそれぞれ選択してくれます。

http://websafecolors.info/