世話人のRabbitflowerと♥らびこ♥のブログ
ラベル site の投稿を表示しています。 すべての投稿を表示
ラベル site の投稿を表示しています。 すべての投稿を表示

11/10/2023

サイトの自分の好きな位置にインスタの画像を貼ってみる



<備忘録:インスタ貼り付け>

 サイトやWordpressでインスタの自動更新の写真を埋め込みたいと思ってコードを調べていましたが、なかなか簡単にできるのが見つからず、結局APIを使うハメになったので、その備忘録です。

やること 
・インスタをプロアカウントにする
・Facebookのページ作成(インスタと紐づけ)
・アプリID・app secret・ユーザーアクセストークンの取得
・InstagramプロアカウントID・アクセストークンの取得 ・貼り付ける

インスタの準備

  1. 自分のプロフ画面の「設定」からプロアカウントを設定する。(プロアカウントは無料)
  2. 設定後にプロフに出る「プロフィールを編集」を選ぶ。
  3. 公開情報の「ページ」を選ぶ。
  4. Facebookページを作成」を選ぶ。
  5. ページがない時は作成・あるときは紐づけをして設定する。(Facebookページは公開される)

アプリID・app secret・ユーザーアクセストークンの取得

  1. https://developers.facebook.com/にアクセスし、右上の「マイアプリ」を選ぶ。
  2. 右上の「アプリを作成」をタップ。
  3. ユースケース画面の「その他」を選んで次へ
  4. アプリタイプ画面「なし」を選んで次へ
  5. 自分のわかりやすいアプリ名と、メールアドレスを入力し「アプリを作成」をクリック。
  6. 画面が変わったら左側のメニューより「設定」の中にある「ベーシック」から[アプリID]と[appsecret]をメモやコピペしておく。
  7. 上のメニューから「ツール」を選択し、「グラフAPIエクスプローラー」を選ぶ。
  8. 「トークンを取得」より「ユーザーアクセストークンを取得」をクリック。
  9. ログイン画面が出るのでFacebookのアカウントにログインする。
  10. 画面が戻ったら右側のメニューのユーザートークンの下にあるアクセス許可に初期設定されている「public_profile」を含めた以下の9項目を追加する。


  11. ・public_profile
    Events Groups pages内の
    ・business_management
    ・pages_manage_metadata
    ・pages_read_engagement
    ・pages_read_user_content
    ・pages_show_list
    Other内の
    ・instagram_basic
    ・instagram_manage_comments
    ・instagram_manage_insights
  12. 「Generate Access Token」をクリック
  13. 表示された英数字のユーザーアクセストークンをメモ・コピペしておく。

InstagramのプロアカウントID・アクセストークンの取得

API Query Makerにアクセスし、順に入力していく。
「Instagramビジネスidとアクセストークンを取得」をクリックし下に表示される「InstagramプロアカウントID」と「アクセストークン」をメモ・コピペしておく。

埋め込む

上記の「InstagramプロアカウントID」と「アクセストークン」を使い、以下のコードを表示したい箇所に埋め込む

11/04/2023

独自ドメインを持っている状態でサーバーの引っ越しの仕方

<備忘録:サーバー編> 

独自ドメインを使っていたサーバーからドメインをそのままで、新しいサーバーでも使いたいという必要に迫られたので、そのままやったことを書き出しておきます。

引っ越しの準備

使っていたサーバー(旧サーバー)からこれから使うサーバー(新サーバー)のスペック確認
旧サーバーよりも新サーバーの方が容量が多いとか、速度が早いとかないと意味がないのでその確認。

旧サーバーのデータのバックアップ
とにかくエクスポート出来るものは何でもエクスポートしておく。画像が意外とネックになるので本当に消えてしまっては困る画像は手動で保存。FTPが使えたらそこに出てくるものもとりあえずできる限りダウンロード。

新サーバーの契約

引っ越しの開始

・新サーバーでサイトやブログを作成し、旧サーバーで使っていたドメイン(サブドメイン)を登録する。そのサーバーに出てくるサーバー情報からIPアドレスを確認しておく。

・旧サーバーで使用を始めた時にドメイン登録でDNS設定をしていると思うので、契約している(ネームサーバーを登録している)ドメインサイトへ行き旧サーバーで登録したDNS設定を確認しておく。(まだ消さない)

・新サーバーのDNS設定をサーバー情報から確認し、ドメインサイトのDNS設定画面から新サーバーのDNS設定を登録する

・一定時間後、反映されているはずなのだが普通にアドレスにアクセスすると旧サーバーのサイト(ブログ)画面が出てしまうので、一時的に自分のPCからのみ新サーバーのアドレスにアクセスできるように設定を変える⇓

・自分のPCからメモ帳やテキストソフトを「管理者として実行」して開いてから[hosts]ファイルを開く

