ねほり.com

何もないから何かみつかる

外部・内部用ブログカードをWordPressプラグインなしで設置

      2020/04/10

「新型コロナウイルス」の猛威により原則テレワークとなり、明日から許可なく出社が出来なくなりました。

会社に行くのは、もう諦めました・・・・・・。

自宅だと家事・育児が加わるので仕事になりません、仕事をする気もおきません。

そして世界はもっと大変な状況です。

なお、マスクはやっぱり手に入りません。自宅に籠もるなら必要ないですが・・・。

ある知り合いに依頼されたサイト修正にて、古いVersionのWordpress、PHPを利用しているためにブログカードやAddQuickTagプラグインを導入できなかったので、各種サイトを参考に編集して実装しました。

画像付きのリンクは「ブログカード」と言うそうです。

ブログカードを作成するときには、「Pz-LinkCard」という有名なプラグインがあります。

プラグインが増えると重くなるとのことで、自作するブログが幾つかありました。

基本ググれば情報はありますが、一通りまとめたページは見つからなかったので後学のために乗せておきます。

PHP(PHP 5.2.17~7.3.15)やWordpress(3.5.1~5.4)のバージョンで動作する事を確認済です。

OpenGraph.phpの設置

OpenGraph.phpは外部サイトのOGPタグから各種情報を取得できるようにするためのPHPファイルです。

https://github.com/scottmac/opengraph/

ダウンロード後にZipを解凍して、「OpenGraph.php」をWordPressのfunctions.phpが置いてあるディレクトリと同じ場所にアップしてください。

なお文字コード対応で、84行目付近に文字エンコーディングに関する記述を追加します。

PHP(functions.php)の書き換え

「/wp/wp-content/themes/*/functions.php」を書き換えます。

ファビコンを取得する方法まで提案されている方もいましたのでそのまま掲載しておきますが動作ません。

また、内部ブログもOpenGraph.phpを使ってアクセスしているために表示までの時間がかかります。

と言うか、公開されているどの方法も冗長なので、もろもろ大半を書き換えました。

CSSへのスタイル追加

スタイルシートは次の通りです。

通常は「style.css」に追記しますが、読み込まれていなかったので「blog.css」というファイルに記載しました。

WordPress上でのリンクの書き方

書き方は次のようになります。

書き方は容易ではありますが、タグ打ちをしない人には難しいかと思います。

このため「AddQuickTagプラグイン」を使ってクイックタグを追加する方法が取れる人はそのように対応してください。

AddQuickTagプラグインを使わず自分でクイックタグを追加

AddQuickTagプラグインを追加すると、なぜか表示画面が真っ白になりました・・・・。

仕方ないので、こちらも自作します。

クイックタグを追加するためには、

「QTags.addButton」

というAPIを使います。

この記事の方法はテキストエディタのみ反映するものになっています。

なのでビジュアルエディタにはボタンが表示されない仕様です。

他にも次のように追加できます。

 - 2020年(社会人16年), Web技術, テクノロジー

  関連記事

ポケットに入る?VAIO Pを購入

2010年05月31日(月) VAIO PはiPadの夢を見るか? 3台目のノー …

サラリーマンは安泰?誰に仕事を奪われのか?

年収が同期の中でも底辺です・・・ 同期がどれだけ出世しているのか概算しました。 …

30歳過ぎても英語できず若手社員・・

先日友人が「ヘイ彼女! 俺で妥協しない!?」という新手のナンパに遭遇したとぼやい …

Kaggleの概要を理解する(Titanicの次に向けて)

これまで、Kaggleの「Titanic: Machine Learning f …

Python2からPython3への変換に苦労

2011年09月29日(木) Python2からPython3への変換に苦労 年 …

「あとどのくらいですか?終わりメーカー」作成

今年の「秋分の日」は116年ぶりに9月22日らしく自作の祝日判定プログラムにバグ …

社内アイデアソンって参加するだけアイデア損

アイデアソンに参加したり、社内の文化祭的イベントで色々なプロト実装をしています。 …

PHP5→PHP7に変更(php7ccを使った動作確認)

PHPの新しいバージョンであるPHP7が2015年12月に正式リリースされました …

各テクニカル指標の有効性検証(protraシストレ)

サラリーマンが投資するならFXより株をオススメします。 バリュー投資投資家は、F …

品川駅から通勤可能な駅近辺の賃貸一覧

2010年03月12日(金) 品川駅から通勤可能な駅近辺の賃貸一覧 まとめた賃貸 …