これも早く何とかしなければと思って変えました。これにほんの少しだけCSSを加えると...随分と印象が変わりますよね。リスト表示1リスト表示2リスト表示3あなたはどちらがお好みですか?また番号付きリストも変更しています。通常の番号つきリストは...このようにデフォルトでh2見出しと同じ色の設定になっておりせっかく変更した番号なしリストと統一感がなく違和感が出てしまいます。...わたしはこのように、番号部分の色も変更しました。これで、番号なしリストと統一感が出ますよね^^リスト表示もほんの少しCSSを加えるだけで簡単にできます。[コピペで簡単]ストークのリスト表示をカスタマイズする方法また、AFFINGER5にデフォルトで設定されているこんな方におすすめリストの設定方法も別記事に記載しています。↓こんなリストが作れます。こんな方におすすめこれはダミーのテキストです。これはダミーのテキストです。これはダミーのテキストです。このリストはすごく使いやすいのでおすすめです^^AFFINGER5の「こんな方へおすすめ」リストを作ってみた!STORKのページャーのカタチを変更して「POP」に!非常に細かい部分ですが、トップページ下にあるページャーの形も変更しています。こんな感じに変わります。これは完全に好みの範囲なので「丸い方が可愛くていい!」という方はぜひ変更してみてくださいね^^[コピペで簡単]ストークのページャーをカスタマイズする方法STORKのSNSシェアボタンの表示を変更してスッキリ!STORKの良いところはさすがモバイルフレンドリーだけあってSNSのシェアボタンも標準装備。SNSのシェアボタンが目立つのはいいもののせっかくアイキャッチ画像を入れてもSNSのシェアボタンの方に目がいってしまうと思うぐらいに目立ち過ぎるのもどうかと思います...^^;なので、もう少しSNSシェアボタンが目立ち過ぎないようにとCSSを駆使してデザインを変更しました。こんな感じから↓こんな感じに...。した印象になりますよね。記事下のシェアボタンのサンプルみたく画像と、この記事が気に入ったいいねしよう!とシェアボタンがまとまると...それぞれが主張しすぎて無駄に暑苦しいですよね...^^;なので、変更後はその辺もかなり緩和されます。以下のリンク記事にはSNSシェアボタンをLINEに変更する方法も記載していますが最新のアップデート版でLINEがデフォルトで入るようになりましたのでボタンの色が重くて暑苦しいと思うあなたはぜひシンプルでスッキリした白のボタンに変更してみください^^[コピペで簡単]SNSシェアボタンをカズタマイズする方法サイドバーのプロフィールを「LINE風にカスタマイズ」して親近感を!先ほどお伝えしたように日本のLINEのアクティブユーザーは7,300万人以上。サイドバーに設置するプロフィールがLINE風になっていたら何となく親近感をもってもらえそうですよね^^私もぜひにと思ってカスタマイズでしてみました。STORKにはSNSのシェアボタンはあってもなぜかSNSのフォローボタンは無いんですよね(何で?笑)^^;なので、SNSのフォローボタンが必要な場合は独自に組み込む必要があります。私はTwitterアカウントがあるのでこれを機にフォローボタンも組み込んでみました。「やりたい!」と思ったらぜひチャレンジしてみてください。紹介記事の方ではTwitterだけでなくそれ以外のフォローボタンの入れ方も説明しています。あなたのお好みに合わせてカスタマイズしてくださいね。[コピペで簡単]「LINE風」プロフィールを作成する方法STORKのカテゴリー一覧を「ボタン風」にアレンジ!カテゴリーが増えてくるとどうしても縦にダラっと長くなってしまうカテゴリーリスト。あなたはそんな収まりの悪いカテゴリーが気になりませんか?私はそれがすごく気になったので主要なカテゴリーのみに整理し直してカテゴリーリストをボタン風にアレンジしました。カスタマイズ後のカテゴリーリストこのようにカテゴリーをボタン風にすることでユーザビリティが向上し、余計な情報を訪問者の視界から排除することができます。見た目もスッキリするのでかなり印象も変わるはずです。カテゴリーリストのカスタマイズもそれほど難しくはありません。「カテゴリーリスト」をボタン風にカスタマイズする方法サイドバーウィジェットの見出しデザインをカスタマイズ!サイドバーウィジェットの見出しはデフォルトだとh2タイトルの見出しと同じで単調に見えてしまいます。私はそれが不満でした。不満ばかりですね(笑)^^;やはり、Webサイトのコンテンツとしては...立たせる部分はしっかりと目立たせるそうでない場所は少し控えめにするなど...デザインをしっかりカスタマイズしながら訪問者のユーザビリティを上げたいものです。私が紹介しているサイドバーウィジェットの見出しデザインもコピーだけで簡単に変更できるのでぜひカスタマイズしてみてくださいね。固定ヘッダーにして訪問者の「ユーザビリティをアップ」!STORKは通常固定ヘッダーの設定はできませんがCSSで固定ヘッダーにすることができます。固定ヘッダーすると...訪問者のユーザビリティを上げることもできます。パターン種類の固定ヘッダーのカスタマイズ法を記載しています。CSSコードをコピーするだけでカスタマイズできるので初心者のあなたにも簡単にできます^^また、CSSの調整方法も書いているので微調整も簡単です。一度試してみてください。[コピペで簡単]ストークに固定ヘッダーを作る方法STORKの目次をカスタマイズしてさらに可愛く!目次のカスタマイズはあまり注目されていないかもしれませんが目次自体は非常に目に付くアイテムですしカスタマイズすることで差別化もできます。目次のカスタマイズ方法に関しては...ちょっと気合いを入れて、SANGO風の可愛らしい目次Googleフォントを使った、ちょっとオシャレに見える目次それぞれ2種類のカスタマイズ方法を別々の記事にまとめています。私は上記のようなテキストリンクをまとめるボックスを組んだりリンクテキストの前にアテンションを付けて内部リンクの記事が読者の目にも止まりやすくなるよう工夫しています。あなたがブログ記事の回遊率が今一つ悪いと感じている場合はこうした目に止まりやすいアテンションを導入してみてはいかがでしょうか?[コピペで簡単]おしゃれな「リンクボックス」とリンクテキストの「アテンション」STORKのショートコードを使い倒して「作業効率アップ」!わたしはストークの便利なショートコードとオリジナルタグを合わせて計50個以上AddQuicktagに登録しています。ショートコードを便利に使いこなせば作業効率が格段にアップします。私が登録しているAddQuicktagのインポートファイルを無料でダウンロードできるようにしてあるので登録が面倒で、これまであまり使ってなかった人はぜひ一度使ってみてください。【作業効率UP】STORK(ストーク)のショートコードを効果的に使う方法!STORKのリンクカードをおしゃれにして「アイキャッチ」に!ストークのショートコード機能で使えるリンクカード。トップページの目次にしたりアイチャッチにしたり、用途は様々です。シンプルなリンクカードだからこそあなたらしくカスタマイズすることで大きく印象を変えることができます。カスタマイズは簡単なのでぜひ試してみてくださいね。[コピペで簡単]リンクカードをおしゃれにカスタマイズ!STORKのトップページをカスタマイズして他のサイトと「差別化」!STORKのトップページは最新記事一覧が表示されるいわゆる一般的なブログレイアウトです。「役に立ちそう!」と訪問者に思ってもらわなければ、もったいないですよね。実は、STORKのトップページは固定ページを作り、ホームページに設定することで簡単にカスタマイズすることができます。...「他のブロガーと差別化したい!」と思っている方は「そろそろ違うテーマに変えようかな?」と思う前にトップページのカスタマイズをしてみてはいかがでしょうか?STORKは非常に優秀なテーマなので安易な気持ちでテーマを変更してしまうのは非常にもったいないです...^^;カスタマイズしようと思えば、私のように強引にSANGO風のデザインにだってできます(笑)※SANGO風にしているのはトップページではありません...さすがにトップページのカスタマイズはコピペだけというわけにはいきませんがぜひ一度チャレンジしてみてくださいね。「STORK」のトップページを劇的にカスタマイズする方法!記事内の画像を「ポラロイド風」にしてオシャレに!記事内に挿入する画像をポラロイド風に可愛らしくしてみたいとは思いませんか?STORKの挿入画像もCSSで簡単にポラロイド風にすることができるんです^^キャプションなしの場合も...キャプションありの場合もご覧の通り!パンケーキ、美味しいそう!使用方法は若干慣れるまで少しややこしいかもしれませんが基本的にはCSSコードとHTMLコードを加えるだけで表示できるようにしてあります。使ってみたいと思う方は、ぜひご活用ください^^「ポラロイド風」画像を作る方法!STORKの吹き出し機能をより魅力的に!STORKの吹き出し機能は主に3種類。↓これらがデフォルトのショートコードで使えるようになっています。「もっと自分らしくカスタマイズしたい!」という方も多いはず。いうことで、吹き出し機能の枠線や背景色さらには文字色まで変更する方法を詳しくまとめました。STORKの吹き出し機能をもっと有効活用したいというあなたはぜひ参考にしてみてください。STORKの吹き出しをカスタマイズする方法!画像付きコメントでしっかりレビューSTORKにはレビュー記事用の画像付きコメントを表示される機能がありません。HTMLとCSSだけで画像付きコメントを表示させるコードを作りました。クリックしてくださいテキストをここに入力HTMLとCSSコードをコピペするだけで簡単に作れるのでレビュー記事に活用したいという方はぜひ参考にしてみてください^^【STORK】カスタマイズ!画像付きコメントを作る方法!まだまだあります「厳選小ネタ集」6選1記事にまとめるまでもない超簡単なSTORKのカスタマイズ法を小ネタ集として6つほどまとめています。この記事に記載してあるカスタマイズは記事中の画像に影を付ける記事中の画像に罫線を付ける記事の本文に蛍光マーカーをつけるトップへ戻るボタンの色を変えるヘッダーロゴのサイズを変える記事本文の行間を調整する以上6つ。画像に影や罫線を付けたり記事本文にマーカーを付けたりと記事を書く際にも大活躍するカスタマイズも書いてあります。こちらの記事もCSSをちょっと書き足すだけでできるものばかりなのでぜひ参考にしてみてください。WPテーマ「STORK」カスタマイズいろいろ!〜厳選小ネタ集6選STORKカスタマイズ時の注意点STORKは親テーマの他に子テーマを使用するテンプレートです。カスタマイズをする時は、必ず子テーマの方で設定を行いもしも子テーマの方に触りたい設定ファイルがない場合は親テーマから該当するファイルを必ず子テーマにコピーしてから編集するようにしてくださいね。子テーマにないファイルを親テーマから持ってくる方法はこちらの記事に記載しています。「親テーマ」のファイルを「子テーマ」で編集する方法また、phpファイルを編集する場合1つ間違うと画面が真っ白になってしまいパニックになる可能性があります。何をするにしても元に戻せるように必ずバックアップをとってからカスタマイズしてください。カスタマイズはあくまでも自己責任でお願いします。万が一、何かトラブルがあっても私は一切の責任は負いませんのであらかじめご了承ください。STORKのカスタマイズ!コピペだけでオシャレにする方法まとめWordPressテーマSTORKは使用している人も多いのでカスタマイズのための記事もかなり充実しています。「え?そんなことまでできるの?」というようなカスタマイズも探せばいろいろと見つかります。わたしもいろんな人の記事を参考に自分がやりたいと思ったカスタマイズを少しずつ試せたおかげで今に至っています。カスタマイズのための記事を書いている方には本当に感謝しています。STORKはテーマとして完成されてしまっているので逆にカスタマイズにしにくかったり変なところでバグが出たりとカスタマイズするためには多少のCSSの知識がないと難しいと思ったのが私の印象です。HTMLやCSSの知識がなくてもキレイでオシャレなブログができるという評判を見て購入に踏み切った方も多いハズです。カスタマイズ出来て記事を書くことに専念できるSTORKだからこそ私もカスタマイズするために余計なところでつまずいて欲しくないと思ったし出来るだけコピペだけで簡単にできるようにとそれぞれのカスタマイズ方法を他のサイトよりもかなり詳しくまとめました。私の記事が一人でも多くの方の参考になり自分らしい愛着の湧くブログデザインにカスタマイズしていただけると嬉しいです。一流の開発陣によって集客と収益に徹底的にこだわり開発された究極のテーマ「ザ・トール」。【コピペだけ!】STORK(ストーク)の見出しをオシャレにカスタマイズ!この記事を書いた人ここあデザイン制作プロダクションを転々としながら、20年間勤務して2017年に独立。現在はネットとグラフィックデザインのスキルを活かし幅広い分野で活動中。己を磨き誠実に対応すれば、仕事や人脈、そして人生までも大きく変えることができる「ネットビジネスの素晴らしさ」、そして会社に頼らず「自分らしく生きる方法」をこのブログを通じて発信しています。詳しいプロフィールはこちら人脈が成功への最短ルート!私がMonologueを勧める理由WordPress設置代行始めました!※設置代行はメルマガ読者限定です。THORSTORKここあデザイン制作プロダクションを転々としながら、20年間勤務して2017年に独立。現在はネットとグラフィックデザインのスキルを活かし幅広い分野で活動中。己を磨き誠実に対応すれば、仕事や人脈、そして人生までも大きく変えることができる「ネットビジネスの素晴らしさ」、そして会社に頼らず「自分らしく生きる方法」をこのブログを通じて発信しています。●20年サラリーマンをしてきてなぜ今になって脱サラしたのか?●安定を求めれば求めるほど不安定になる理由とは?●いくら知識があっても、あなたが絶対に成功できない理由など、無料メール講座本編では、決して表には出せない秘匿性の高い情報もたくさん提供していきます。※この無料メール講座は、私が有料セミナーで直接成功者たちから聞いた内容も多数含まれているため、予告なく募集を終了する可能性があります。印刷会社と取引がある制作プロダクションで様々な経験や実績を積み、2017年に独立。現在は、グラフィックデザインを生かしたWebデザインのビジネスを展開しながら、ネットを生かした情婦発信を行い、新しい働き方や楽しい人生の過ごし方についてもお伝えしています。