はてなブログ日付のデザインカスタマイズ カスタマイズ用CSSコード - Minimal Green
はてなブログの日付のデザインを変更するカスタマイズ用のCSSコードをご紹介します。 はてなブログテーマストアでは様々なデザインのテーマがあり、とくに公式テーマでは個性的な日付のデザインが多いですから、無理してこの記事のようにカスタマイズする必要はありません。 この記事では、一からオリジナルテーマを作る場合や「Innocent」のようなシンプルなデザインのテーマで日付を装飾をする場合を想定しています。 （この記事のコードは「Minimal Green」「Innocent」をインストールした状態で検証しました。） はてなブログの日付のHTML構造、class名など <div class="entry-date date first"> <a href="http://blog.syofuso.com/archive/2017/01/29" rel="nofollow"> <time pubda
WordPressなら何をしても良いという話ではない はてなブログのnoindex措置 - Minimal Green
はてなブックマークで時々ホッテントリに上がっていたはてなブログが、突然検索流入が無くなったという事例がありました。 head内にnoindexメタタグを強制的に入れられる措置にあったようです。 どのブログのことか、はてブのホッテントリ見れば分かると思いますのでリンクは貼りません。 【追記】ブックマークへのリンクを貼っておきます。 はてなブックマーク - Googleが、はてなブログ運営に指示→noindexをつけたから検索流入０に - しろログ～ネタバレ感想ブログ～ noindexとは <meta name="robots" content="noindex" /> という構文を入れることで検索エンジンのロボットに、検索結果にインデックス登録しなくて良いと伝える意味があります。 <meta name="robots" content="noindex,nofollow"/> とメタタグが入
はてなブログのヘッダー、タイトル画像の設定について - Minimal Green
ヘッダー、タイトル画像の設定について説明します。他のデザインテーマのカスタマイズにも応用できます。 タイトル画像の設定（はてなブログのタイトル画像機能を使う場合） タイトル画像の上下の余白を取る タイトル名の文字の色変更、中央寄せ cssで直接指定する ヘッダーの背景に横幅いっぱいに画像を設定する #blog-titleに横幅いっぱいに背景画像を指定する スマートフォンでもヘッダーが見切れないよう調整する 【追記】Media Queriesで画面サイズによってタイトル背景画像を切り替える はてなグローバルヘッダの変更 タイトル画像の設定（はてなブログのタイトル画像機能を使う場合） はてなの管理画面＞デザイン＞カスタマイズ＞ヘッダ＞よりタイトル画像を設定する. このように1000x200pxで表示されます。 タイトル画像の上下の余白を取る タイトル画像の上下の余白が気になる場合は、デザインC
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
