ねほり.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技術

  関連記事

JavaScriptを使った一発ギャグ

有限会社ヘッドジャパン・・・・の求人情報 待遇・・・・ 各種社保完備 昇給 賞与 …

WordPressが速くなったさくらインターネット(モジュールモード変更)

さくらインターネットでWordPressが遅い・・・ いや、WordPressだ …

「ヒラメ」「かれい」の分類・味の違いの認識はいつからか?

過去の日記では魚の分類や名前を調べて公開している。 しかし、詳細な図鑑や辞典が無 …

機械学習を使った株価予測(LightGBMをOptunaでパラメータチューニング)

8回目で精度の高い学習モデルを構築するために「交差検証」「ROC 曲線とAUC」 …

i-gotU GT-600を買いました。

GPSデバイスを先週買った。が・・・先週はどこにも行ってないのでログを載せれず。 …

Chrome/FirefoxでHTML5 videoを動かす

2011年03月04日(金) Chrome/FirefoxでHTML5 vide …

中国烟台に海外出張しました

2011年01月23日(日) 中国・烟台を1月に観光してみる 今回の業務は日曜日 …

LispのオセロのソースコードをC言語に変換して6手読みさせる

知人と釣り さて、昨日古き知人と釣りに行きまして…。  ボウズで終わる …

Raspberry Pi3でScratch1.4を動かしゲームを作ってみる(小学生にプログラミング教育は必要?編)

今年(2020年)より小学生でのプログラミング教育が必修化されます。 既に201 …

プロシステムトレーダーサスケ氏の逆張り有効性検証(システムトレード)

本日14:00過ぎ、突如としてナイアガラ発生。     日経 …