Site will be available soon. Thank you for your patience!
![Site is undergoing maintenance](https://cdn-ak-scissors.b.st-hatena.com/image/square/cf2be3ea812f1f07f5d7ea171b78c9057997d4f7/height=288;version=1;width=512/https%3A%2F%2Fwww.notitle-weblog.com%2Fwp%2Fwp-content%2Fuploads%2F2015%2F12%2Fblog-customize-2.jpg)
こんにちは、つばさ(@tsubasa123)です。 結構温めていたカスタマイズネタです。二週間ほど寝かせて様子を見ましたが問題なさそうなのでご紹介。これはぜひ皆さまに使っていただきたい。 【2017/03/27 追記】アップデートしました WordPressにはプラグインがあるけれど 仕様と実装と設定 JavaScriptの追記 CSSの追記(PC) CSSの追記(SP) 課題と懸念点 後から知ったこと AMPバージョンも一応作成 さいごに 関連記事 【2017/03/27 追記】アップデートしました www.tsubasa-note.blog レスポンシブデザインのテーマを利用していると表示が崩れる問題がありましたので、アップデート版を公開しました。上記記事を参照してください。 WordPressにはプラグインがあるけれど はてなブログの標準機能では更新日を自動で表示することができないみ
はてなブログには標準で読み込まれるアイコンフォントがあり、クラス等を指定すれば誰でも使えることは以下の記事で以前から知っていたのですが、なんとなく CSS を見ていたら使えるアイコンの数が以前よりかなり増えていることが分かったのでメモしておきます。 bulldra.hatenablog.com 一覧 以前から使えていたもの 追加されていたもの 一応使い方を掲載 使い方 その1 使い方 その2 まとめ 一覧 以前から使えていたもの No クラス名 アイコン 000 blogicon-hatenablog 001 blogicon-plus 002 blogicon-minus 003 blogicon-reorder 004 blogicon-grid 005 blogicon-chevron-left 006 blogicon-chevron-right 007 blogicon-chev
皆様、こんにちは。 この話題については既に議論は行われている内容となりますが、補足事項などがありますので改めてまとめさせていただきました。 はてなブログでブログを書いている方向けのエントリーとなります。 はてなブログの大見出しh3問題 jQueryで動的に書き換える方法 留意事項 h3タグに要素を追加している場合 トップページの装飾も変えたい場合 Adsenseの文中配置を行っている場合 SEO効果について まとめ はてなブログの大見出しh3問題 はてなブログで大見出しを選択するとHTMLのタグとしては<h3>が挿入され、それがSEO的にも悪い影響を及ぼしているのでは?という問題があります。 このあたりの議論については既に他の方が多数解説していただいていますので貼っておきます。 hatena.aaafrog.com www.pojihiguma.com 一応、わかりやすく画像で示すとこんな
更新:2018-05-07 カスタマイズやテーマ作成が捗るよう、はてなブログのid、classをツリーと図に表してみました。自分用ですが、せっかくなので公開します。 取り上げるid、classの選定や画面上への表示には、以下で紹介されているサンプルテーマ「Boilerplate」を利用しています。 help.hatenablog.com ツリー トップページ、記事ページなど #2018/05/07 <body>付与クラスをより詳しく。ツリーに公式関連記事等追加。 xxxがHTMLタグ、#xxxがCSSのid、.xxxがCSSのクラスです。 html ┣head ┗body ┣div#globalheader-container ┣div#container ┃ ┗div#container-inner ┃ ┣header#blog-title ┃ ┃ ┗div#blog-title
えるるだよー! 出張から帰ってきて疲れたためか、昨日はぐっすり眠れました。 で、今日は出張中、そろそろやろうかな?と思っていたブログのカスタマイズに着手していました……4時間くらい……ふふふ…… ナヴィゲー↑↑ション↓! というわけで今回は、前々から付けたかったグローバルナビゲーションを付けてみました。 そう、これ! 記事カテゴリの中で、メインとなっているもの(+全カテゴリ)へのリンクを持ってきました。サイドバーまで行かなくても、これでカテゴリ表示しやすいんじゃないかな? 一応、うちのブログのメインコンテンツはこれで網羅できているはずです。 今回参考にさせていただいたのはこちらの記事。 rrt.hateblo.jp レスポンシブデザインに対応するナビがほしかったので、非常に助かりました。ありがとうございます。 画面の大きさで構成が変わるようになっているので、PC より画面が小さいスマホで見
はてなブログに、タイトル画像(ヘッダ画像)を入れる【レスポンシブデザインでのスマホ対策】投稿 : 2016-05-03更新 : 2018-02-01 デフォルトで表示されるタイトル画像のサイズは、高さが200px、横幅は最大1000pxです。 はてなブログテーマ制作の手引き - はてなブログ ヘルプ 用意するサイズは、上記を参考にしてください。これよりも小さい場合は、拡大?して利用されるようです。透過PNGとかでもOKでした。 2.スマホ対策用のCSSを追加する @media (max-width: 480px){ #blog-title-inner,#title a{ height:100px!important; } #blog-title-inner { background-size: contain!important; } } デザイン->カスタマイズ-> デザインCSSに上記
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く