ブログ改善記録まとめ

このブログについてのマイナーアップデートなどを、今後この記事に記録していこうと思います。

作業ログ

2019.03.25 スマホ版関連記事2のアイコンが豆腐になっているので修正

原因

SANGOのアップデートでFont Awesome 5に対応した際にCSSの方で書き換えができていなかったため。

修正内容

こちらの記事で作成した関連記事カードのCSSにて、.longc_linkto .c_linkto_text:after 内のfont-familyをFontAwesomeからFont Awesome 5 Freeに変更。さらにfont-sizeを2.8emから2.2emに変更。

参考 【SANGOを自分でカスタマイズ】関連記事(横長)をカスタマイズしてみたfor men
css
.longc_linkto .c_linkto_text:after {
position: absolute;
display: flex;
height: 100%;
width: 30px;
padding: 0px 15px;
content: "\f138";
font-family: "Font Awesome 5 Free";
top: 0px;
right: 0px;
font-size: 2.2em;
color: #fff;
background: #dddddd;
align-items: center;
}

2019.03.28 テーマアップデートとメニューの見直し

概要

wordpressテーマのSANGOがv1.8へアップデートされたので適用し、追加された検索ヘッダー設置機能により、sp版のメニューを全面的に見直した。

やったこと
  • SANGOをv1.8にアップデート
  • PORIPU(SANGOの子テーマ)をv1.2にアップデート
  • 検索ボタンをspヘッダーに設置
  • spフッター固定メニューを消去
  • pcサイドバーの内容をspハンバーガーメニュー内に再現

2019.03.31 コメントが長すぎるのでページ分割&新着順で表示

概要

このページのコメントがかなり多く、ページがめちゃくちゃ長くなってしまっているので、ひとまずページを分割して改善する。

一浪して東大に合格した凡人が浪人生活を振り返る。【大学受験】
やったこと

wordpressのディスカッション設定で、以下のように設定。

  • 1ページあたり10件のコメントを含む複数ページに分割し、最初のページをデフォルトで分割する
  • 古いコメントを書くページのトップに表示する

その後、テーマファイルのfunctions.phpに以下の記述を追加。

functions.php
if (!is_admin()) {
    /*    コメント        */
    function my_get_comments($query){
        $query->query_vars['orderby'] = 'comment_date';
        $query->query_vars['order'] = 'DESC';
    }
    add_action( 'pre_get_comments', 'my_get_comments' );
    function my_comment_post_redirect( $location, $comment ) {
        $location = get_permalink( $comment->comment_post_ID );
        return $location;
    }
    add_filter( 'comment_post_redirect', 'my_comment_post_redirect', 10, 2 );
}
参考
参考 コメントをページ分割ありの新着順にするには?自宅WordPress

 

サトゥー

うーん、まだ長いし、もしかしたらコメントのスレッドごとに記事化してもいいのかもな…

2019.03.31 記事の更新日を検索時の表示に適用(作成日から更新日に変更したい)

概要

google検索の検索結果で表示される日付が記事作成日のものになっているので、これを更新日に変更したほうが記事の信頼度が上がると判断。SEO的にもこっちのが良さそう(ユーザーフレンドリーという観点で)

現状こんな感じ↓

2018/01/29は記事作成日なので、これを記事更新日にするイメージ。記事自体は結構リライトしているので、できれば更新日を反映させたい。

やったこと
参考 更新日時と投稿時間のコントロール | PORIPU-SANGO公認の子テーマPORIPU-SANGO公認の子テーマ

さぁカスタマイズしようと思ったら、すでに機能実装されてた…のでこれを試してみます。

カスタマイズ後、サチコにフェッチして翌日こうなってました↓

参考
参考 ブログ記事の更新日を優先して Google 検索に知らせると SEO に効果アリ!(SANGO用カスタマイズ) | Tanweb.netTanweb.net

↑これでやろうかと思ってたらPORIPUで実装されてたという話。PORIPU持ってないSANGOユーザーはこの記事参考になりそうです。

やること

Aboutページの内容更新

Gutenbergの適用

リライトするときとかにバグが起こりそうで怖いなぁ…

MediumのClap的な、noteのスキ的な機能がほしい

この辺参考にしつつデザイン整えればできるかな?

参考 WordPressの拍手っぽいプラグイン9個まとめ | 雨過天晴雨過天晴

FontPlus使ってみたい

ブログに合っててかつ表示速度に影響しないようなフォントがあればブログに採用したい。10万pvまでは月1000円程度なのでブログ収益から払う感じで

参考 WebフォントをTypeSquareからFontPlusに変えることになった | 高橋文樹.com | デザイン高橋文樹.com

font周りの設定で読み込みスピードあげたい

参考 Make your Google Fonts render faster · PerfPerfPerf

サチコ周りの設定など見直し

参考 グーグルがSearch Consoleを大改善! プロパティをいろいろ登録する面倒が不要に【SEO記事12本まとめ】 | 海外&国内SEO情報ウォッチ | Web担当者ForumWeb担当者Forum

記事下の「前の記事」「次の記事」部分要らないので消す

コメントを残す

メールアドレスが公開されることはありません。

日本語が含まれない投稿は無視されますのでご注意ください。(スパム対策)