ねほり.com

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

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

      2020/04/09

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

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

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

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

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

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

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

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

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

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

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」を書き換えます。

ファビコンを取得する方法まで提案されている方もいましたが動作しなかった&日本語URLの場合はURLが冗長となるのでコメントアウトしています。

CSSへのスタイル追加

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

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

WordPress上でのリンクの書き方

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

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

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

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

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

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

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

「QTags.addButton」

というAPIを使います。

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

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

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

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

  関連記事

ペット家電は日本メーカも取り組むべき

掃除が面倒なので「ルンバ780」を購入しました。 思っていたよりルンバは賢くない …

twitterの蔑称「バカ発見器」を活用する

2011年08月16日(火) twitterの蔑称「バカ発見器」 「サイトを10 …

Kaggle の Titanic Prediction Competition でクラス分類(Keras Functional API編)

データサイエンティストの転職サイトを見ると年収 600万 ~ 1,200万円ぐら …

地震雷火事親父・・オヤジ=台風は嘘っぱち?(1/2)

とうとう新型コロナウイルスが勤務地まで襲ってきました。 〜東京都内で #コロナウ …

ブログで当たり前の機能を作るのが大変

国内・外国・新興国株で数100万円の損をした人間には確定拠出年金制度は怖すぎです …

ドライブAのFATを読み取り中に、データエラー

やはり夏休みは暇でならない。 しかし、従来の休みであれば、プログラム能力はみるみ …

PerlとPHPで請け負った企業のWebサービスを作るも苦戦

PHPでのWebシステム作成も佳境に入ってきました。 が、現在の問題点をいくつか …

味覚と嗅覚に対する次世代のデバイス・商品まとめ

視覚や触覚、聴覚に対するデバイス・商品は、様々な会社が商品を競うようにリリースし …

投資機関の自動売買・支援ツール状況まとめ

日足のRSIやらMACDなどテクニカル指標を足したり引いたりするシステムトレード …

機械学習で株価予測(騰落レシオ+株価分割対応で複数銘柄)

株式投資で利益を得るために必要な事 知識ではなく(正しい手順による)練習(本人の …