hostsファイルの場所

Windows 7以降

C:\Windows\System32\drivers\etc\hosts
フォルダから入っていくか、検索に[hosts]と入れる

macOS

/private/etc/hosts
ツールバーの「移動 」→「フォルダへ移動」で「/private/etc」を入力する

開いたら、文字列の一番下に調べておいた

新サーバーのIPアドレス[半角スペース]使っているドメイン(サブドメイン)

入れて保存。これで自分のPCからのみ新サーバーの方のドメインアドレスが見れるようになったりブログなどなら設定画面が出るようになる。

ブログやサイトを新サーバーに移し、データのエクスポートや修正などが終わりサイト構築できたら新サーバーで一度アドレスにアクセスして状態を確認し、問題なかったら先程変更した[hosts]ファイルを再び開き、入力した

新サーバーのIPアドレス[半角スペース]使っているドメイン(サブドメイン)

消去して保存する。これで旧サーバーのアドレス画面が再び表示されるようになる。
※この時表示がうまく切り替わらない場合は「スペースキー+F5」を押してキャッシュクリアをして更新する。

・再びドメインサイトへ行き、DNS設定を開いて旧ブログで登録していたDNS設定を消去する。

・これでサーバーの引っ越しが完了。

※ちゃんと切り替わっているか確認するには
・一定時間待つと新サーバーの方の画面が表示されるようになるので、再び[hosts]を「管理者として実行」として開き、今度は

旧サーバーのIPアドレス[半角スペース]使っているドメイン(サブドメイン)

文字列の一番下に入れて保存

ドメインアドレスにアクセスするとエラーページが出る。問題なければこれで旧サーバーからのアクセスはできなくなっているのを確認できる。[hosts]をもとに戻しておく

・新サーバーの様子を見つつ1週間~1ヶ月ほどは旧ブログをそのままにしておき、問題がなさそうなのを確認したら旧サーバーのサイトやブログを消去・またはサーバーの解約をする。

10/26/2023

Cocoonで設定した時に全くアクセスできなくなった

 


以前のブログの設定中に悲鳴を上げることがあったので備忘録として書いておきます。この時は解決しましたが、このあと色々あって結局アクセスできなくなったのですが・・。

私の環境はXfreeという無料サーバーでwordpressの項目で素直にインストールした環境です。
素直な私(?)なので、色々調べていいと思ったことはやってみるのですが、cocoonの設定で数点困ったことがあってアクセスできなくなったことがあります。

のしょぼい豪華2本立てです。

少し前まで有料のXサーバーを使っていた私ですが、1年使ってみてアフェリエイトを真剣にやることでもなく、自分の記録として残す分にはサーバー代が高く感じてしまい、無料で十分とXfreeに変えました。

正直、有料のときにはなかった不都合な事はかなり多くなりましたし、稀にサーバーが落ちてしまって5分くらい待たないと表示されないこともあります。

それでも、wordpressに入れればその設定を変更する・消すなどの作業ができるので修正が効くのですが、その画面にすら入れないとなると、その設定以外正常に稼働していたとしても、泣く泣く削除しなければならない事態になります。

これが、ブログ立ち上げの初期ならまだしも、デザインやブログの記事などある程度出来上がってしまっていると、消さなきゃいけないというショックでおそらく2時間位寝込むことになると思います。なので同じ症状になった方が少しでも寝込む時間が減らせるよう参考になれば幸いです。

スポンサーリンク

cocoonで高速化を設定したら、wordpressにログインすらできなくなった

cocoonの設定のために色々なサイトで調べることがあると思います。色々な方が色々な情報をくれます。始めてや慣れていないときにはそれに沿って設定やアレンジをすると思います。

その中でやらなきゃいけない・絶対やった方がいい枠に入っている「cocoonの高速化でページを表示しやすくし、SEO対策に!」についてです。

私ももちろん設定しました。
そして設定をしたがためにwordpressにアクセスできなくなりました

そもそもCocoonと無料サーバーは相性が悪い

有料サーバーだった時はCocoonの高速化をしても普通に動きました。
これはCocoonが悪いとか、サーバーが悪いとかではなく、有料サーバーだとやはり安定性が違うからです。ものすごく簡単に言うと、高速化のために1度に動く情報量が多くなるため、有料だと対処してくれれるものでも無料だとサーバーが処理ができなくなってしまうためのようです。

これは無料だからしょうがないタダでブログやサイトなんか使えるんだから仕方ない。

でも、エラーになる可能性があることをもうちょっとどこかで大きくアナウンスしてほしいというのが本音です。

調べてもなかなか解決法が出ない

アクセスできなくなるとページに「500エラー」と表示が出てきますが、下の方に「サーバー側に問題があって表示できない」などの文章も一緒に出ているとおもいます。
これは先程の処理ができなくなってサーバーの頭がパンクして頭真っ白状態になっているということで、こちらからいくらアクセスしても表示はされません。

