nobimuso-revive

タグ: Wordpress

  • 細かい部分を弄る日

    10zenです。

    今までいろいろカスタマイズしてきたが、そろそろ落ち着いてきそう。
    今のところ、やりたいと思っている手のかかりそうなカスタマイズはこんなところ。

    • スライダーをもっとかっこよくする（slickとかswiperとか？）
    • 人気記事一覧を追加する
    • いっそ有料テーマ買っちゃう（ぶっちゃけ全然Cocoonで良い）

    この辺は追々やるとして、今回は細かい部分に手を入れていきたいと思う。

    汎用アイキャッチを増やす

    今ある汎用アイキャッチが赤背景にロゴがドーンといった形なので、
    タイトルが埋め込みにくい。

    サイト名が入ってて、文字が入れやすい画像が欲しい…

    https://labs.google/fx/tools/image-fx

    やっぱこういう時はAIよ
    高層ビルにnobimuso.comが映ってる画像を作ってもらった。

    下の余白とかに文字を入れて使うと良さそう。

    お問い合わせページを作る（こわい）

    一応、インターネットに公開しているので、万が一に備えて問い合わせページを作る…
    ただ、スパムなどリスクがあるので正直こわい。なんか問題があったら速攻で閉じようと思う。

    https://edit.nobimuso.com/contact/

    超有名プラグインContact Form7を使い、ショートコードを埋め込んで終わり！
    あとはスパムがいっぱい来てロリポップに怒られるのは嫌なので、思いつく限り対策する。
    （AkismetとかCloudflareなんたらとか…）

    ちなみにこれをやっている途中でreCaptchaが有料プランに移行していくという情報を得た。
    世知辛い…

    今後の CAPTCHA のサポートについて

    カテゴリラベルを弄る

    最後に、トップページなどで表示するカテゴリラベルが味気なかったので少し弄った。
    影と角丸はすぐそれっぽくなってくれるのでめっちゃ頼ってしまう。

    自分の作りたかったものが形になっていくのを見ているのは気持ちがイイ！
    神（Cocoon）に感謝

  • Gitで管理したい！

    10zenです。

    ここ最近、ブログの本番環境で頻繁にCSSなどカスタマイズしているのだが、
    あまり良い作法ではないと思っている
    そこで、とりあえずThemeファイルだけでもGit管理しようと考えた

    とりあえずローカルに引っ張ってくる

    WordPressのローカル環境でお馴染み「Local」
    数クリックするだけでWebサーバ・DB・PHPが全部入る
    SUGOI

    https://localwp.com/

    なるべく本番環境に近い形で構築する
    ロリポップは以下の構成らしい

    https://lolipop.jp/service/server-spec/
    • Apache 2.4.x
    • PHP ver8.3(CGI版)
    • MySQL8.0

    末尾の細かい数字はわからないが、たぶん大丈夫だろう

    あとは適当にバックアッププラグインで本番から引っ張ってきたデータを復元すれば
    ローカル環境の完成である
    何を使ってもいいが、無料で容量制限がないことから私はWPvividを使っている

    移行完了！

    いざGitへ

    まず、何をバージョン管理するか決める必要がある
    ネットの情報を見ると、WordpressのGit管理はThemeフォルダだけで良いという
    意見が多く見受けられるので、Cocoon子テーマのフォルダだけ管理したいと思う
    Githubでリポジトリを作って、git init～のお決まりの流れを実施

    プッシュ完了！

    ブランチを切ってみる

    一人で開発しているので正直いらない気がするが、せっかくなのでブランチを切ってみたいと思う

    まず、issueを作る

    issueに紐づくブランチを作る

    CUIが苦手な私はbashの黒い画面を見ていると不安になってくるので、
    ここからはSourceTreeで操作することにする

    ローカル、リモート、ブランチといった概念が分かりやすくて最高～～～

    issueタイトルの通り、ローカルの時だけ管理画面にアラートを出したいので、
    function.phpに以下を追加する

    //ローカルの場合にメッセージを出す
function is_env() {
    if($_SERVER['HTTP_HOST'] === 'nobimuso-local.local'){
        return true;
    } else{
        return false;
    }
}

function notices4tester() {
	if (is_env()){
	echo '<div class="error">
	<b>★★ここはLOCAL★★</b>
	</div>';
	}
}
add_action( 'admin_notices', 'notices4tester' );

    これでLOCALで接続している時だけこんな感じになる

    あとは自分にプルリクを出し、承認する

    晴れてmainにマージできたが、ロリポップのライトプランではSSHが利用できないので
    ここからFTPでアップする必要がある…
    ある程度ブログを続けられたらプランアップして、自動デプロイとか
    やってみたいな～