heroku × wordpress × cloudinaryでブログを作る

Pocket

herokuでwordpressを動かす方法、name.comを使った場合の独自ドメイン、テーマを保つ方法、画像を保存する方法を書いておく。

やることは
ローカル
・wordpressの日本語版をダウンロード
・wp-config.phpを書き換える
・画像を保存するためのpluginを入れる・アカウント作成
heroku
・app作成
・addon追加
・herokuにデプロイ
・herokuのドメイン設定
name.com
・SSLの申請(herokuだといらなかった)
・DNSの設定

スクリーンショット 2020-01-04 21.00.29.png
スクリーンショット 2020-01-04 21.03.10.png

まずwordpressのダウンロード
https://ja.wordpress.org/download/
こっから最新版をダウンロードして解凍、適当なフォルダ作ってその中に入れとく
wp-config.phpを書き換える、
これはまずcleardbを入れないとダメなので入れる、
herokuのリソースのタブからかんたんに入れることができる、そしたら
ターミナルで
heroku loginでログイン、
heroku config:get CLEARDB_DATABASE_URL -a [アプリ名]
でURLをゲットそしたら
mysql://[ユーザー名]:[パスワード]@[ホスト名]/[データベース名]?reconnect=true
こんなのがでるから
wp-config.phpを
define(‘DB_NAME’, ‘[データベース名]’);
define(‘DB_USER’, ‘[ユーザー名]’);
define(‘DB_PASSWORD’, ‘[パスワード]’);
define(‘DB_HOST’, ‘[ホスト名]’);
と、書き換える
もう一つ書き換える項目があるので少し下に行くとある
define( 'AUTH_KEY', 'put your unique phrase here' );
define( 'SECURE_AUTH_KEY', 'put your unique phrase here' );
define( 'LOGGED_IN_KEY', 'put your unique phrase here' );
define( 'NONCE_KEY', 'put your unique phrase here' );
define( 'AUTH_SALT', 'put your unique phrase here' );
define( 'SECURE_AUTH_SALT', 'put your unique phrase here' );
define( 'LOGGED_IN_SALT', 'put your unique phrase here' );
define( 'NONCE_SALT', 'put your unique phrase here' );

を、https://api.wordpress.org/secret-key/1.1/salt/
にアクセスするとある内容に置き換える次に、
https://ja.wordpress.org/plugins/cloudinary-image-management-and-manipulation-in-the-cloud-cdn/
ここからプラグインをダウンロードして、
wp-content/pluginsに解凍したフォルダを入れる、
そしたらhttps://cloudinary.com/
からSING UP FOR FREEを押してアカウントを作ってDASHBOARDからURLをコピー(アカウントを作るとすぐdashboardに飛ばされます)
こんな感じのURLはず
CLOUDINARY_URL=cloudinary://58819171643421412:SVDb4daiwudauidhiausidhwia
そしたら
https://dashboard.heroku.com/apps
にアクセスしてアプリを作成(php)、アカウントなかったら作ってね
heroku login
cd [wordpressのフォルダのパス]
git init
git add .
git commit -m “first commit”
git push heroku master
こんな感じでherokuにプッシュ(これじゃあできないかも)
んで次に
https://dashboard.heroku.com/apps
にあくせすして自分のアプリを選択
そして起動
それで
https://[アプリ名].herokuapp.com/
にアクセス
それでインストールをすませて
左のプラグインのとこからCLOUDINARYを有効化、
左のバーからCLOUDINARYを選択してSettingsに先程コピーしたCLOUDINARY_URL=cloudinary://58819171643421412:SVDb4daiwudauidhiausidhwia
こんな感じのURLを打ち込んで有効化を押す
これであとはカスタムするだけ、
あとテーマがブラウザ上から変えても再起動すると消えるのでほしいテーマの名前+Wordpressみたいな感じで調べると出てくるのでダウンロードして解凍
wp-content/themes/にフォルダを入れておく
それで起動するとテーマのとこに追加したのがあるから選べばok
次にドメインの設定、
herokuのアプリのとこいってSettingsを選択してDomainsって

ってとこからAdd domainしてwww.ドメインとドメインだけのを入力
んで次にドメインを購入したサイトにとんでdns recordに行く

んでこんな感じに追加する、answerってとこをherokuのDNS TARGETにする
やったばっかりだとエラー出るけどちゃんとできてれば少し待ってれば治る!
あとはSSLのとこからAutomatic選んでしばらく放置すればOK!
おつかれ

参考
https://tomionomi.com/https-miss/#toc3
http://kayakuguri.github.io/blog/2015/06/30/auto-upload-cloudinary-on-heroku/
http://monopocket.net/blog/heroku/heroku-wordpres-image/

コメントを残す

メールアドレスが公開されることはありません。 が付いている欄は必須項目です