高校の時の部活:軽音楽部(バンドでベースやってたよ) >>免責事項, これらのページはオリジナリティを求められるページではありませんので、コピペしてくださってもOKですよ。 (・∀・)b 青です ららのこのブログと同じ設定にするにはどうしたらいいか?という観点で、解説いたします。, (・∀・) ららのブログみたいにしたい! こちらでざっくり解説してます。, 本格的な記事はあとでゆっくり書くとして、ここではブログデザイン用の「とりあえず」の記事を最低1記事入れておいてください。そうでないと、見出しのデザインや色などを確かめることができません。, と思うのであれば、こちらの記事で、最低限の記事投稿手順を解説しましたので、ぜひご覧ください。, ただし、この記事を使用するのはあなただけではないので、必ずnoindexにして公開してくださいね。, 左側のメニューで設定を行い、右側のプレビューにタイムリーに設定が反映される形になっています。, メニューを1つ開いて設定したら、ここをクリックするとメニュー一覧に戻るようになっています。ESCキーを押しても元に戻ります。, 公開ボタンを押すと保存されます。定期的に保存するようにしてください。隣の×印をクリックすると、すべてが終了して元に戻ります。, 以上が基本的な扱い方になります。 って話になりますので、 jinは特殊でデフォルトの文字色が紫ですけど、大半のテンプレートはグレーを文字色にしていますよね。 パキッとした真っ黒がお好みの場合には、#000000を指定してください。 インフォメーションバーの背景色. 好きな映画:パイレーツオブカリビアン JINでグローバルメニュー、ハンバーガーメニュー、フッター、スマホボタンの全4種類のメニューを作る方法を画像付きで丁寧に伝授!... ワードプレスJINの設定について質問受けます ブログ初心者にもわかりやすくJINの質問にお答えします. 私の場合は、このような文字だけの画像を作っています。, アップロード直後のプレビューがこちら。かなり画像が大きく表示されてしまっています。, でもまだちょっとバランスが悪いので、「ロゴとフレーズの上下の余白」を30に変更します。, 最初は「こんなものいる?」と思って表示させたのですが、 見た目が好みってだけで相談もなしに乗り換えてしまった、何とも破天荒な女のイメージではありますが、, デザインに惚れていると更新したくなるという思わぬメリットも確実にありますのでね、 中学の時の部活:バレー部 好きな異性のタイプ:優しくて包容力があって頼れる人   「SEO用の方にはキーワードをモリモリ入れて、サイトタイトルはめっちゃキャッチーにしよう♪」 JINの外観設定で困っていませんか?JIN愛用者の私が初心者向けに画像つきですべての項目の設定を紹介!... JINのヘッダー画像のサイズ、作り方、設定の仕方を一挙公開!これを見れば細かい設定までスッキリわかります。初心者にオススメ。... JINでパンくずリストを設定する方法と上部に表示させる方法を伝授!プラグインを使うよ。... JINでグローバルメニューをカスタマイズ!スマホ・PCなど全種類メニューを作る方法. 嫌いな食べ物:納豆、牛乳 背景色ボックスの色:#e293b7 カラフルなボックスも楽しくていいんですが、あまりに色が多いと落ち着かない感じになってしまいます。, 私はほとんどのボックスをアクセントカラーのピンクで統一し、「ピンクじゃうるさいかな~」と思う場合には、テーマカラーの茶色を使っています。, ブログのデザインをする時に、色の使い方は大きなウェイトを占めますが、デザイナーさんのようなセンスがない場合には、メインの色を2色か3色に留めると、誰がやってもそれなりのデザインに落ち着きますのでやってみてくださいね。, 太枠線ボックスの色:#e293b7 ららのブログはピンク(#cb6586)です。, ここで変更される面積は小さいのですが、このアクセントカラーを他の場所にも使うことで、アクセントカラーとのバランスを調整することができます。, もしここで、薄めのカラーを設定して、文字色が目立たないようでしたら、タイトルの文字色を変更してください。, ここでやっとグローバルメニューのカラーを設定します。 まぁ私の媒体なんだし、アリかな~なんて思ってます。, 長年付き合った、3高で(古い?)親も認めた文句なしの彼氏がいるのに、 続いてサイト全体のカラーを変更します。 [カスタマイズ]→[カラー設定]をクリックします。 変更したいカラーの[色を選択]をクリックし、直接色のコード(サイト「原色大辞典」)を入力するか、色パレットから操作します。 WordPressのテーマ「JIN」にはアフィリエイトに役立つボタン機能がついてます。使い方を紹介! 使い方を紹介! クリック率アップに役立つJINのボタンの使い方(ショートコード&ビジュアル・テキスト)|趣味ブログで月5万稼げるようになる最短ルートを伝授する! ただし、固有名詞などは変更してくださいね。, ここはほぼデフォルトですが、1カ所、私もすごく気に入っているJIN特有の機能の設定があります。, ご覧の通り番号で指定しているのですが、この番号をどこから持ってくるかと言いますと、投稿→カテゴリーの画面の, ちなみに、トップページに記事一覧を、今の私のブログのようなマガジン型ではなく、通常のこんな形にしたい場合には, ここで無料レポートを配ったり自社の商品の宣伝をしたりできます。 あなたのブログ、 ららのブログはスタイル2を選択しています。, フッターのカラムって何?と思うと思いますが、フッターを何列で使用するかということです。 jinのカラー設定. インフォバーの文字は長くしすぎると、 スマホ画面では2行になってしまうので程々に。 インフォバーのカラーは「外観ーカラー設定」で設定できます。 1-9.インフォバーのリンク先url. たとえばららのこのブログ 公開日だけだと、記事が古くなった場合に、いくら更新しても古い記事だと思われてしまいますので、必ず更新日は表示してください。, じゃあ更新日だけでいいんじゃない?とも思いますが、私は今のところ、正直にすべてを公開した上で、読者さんに判断をゆだねたいので両方を表示しています。, ここは、ヘッダー部分のデザインをクリックひとつで変えられる設定になります。 タイトル付きボックスの色:#491b0b(茶色) このカラーであなたのブログのイメージが決定しますのでね、大いに悩んでくださいね~。, 上の2つ「テーマカラー」と「アクセントカラー」でブログのだいたいのカラーが決まる感じですよね。, これから順に、1つずつ好みのカラーに変更していくわけですが、 アニメーションというのは、画面が表示される時にふわっとする感じですが、無効にしても体感的にはほとんど変わらない印象です。, 設定しなくてもまったく問題ないんですが、 細点線背景色ボックスの色:#a0a0a0(グレー) 私はそのように考えていますが、あなたのセンスで3つ目のカラーを入れてみても素敵かもしれないですね。, もしここで、薄めのカラーを設定して、文字色が目立たないようでしたら、メニューの文字色を変更してください。, フッターの色も、私はメインカラーと同じ茶色(#491b0b)にしています。ブログ全体のバランスから言って、フッターはヘッダーと同じ色がいいですよね。, まだ今は細いフッターですが、ここにウィジェットで項目を入れる事で太いヘッダーになっていきます。, リンクの色は「青」が一般的ですが、ここでは好みの色に変更できます。 >>プライバシーポリシー デフォルトの画面には登場していませんが、インフォメーションバーとはここのことです。好きな文章を入れられます。, ここにロゴ画像をアップすると、ヘッダーに表示されていたブログタイトルが消えて、画像が表示されるようになります。 ... https://affili.motominet.com/wp-content/uploads/2020/04/header_main16.png. そんな時に、HTMLコードを直接記事に書きこむと、ブログが崩れる原因になってしまいます。, なので、それを防ぐために、ほとんどの人はプラグインで対応しているのですが、JINではこの機能を搭載しているわけです。, 「コードのシンタックスハイライターを利用する」にチェックを入れると、 このようなカラーピッカーで好きな色を指定する方法以外に、, (・∀・) この人のこのブログのこの色がいい! WordPressテーマ「JIN」のカスタマイズ。ヘッダー下のインフォメーションバーを2つに増やすカスタマイズです。HTML、CSSがわからなくてもコピペで簡単!5分もあればできちゃいます! 【WordPress】有料テーマ【JIN】を使っている方向けに、サイトタイトルの色を変えるCSSカスタマイズについて書きました。☆オススメ☆... 【WordPress】表をスクロールするためのコードについて書きました。【便利】CSSとfunctions.phpにコードを追加します。... https://yuki-hirose.com/wp-content/uploads/2019/07/cbde48c6dbb0753c4ec9fa4ce300fa77.png, 【WordPress】【JIN】ハンバーガーメニューの「MENU」の文字色と背景色のCSSカスタマイズ. ビジュアルモードにこのようなメニューが増えます。, 以上がJINの基本設定になります。 太枠背景色ボックスの色:#e293b7 全然大きな写真を指定したとしても、その中の1部を切り抜くことができるので 不安なことはいつでもメールしてください。全てに責任を持って対応させていただいています。, HN:らら 左線ボックスの色:#e293b7 もっと小さい正方形でも、また完全な正方形じゃなくても正しく表示されまし、 端折れボックスの色:#e293b7 賢威のメリットはた~~くさんあるんですが、, たった1つ「デザインが好き!」ってだけでいきなり変えてしまうのも、 購入特典も「ららから買って良かった」と思っていただける特典作りを心がけていますし、購入後のサポートも、あなたに寄り添う形で行っています。 「このコードにこのコードを上書きしてくださいね」なんていうシーンは普通にありますよね。   私は、メインカラーの茶色と同じ系統で色味を押さえた色、つまり、カラーピッカーの右側のゲージを少し下げた色を使用しています。カラーコードは#493b35です。, ここにアクセントカラーを使うのはやり過ぎですし、かといってメインカラーと同じにするのはつまらないので、メインカラーと同系色の色で違和感のないようにしています。 細枠背景色ボックスの色:#e293b7 ではここからは、1つずつ設定を見て行きたいと思います。, なお、すべての設定箇所を解説することはしません。 【WordPress】【JIN】ハンバーガーメニューの「MENU」の文字色と背景色のCSSカスタマイズ yukiblogxxx 2019-07-10-水 / 2019-09-30-月 1