『ガンプラ気分』本運営開始!!(+最後のブログカスタマイズ)

投稿日:

さぁ……! さぁさぁさぁ……!! ついにこの日が来ましたよ!!
ガンプラ気分(仮)』の本運営開始の日が!!!

いろっっいろと語りたいことがあるのは山々ですが、まずは前回の、いや前々回からの?予告通りに残っていたブログカスタマイズを片付けてしまいましょう。

 

最後のブログカスタマイズ

前回の「人気記事ランキングをサイドバーにプラグインで表示」の記事でやった人気記事ランキングを表示するカスタマイズと比べれば、残ってるカスタマイズは数はそこそこありますが大したものではありませんので、ちゃちゃっと終わしてしまいましょう。
 

①行間の調整

最初のカスタマイズは、スマホ・タブレットから見たときのテキストの行間(行の高さ)を調整していきます。

スマホ・タブレット表示の文字サイズに関しては過去記事「記事タイトル文字数カウント、フォントサイズ変更、ピンチ操作、ポップアップ再設定」↓にて調整済みです。

前回の投稿からまたも時間が経ってしまいました(^^;今回の記事タイトルからも分かる通り、なんやかんや色々とカスタマイズする事になりましたとさ...

 
私が使用している WordPressテーマ『AFFINGER4』はスマホから見たときの文字サイズが他テーマよりも大きいとの事でこのカスタマイズをしたのですが、過去記事でも触れたように、文字サイズだけ小さくしても文字と文字の上下の余白――つまり「行間」を変更していなかったので、若干の違和感を残したままカスタマイズを終了しました。

それからしばらく様子を見てみたところ、やっぱり違和感が消えなかったので、今回文字サイズに合わせた行間を再設定することにしました。
 

細かい設定方法は公式サイト↓(外部リンク)にて書かれています。

 AFFINGER(WING) 
http://the-money.net/font-size/
デフォルトの文字(フォントサイズ)の変更
AFFINGER4の基本のフォントサイズは599px以下(スマートフォンサイズ)、600px~959px(タブレットサイズ)、960px~(PCサイズ)の3パターンに分か...
続きを見る

私のカスタマイズ法は公式のとは少し違うのですが、'font-size' と 'line-height' の組み合わせは公式のものを参考にさせて頂きました。
 

そして完成したのがコチラ。

行間設定前
行間設定前↑

行間設定後
行間設定後↑

文字の大きさは変えていないのに、無駄な余白が詰められて大分読みやすくなった気がします。

最初はこの辺は好みの問題かなーなんて思っていたのですが、これは明らかに良くなりましたね。 フォントサイズ変更のとき合わせてやっとくんだった。
 

②見出しアイコンの作り直し

次の作業は、h3 の見出しタグで使用している自作アイコンを作り直します。
まぁ自作っつってもただの色付けた棒なんですけどね。 ちょうどここの見出しの左端に使われてるやつです。

サイトの完成が近付いてきたので、スマホからの表示確認を行なっていた際、見出しが長くて2行に渡って表示されていた場合、この見出し端の棒アイコンが途切れてしまっていたんですよね。

なのでこの棒アイコンの大きさを倍にしとこう、ってだけのカスタマイズです。
カスタマイズっていうか、実際の作業は Photoshop ですけどね。
 

この見出しタグのアイコン(設定上は「背景画像」)を作ったのは「『Broken Link Checker』プラグインでリンク切れを確認+AFFINGER4アップデート」の記事↓以来だったかな。

前回の予告通り、今回でひとまずプラグインの導入はいったんおしまい。最近モチベーションが下がってきているので、そろそろカスタマイズは切り上...

AFFINGER4 のアップデートでそれまではカスタマイザー上からチェックボックスだけで付けれてた左ボーダーの装飾がなくなってしまったんですよね。
 

その後、「「更新日」表示の削除、サイトテーマカラーの確定」の記事↓にて仮でつけてた色の緑から、これから作っていく予定のガンプラである『ガンダムSEED』をイメージした青へと変更した際、この見出しアイコンの色も変更しました。

前回のコメント欄のカスタマイズでこのサイトの完成に向けた大まかなカスタマイズは終わったと言えるので、今回からは細かなカスタマイズをやって...

 
最初に見出しアイコンを自作してから1年以上経ってこのデザイン崩れに気付いたというね……(;´ェ`)
私が気付いてないだけでまだ何かおかしい点があるかも……
 

③サイドバーの簡易プロフィールの完成

続いてはサイドバー上方に設置していた簡易プロフィールを完成させようと思います。
この簡易プロフィールは、過去記事「ファビコンの作成とプロフィール画像管理プラグイン」↓にて仮の状態で作っておきました。

さて、先月中のサイト完成を目指していた『ガンプラ気分(仮)』でしたが、まー全然間に合いませんでしたね(;´ェ`) 『ビルドダイバーズ』も始まっ...

 
基本的には仮運営状態で書かれたプロフィールを、本運営開始した(という前提の)プロフィールに書き換えるだけです。

ですが、この仮プロフィールを見ていて、1つ気に入らない点があったのでそこをついでに修正しておきます。
 

気に入らなかったのは、プロフィール画像(今は「ハロ」)と管理人名(crim)の並びが左右離れすぎているという点。

ここは AFFINGER4 のオリジナル機能であるタグの「左右50%ボックス」を使用し、5:5 の並びで表示させていました。

しかし、タブレットを横向きにして見たとき、左端に寄ったプロフ画像と右半分の名前の表記までの間がすっごい空いていて、ものすごく違和感を感じました。
タブレットだとサイドバーは記事下に配置されるので、画面いっぱいにサイドバーだけが表示されるわけですから。
 

AFFINGER4オリジナルタグからでは他には「左右30%:70%ボックス」しか無いんですよね。
今私が欲しいのは「左右40%:60%ボックス」なので。(スマホ以外からだったら「左右40%:60%ボックス」はあるけど)

しかし AFFINGER4 には「左右free%ボックス」という、左右の割合を自分で指定できるボックスが用意されていました!
 

使い方が分からなかったのでネットで調べて、4:6 となるように指定してみたんですが、どういうわけかサイト全体のデザインが崩れてしまいました。

色々と試してみたんですが、どうやらサイドバーウィジェット内テキストに「全サイズ左右free%」タグを使用するとサイトデザインが崩れるみたいです。
ウィジェットの設定一つがウィジェットやサイドバー自体でなく、サイト全体へ影響が出るってのは AFFINGER4 の根幹部分での不具合な気がしますね。

AFFINGER4 は既に後継である『AFFINGER5』が出たことによってアップデートはもちろん、修正版ももう出ないでしょうから、ここは諦めて代案を探すとしましょう。
 

代案となるのは、さっき名前の挙がった「左右30%:70%ボックス」ですね。
画像側(30%側)が小さくなりすぎてしまうんじゃないかと思っていたので見送っていました。

が、先ほどのサイト崩れの不具合の際に色々いじってみたところ、貼付した画像のリンク元をテキストエディタで見たとき、貼り付けた画像の表示サイズを指定できるということに気が付きました!

これのおかげで、PC・タブレット・スマホから見て微調整を繰り返し、なんとか納得のいくサイズに収めることができました((´∀`))
 

④PC&タブレット用・モバイル用ヘッダー画像の完成

簡単なはずの作業だと思いきや、手こずる羽目になっておりますが、なんかいつも通りですね、私の場合。 予定通りいった試しが無い。

気を取り直して次の作業は、ヘッダー画像を本運営バージョンとして完成させます。
 

ヘッダー画像は、「ヘッダー画像の完成」の記事↓にてタイトル通り一旦は完成しております。

さて、今回は前回の予告通り、ヘッダー画像を完成させます。やーーっとですね。 そろそろこのサイトを運営開始してから1年経ちますよ(^^; どんな...

使用している写真そのものにも問題は無いのですが、今回手を加える必要があるのは、写真上に書かれているテキストの方です。

私はここを悩んで悩んで悩み抜いた結果、サイトのキャッチフレーズを表示する場所として使用する事にしたのですが、ここの文言が仮運営に合わせて書かれた物だったため、本運営用の文言に書き換えます。 さっきのプロフィールと同じですね。
 

んで、自己PRとか大の苦手なんですが、そうも言ってられんのであんま深く考えんで必要最低限の事だけ書いておく。

プラモ作りにおいて特別な技術も誇れる長所も持たない私は、たった数行で話せる事が無くなったらしく、さっき作ったばかりのプロフィールに書いた事と内容がカブってしまっていました(-∀-`;)

ヘッダーに書くのはサイトの説明、プロフィールに書くのは自分(管理人)のこと、とキッチリ分けて考えることでとりあえず完成。 ま、もう二度と変えられないという物でも無し、気軽にいきましょう。 プロフィールとか誰も見んでしょ。
 

……この時点ではまだ10月上旬だったので、今月中にはサイト完成できるだろうと「2018年10月~ 本運営開始」とか書いちゃったんですが、今回のカスタマイズがやっぱり想定以上に手こずったため、当記事執筆時点でもう11月……

ちょっと書き直すためだけにまた画像作り直すのも面倒くさいんで、もうこのままいっちゃいます。
 

⑤ギャラリー用サムネイルの作り直し

まだ半分も来ていないので、サクサク進めていきましょう。

次の作業は、当サイト内「ギャラリー」ページにて使用されているガンプラの画像リンク用のアイコン(サムネイル)を作り直します。
 

ここのアイコン画像は、「ギャラリー・レビューページの完成とカテゴリー設定」の記事↓で完成させたつもりだったんですが、ちょっと問題が発覚したので再カスタマイズです。

はいどうもこんにちは、『ガンプラ気分(仮)』の管理人 crim です。このブログに最初の記事を投稿したのが去年の2月26日だったので、(仮)のまま...

PC・スマホからは大丈夫だったんですが、タブレットから見た時だけここの画像が原寸で表示されてしまっていたらしく、モニターに対して大きすぎだったため、リサイズして再アップします。
 

まー特に難しいような作業でもありませんので、Photoshop の方でちゃちゃっとやれば完成ですね。

画像に「カスタムURL」でリンク先を付けてたりしてたので再設定が面倒だろうなとか思ってたんですが、画像は「置換」というのを押せば設定はそのまま新しい画像に引き継がれるみたいですね。 便利。
 

ギャラリーページのメタディスクリプションの完成

「ギャラリー」ページの編集をしていたら、ふと「メタディスクリプション」の項目が目に留まりまして、ここもプロフィール、キャッチフレーズ同様に仮運営状態だったので、忘れず書き直しておきました。 忘れてたけど。
 

⑥サイドバーの完成

ここからの作業は、サイドバーのコンテンツを完成させていくことになります。
主に「ウィジェット」からの設定となりますが、一部 AFFINGER4 の機能でも設置できるコンテンツがあるので、用途に応じて使い分けていきます。
 

月別アーカイブの除去

サイドバーに設置していた「アーカイブ」ウィジェットを削除しました。
もともとこれは管理用だったので。

以前どっかの記事で書いたような気もしますが、私は最新キットは作りませんので、何月に何のキットを作ったかなんてアーカイブは必要無いのです。
 

最近のコメント一覧を非表示

サイドバーウィジェットの「最近のコメント」により表示されていた直近5件のコメント一覧を、一時的に非表示(0件)にしようと思います。

今までこのサイトで書いてきた記事は、ほぼ全てサイト完成までのカスタマイズ日記。
これからプラモデルオンリーの記事を書くにあたって、それらの記事へのコメントへのリンクは、今となってはもう無くてもいい物なのです。
(※頂いたコメント自体は各記事に残っています。 ここで消すのはあくまでトップからのリンクのみです)
 

で、コメントの表示件数を0件にしようとしたのですが、1件以上じゃないと設定できませんでした。

ウィジェットごと削除してしまうと、後で再設置するのは面倒なので、とりあえず1件表示にしておきました。
遠い未来、プラモ記事へのコメントが付いた時に再び表示件数を増やせることを夢見て。
 

新着記事一覧をサムネイル表示

前回の記事でチラッと書きましたが、現在サイドバーには管理用として「最近の投稿」ウィジェットにより、直近の投稿10件がテキストリンクのみで表示されています。
これを、サムネイル画像付きの新着記事一覧に変更します。

 

まずはウィジェットより、「05_STINGER最新の投稿一覧」を使用してみます。
このウィジェットには設定項目がありませんが、[AFFINGER4管理]画面内の「新着記事に表示する件数(サイドバー)」から、表示件数を変更できるようになってました。

「05_STINGER最新の投稿一覧」をサイドバーに設置してみたんですが、ウィジェットタイトルが表示されません
ウィジェットタイトルってのは「新着記事」とか書かれてる見出しみたいなやつです。

これは困りましたね……
私は他のサイドバーウィジェットにもウィジェットタイトルを全て表示させていたので、これでは統一性がありません。
何より「新着記事」の表記が無かったらそれが何を並べた記事なのか一見して分からないでしょうし。

[AFFINGER4管理]に「ウィジェットのタイトルを全て表示する」という設定があったのでチェックを入れてみたんですが、変化無し。 どうやら新着記事一覧の表示には別の方法を考えねばならなそうです。

 

別案はすぐに見つかりました。 先ほどいじった[AFFINGER4管理]内「新着記事に表示する件数(サイドバー)」を含むメニュー、[新着記事]です。 もう言葉通りですね。

先の「新着記事に表示する件数(サイドバー)」がここにあるので、もちろんこの設定はこっち――[AFFINGER4管理]側にも有効です。(長いので以下[AF4管理]に省略)
つまりここの設定は、「05_STINGER最新の投稿一覧」ウィジェットと[AF4管理・新着記事]の両方に適用されるわけです。 AFFINGER4 内にはこういった設定の共有が散見するため、使用には注意が必要ですね。
 

それで[AF4管理・新着記事]を使用してみたんですが、ウィジェットではないため、設置場所を選べません。 [サイドバートップ]エリアの一番下に挿入されるようです。

ここでまた困ったことが。
私はサイドバーの簡易プロフィールを[サイドバー]エリアの一番上に設置していました。 私の理想としては、新着記事一覧はプロフィールの下に来てほしいんですね。
でも[サイドバートップ]は[サイドバー]の上であるため、このままではプロフィールの上に新着記事が来てしまいます。

これによりさっき完成させたばかりの簡易プロフィールを調整し直すことになったんですが、それは後述。
 

ですが利点もありまして、先ほど「05_STINGER最新の投稿一覧」ウィジェットでは表示されなかったウィジェットタイトルが、[AF4管理]内「新着記事一覧に表示する見出し」により設定できるようになったのです。

これで他のウィジェットとデザインも合わせられるので、あとは設置場所のズレさえ何とかできれば完璧ですね。
 

[AF4管理]内の設定項目を見ていくと、「トップページのサイドバーの新着記事一覧を非表示にする」というのがありました。
こ、これは……!!

私、ずっと思ってたことがあるんですよね。
新着記事一覧って新着記事を載せてるトップページには要らなくね?、と。

ここの設定を使えば、トップページからはサイドバーの新着記事一覧を消すことができます! 良いですね、AFFINGER4。
 

「05_STINGER最新の投稿一覧」ウィジェットと[AF4管理・新着記事]での新着記事一覧を作って表示確認していたときに気付いたんですが、固定ページが表示されてるときのサイドバーの新着記事一覧から投稿日の表示が消えてる……?

原因を探ってみると、[AF4管理]内「固定ページに「投稿日」「更新日」を表示しない」にチェックを入れていたからだったようです。

これって固定ページの記事自体の投稿・更新日を非表示にする機能のはずですが、どうやらサイドバーの記事アーカイブに表示される投稿日まで非表示にしてしまうみたいですね。

サイドバーの方は他のページ同様、投稿日は表示しておいてほしいんですが、どう設定すればいいのかも私には分かりませんし、そもそもウチの固定ページなんてほぼ見られることの無いようなモンばかりなんで、これについては気にしないことにしました。
 

サイドバーの簡易プロフィールの再調整

さて、新着記事一覧を完成させるためには、こちらもどうにかせねばなりません。

前述の通り、[AF4管理・新着記事]を利用しての新着記事一覧は設置場所が固定で、[サイドバートップ]エリア一番下から動かせません。
現在[サイドバー]エリア一番上にあるプロフィールを、今その上に来てしまっている新着記事一覧のその上へと持っていきたいのです。
 

やり方はまー簡単で、プロフィールを表示している「03_STINGERフリーボックス」ウィジェットを[サイドバー]から[サイドバートップ]へ移動すればいいだけです。

[AF4管理・新着記事]は[サイドバートップ]内に配置したウィジェットよりも下に表示されるので、並び替え自体はこれだけで完了です。
 

ですが、私は[サイドバー]エリアと[サイドバートップ]エリアとで背景色を変えていたんですね。
今までプロフィールは白背景色の[サイドバー]にあったので、背景に埋もれてしまわないようにプロフィール欄にテーマカラーである青を背景色に設定していました。

そして移動先である[サイドバートップ]エリアの背景色は青。
このままでは青同士でまたプロフィール欄が埋まってしまうので、デフォルトの白背景色に戻すことにしました。
 

プロフィール表示に使用している「03_STINGERフリーボックス」ウィジェットは、過去記事「ファビコンの作成とプロフィール画像管理プラグイン」にも書きましたが AFFINGER4オリジナルタグである「見出し付きフリーボックス」とカスタマイザーの設定が共有されています。

これまでは、ウィジェットがカスタマイザー設定の青背景色、記事内で使用するタグでは白背景色を毎回カラーコード(#ffffff)を打ち込んで対応していました。 ほぼ毎回の記事で出番があるので面倒な作業でした(-_-;)

しかし今回のプロフィール欄の移動でウィジェットも白背景色で使うようになったため、もう記事内で毎回カラーコードを入れる必要がなくなったのです! 怪我の功名ってやつですね(^^)
 

もう1つ補足。 カスタマイザーの「フリーボックスウィジェット」から背景色をデフォルトの白に戻したつもりだったんですが、スマホを傾けて見たときにやっと分かるレベルで、うっっっすらと色が付いていたんですよね。

ここはどうやらサイトテーマカラーがうっっっすらと反映されていたようなので、きっちり白(#ffffff)を指定しておきました。 カラーコードなんて使うのはこれが最後になってほしいですね( ´△`;)
 

人気記事ランキングを表示

サイドバーに設置する最後のコンテンツは、ずばり人気記事ランキングです! 多くのブログで採用されていますね。

本来ならこのカスタマイズもここで書く予定だったのですが、かなり手間取ることになったため、先に別記事として上げておきました。 前回の記事↓ですね。

前回の記事で「ブログカスタマイズはほぼ終わったー」みたいなこと言った気もしますが、やはりと言いますか、案の定ブログ本公開に向けてまだやら...

 
というわけでここでは割愛。

これにて「⑥サイドバーの完成」はおしまい。
 

⑦関連記事をランダム表示

今回のカスタマイズ記事は実際の作業順で書いているので、前回の「人気記事ランキングをサイドバーにプラグインで表示」の記事執筆後に行なったカスタマイズはここからの作業となります。
 

それで関連記事なんですが、これも前回の記事の中でほぼ出来たんですよね。
人気記事ランキングを表示する方法を探して試した機能の内の一つでして。

[AFFINGER4管理]内「関連記事一覧」のメニューから設定するだけで、関連記事表示としては充分な物が出来上がってくれました。

ちゃんと設定しておいたカテゴリーの中からランダムで記事を指定件数分表示してくれるし、今表示されてる記事は関連記事としては出てこないというのも地味に良いですね。

カテゴリーが複数設定されてる場合は、設定した全てのカテゴリーの中からランダムで記事が選ばれるようです。
 

ただ1つ難点がありまして、新着記事一覧同様に設置場所が選べないんですよね。 まぁウィジェットじゃないんで仕方の無い部分ではありますが。

前回の記事の最後でも予告していましたが、この関連記事一覧の挿入位置が気に入りませんので、それをカスタマイズしていきます。

手を加えていくファイルは久っびさとなる「single-type1.php」。 前いじったのは3月みたいですね、7ヶ月も前。

カスタマイズ法を覚えてるか不安でしたが、今回やるのは並び替えだけなので、コピペだけで何とかなるでしょう、たぶん。

 

まずは今表示されてる関連記事周りの並び順を確認しておきたいのですが、この辺は大分前に1回いじってるんですよね。

自分で書いたもはや黒歴史となりつつある過去のブログカスタマイズ記事を読み直したところ、「ページナビをコメント欄の上へ」の記事↓で「single-type1.php」内コードを並び替えていました。

コメント欄を展開式にするカスタマイズは前回できましたが、カスタマイズしたのは「single-type1.php」のみ。このsingle.phpは「個別投稿」―ブログ...

 
私は今までコードに手を加えた場合、それをテキストファイルでバックアップしていたのですが、デフォルトの AFFINGER4 の「single-type1.php」を保存し忘れていたので初期状態の並び順が分からなかったのですが、ブクマしておいた他所様のAFFINGER4製サイトを見たところ、

コメント→関連記事→ページナビ

がデフォルトの順番だったようです。
 

そこから私は上記記事内にて、

関連記事→ページナビ→コメント

と並び替えて現在に至っているみたいです。 「みたい」ってのはコレやったの去年の5月なんであんま覚えてません(-∀-`;)

 

さて、そんではこっから並び替えをしていくわけなんですが、正直この辺はそんなに重要なコンテンツでもないような気もするんですよね。
参考がてら他のガンプラブログ様もこっそりチェックしに行きましたが、ページナビ・関連記事・コメント欄って、3つ全部設置してるってとこのが少ないぐらい。

あ、でも関連記事に関しては Google のアレを使ってるとこはやっぱ多いですね。 あの広告と混ぜて表示するアレ。 調べたら「関連コンテンツユニット」とか言うらしいですね。
利用できるようになるにはなんか条件があるみたいで、そこそこ稼いでるサイトじゃないとダメだとか何とかなので、私にゃもしかしたら一生縁の無い物かもしれません。
 

おっと、話逸れてきた。

そんで関連記事の挿入位置なんですが、関連記事一覧って下にびろ~んって伸びてくんですよね。 こういうのってPCからならともかく、スマホとかだとスクロールが面倒くさい。
私なんかは下までスクロールし終わる前にページバックしちゃったりしますね。 特に Twitter埋め込みとか Amazon の検索結果の広告とか。

なのでこの関連記事一覧はそれより下のコンテンツまで読まれないかもしれないという前提で、記事エリアの一番下に配置しておこうと思います。 スマホで見たらすぐ下にサイドバーが表示される位置ですね。

これで、

ページナビ→コメント→関連記事

となったわけですが、せっかくなのでもうちょいカスタマイズしておきましょう。

 

過去何度もカスタマイズして形を変えていったコメント欄なのですが、今の位置に配置したのって、コメント欄が今のクリックで開閉する展開式として完成する前の話だったんですよね。

元々コメント欄を一番下に持っていったのってコメント欄がスペース取って邪魔だったからってのが理由なんですよ。

ですが今はカスタマイズにより省スペース化に成功してますので、必ずしも一番下である必要はもう無い。(すでに一番下ではなくなってますが)

なのでここいらでコメント欄の挿入位置も再検討してみようかなと。
 

んで、コメ欄の位置を私なりに考えてみたんですが、コメントはその記事に対してのみ行なわれるものなので、なるべく記事に近い方が良い。

対してページナビはその記事の内容に直接関わるものではなく、前後記事へのリンク。 つまり導線なんですよね。
それを利用したらもうこの記事には戻ってこない。 それはページナビ以下のコンテンツは読まれないと言っているようなもの。

要は別ページへのリンクであるページナビ、そして関連記事は後回しでよくて、そうでないものを上に持って行っといた方が良いんじゃないか、という考えです。
 

そしてコメント欄をメインコンテンツである記事へと寄せた結果、

コメント→ページナビ→関連記事

という並びになりました。

……なんか結局デフォルトの配置に近付いていってるだけのような……

 

さて、今度は今まで手を出した事のなかった領域もちょっといじってみましょうか。

記事終わりの直後のコンテンツなんですが、デフォルトだと、

ソーシャルボタン→カテゴリー

になってるんですよね。
 

別にこのままでもいいっちゃいいんですが、私には何ていうか……「唐突」に感じるんですよ。 記事が終わっていきなりSNSボタンがバーーンって表示されてくるの。

なので試しにこの2つを入れ替えて、

カテゴリー→ソーシャルボタン

となるようにしてみました。

で、表示を確認してみたんですが、すごくしっくりくるようになりました!

なんか「見慣れた」感があります。 私はインターネット歴(?)はけっこう長いので、たぶんSNSボタンが使われるようになる前のブログってこの形が多かったんじゃないかと思うんですよ。
ふと思い付いたってだけだったんですが、これはやって正解でした。
 

表示を確認していたときに気付いたんですが、コメント欄の上にうっすらと横線が入っていますね……?
なんだろこれ? いつからあったんだ?

コードに何か余計な物が入っているんじゃないかと思い、ザッと見てみたんですが、まー私にコードが分かるわけもなく……
当てずっぽうで <aside> とかいうやつが怪しいんじゃないかと思い、調べてみたんですが、「補足」という意味らしいです。

バックアップ取ってあるし、物は試しで <aside> の位置を変えてみたりしたんですが、変な線は消えませんでした。

ま、並び替え自体はやって良かったと思える出来になったので、関連記事周りのカスタマイズはこんぐらいにしておきましょう。
 

⑧「AFFINGER4」クレジット削除プラグイン

さてさて、ちゃちゃっと終わるはずだったカスタマイズ記事もすでに1万字を超えてしまってますが、ここまで来ればも~~あとは簡単なのばかりなんでね! ホントに!! ちゃちゃっと終わしてしまいましょう!
 

次にやるのは、サイト最下部に表示されてる使用テーマ「AFFINGER4」の表記を消しておこう、ってカスタマイズ。
Copyright ナンタラカンタラ~~って書いてある部分ですね。

使用テーマの表記自体は私は別にそんな消さんでもいいかなーと思ってはいるんですが、嫌なのはそれがリンクになってる場合ですね。 まさにここなんですが。

こちらの意図しないページに飛ぶってのは怖いですよね、普通に。 リンク先ページのことなんて知らんし。

というわけでクリックしてみました。↓(外部サイト)

はじめに 当サイトは無料WordPressテーマを配布しているサイトです。利用されている各サイトとの関係性は全くございませんので、ご連絡を取りたい...

マニュアル内のクレジットの説明・消し方のページに飛ぶようですね。

私はてっきり閲覧者に AFFINGER 売りつける販売ページに行くのかと思っていましたが。
管理者に「クレジット消したきゃ有料プラグイン買え」って案内みたいですね。 うん、ジャマ。
 

この「クレジット削除」プラグインは私が AFFINGER4 購入したときには期間限定特典だとかなんとかで無料で付いてきたので、さっさと有効化だけしてリンクテキストを消しちゃいましょう。

特に設定項目とかも無いので、ほんとに有効化だけでクレジットは消えてくれました。
Copyright ナンタラカンタラ~~自体は残ったのですが、これは全てのブログに付いてますからね。 どういう意味なんか知らんけど。
 

プラグインを増やしてしまったので、「Plugin Load Filter」でフィルタリングしておきましょう。

表示に関わるだけの物なので、「Page Type」フィルタで大丈夫でしょう。 たぶん。

サイト上の全てのページで機能してもらわないと困るので、片っぱしからチェック入れていきましたが、これフィルタかけた意味あるんですかね?

ま、元々重くなるようなプラグインでもないでしょうし、気休め程度のモンですね。
もうプラグイン21個も使ってますから……
 

⑨メタディスクリプションの完成、他

終わりが見えてきました!!

お次はこの『ガンプラ気分(仮)』のメタディスクリプションを完成させます。
検索エンジンでの検索結果画面に出る説明文ですね。

ギャラリーページでやったのと同じく、仮運営時の説明文を本運営開始に合わせた文に書き直します。

こういうPR文は何度やっても頭を抱えますが、今回のカスタマイズでやったヘッダーでのサイト説明文、プロフィールでの管理人紹介文を合わせたような感じにしてとりあえず完成としておきました。
反映されるまでに時間はかかるかもしれませんが、気に入らなかったから書き直せばいいだけなので悩み過ぎずにいきましょう。
 

メタディスクリプションの設定はもはやおなじみ[AFFINGER4管理]画面から行なったのですが、次の設定項目に「パンくずの「HOME」を書き換え」なんてものがありました。

これはまあ言葉通り、パンくずリストに表示されてる「HOME」の文字を好きな言葉に変えられるってだけの設定なんですが、なんとなく目に入ったので、ついでに「ホーム」とカタカナ表記に変えておきました。
ウチのサイトは幼女 少年・少女にも読み親しんでもらえるよう、English はなるべく控えていこうと決めてましたので。 …私の名前crimですけど
 

⑩サイト名から(仮)を卒業!!

ついにこれで最後です!!

WordPress[設定]>「一般」より、「サイトのタイトル」を、

『ガンプラ気分(仮)』⇒『ガンプラ気分

へ変えましたぞい!!
 

あー……長かった、ここまでくるの。 最初の予定では2017年頭っくらいに完成の予定だったのに。

まぁまぁ、ブログもやったことない、もちろん「わーどぷれす」なんて聞いたことも無かったようなアナログ人間の私でも一応は完成まで漕ぎ着けられたってのは素直に喜んでいいでしょう、きっと。

こっそり同じくらいの時期に AFFINGER4 でブログを作り始めた人をストーキング ウォッチングしていたのですが、だいっったい1ヶ月で消えていきましたね……
最初は毎日更新とか頑張っていたのにね……
最後は「1ヶ月更新しなかったときのPVは!?」みたいな記事とかもうね……(ノ∀;`)
1年以上経った今見回ってきたらもうサイトごと無くなっていましたよ……

ま、私はこれからがスタートなので、そうならんとも言い切れないのですが(;^ω^)

「俺たちの戦いはこれからだ!!」

 
おっと、まだ作業終わってねえや。

サイトタイトルやメタディスクリプションをいじったので、なる早で検索エンジンに反映されてほしいので、久々にサチコ(サーチコンソール)に行きました。

なんか新しいサチコだかに行ってしまったようで、わけ分からんことになってしまったのですが、古いサチコもまだ使えたので、そっから「Fetch as Google」で再インデックスのリクエスト送っておきました。

てか、サイトのインデックスってわざわざサチコ入らなくても「Google ウェブマスター」あたりからポンッて送れませんでしたっけ?
ブクマしておいたページに飛んだらなんかプロパティがどうとか言われて真っ白で何もできなくなってたんですけど??
 

自サイトを検索エンジンで表示させてみたところ、すぐにメタディスクリプションは反映されてました。

あとはしばらくカスタマイズ続きでずっと止めていたロリポップの「コンテンツキャッシュ」機能だかをまたONにして、これでホントのホントに終わりかな!!

 

本運営開始のご挨拶

えー……、まずはすみませんね、挨拶がこんな下の方で(苦笑)

基本的に私は記事に書くことをあんま決めずに今書きたいことを書きながら考えてる感じなんで。 計画性がまるでない。
他の人ってどういう風に書いてんのかなあ?
 

ま、いいや。 2017年1月末から始めたブログ作成も、約1年9ヶ月というアホほど長い期間を経て完成と相成りました。

こんなにも時間がかかってしまった理由はひとえにサボりです、はい。
だってやってもやっても終わんないだもんよー。 面白くなーい。

あとは作業記録をブログに残してったからってのも大きかったかな。
記事書くの時間かかるんすわー。 私なんかは大体1000文字1時間っくらい。 遅いですよね?

まぁこれにはブログの練習という意味合いもあったので、自分の執筆速度が遅いってのが分かっただけでも収穫ですわな。
 

カテゴリー「ウェブサイト作成」の記事はこの記事を含めると74件にもなるのか!
今まで特に意識してなかったけど、かなり書いてたんだなぁ…。

と思ったけど21ヶ月という期間を考えるとそうでもないか。
各記事のボリュームというか、作業量も最初の頃は少なかったしな。 今回の記事なんか10回くらいに分けて書いたとしても記事としての体裁は保てただろうし。

それにサイトカスタマイズも毎回上手くいってたわけでもなかったしね。
「がんばったけどできませんでした~(>_<)」みたいな記事も少なからずあったし。 そういう記事は消しちゃった方がいいのかな?

 

おっと、ガンプラについてのこともそろそろ書いとかんとですね。 今まではサイトカスタマイズが終わるまではそういう話はしないと決めてたので。

まずはこのガンプラレビューブログを立ち上げようと思ったいきさつからでも。

私という人間はまーブログ公開の準備にここまで時間がかかってしまうように、基本集中力がなくて飽きっぽくて気分屋なんですよね。 熱しやすく冷めやすいとも。

そんなんなんで、今まで何やっても長続きしない性格でしてね……
それなりに年も食っちまったってのも後押しし、そろそろ「一生モノの趣味」が欲しいなと思い立ったのです。
 

そんな折に目に入ったのが、プラモ作る人なら覚えがあるでしょう……「積みプラ」ですよ、そう、『罪プラ』。

「いつか作るから……」、「限定だから買っとかないと……」、様々な理由という名の言い訳と共に築かれるプラモデルの山。 モデラーの魂にこびりついた原罪。

私は10数年前にガンダムSEEDのキットをパチパチと組んでただけの、「モデラー」と呼んでいいのかも分からんような凡骨なんですが、それでも買い溜めしておいたキットは未だにけっこう残っていたんですよね。

それを見て、「これだ!!」と。
 

そうと決まったのなら兎にも角にもガンプラっていくしかないのですが、前述の通り私は飽きっぽいので、きっと続けられない……
実際1回飽きてるからこそこうして10年のブランクができてるわけで。

これはもう誰かに尻叩いてもらうしかねーんじゃなかろうかと。
でもリアルでお尻叩かれたら痛くて泣いちゃうので、ナウなヤングにバカウケと噂の、「ウェブログ」をやってみようじゃあ~りませんか!

ま、大体こんな流れです。
 

あとはガンプラを写真、っていうかデータに残しておきたかったってのもあります。
現実問題、プラモって場所取るんですわ。 私は箱とっとくタイプなんで特に。

このまま増え続けていったら、いずれは製作したキットの処分も視野に入れたりせにゃならんのかなー……なんて考えるのですが、その時にせめて写真が残ってたら良いな~、と思いまして。
 

なので、「レビューがしたい」とかじゃなくて「自分用のガンプラギャラリー(写真館)が欲しい」ってのが本音です。

だってさ、ガンプラブログなんて腐るほどインターネッツにはあるわけじゃん?
それにもうブログ自体下火らしいじゃない? SNSだナントカチューバーだので。

正直、今っさら私のようなパチ組マーがレビューやってもなぁ……
結局みんな検索上位の大手サイトで見るんでしょ? っていうか私がそうだし。

だったらもうスッパリ自分用でもいいんじゃないかなと。

……ちょっとぶっちゃけすぎたか…?

 

…ま、この話はこのへんにしときまして、
今後の目標的なものでも語っときましょうかね。

もちろん兎にも角にもガンプラレビューするに決まってるでありんすが、
これって終わりが無いんすわ……

今発売されてるキットから作りたい物だけを作っていったとしても、たぶん一生終わるんじゃないかな……
 

なので、手の届く範囲での目標が欲しいですね。

とりあえず次の目標はね、広告の掲載許可が欲しいさね、やっぱ。

今やどこのブログに行ってもありますよね、アマゾンだ楽天だのへの商品リンク。
あれってサイトに載せるのには許可を取らないといけないんですよね。

そしてその許可をもらうためには、サイトを審査してもらい、合格しなければならない。

ブロガーとしてやっていくつもりなら、はっきり言ってここがスタートラインみたいな感じもします。
 

もちろんブログ1本で食っていこうとか無謀なことは考えず、まずはサイトの維持費くらいは稼ぎたいですかね。 皆最初はそう言ってますが。

ウェブサイトって記事の更新とかしなくてもただネットに存在させておくだけでもお金かかるんですわ。
サーバーのスペックなんかによって額は人によって変わってきますが。

個人的には赤字出し続けてまでブログやっていきたいとはあんま思えないんでね……
このサイトも契約は1年ごとにして様子見中ですし。
 

では具体的に広告審査に合格するためにどうするかというと、

ガンプラ記事を10件投稿することを目標にしようと思ってます。

最も合格が厳しいと言われる Google では、サイトタイトルとサイト内コンテンツが一致している、というのが審査基準にあるとかないとか言われています。(実際のところの審査基準は誰にも分かっていません)

このサイトは記事数だけ見ればまあまあありますが、そのほとんどがウェブサイト作成の記事。
これではサイトタイトルの『ガンプラ気分』とは大きくかけ離れています。

詐欺サイト扱いされないためにも、1ページの記事表示数である10件全てをガンプラ記事で埋めるくらいはしてから審査申請しようかなと。

 

んじゃ、大変長くなってしまいましたが、とりあえず今語っとくべき事はこんなとこかな?
ま、なんかあったらガンプラ記事の中ででも書いちまえばいいでしょう。

まだまだレビューの仕方とか、写真の撮り方とか、そもそもデジカメの使い方すらあっぱっぱーですが、あとはもうやりながら覚えていくしかないかなと。
 

それではまた次回のガンプラ記事(予定)でお会いしましょう!

 

-ウェブサイト作成, 雑記

Copyright© ガンプラ気分 , 2019 All Rights Reserved.