- 現役の先生や教員志望の人を応援するブログ -
スポンサーリンク

ブログ初心者が助けてもらった情報まとめ④ 〜検索ボックス・もくじ表記・Macの便利機能など編

WordPressのCocoonテーマで始めたブログ初心者が紹介するおすすめ記事サイト内検索目次表記アレンジMacClipyブログカスタマイズ

こんにちは。
元美術教師のうさぎせんせいです。

「ブログ初心者でもOK!」な情報をお伝えします♪

▽このブログの運営環境はこちら
開 始 :2020年2月末
テーマ :Cocoon
スキン :おでかけレモン
サーバー:エックスサーバー
Google :アドセンス/アナリティクス/サーチコンソール

今回はブログ開設から3ヶ月ほど経ち記事が増えて、細かいところがだんだん気になってきました。
いろいろと手を加える際に助けられた情報や、必要だと思ったプラグイン導入についてまとめています。

スポンサーリンク
スポンサーリンク

サイト内検索用の検索ボックスのカスタマイズ

検索ボックスの見た目を変える

今まであまり気にしていなかったサイト内の検索機能についてです。
少しずつ記事が増えてきたので、実は自分で自分の記事を検索することもあるのです。

こちらの記事を参考に、丸みを帯びたデザインに変更してみました。
参考 【Cocoon】検索窓をカッコよくカスタマイズしてみた

wordpressのcocoonテーマで検索ボックスをアレンジ

検索ボックスは、ひらがなとカタカナを区別する?

2軒目のゲームブログのほうにも同様の設定をしたのですが、ちょっと予想と異なる検索結果になることがありました。

例1:漢字とひらがな

記事タイトルに「木工職人」もっこうしょくにんと入っている記事があるので、「もっこう」で検索してみると・・・

wordpressのcocoonテーマで検索ボックスをアレンジ

え!NOT FOUND!?
記事タイトルに入っている
言葉のに?

これが「木工」だと……

wordpresscocoon検索ボックスひらがなカタカナ漢字の区別を消す方法

検索にかかってくれました。
どうやら漢字の読み方までは拾ってくれないようです。

例2:ひらがなとカタカナ

さきほどの記事タイトルに入っている、「キノコ」という言葉。
ひらがなで「きのこ」だと……

wordpresscocoon検索ボックスひらがなカタカナ漢字の区別を消す方法

この引っかかった別の記事は「〜ときのこと」の「きのこ」でした。「〜時のこと」ですね。
というわけで「キノコ」の記事は表示されず

wordpresscocoon検索ボックスひらがなカタカナ漢字の区別を消す方法

「きのこ」と「キノコ」、ひらがなとカタカナも区別されるんですね。

ひらがなとカタカナの区別をなくすPHP

こちらの記事で紹介されているように、Googleの検索窓を入れるといろいろと多機能になるようです。でも見た目はあまり変更できないみたいで、ブログデザインと馴染ませるのは難しそうです。
参考 Cocoonにアドセンス広告付き検索ボックスを設置する方法 | ゆるかた

なんとかならないかなぁと探したところ、こんな記事が!まさにこれです♪
参考 WordPressの検索で「ひらがな」と「カタカナ」、「全角英数」と「半角英数」を区別しないでマッチさせる方法 | WordPressのための便利帳

functions.php編集はちょっとハードルが高いなぁと思ったのですが、バックアップを取って挑戦してみました。

wordpressのcocoonテーマで検索ボックスをアレンジ

紹介されていたPHPを入力すると、「キノコ」でも「きのこ」でも区別なく、同じ検索結果になりました!

目次のデザインをアレンジ

記事が増えたことで、目次デザインについても少し気になるようになってきました。

参考にさせていただいた記事はこちらです。
参考 【Cocoon】ブログ初心者でもできる『目次』のおしゃれなカスタマイズ【コピペでOK!】 | yujiblog.
参考 Cocoonの目次をカスタマイズ【シンプルで見やすいデザイン】

全体のデザインに馴染むように変えました。
ただ、一部のコードは入れてもうまく反映されなかったので、スキンとの相性があるのかな?と感じました。

wordpressのcocoonで目次デザインをアレンジ

関連記事のデザインをアレンジ

