化粧品開発者が化粧品やそれに関する知識、情報などを発信していくブログです。無関係なことも書きます。ブログ-カスタマイズスポンサーリンクどうも、あひるです。カスタマイズ系の記事がよく読まれますので、カスタマイズ系の記事を書いていきましょうかね。プライバシーポリシーとお問い合わせの作り方」という記事で書いています。何度も言いますが、おそらく誰にでもできます(笑)だって、私にできたんですからね。トップ画面、ホームページ風に変えたくないですか?はてなブログだと、みんなほぼ同じく、トップ画面は記事一覧ですからね・・・。自分の色、好みを出してもいいかと思います。やってやるのか、ご説明します。当ブログのホームページ固定ページをブログのホームページ風へ固定ページの作り方サイドバーを消すタイトルと日付も消そう!ホームページのボックスカスタマイズ固定ページへのリダイレクト最新記事一覧はどこへ?最後に当ブログのホームページ当ブログのホームページ、トップページをご覧になられた方は、お気づきかと思いますが、通常のものとは違っています。はてなブログの通常のホームページは、記事一覧がホームページになっているかと思います。下記画像のようなかたちですね。記事が新しい順に並んでいる状態かと思います。当ブログのトップページでは、違うかたちを取っています。新着一覧、カテゴリーと、全く別のかたちを取らせてもらっています。「あひるの化粧品と戯れる日記のトップページ」を見てもらえれば、よりわかりやすいかと思います。通常とは異なるトップページをどう作るのか?答えは、固定ページの活用です。固定ページで作ることによって、いくらアクセスされても、注目記事にならないのが良いんですよね。プロフィールや、お問い合わせも固定ページを活用するのが良いかと。固定ページは、はてなProでのみ使用可能です。無料版の方だと、作ることは可能ですが、注目記事にランクインしてしまうので、ご注意を。固定ページをブログのホームページ風へ固定ページの作り方では、作り方を説明していきます。固定ページで、固定ページを作ります。URLは、何でもOKです。私は、「home」としています。サイドバーを消す通常、固定ページでは、サイドバーが表示されます。ところが、サイドバーは削除、表示されないようにすることが可能なんです!固定ページの作成画面です。作成ページの編集オプションの、固定ページレイアウトで、サイドバーをなくす選択をすることが可能です。サイドバーの表示するしないは、個人の自由ですので、お好みで行ってください。タイトルと日付も消そう!このままだと、サイドバーは消すことができますが、固定ページのタイトル、公開した日付が表示されてしまうんですよね。ホームページに、記事タイトルや日付っていらないですよね・・・。いうことで、消すコードが必要なんですよね。コードは、下記の通り。*/--></style>上記のコードを固定ページのHTML編集にコピペすれば、記事タイトルや、日付が非表示になります。あと他に、グローバルメニューの非表示や、固定ページの横幅などの調整も一緒にしてしまいましょう。*/--></style>これで、固定ページがまっさらのきれいなデザインとなります。あとは、ご自由にです。まっさらのページに何を描くかはご自身で見つけてください。グローバルメニューを消したくなければ、そこのコードを消して貼り付けてください。一応、下記に私がホームページを作成するにあたり使用したHTMLやCSSを載せておきます。ホームページのボックスカスタマイズ当ブログでは、ホームページに、PC画面からだと、4つのボックスが横並びに、スマホだと2つのボックスが横並びで表示されているかと思います。これは、HTMLとCSSで作成可能です。下記のHTMLコードをコピペし、色を変えてある箇所を変更の上、固定ページのHTML編集に貼り付けてください。それで、当ブログと同じようなかたちになります。画像名称は、alt属性と呼ばれているもので、特に記載がなくてもOKです。何かしらの名称は、記事の名前を記載するもよし、カテゴリーの名前を記載するも良し、自由です。4つも必要ないって方は、消せば数が減らせます(当たり前)。私も全部4つにしてませんし。デザインCSSに貼り付ければ、OKです。===*/これで同じようなものが作成可能です。コピペだけなので、簡単かと思います。色や文字の大きさは自由に変更してもらえればと思います。上記コード、参考にした記事があるのですが、見当たらない・・・。見つけたら、リンク貼ります。固定ページへのリダイレクトこれで固定ページをホームページへと変更する準備が整ったかと思います。このままではダメですよね?固定ページは、独立した島みたいなものです。通常では、アクセスできないので、繋げてあげる必要があります。使用するコードは、下記になります。--></script>赤字、青字を変更し、貼り付ければOKです。上記コードは、トップページを変更するためだけのコードではありません。NotFoundとかが出る場合でもリダイレクトをかけて上げれば簡単解決です。記事の場合はサチコで消すのが手っ取り早いですけど、記事でなければ、上記コードが簡単かもですね。他にもカスタマイズ系の記事は書いていますので、良ければ読んでもらえると幸いです。参考になれば、幸いです。最新記事一覧はどこへ?固定ページで、ホームページを作成すると、最新記事一覧が行方不明になります(笑)さすがに困りますよね。ホームで最新記事一覧へ飛べるように、URLを設置しておいた方が良いです。設置の仕方は何でもOKです。上記のボックスにURLを紐付けするも良し、ボタンに紐付けするも良しです。グローバルメニューを残す方は、グローバルメニューに表示させるのも一つの手ですね。最新記事一覧のURLは、自分のブログURLに「/archive」が付いたかたちとなります。当ブログの場合、「https://www.ahiru-nonnbiri-blog.work/archive」となります。自由に見れるように、ホームページに設置しておくのがよいでしょう。最後に固定ページを用いて、ホームページを作成する方法について、書いてみました。工程が多いですが、一つ一つは簡単ですので、時間をかければ、誰でも簡単に使用できるかと思います。上記のカスタマイズ程度なら、サイトが重くなることはないです。見かけるのが、カスタマイズのしすぎ、AdSense貼り過ぎで、表示スピードがものすごく下がっているブログ。ものすごく見ずらいです。あと、トップページに記事本文が何個も並んでるのも、読み込むのに時間がかかり過ぎなので、読みにくいです・・・。何かしら対処しないとですよね。言いながら、私のブログもそこまで早くないのが痛いところ・・・。他にも、カスタマイズに関して、記事を書いています。良ければ参考にしてみてください。最後までお読みいただき、ありがとうございました。固定ページ活用方法その3です。ISO16128について理解できる。2019-11-25【Minimalismカスタマイズ】サイドバーの色変更、アイコンの設置サイドバーのカスタマイズです。スポンサーリンクランキングに参加しています。あなたの1クリックがブログ継続のチカラになります!どうぞよろしくお願いいたします。情報を、色々書きます。読者さんの化粧品選びの一助になれれば幸いです。※当ブログ内容は、個人の感想、見解です。化粧品関連に関してもつぶやきます。↓↓↓お手持ちのスマホで簡単に記事更新通知が受け取れます。読者になるランキングに参加しています。あなたの1クリックがブログ継続のチカラになります!どうぞよろしくお願いいたします。にほんブログ村スキンケアランキング月別アーカイブこのサイトについてプライバシーポリシーお問い合わせホームへ戻るスターをつけました引用をストックしましたストック一覧を見る閉じる引用するにはまずログインしてくださいログイン閉じる引用をストックできませんでした。再度お試しください閉じる限定公開記事のため引用できません。