WordPressでリンクに勝手に打ち消し線が入る

WordPressで勝手にリンクに打ち消し線が入っておかしいなーと思って
投稿編集画面で見ても何も入れてない
(delボタンとか押したりすると入ります)

cancelline

Broken Link Checkerというプラグインを入れてたので
ツール>リンクエラーをチェック
を見ると、打ち消されてるアドレスがあったので「リンクエラーでない」をクリックしたら直りました

何故か分かりませんが、403エラーになってました

WordPressにFeedlyボタンを設置してみた

WordPressにFeedlyボタンを設定してみました

feedlyのWEBページで簡単にボタンが用意できます
http://www.feedly.com/factory.html

URLはWEBページのURLでなく、FeedのURLでWordPressなら

  • http://example.com/wp-rss.php
  • http://example.com/wp-rss2.php
  • http://example.com/wp-rdf.php
  • http://example.com/wp-atom.php
  • http://example.com/?feed=rss
  • http://example.com/?feed=rss2
  • http://example.com/?feed=rdf
  • http://example.com/?feed=atom

とかどれでもいいそうです
参考) http://wpdocs.sourceforge.jp/WordPress_Feeds

私は「http://example.com/?feed=rss2」にしました
できたcodeをコピーして、WordPressの管理画面で設定します

外観>ウィジェット
テキスト、追加

wp-widget

HTMLを貼り付けて、出す位置を決めて完了

wp-widget2

これで設置できました
Feedlyボタンをクリックしてみて、動作確認してください

WordPressにシェアボタンを用意する過程を公開

こちらの記事
WordPressのオリジナルシェアボタン簡単作成。ソースコード有り
を参考に(というかほぼ同じ)WordpressにSNSボタンを用意してみました

より良い方法があれば教えて下さい

(環境)
Wordpress: 3.9.1–ja
テーマ: Twenty Eleven version.1.7

記事ではWordPressの管理画面でファイルを編集してましたが、直接触ります

破壊してはいけないので、まずは本番をコピーした練習環境で
WordPressディレクトリに移動して

$ git init
$ git add
$ git commit -m ‘init’

とかしてgitで管理しておきます

テーマがアップデートされてもいいように、子テーマを作ります
WordPress Codex>子テーマ

$ mkdir wp-content/themes/twentyeleven-child
$ vim wp-content/themes/twentyeleven-child/style.css

style.cssを用意します
ついでに記事のstyle.cssを書きつつ、ヘッダーと@importを上部に加えます

/*
Theme Name: Twenty Eleven child
Template: twentyeleven
*/

@import url('../twentyeleven/style.css');
@import url('//maxcdn.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css');

親テーマのcssを読み込みつつ、
font-awesomeを記事で使っていたので、それも読み込みました

記事ではsingle.phpとありましたが、content-single.phpでした
content-single.phpを、子テーマで触るうまい方法が分からず親のものを修正しました

子テーマフォルダを用意するだけで、WordPressの管理画面に子テーマが表示されます

wp-theme

子テーマを有効にし、ボタンが増えたことを確認、commitします

$ git add .
$ git commit -m ‘add sns button’

差分をパッチにして本番環境にあてます

$ git diff HEAD~ > snsbtn.patch

作ったパッチsnsbtn.patchを本番環境にscpとかでコピーします
wordpressのディレクトリに移動し
git管理してなかったので

$ git init .
$ git add
$ git commit -m ‘init’

パッチ適用の前に確認

$ patch –dry-run -p1 < snsbtn.patch

で問題なければ、適用

$ patch -p1 < snsbtn.patch

子テーマを有効にして確認
おかしくなったらgitで元に戻せるので安心ですね

Google Noto Fonts をChromeに設定してみる

Google Noto Fontsの日本語版がリリースされたのでGoogle Chromeに設定して見ました
Windows8.1でおこないました

Google Noto Fonts でフォントをダウンロードします

英字フォントのNoto SansとNoto Serif
noto

日本語フォントのNoto Sans Japanese
noto2

Windowsにフォントを追加します
ダウンロードしたzipを解凍して
「コントロールパネル>デスクトップのカスタマイズ>フォント」に解凍したフォントのファイルを放り込みます
noto-font

Google Chromeを開いて、右上メニュー>設定
詳細を表示をクリック
google-setting

「フォントをカスタマイズ」ボタンをクリック
google-setting2

追加したフォントを設定していきます
google-setting-font

完了ボタンでフォントが変わります
(上記キャプチャは既に変わってます)

PR
&nbsp