![Thumbnail of post image 083](https://hatena19.com/wp-content/uploads/2019/07/open_book-300x158.jpg)
【Luxeritas】サイドバーにQiita風目次を設置
Qiita をご存知でしょうか。プログラム関係の検索をすると結構な確率で有用な情報が見つかります。そこに設置してある目次がめちゃ便利なんです。これを自分のブログにも設置したいとずっと思ってました。WordPressのブログへ引っ越したのを機にプログラム書いてみました。 どんなものか Luxeritasはプラグインなしに記事の冒頭に自動で目次を挿入してくれるのだが、読み進んでスクロールしたら見えなく ...
![Thumbnail of post image 002](https://hatena19.com/wp-content/uploads/2019/07/measuring_tape_fruits-300x158.jpg)
【Luxeritas】個別記事タイトルのフォントサイズを画面幅にあわせていい具合に調節するCSS
レスポンシブデザインは画面幅によってカラム数が変化したり、コンテンツ幅が変化します。本文は読みやすいサイズ固定でいいのですが、記事タイトルはコンテンツ幅によってバランスのいいサイズというのが決まってきます。コンテンツ幅に対してフォントサイズが大きすぎると改行されすぎたり、逆にフォントサイズが小さすぎると間延びした感じになっちゃいます。 Luxeritasの場合、フォントサイズの切り替えがスマホ用と ...
![Thumbnail of post image 176](https://hatena19.com/wp-content/uploads/2019/07/remove-the-blanks-of-the-eye-catch-300x158.jpg)
【Luxeritas】個別記事のアイキャッチ画像の左右の空白を取り除く
前回の記事で個別記事にアイキャッチ画像を自動表示させるカスタマイズをしましたが、このアイキャッチは記事の幅と同じなので左右に空白ができます。これを取り除いてメインカラムの幅一杯に表示させるようにしてみます。 ビフォー&アフター まずは、カスタマイズ前とカスタマイズ後をみてください。 あまり大差ないと突っ込まないでね。hatenaとしてはトレンドを取り入れたつもりなので。 マイナスマージンで打ち消す ...
![Thumbnail of post image 077](https://hatena19.com/wp-content/uploads/2019/07/camera_1-300x158.jpg)
【Luxeritas】個別記事にアイキャッチとキャプションをカッコよく表示させる
WordPressテーマによっては記事冒頭にアイキャッチ画像を自動で表示する機能が実装されてますが(Cocoonとか)、Luxeritasには現時点では機能は実装されてません。そこで、 記事冒頭にアイキャッチ画像を自動で表示させて、さらにそこにキャプションを重ねて表示させるようにカスタマイズしてみました。この記事の上の画像のようになります。 記事冒頭にアイキャッチ画像とキャプションを表示させる ア ...
![Thumbnail of post image 165](https://hatena19.com/wp-content/uploads/2019/07/strawberries-300x158.jpg)
WordPressのテーマを選ぶ
初期設定が終わったら次はテーマを選択します。WordPressのテーマは海外・国産、また、無料・有料含めて非常に多くあって迷います。haena がいろいろ調べて、迷った挙句、最終的に選択した基準などを公開します。趣味でブログの作成しようと思っている方、あるいは、FC2などの無料レンタルブログからの引越を考えている方に参考になると思います。 テーマとは FC2ブログだとテンプレートにあたるものと考え ...
![Thumbnail of post image 080](https://hatena19.com/wp-content/uploads/2019/07/notepc_wordpress-300x155.jpg)
WordPressをインストール後に最初にした初期設定
前回の記事で無事WordPressはインストールできました。さて、すぐに記事を書き始めたいところですが、その前に初期設定をしておいたほうがいいでしょう。 無料ブログから引っ越してきてWordPressの設定まったく初めてのことなので、どう設定したらいいのか迷う点が多々あったので、NETで調べまくりました。サイトによっては異なる設定を推奨しているところもあったので、自分の使い方を考慮して自分なりに判 ...
![タイトル画像](https://hatena19.com/wp-content/uploads/2019/07/network_connector-300x155.jpg)
FC2ブログからWordPressのブログへ引っ越す際にしたこと
プロバイダーの提供するブログからFC2ブログへ引っ越したのが2009年ですので、それから10年続けて来たことになります。今回、レンタルサーバーでWordPressのブログを開設することにしました。 引っ越すことにした理由、また、引っ越す際にしたことをまとめてみました。 なぜ引っ越すことにしたのか FC2ブログは、使いやすくて、カスタマイズの自由度も高くて、広告も最小限という、無料ブログのなかでは、 ...