Yumekawa

このブログは特別なカスタマイズをしていますのでテーマデフォルトのデザインとは異なります。

記事下関連記事をカスタマイズ

記事下の公式関連記事パーツをカスタマイズするコードを用意しました。 yumekawaテーマにあわせてピンクと水色で作ってみました。どうぞご利用下さい。 design.syofuso.com

ブログタイトルのフォントについて

本テーマではブログタイトルの英数字はGoogle FontのSacramentoを指定しています。 fonts.google.com #title a { font-family: 'Sacramento', 'Hiragino Kaku Gothic Pro', 'Meiryo', 'MS PGothic', sans-serif; } タイトルのフォントを変えたい場合は↑のfon…

着せ替え用CSSコード

yumekawaテーマのメインカラーを変更する着せ替え用CSSコードを用意しました。 以下のコードを参考にアレンジしてみて下さい。そのまま貼ると現在のこのブログのように水色メインになります。 /* 着せ替え用コード */ body { background-color: #fdfaf2;/* …

トップページをカード型レイアウトにする(はてなブログPro向け)

はてなブログProの方はトップページをはてなブログ管理画面→設定→詳細設定から記事一覧表示にしていただければ、カード型の表示になります。 staff.hatenablog.com

記事下へのオリジナルシェアボタンの付け方

デザインはテーマの方で記述済みです。 FontAwesomeの呼び出し headに貼り付けて下さい。既にどこかに記述済みの場合は必要ありません。管理画面→設定→詳細設定→「headに要素を追加に」以下のコード記述。 <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css"> 記事下HTML <div class="sns-share"> <p>シェアする</p> <ul class="sns-area"> <li> </li></ul></div></link>

グローバルメニューの設置方法

タイトル下HTML&JSコード デザイン→カスタマイズ→タイトル下に以下を貼り付けて下さい。リンク先URLの#やメニュー項目のTOPなどは各自変えて下さい。 <div class="menu-trigger"><span><i class="blogicon-reorder lg"></i></span></div> <nav id="slide-menu"> <ul> <li><a href="#">Top</a></li> <li><a href="#">About</a></li> <li><a href="#">Profile</a></li> …</ul></nav>