OGP(Open Graph Protocol)の設定

OGPとは”Open Graph Protocol”の略称です。

facebookやmixi、google+などのSocial Networking Service(ソーシャル・ネットワーキング・サービス)と
ウェブページを連携させる為に設定する記事情報です。
OGPを設定することで、記事に「いいね!」をしてくれた人のニュースフィード上に記事のURL、タイトル、ディスクリプション(サイトの説明文)サムネイル画像などが掲載されます。
OGPを設定していない場合は、「いいね!」のカウントはアップしますが記事を拡散させることはありません。

  1. wordpressに設定
    ・プラグイン「Open Graph Pro」をインストール
    ・FacebookのユーザーIDの確認
    ・FacebookアプリからApplicationID(AppID)を取得
    ・有効にしたプラグイン「Open Graph Pro」の設定

Yu Fukasawa Photography
↑上記サイトはとても丁寧に説明されています。
大変参考にさせていただきました!(^^)!

【追記】
Facebookの「いいね!」をしたときにコメント入力のボックスが途中で切れてしまいますが
それの対応方法も
こちらに掲載されています⇒Yu Fukasawa Photography

ファビコンを表示(WordPress)

WordPressで作成したブログにファビコンを表示する設定

(1)ダッシュボードでヘッダー(header.php)の<head>と</head>の間に以下を追加する
※「外観」 → 「テーマ編集」 → 「ヘッダー」をクリック。
<head>

<LINK REL=”SHORTCUT ICON” HREF=”http://ドメイン名/……/favicon.ico” />
</head>

(2)favicon.icoを上記で追記した場所にアップロードする。

favicon.icoはgifやjpeg画像の拡張子をただ変更しただけではうまく表示できない場合もあるので
Photoshopにプラグインを追加。(下記よりダウンロード)
http://www.telegraphics.com.au/sw/icoformat.ja.html

Windows64bitのphotoshopなので、「Windows, 64ビット版 Photoshop CS4 専用 」をダウンロード
ファイルを解凍しICOFormat64.8bi、gpl.html、README.htmlを下記の場所にコピーし設置
「Program Files\Common Files\Adobe\Plug-Ins\CS6\File Formats」

Photoshopで保存時にファイル形式の選択肢に
「ICO (Windows Icon)」があればインストールが完了しています。

タスクバーに「すべてのプログラム」を表示(Win8)

  1. タスクバーを右クリック
  2. [ツールバー]→[新規ツールバー]を選択
  3. [新規ツールバー – フォルダーの選択]画面が表示されるので下記フォルダーを選択
    [C:\ProgramData\Microsoft\Windows\スタート メニュー\プログラム]
    ※隠しフォルダーが表示できるように事前に設定を行い作業をすすめる

タスクバーに作成したツールーバーの[プログラム]が表示され

[プログラム]の横に表示されている[>>]をクリックするとすべてのプログラムが表示されます。

 

「使用できるタグ」を表示させない(WordPress)

WordPressのBlogのコメント入力欄下に表示される
「次のHTML タグと属性が使えます…」という記述があります↓

comment

これを表示させないようにするには
テーマのスタイルシートに以下のコードを追加します。
※「外観」 → 「テーマ編集」 → 「スタイルシート」をクリック。
******************************************************************
/**コメント入力欄下の使用可能タグ表示を削除**/
.form-allowed-tags {
display:none;
}
******************************************************************

 

郵便年賀.JPでスタンプを作成

年賀状.JPで写真やイラストからスタンプを作成するツールがありました。

「手作り風ハンコ作成ツール」

写真やイラストなどの画像から手作り風のハンコ画像を作成してくれます。
さっそく作ってみました。2015年1月31日迄利用できます。
透過処理されているので便利です。

  (1)文字を入力して作成↓
tedukuri

 

カテゴリ作成時の『スラッグ』について(WordPress)

WordPressでカテゴリ作成時の「スラッグ」は
記事をデフォルトではないパーマリンク形式で表示する場合や、
カテゴリ一覧のページを表示する場合などにURLの一部として使用されますので 半角英数とハイフンだけを使って指定するほうが良い。


「ページ名(URL)」の最後の部分を好きな文字列に指定できる機能のこでSEO効果が上がるという重要な機能だそうです。

 

アイコンではなくWEBフォントを使う(WordPress)

Font Awesome

このブログのメニュー[Home]や[Library]の先頭アイコンは画像ではなく、『Font Awesome』というWEBフォントで表示しています。
アイコンといえば小さな画像を使う場合が多いですが
画像だとサイズを変更するとイメージが壊れる場合があります。
『Font Awesome』というWEBフォントを使うと文字と同じ様に色やサイズを変えることができます。

サイズ [fa-lg]  スピン [fa-spin]

サイズ [fa-2x]
サイズ [fa-3x]
サイズ [fa-4x]
サイズ [fa-5x]
アイコン一覧こちらでアイコンが見れます。

文字と組み合わせたメニューです