こちらも同じく、記事が増えてきたので気になってきました。

あんまり大きいブログカードがどどん!とあると見づらいかなぁと思い、こちらの記事を参考に少しスリム化しました。
参考 【Cocoon】関連記事をカスタマイズする | MASAa.net
参考 関連記事に表示されるタイトルのフォントサイズを変更【Cocoon】

文字は太字じゃなくてもいいかも?と思いつつ、様子を見てみます。

wordpressのcocoonで関連記事デザインをアレンジ

画像ファイル名の一括変更はFinderでOK!

前回、アップした後の画像名を変更する方法は学んだのですが、そもそもアップする前に統一できたらいいなぁと思って調べてみると……こんな記事が!
参考 Mac – 複数のファイル名を一括で変更(リネーム) – 連番、置換 – PC設定のカルマ

なんと、MacのFinder機能でできることが分かりました!


この、日付が羅列されたスクリーンショット類を

Macでファイル名の一括変更

必要な分だけ「選択」→Ctrl+クリックで「△項目の名前を変更」

Macでファイル名の一括変更

「名前のフォーマット」を「名前とインデックス」にして、「カスタムフォーマット」に、つけたい任意の名前を入力します。

「開始番号」は1からでも、中途半端な番号からでもつけられます。

Macでファイル名の一括変更

「名前を変更」をクリックで、一括変更できます♪

Macでファイル名の一括変更

これで画像整理が楽になりそうです♪

記事のリビジョンプラグインを《Optimize Database after Deleting Revisions》に変更

以前設定した《リビジョンコントロール》なのですが、予想していた動きと違う?と思い始めました。

「最新のリビジョンが5件残る」という設定だと思っていたのですが、「5件たまるとそれ以上増えない」という状態になっている気がします。WordPressのバージョンの問題なのかな?

プラグインのページを見てみると、こんな表示が。

リビジョンコントロールについて

WordPress 5.4.1-jaにはうまくマッチしていないのかもしれません。

リビジョンのプラグインに期待することって

■古いリビジョンが勝手に消えていってくれる
■新しいものはしばらく残っていてくれる

かなぁと思い描きつつ検索すると……
まさに!という内容が紹介されている記事を見つけることができました。
参考 WordPressのリビジョンとデータベースを最適化 Optimize Database after Deleting Revisionsの設定と使い方 | ウインドミル

《Optimize Database after Deleting Revisions》というプラグインです。
残念ながら全部英語ですが、この記事ではとっても丁寧に解説してくださっているので、無事設定できました。リビジョン解決です!

定型文を登録できる《Clipy》

「ユーザー辞書」でまかなえる部分もあるのですが、いつも使いたいハッシュタグなど……だんだんと定型文をパッと入れられたらいいなぁと思うようになってきました。

こちらの記事で紹介されているMacの《Clipy》という機能が、便利すぎました!
参考 Macのクリップボード履歴の決定版「Clipy」の詳しい使い方。

Clipyを使ってスニペット にハッシュタグを登録

こんな感じでコマンドを登録して

Clipyを使ってスニペット にハッシュタグを登録

必要なときにコマンド入力をすると

Clipyを使ってスニペット にハッシュタグを登録

こんな感じで

Clipyを使ってスニペット にハッシュタグを登録

ぱっと入力できます♪なんて便利な機能! 

Gmailのアドレスを増やす

ブログと直接は関係ないのですが……

ブログ2つ作ったことでTwitterアカウントを2つ作ることになり、新しいメールアドレスが必要になりました。そのときに助かったのがこちらの記事です。
参考 Gmailで複数アドレスを使い分ける方法3種類。メリット・デメリットを知って使い分けよう | 志木駅前のパソコン教室・キュリオステーション志木店のブログ
参考 Gmail(ジーメール)のエイリアスとは?概要と使い方、設定方法|ferret

「エイリアス」って言うんですね。
アドレスが増えていくのは嫌だなぁと思っていたので、これは便利!

おわりに

ブログ開設から3ヶ月近くが経ちました。

わたし自身がhtmlやcssで誰かを助けることはできませんが、こうして紹介させていただくことでこれからブログを始める人のヒントになれば嬉しいです。

続きの記事はこちら

コメント

スポンサーリンク
タイトルとURLをコピーしました