さてどうしよう、編集ページも公開ページも同じ500エラー画面が出て一切表示されずかなり慌てます。wordpressは表示されていないので一見皆消えてしまったように見えます。
私がこのエラーになった時、同じ症状の人がいるかも知れない。そう思って検索をしてみましたが実際調べると「無料サーバーとcocoonの相性が悪いんですよ」や「同じ症状だけど解決していない」という同調はしてもらえましたが、「解決する」という結果が意外と出てきませんでした

そのため、このエラー解決に一週間弱かかりましたが、以下の方法で解決できたので、細かい説明は無しでざっくり説明いたします。

スポンサーリンク

高速化のためにエラーになったcocoonの修正方法

まず、wordpressが見れないだけで正常に稼働しているかどうか確認します。

Xfreeにアクセスします

画面の「ご利用状況一覧」の一番下、「wordpress」の「管理パネルログイン」をクリック



WordPress管理パネルが出ます

その中の「インストール済みWordPress一覧」でエラーになったwordpressを探し、項目の「状態」と言うところが「稼働」となっていたら見えない所でwordpressは生きています。(直せます)
それ以外の表示でしたらwordpress事態に異常がある可能性が高いです。(この場合はほぼ初期化しかありません)



確認したらその右側にある「設定」部分をクリック。

WordPress設定」が出たら少し下にある「各種管理設定」の中にある「.htaccessの編集」にあるボタンをクリック。



出た画面枠に.htaccessの内容が出るようになっています。

こちらですが内容表記がされてここで編集できる場合と内容が真っ白でできない場合があります。

.htaccessに内容表示がある場合

表記がされていたら.htaccessの編集の中に表記されている文字の中で

#BEGIN COCOON HTACCESSから#END COCOON HTACCESSまでの表記を消去してから設定を保存するボタンを押して保存します。

.htaccessに内容表示がない場合

FTP側より対象のWordPressのフォルダにアクセスしていきます。


左のメニューにある「サーバー基本情報」をクリック。サーバー情報が出ます。

こちらの情報を使ってFTPを設定します。

⇒FTP設定の仕方



つながるとWordPressのフォルダにアクセスできます。

FFFTPの左側は自分のPCのフォルダ・右がXfreeで使用中のWordPressのフォルダになります。

右側の枠の中に.htaccessが表示されていると思いますが、こちらを一度左の枠(自分のPCのフォルダ側に)にダウンロードします。(ファイルをドラッグ&ドロップします)

ダウンロードした.htaccessファイルをその場で開きます。(開かない時はダウンロードしたフォルダを開いてからメモ帳などのテキストソフトで開いて下さい。)

出てきたデータの中で、#BEGIN COCOON HTACCESSから#END COCOON HTACCESSまでの表記を消去してから設定を保存するボタンを押して保存します。

保存したらファイルを閉じ、FFFTPに戻り、今度は左の自分のPCの側の.htaccessファイルを右のXfreeのWordPressのフォルダにドラッグ&ドロップしてアップロードします。画面で「アップロードの確認」がでたら、「上書き」を選んで「OK」を押す。

確認する

Xfreeの「WordPress管理パネル」を表示し、対象WordPressの「ダッシュボード」を押して編集パネルを表示する。

これで直りました。


Xfreeだとアクセスできないのと思われるWordPressですが、FTPソフトからアクセスすると中にはいれます。もし、違う理由でWordPressにアクセスできなくなっても、この方法だと対処できる確率がかなり上がるんじゃないかと思います。


XfreeのSSL設定をしたらwordpressにログインすらできなくなった

SSLとは「http://~」が「https://~」になってセキュリティが上がるよ、というものですが、有料では別料金だったり、それが含まれた料金となっているSSLです。

XfreeでもSSLが付いている!と一応設定があるのですが、何故か無料のままです。
この時点で設定するのは控えたほうがいいのですが、私はXfreeの設定の中に設定項目があり、無料でもついている!とテンション上がり気味に設定をしたがためにこちらでもWordPressにアクセスできなくなりました。
こちらは単純です。Xfreeで設定したSSLをオフに戻す。ということだけで直ります。
セキュリティは?と言われそうですが、ブログとして見られて困るものは基本無いと思うので、無料でSSLを使えると思うほうがきっとおこがましいのかもしれません。

エラーしか起こらないのに設定がついているSSL設定。むしろ表示がない方がいいと思うのですがなぜなのでしょう・・?

詳細は省きますが、WordPress側の以下の場所でサイトの設定をSSL用に変え、その上でXfreeのSSLをオンにしてしまうと、この場合は初期化するしかなくなるので、間違っても以下の設定は変更しないことをおすすめします。(昔々にやらかした人・