wordpress facebook ogp

2019/6/24

chancemakerのテーマでも同じ問題がある。テーマをtwenty系に切り替えたらfacebookへogpはwordpressの投稿から入った。このことからオリジナルのテーマに何かしらの問題がある。因みにキービジュアルが表示される問題があるのだが、その箇所けずると表示されてた。


カワラートのwpからFBへの自動投稿がされないとの連絡。jetpackがなぜか設定されていない。新しく設定したがなぜかブログのキービジュアルが必ずOGPになり、投稿画像はならない。以前は ALL IN one SEO の画像投稿種類にアイキャッチ項目があったがそれもバージョンアップなのかなくなっている。

いろいろやってみたがプラグイン側の設定では投稿画像をOGPできない。余談だがfacebookのアプリ設定がいまいちわからない。facebook for developersのアプリドメインの箇所が何を入れたらよいかわからない。適当にいれてもエラーになる。

 

WordPressのOGP設定に必要なFacebookアプリIDの作成手順

 

https://www.h-fj.com/blog/archives/2012/01/21-152934.php

 

 

 

結局header.phpには下記を記述

<!– ※基本共通設定 –>
<head prefix=”og: http://ogp.me/ns# fb: http://ogp.me/ns/fb# article: http://ogp.me/ns/article#”>
<title> ページの タイトル</title>
<meta property=”og:type” content=” website” />
<meta property=”og:url” content=”http://kawarart-hara.jp/kawarart/” />
<meta property=”og:image” content=” http://kawarart-hara.jp/image/facebook/ogp-logo.jpg” />
<meta property=”og:site_name” content=”カワラート・ハラ” />
<meta property=”og:description” content=”家屋と屋根と瓦を守りたい。屋根と瓦のことなら カワラート・ハラ” />

<!– Facebook用設定 –>
<meta property=”fb:app_id” content=”2354448061442265” />

<meta property=”fb:admins” content=”100010541739329” />

赤 facebookアプリのアプリID と アドミンID

 

All in one Seo に設定もしたが反映されているかは謎。いまいちわからない。jetpackなくすと反映されなくなった。

All in one seoはogp設定プラグインであって、自動投稿のプラグインじゃないからだった。(今更わかった。2019/6/24)

仕方ないので一応 jetpackとAll in one seoはいれつつ、OGPのパスはhome.phpで設定している画像を表示させることにした。画像の大きさは 1000x400だが両端はカットされている。

https://blog.sixapart.jp/2012-06/ogimage.html

 

FacebookのOGP設定に必要なfb:admins IDの確認方法

 

 

FeedWind 急に表示されなくなった

サポートへ下記問い合わせ入れた。(カワラートで発生)

本日より急にwordpressからのfeedの表示がされなくなり、下記表示となりました。

There was a problem contacting your RSS feed server.http://kawarart-hara.jp/kawarart/blog/category/information/feed/

There was a problem contacting your RSS feed server.http://kawarart-hara.jp/kawarart/blog/category/blogtopic/feed/

wordpressのバージョンは4.4.2です。wordpress側のfeed自体は表示されます。
http://kawarart-hara.jp/kawarart/blog/category/information/feed/
http://kawarart-hara.jp/kawarart/blog/category/blogtopic/feed/
どのようにしたら再表示されるようになりますでしょうか?

表示されなくなったFeedWindを使用させていただいているページ
http://kawarart-hara.jp/index.html

よろしくお願いいたします。

ウェブサイトのURL:http://kawarart-hara.jp/index.html
RSSのURL:http://kawarart-hara.jp/kawarart/blog/category/information/feed/

 

サポートから返信ないが、受付メール来た後に改善されて表示された?

返信

吉田様

いつもFeedWindをご利用いただきまして誠にありがとうございます。
FeedWindサポート 石塚と申します。

お客様のサイトを拝見したところ、現在はFeedWindが表示されているようでございます。
念のためご確認いただけますでしょうか。

なお、表示されたエラーメッセージは、FeedWindクローラーがお客様のRSSにアクセスできなかった場合に表示されます。サーバが一時的に重くなっていた場合などに表示されることがございますが、多くの場合、一時的なもので数時間以内にはFeedWindの表示が通常どおり行われます。

お手数ではございますが、今後も表示されない状態が続くようでしたらご連絡をいただけますと幸いです。

その他、お困りのことがございましたらお気軽にお問い合わせください。

FeedWindサポート 石塚

FeedWind Support

Like to remove the FeedWind link from your widget?
Check out FeedWind Pro!
http://feed.mikle.com/pro/

ドローンの動画をアップするには

DJI

