まさくまの日記

日々の暮らしの中で感じたことなど自由に綴っています

ブログ入門

【はてなブログ】サイトデザインの効率的な決定方法

自分のブログにどのデザインを適用するか、悩みますよね。(ちなみに当サイトは「はてなブログ」で作成しています) 自分のイメージするデザインにピッタリあったデザインを探すのはなかなか難しいものです。 私もWordPressからはてなブログに移行後、デザイ…

【はてなブログ】「まさくまの日記」 はてなブログで公開開始!

「まさくまの日記」をはてなブログで公開開始しました WordPressからはてなブログに移行し、早速自分のブログをスマホで見ようとしたら、見られませんでした。 調べてみたところ、ブログの「公開設定」を「すべて」に設定しないといけなかったようです。 は…

【はてなブログ】wordpressから記事を移行しました

一部の画像がうまく移行できなかったようなので、必要に応じて適宜個別に対応したいと思います。 wordpressを使ったサイトでは、自分なりに色々と調べてカスタマイズを頑張ったので、解約するときは一抹の寂しさを感じました。 wordpresssのカスタマイズを通…

【WordPress】フッターに利用規約とプライバシーポリシーを追加

Google Adsenseの認可を目指して、当サイトのフッターに「利用規約」と「プライバシーポリシー」のリンクを追加しました。

【WordPress】「高度な設定」の使用方法

WordPressの投稿の入力における「高度な設定」機能についての使用方法です。

禅の言葉カテゴリ用のアイキャッチ画像作成

本日2つ目のアイキャッチ画像を作成しました。

Canvaでオリジナルのアイキャッチ画像を作成

Canvaというツールを使って、オリジナルのアイキャッチ画像を作成しました。

見出しの装飾 文字数分だけ枠線を付ける

見出しに枠線を付ける2つのパターンについてご紹介します。

見出し装飾の確認用記事です

見出し装飾がどういう風になるか確認するための練習用記事です。

サイト記事幅の変更

サイトの記事欄とサイドバーの表示幅のバランスを変更しました。

カテゴリ別の最新記事ページを追加

カテゴリ別に最新記事をまとめたページ

記事タイトルの文字サイズを統一したい

色々なサイトを参考にしていますが、文字サイズは統一できても太さを統一できない。

ウィジェットエリアの画像に丸みを付ける

ウィジェットエリアに表示しているアバターの画像の角に丸みを付けました。

ヘッダーのロゴ画像に丸みを付ける

ヘッダーのロゴ画像の角に丸みを付けました。

パーマリンク設定の変更

パーマリンク設定を「投稿名」から「カスタム構造」に変更しました。 「投稿名」の場合、投稿名が日本語だと、どうしても「%E3%81%8A...」のように意味のないリンク名になってしまいます。 それが嫌で、いつも「20190210-1」のように手修正していました。 …

ブログのデザイン、色々試してます

CSSを学ぶにつれ、色々と試してみたいことが増えてきました。 ヘッダーの画像をなくしてシンプルにロゴと背景色だけにしたり、マウスオーバー時の背景色を当サイトのイメージカラーであるピンクに変更したりなど。 過去の投稿記事でサイトのデザイン変更につ…

投稿記事に更新日を追加、子テーマでできた!

昨日挫折した「投稿記事の上に更新日を表示させる」機能を子テーマを使って行う、というのが今朝できました! CSSの記述が正しいにもかかわらず、サイトに反映されていないだけだったようです。CSSの記述が間違っていたわけではなかったのです! 色々と調べ…

投稿記事に「更新日」を追加しました

記事タイトルの上に「投稿日」だけでなく「更新日」も表示されるようにカスタマイズしました! 簡単にできると思ったのに、このカスタマイズにはかなり苦戦しました。 Wordpressの子テーマの機能で対応したかったのですが、うまくいかず結局挫折!! サイト…

フッターの表記をCopyright(C)に変更!

サイトのフッターには初期表示で「Proudly powered by WordPress」という表記がありました。 これを「Copyright(C)2019まさくまの日記 All Rights Reserved.」に変更しました! 「まさくまの日記」の部分をクリックすると、Home画面に戻ります。 また、年号…

アフィリエイトとGoogleAdSenseについて学ぼう!

ブログに広告を表示させてみたいと思い、アフィリエイトとGoogleAdSenseについて書かれた本を2冊購入しました。 ブログで稼ごうなんて考えてなかったんですが、サイトに広告を表示させる方法についてふと知りたくなり、勉強してみることにしました。 禅即行…

サイトのヘッダー画像を小さくしました

サイトのホーム画面に表示されるヘッダー画像。 WordPressのtwenty seventeenというテーマでは、ヘッダー画像が 画面一杯に 表示される仕組みになっています。 これはインパクトがある一方、操作性の点からみると若干使いづらいです。 そこでヘッダー画像の…

CSSを改めて勉強

ブログデザインをもっと自由自在にカスタマイズしてみたくなり、改めてCSSの入門本を読み直してみました。 デザインを変更したい箇所を指定するためには「クラス」名を指定する必要があるのですが、その「クラス」名の調べ方、指定の仕方などが何となく分か…

ログインに2段階認証を導入

セキュリティを高めるため、ログインを2段階認証に変更しました。 ネットで設定方法を調べて対応しましたが、非常に難しかったです。 何に手間取ったのか詳細については記載しませんが、再度確認すべき点がいくつかあるので、また後ほど勉強したいと思います…

ブログのデザインを変更

今日もまたブログのデザインを変更しました。 ブログのタイトルが見づらかったため、ヘッダーの画像は無くし、ロゴと背景色だけにしてスッキリ見やすくしました。 また、ウィジェットの各タイトルの文字色をブラウンに、マウスオーバー時の背景色を当サイト…

WordPressでブログページをカスタマイズ

追加CSSという機能を使ってブログページのデザインをカスタマイズしました。 子テーマの作成を試みましたが、残念ながらうまく反映できなかったので、追加CSS機能に頼ることにしました。 このやり方だと、親テーマがバージョンアップされたときに、せっかく…

Wordpressのテーマ変更

テーマを「twenty seventeen」に変更しました。 今日のブログ作成はここまでにしますが、もっとよくしたいと思います!

WordPressのテーマを決める

Wordpressのテーマを何にするか、本当に悩みますね。 色々と試してみましたが、最初に読んだWordpressのハウツー本でお勧めとされていた「Hueman」を使うことにしました。 気になる点は自分でカスタマイズしていこうと思います。 PHPの勉強にもなっていいか…

ブログ始めました!

巷で話題の本「学びを結果に変えるアウトプット大全」を読んで大いに刺激され、私もその日に感じたことや読んだ本についての感想などをアウトプットしてみようと思いました。 そこでアウトプットする場としてブログを開設することにしました。 まずは日記の…