はじめに はてなブログの始め方をITエンジニア向けにまとめた記事にて「デザインテーマ」を利用すると良い旨を記載しました。 特定のデザインテーマを利用すれば統一感のあるデザインになりますが、慣れてくれば「このデザインテーマのこの箇所のデザインだ…

はじめに はてなブログではリンクを添付する際に「埋め込み」「タイトル」「URL」から表示形式を選択できますが、埋め込み形式にするとカード型として一つのボックスになるため利用されます。以下のような形式で はてな記法であれば [URL:embed]で実現できま…

はじめに パンくずリストとはサイト内でのページの位置をナビゲーション目的でツリー構造で可視化するものです。そんなパンくずリストですが、はてなブログではカテゴリーを複数つけて階層化し、それをパンくずリストとして表現することが可能です。パンくず…

はじめに はてなブログで「はてな記法」を使えば |* |*A|*B| |*1|売上|利益| |*2|2000|300|が A B 1 売上 利益 2 2000 300 といったテーブル表になります。パソコンの場合は画面幅が大きいのであまり表がはみ出すことはないですが、スマホから見た場合に表が…

はじめに はてなブログのサイドバーをスマホでのみ非表示にする方法は以下の記事に記載しました。 今回はスマホ以外の例えばパソコンでも非表示にする際のTipsについて記載します。 はてなブログのサイドバー非表示問題 パソコンでも非表示にしたければ以下…

はてなユーザ以外がはてなブログを閲覧すると はてなブログではアカウントをProにすれば、詳細設定にて以下のように最上部と最下部の表示を制御できます。 ブログにヘッダを表示しない ブログにフッタを表示しない そんな非表示にできるフッターですが、その…

Gistでのソース共有 はてなブログではGist貼り付け機能でソースコードを簡単に共有できます。 もちろん以下のように書けばソースコードを表示できます。 >|| print HelloWorld ||< print HelloWorld一方でGist貼り付けであれば行数が表示されたり履歴管理も…

はてなブログのサイドメニュー はてなブログでは、サイドバーがPCとスマホで登場する場所が異なっています。 パソコンで閲覧時 スマホで閲覧時 本記事ではスマホのみサイドバーを消すためのコードを紹介しています。 サイドバーを表示させないコード 以下コ…

はじめに はてなブログでは”デザイン”機能にて関連記事の表示有無の設定ができます。公式の説明は以下で そのブログに投稿された記事から、表示中の内容に関連するとみられるものを最大5件まで、一覧形式で表示します。 リンクは以下です。 ここから本記事で…