ライブラリー→動画をカット編集
残したい動画スタート位置でハサミアイコン押す。
白いタイムラインバーを再生分伸ばす。
チェックアイコンを押す(失敗したらゴミ箱アイコンでクリアできる)
下部の保存バーを押す
出力動画をチェックして左下のダウンロードボタンを押す(動画をお使いのデバイスに保存中です。となる)
IPADのアルバムのカメラロール内に保存される

Tunes Go の更新ボタン
サイドメニュー内の写真→カメラロールでPCへダウンロード

youtubeへアップ

 

オリジナルデーターだが、写真はない。「機体を接続し写真をダウンロードします」とメッセージがでるのでドローン本体のSDカード内にあるのでは?

動画はドローンからリアルタイムでストリーミングでデバイスへダウンロードされるっぽい

 

参加サイトしたのマルチサイトのタイトルが表示されない

wordpress 管理画面上部の参加サイトをクリックしても、子サイトが全部表示されない。ネットワーク管理者のテーマとサイトを削除したのが原因だろう。再びネットワーク管理者画面で登録したが結局表示されない。

最終的には新しくwordpressをインストールして、wp-config.phpのテーブル名を変更した。 それで表示された。

カワラートハラ

Lightbox2 レスポンシブ対応

http://www.antytle.com/js-plugin/lightbox2

※スマホチェック時、サーバーでは機能するが、ローカルでは機能しない。padはOKだが、スマホのローカルでは動かないので心配しないように。

圧縮フォルダを解凍し、lightbox > jsフォルダの中にある「lightbox.min.js」を選択して、各自のディレクトリにコピーします。このファイルがLightbox2を動作させ るメインプログラムで、フェードやレスポンシブ、前へ/次へボタンなどの機能が詰まっています。

ightbox > cssフォルダの中にある「lightbox.css」を選択して、各自のディレクトリにコピーします。これはlightbox2のデザインを担うファイルで、背景色や画像枠線などをここで指定しています。

 

ightbox > imgフォルダの中の「close.png」「loading.gif」「next.png」「prev.png」を各自のディレクトリにコピーします。この画像ファイルはLightbox2の部品となります。

 

タグの追加

「lightbox.css」をheadタグ内に追加します。href属性のファイル指定は各自のディレクトリに合わせてください。

 

HTML
1
<link href="lightbox.css" rel="stylesheet">
jQueryを導入します。以下のコードを</body>の直前に追加します。

 

HTML
1
<script src="http://code.jquery.com/jquery.min.js"></script>
「lightbox.min.js」を「jquery.min.js」の直後に追加します。src属性のファイル指定は各自のディレクトリに合わせてください。

 

HTML
1
<script src="lightbox.min.js"></script>

 

Lightbox2の適用方法

テキストや画像タグを以下のようなaタグで囲むだけです。

 

HTML
1
2
3
4
<!--▼テキストに適用▼-->
<a href="image1.jpg" data-lightbox="image1" data-title="画像タイトル">ここをクリック!</a>
<!--▼サムネイルに適用▼-->
<a href="image2.jpg" data-lightbox="image2" data-title="画像タイトル"><img src="thumb.jpg"></a>
  • data-lightbox – クリックされたらLightbox2を起動させるための属性。グループ名としての役割。
  • data-title – 拡大画像の下に画像のキャプションを表示。

ただし、該当html内に 設置すること。なんかうまくパス通らないから。

lightbox2-master/dist   distを設置。

例 kawarart/chips/dist    

head内に <link rel=”stylesheet” href=”./dist/css/lightbox.css”>

bodyへ
<script src=”./dist/js/lightbox-plus-jquery.min.js”></script>

 

該当画像へ
<a href=”../image/chip/01b.jpg” data-lightbox=”group1″><img src=”../image/chip/01.jpg” ></a>

”data-lightbox”がスクリプトと関連される。

data-lightbox=”group1“ はグループ化できる。

 

lightbox.css の画像のパスの合わせて設定する。

カワラートの瓦チップページで使用。

wordpressとfacebook連携  Jetpack

Jetpackを使って連携ができる。 松田工務店のブログ

プラグイン入れる際に、wordpresscomのアカウントが必要となる。これはインストールしたwordrpessとは別物。wordpesscomのサービスつかってとりあえずアカウントを新規取得して、プラグインを有効化する際にそのアカウントを入力することになる。

※facebookページは公開設定である必要がある。

http://okugoe.com/internet-marketing/wordpress-facebook/

 

■重要注意

バージョンの違いからかもしれないが、アイキャッチ設定をfunctions.phpにして、画像が投稿されるときには公開ボタンの前にアイキャッチを設定すること。
そうしないと意図しない画像がfacebook側へ入る。

ちなみに、松田工務店はアイキャッチ設定なくても大丈夫なのだが、カワラートはダメ。

 

JetpackのOGPの画像も掃き出しがうまくいかないようだ。

http://ryus.co.jp/blog/jetpack-ogp-image-re/