引用テスト
本ブログはテーマの動作表示確認のためのデモブログです。今後更新はしませんので、読者登録はしないで下さい。読者登録された方は解除をお願いします。
このテーマ「Yumekawa]では夢かわいい?デザインを目指してサイドバータイトルにアイコンをデフォルトで設置していますが、お使いのブログによってはこのアイコンを消したい方もいらっしゃると思います。以下のCSSをデザインCSSに追記するとリボンアイコンは…
見出し 見出し 見出し 見出し 見出し 見出し
記事下の公式関連記事パーツをカスタマイズするコードを用意しました。 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…
yumekawaテーマのメインカラーを変更する着せ替え用CSSコードを用意しました。 以下のコードを参考にアレンジしてみて下さい。そのまま貼ると現在のこのブログのように水色メインになります。(色はお好みのカラーコードに変えて下さい。) www.colordic.org …
はてなブログProの方はトップページをはてなブログ管理画面→設定→詳細設定から記事一覧表示にしていただければ、カード型の表示になります。 staff.hatenablog.com
デザインはテーマの方で記述済みです。 FontAwesomeの呼び出し headに貼り付けて下さい。既にどこかに記述済みの場合は必要ありません。管理画面→設定→詳細設定→「headに要素を追加に」以下のコード記述。 <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.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>