ららのブログはスタイル2を選択しています。, フッターのカラムって何？と思うと思いますが、フッターを何列で使用するかということです。 不安なことはいつでもメールしてください。全てに責任を持って対応させていただいています。, HN：らら 続いてサイト全体のカラーを変更します。 [カスタマイズ]→[カラー設定]をクリックします。 変更したいカラーの[色を選択]をクリックし、直接色のコード（サイト「原色大辞典」）を入力するか、色パレットから操作します。 ２重線ボックスの色：#e293b7 深く考えずに好きな画像を使ってしまって大丈夫です。, もし自分で作るのであれば、ららの「ら」など、一文字の画像がわかりやすくておすすめです。, ここは私は更新日と公開日両方を表示させています。 という感じで、希望の色は決まってるんだけどカラーコードがわからない…という場合もありますよね。, テーマカラーに挿し色で使うアクセントカラーの設定です。 ららのブログはピンク（#cb6586）です。, ここで変更される面積は小さいのですが、このアクセントカラーを他の場所にも使うことで、アクセントカラーとのバランスを調整することができます。, もしここで、薄めのカラーを設定して、文字色が目立たないようでしたら、タイトルの文字色を変更してください。, ここでやっとグローバルメニューのカラーを設定します。 好きなテレビ番組：ホンマでっかＴＶ 学生時代のアルバイト：渋谷のケンタで5年。社員直前(笑) 「SEO用の方にはキーワードをモリモリ入れて、サイトタイトルはめっちゃキャッチーにしよう♪」 背景色ボックスの色：#e293b7 デフォルトの画面には登場していませんが、インフォメーションバーとはここのことです。好きな文章を入れられます。, ここにロゴ画像をアップすると、ヘッダーに表示されていたブログタイトルが消えて、画像が表示されるようになります。 居住地：千葉県松戸市, 画像の作り方は割愛します。画像が作れない場合には、通常通りブログタイトルを表示させるということで、このサイトロゴ設定はスキップしてください。, ららです。2人の子供がいる40代の主婦です。コツコツとアフィリエイトにチャレンジし、月6桁の目標を達成することができました。このブログでは、同じ目標を持つあなたに、ららの知識やアドバイスをお伝えしています。お問い合わせはいつでも受け付けていますのでお気軽にどうぞ。. 細点線背景色ボックスの色：#a0a0a0（グレー） もっと小さい正方形でも、また完全な正方形じゃなくても正しく表示されまし、 私の場合は、このような文字だけの画像を作っています。, アップロード直後のプレビューがこちら。かなり画像が大きく表示されてしまっています。, でもまだちょっとバランスが悪いので、「ロゴとフレーズの上下の余白」を30に変更します。, 最初は「こんなものいる？」と思って表示させたのですが、 【WordPress】有料テーマ【JIN】スマホの背景色を変えるCSSカスタマイズについて書きました。標準設定では変えられないスマホの背景色を変えることができるカスタマイズなので、オススメです。... 【WordPress】【JIN】サイトタイトルの色を変えるCSSカスタマイズ★オススメ★. 端折れボックスの色：#e293b7 アニメーションというのは、画面が表示される時にふわっとする感じですが、無効にしても体感的にはほとんど変わらない印象です。, 設定しなくてもまったく問題ないんですが、 購入特典も「ららから買って良かった」と思っていただける特典作りを心がけていますし、購入後のサポートも、あなたに寄り添う形で行っています。 細枠背景色ボックスの色：#e293b7 ただし、固有名詞などは変更してくださいね。, ここはほぼデフォルトですが、1カ所、私もすごく気に入っているJIN特有の機能の設定があります。, ご覧の通り番号で指定しているのですが、この番号をどこから持ってくるかと言いますと、投稿→カテゴリーの画面の, ちなみに、トップページに記事一覧を、今の私のブログのようなマガジン型ではなく、通常のこんな形にしたい場合には, ここで無料レポートを配ったり自社の商品の宣伝をしたりできます。 今回は、スマホのハンバーガーメニューの「MENU」の文字色と背景色のCSSカスタマイズについてご紹介します。, CSSにコードを追加して、ハンバーガーメニューの「MENU」の文字色と背景色を変えてみましょう, 上記の設定にプラスで、CSSにコードを追加して、ハンバーガーメニューの「MENU」の文字色と背景色を変えてみます！, では、実際にCSSにコードを追加して、ハンバーガーメニューの「MENU」の文字色と背景色を変えてみましょう！, CSSにコードを追加する方法がよく分からない方は、下記の記事を参考にしてください。, ※スマホのハンバーガーメニューの「MENU」の文字色のみ変わります。サイトタイトルは、こちらのコードでは変わりません。, 「rgba」のカッコ内にお好きなカラーと透明度の数値を入れると、色を変えることができます。デフォルト（初期設定）では、下記の数値になっていて、白の透明度60％となっています。お好みで変えてみてください♪, rgba(Redの数値, Greenの数値, Blueの数値, Alphaの数値) ※詳しくは下記へ, 透明度が不要な場合は、コチラ↓「＃aaa」にお好きなカラーコードを入れてください。, 数値の範囲は、R,G,Bが0～255、Aが0.0～1.0である。（Aが0.6＝透明度60％という意味）, ちなみに、rgba(255, 255, 255, 1.0)が白で、透明度がない色の数値です。透明度がないので、#fffと同じ色です。, スマホのハンバーガーメニューの画面右上にある×ボタンの色のCSSカスタマイズについては、下記の記事を参考にしてください。, やらなくても良いカスタマイズですが、「MENU」の文字色を変更する設定はオススメです, 初めて質問させていただきます。 スマホのグローバルメニューを展開した時に、背景になぜか広告が出てきてしまい、メニューの文字が見えなくなるのですが何か原因があるのでしょうか。 ページトップの状態で開いても、背景に広告（通常はフッターにある広告）が表示…, 色見本や色コードなど色に関する「カラーサイト.com」です。HTMLで使われる配色やカラーコードの変換もできます。, 【WordPress】【JIN】ハンバーガーメニューの閉じるボタンが表示されないときの対処法：2種類. 左線ボックスの色：#e293b7 ┐(´д｀)┌ 色の... ららです。 私はいつも、カラーコード#0044CCの青に設定しています。, JINのデフォルトだと、サイト内の文字色は、テーマカラーと同じ紫色になっています。 ららのブログはこんな感じになっています（3列です）。, はい、いよいよブログのカラー（色）を設定していきます。 つまり、最初に赤で設定して赤のボックスを使っていても、あとから青に変更したら、赤だったボックスもすべて青になるということです。, なので、しばらくは暫定のカラーで様子を見て、「やっぱり違う色がいいな」と思った時点で変更すれば、ブログ全体の色を変えてくれるというわけです。なのであまり考えすぎずに設定してください。, JINではいくつかのボタンデザインが、すぐに使えるように用意されているんですが、ここでは基本形のボタンのカラーを指定します。私はテーマカラーとアクセントカラーで設定しています。, カスタムボタンというのは、自分でサイズや丸みを指定できるボタンです。私は少し長めのボタンを設定しています。, カラーは、メインカラーの茶色（#491b0b）と、CTAでも設定したカフェオレカラー（#dec8b1）です。, ここでは「コードのシンタックスハイライターを利用する」だけにチェックを入れています。, たとえば、テンプレートのカスタマイズ記事を書いた場合、 【WordPress】【JIN】スマホのハンバーガーメニューの閉じるボタンが表示されないときの対処法について書きました。... 【WordPress】【JIN】ブログのデザインをカスタマイズする方法：2種類【追加CSS】. って話になりますので、 ららのこのブログと同じ設定にするにはどうしたらいいか？という観点で、解説いたします。, (・∀・) ららのブログみたいにしたい！ と、もしあなたが思っているのであれば、この通りにしていただければ、ららブログになることができますよ♪, JINのインストール方法については、こちらの記事で、手取り足取り解説しておりますのでご覧ください。, あ、それから、ワードプレスの基本設定やプラグインの設定も先に済ませておいてくださいね。 賢威のメリットはた～～くさんあるんですが、, たった1つ「デザインが好き！」ってだけでいきなり変えてしまうのも、 WordPressのテーマ「JIN」にはアフィリエイトに役立つボタン機能がついてます。使い方を紹介！ 使い方を紹介！ クリック率アップに役立つJINのボタンの使い方（ショートコード＆ビジュアル・テキスト）｜趣味ブログで月5万稼げるようになる最短ルートを伝授する！ jinのカラー設定. そんな時に、HTMLコードを直接記事に書きこむと、ブログが崩れる原因になってしまいます。, なので、それを防ぐために、ほとんどの人はプラグインで対応しているのですが、JINではこの機能を搭載しているわけです。, 「コードのシンタックスハイライターを利用する」にチェックを入れると、 ではここからは、1つずつ設定を見て行きたいと思います。, なお、すべての設定箇所を解説することはしません。 高校の時の部活：軽音楽部（バンドでベースやってたよ） これのカラーを1つ1つ設定できるわけです。, これは本当にセンスが問われますよね。 公開日だけだと、記事が古くなった場合に、いくら更新しても古い記事だと思われてしまいますので、必ず更新日は表示してください。, じゃあ更新日だけでいいんじゃない？とも思いますが、私は今のところ、正直にすべてを公開した上で、読者さんに判断をゆだねたいので両方を表示しています。, ここは、ヘッダー部分のデザインをクリックひとつで変えられる設定になります。 ワードプレステーマ『jin』のカスタマイズ方法をまとめました。デザインの着せ替え機能・ピックアップコンテンツ・コンテンツマガジンの設定方法やトップページ・ヘッダー・サイドバー・フッターなどの設定方法もエリアごとわかりやすくまとめています。 JINの外観設定で困っていませんか？JIN愛用者の私が初心者向けに画像つきですべての項目の設定を紹介！... JINのヘッダー画像のサイズ、作り方、設定の仕方を一挙公開！これを見れば細かい設定までスッキリわかります。初心者にオススメ。... JINでパンくずリストを設定する方法と上部に表示させる方法を伝授！プラグインを使うよ。... JINでグローバルメニューをカスタマイズ！スマホ・PCなど全種類メニューを作る方法. 「このコードにこのコードを上書きしてくださいね」なんていうシーンは普通にありますよね。 ビジュアルモードにこのようなメニューが増えます。, 以上がJINの基本設定になります。 血液型と星座：B型の牡羊座 ＞＞免責事項, これらのページはオリジナリティを求められるページではありませんので、コピペしてくださってもOKですよ。 太点線ボックスの色：#e293b7 ららのブログは、スタイル３を選択しています。, グローバルメニューがなくなった！！と思うかもしれませんが、 好きな食べもの：ビターチョコレート、インドカレー、ロイヤルホストのカシミールビーフカレー 【WordPress】【JIN】ハンバーガーメニューの「MENU」の文字色と背景色のCSSカスタマイズ yukiblogxxx 2019-07-10-水 / 2019-09-30-月 1 ですよね～。 ず～～っと何年も賢威ユーザーでしたが、JINのデザインに一目惚れして変えちゃいました。, サポート体制とか情報の多さとか、手に入るデザインの多さやSEOの知識など、 ふだん作業をしている時も、たくさんあるタブの中でどれが自分のブログなのかが一目でわかるので、設定した方が便利です。, 画像は512PX四方の正方形が推奨されていますが、 見た目が好みってだけで相談もなしに乗り換えてしまった、何とも破天荒な女のイメージではありますが、, デザインに惚れていると更新したくなるという思わぬメリットも確実にありますのでね、 JINは特殊でデフォルトの文字色が紫ですけど、大半のテンプレートはグレーを文字色にしていますよね。, インフォメーションバーとは何ぞや？と思いますよね。 ＞＞JINの公式マニュアルはこちらです。, 「メルマガを始めてみたいけど読者を集めるの大変そう…」 高校生と中学生の２人の子供がいる、４０代主婦です。主婦業・母親業をやりながら、隙間時間でアフィリエイトを実践し、1教材150本販売・日給10万円を達成することができました。 ここの内容は別の場所で設定するのですが、ここでは色を設定します。, 私は、全体色にカフェオレのような茶色（#dec8b1）、文字色にテーマカラーの茶色（#491b0b）を指定しています。, JINでは、プラグインで関連記事を挿入しなくても、テンプレートの機能として関連記事が挿入できます。 JINは初心者さんにもおすすめな、とってもセンスのいいデザインのワードプレステーマです。この記事では、JINのインストール方法を初心者さ... ワードプレスを立ち上げたら、まずやることは基本の設定です。この記事では、面倒な説明は抜きにして、必要なところだけを解説していますので、サ... ワードプレスを立ち上げるとき、必ず悩むのがプラグインですよね。 まぁ私の媒体なんだし、アリかな～なんて思ってます。, 長年付き合った、３高で（古い？）親も認めた文句なしの彼氏がいるのに、 私は、メインカラーの茶色と同じ系統で色味を押さえた色、つまり、カラーピッカーの右側のゲージを少し下げた色を使用しています。カラーコードは#493b35です。, ここにアクセントカラーを使うのはやり過ぎですし、かといってメインカラーと同じにするのはつまらないので、メインカラーと同系色の色で違和感のないようにしています。 太枠背景色ボックスの色：#e293b7 小さいタイトル付きボックスの色：デフォルト 全然大きな写真を指定したとしても、その中の1部を切り抜くことができるので ここでは関連記事のタイトルを設定します。, ここでは、右側のプレビューで記事を表示させて、見出しのデザインがどう変わるのかを見ながら設定してください。, このボックスとは何か？と言いますと、記事投稿画面を開いていただいて、下の方にスクロールすると、このような欄があります。, この画像では数種類ですが、JINではもっとたくさんのボックスが用意されていて、用途に合わせて修飾することができます。 (・∀・)b 青です ＞＞プライバシーポリシー 好きな異性のタイプ：優しくて包容力があって頼れる人 難しいことは何もしていないのに、どんどんブログの雰囲気が変わっていって、すごく楽しいですよね。, ららのブログで設定しているところは飛ばしましたので、もしもっと知りたい場合にはJINのマニュアルをご覧ください。 これが意外や意外、めっちゃ利用頻度が高いです。, 「プライバシーポリシー」と「免責事項」というリンクがすでに設定されていて、クリックしてみるとサンプルページが表示されます。, こんなページが表示されるのはカッコ悪いので、それぞれに相当するページができるまでは、リンクを空白にするか, ちなみに私のブログはこんなページにリンクしています。 アフィリエイターのひつじさん監修ということもあり、アフィリエイトでクリックしてもらいやすいボタンが揃っています。, このスタイルは、「TinyMCE Advanced」というプラグインを使うことで出せるようになります。, ということを知っておかないと「自分のブログに色が合わない…」など、問題も出てきますので、知識としてもっておきましょう。, その中に、「ボタン１」「ボタン２」「カスタムボタン１」「カスタムボタン２」があるので、使いたいボタンを選んでクリックします。, , , , 今回は、このブログのトップページのURL（https://arikawa0812.com）を入れました。, ボタンの基本的な作り方をおさえたところで、実際、アフィリエイト用のボタンとしてどのように使うかを伝えていきます。, 今回は「A8.net」で「エックスサーバー」のアフィリエイトボタンを作ってみます。, , あとは、ボタンのテキスト（今回で「エックスサーバー」と入っています）を変えればOK。, 趣味ブログのお小遣いでゆとりを持って生活中。 オタク趣味にもお金を回せるように(*'ω'*), 「ブログでお小遣いを稼ぐ方法を伝授して、少しでもゆとりをもって生活できる人を増やしたい！」, 初めて使う時はわかりにくいかもしれないけど、ひとつずつ手順を確かめてやってみてね！, ここでは、JINのボタンの使い方を解説しています。 ビジュアルエディターとテキストエディターではやり方が違いますので、そ, クリック率アップに役立つJINのボタンの使い方（ショートコード＆ビジュアル・テキスト）, ワードプレスJIN外観カスタマイズ設定！初心者でも簡単にできるように徹底解説【画像付】. タブ付きボックスの色：#491b0b（茶色） インフォバーの文字は長くしすぎると、 スマホ画面では2行になってしまうので程々に。 インフォバーのカラーは「外観ーカラー設定」で設定できます。 1-9.インフォバーのリンク先url. ワードプレスを立ち上げて基本の設定をしたら、次はテンプレートの設定です。この記事ではららのブログが採用している「JIN」の基本設定について、ららが設定している部分だけを詳しく解説しています。全部マネすれば、ららのブログのそっくりさんになれちゃうかも？, 2019年8月現在、このブログのテンプレートは「JIN」です。 もしあなたが、ブログの更新が苦痛だな～と思っているなら、テンプレートを変えてみるのもおすすめです。, ただ単に上から淡々と解説するんじゃ～、 私はそのように考えていますが、あなたのセンスで3つ目のカラーを入れてみても素敵かもしれないですね。, もしここで、薄めのカラーを設定して、文字色が目立たないようでしたら、メニューの文字色を変更してください。, フッターの色も、私はメインカラーと同じ茶色（#491b0b）にしています。ブログ全体のバランスから言って、フッターはヘッダーと同じ色がいいですよね。, まだ今は細いフッターですが、ここにウィジェットで項目を入れる事で太いヘッダーになっていきます。, リンクの色は「青」が一般的ですが、ここでは好みの色に変更できます。 お問い合わせはこちらのフォームからどうぞ。 これからアフィリエイトを始めるあなたに、私の経験をお伝えするため、ブログ・メルマガを運営して情報を配信するとともに、サポートやコンサルを行っています。常に初心者さん目線を忘れない安心できるブログを目指してますので、どうぞお気軽にメールを送ってくださいね。, ららは、自分で購入して実際に使ってみてイイと思ったものしかご紹介いたしません。教材もツールも書籍もすべて同じです。 リンクの色は何色ですか？ 好きな映画：パイレーツオブカリビアン という考え方もできますが、私は今のところは同じにしています。, あまり大きく意味を違えるのは、SEO上マイナスになる可能性がありますので気を付けてくださいね。, アニメーション機能は無効にしています。この方がブログの表示速度が速くなるからです。 このヘッダーの茶色と同じ色を使いたいんだけど、 タイトル付きボックスの色：#491b0b（茶色） あわせて読みたいボックスの色：#491b0b（茶色） 【WordPress】有料テーマ【JIN】を使っている方向けに、サイトタイトルの色を変えるCSSカスタマイズについて書きました。☆オススメ☆... 【WordPress】表をスクロールするためのコードについて書きました。【便利】CSSとfunctions.phpにコードを追加します。... https://yuki-hirose.com/wp-content/uploads/2019/07/cbde48c6dbb0753c4ec9fa4ce300fa77.png, 【WordPress】【JIN】ハンバーガーメニューの「MENU」の文字色と背景色のCSSカスタマイズ. クリック1つで右のプレビューが自在に変わりますので、試してみてくださいね。, ここは、サイドバーのデザインを選択できる場所になります。 ... https://affili.motominet.com/wp-content/uploads/2020/04/header_main16.png. あなたのブログ、 このようなカラーピッカーで好きな色を指定する方法以外に、, (・∀・) この人のこのブログのこの色がいい！ jinは特殊でデフォルトの文字色が紫ですけど、大半のテンプレートはグレーを文字色にしていますよね。 パキッとした真っ黒がお好みの場合には、#000000を指定してください。 インフォメーションバーの背景色. 【WordPress】有料テーマ【JIN】を使っている方向けにブログのデザインをカスタマイズする方法：2種類について書きました。【追加CSS】... 【WordPress】【JIN】スマホの背景色を変えるCSSカスタマイズ★オススメ★. 48時間以内に愛をこめてお返事をさせていただいています。, この記事で使用されているイラストの大部分は、こちらのイラスト集のものを使用しております。, 次回のコメントで使用するためブラウザーに自分の名前、メールアドレス、サイトを保存する。, ららです。 中学の時の部活：バレー部 以降すべてデフォルト, ここで設定したボックスのの色は、ブログ全体に影響します。 カラフルなボックスも楽しくていいんですが、あまりに色が多いと落ち着かない感じになってしまいます。, 私はほとんどのボックスをアクセントカラーのピンクで統一し、「ピンクじゃうるさいかな～」と思う場合には、テーマカラーの茶色を使っています。, ブログのデザインをする時に、色の使い方は大きなウェイトを占めますが、デザイナーさんのようなセンスがない場合には、メインの色を2色か3色に留めると、誰がやってもそれなりのデザインに落ち着きますのでやってみてくださいね。, 太枠線ボックスの色：#e293b7 私はやはり黒系の文字の方が落ち着くので、濃い目のグレー（#333333）にしています。, 真っ黒にしない理由は、グレーの方が目に優しい感じがするからです。 (｀Д´)y-~~だったらJINのマニュアル見るからいいよ！ そんなあなたへ。努力しなくっても読者さんが集まる、目からウロコの方法を伝授します（無料です）。, あなたからのメールはいつでも大歓迎です。 こちらでざっくり解説してます。, 本格的な記事はあとでゆっくり書くとして、ここではブログデザイン用の「とりあえず」の記事を最低1記事入れておいてください。そうでないと、見出しのデザインや色などを確かめることができません。, と思うのであれば、こちらの記事で、最低限の記事投稿手順を解説しましたので、ぜひご覧ください。, ただし、この記事を使用するのはあなただけではないので、必ずnoindexにして公開してくださいね。, 左側のメニューで設定を行い、右側のプレビューにタイムリーに設定が反映される形になっています。, メニューを1つ開いて設定したら、ここをクリックするとメニュー一覧に戻るようになっています。ESCキーを押しても元に戻ります。, 公開ボタンを押すと保存されます。定期的に保存するようにしてください。隣の×印をクリックすると、すべてが終了して元に戻ります。, 以上が基本的な扱い方になります。 枠ありタイトル付きボックスの色：デフォルト これはグローバルメニューの文字色が白いので見えなくなっただけです。 WordPressテーマ「JIN」のカスタマイズ。ヘッダー下のインフォメーションバーを2つに増やすカスタマイズです。HTML、CSSがわからなくてもコピペで簡単！5分もあればできちゃいます！ 嫌いな食べ物：納豆、牛乳 「あ、この設定飛ばされたな」と思ったら、「デフォルトのままなんだな」とご理解ください。, SEO用のタイトルと実際に表示するタイトルを分けられるようになっています。 あとでちゃんと設定しますのでご安心ください＾＾, 他にもいろんなスタイルがあります。 このカラーであなたのブログのイメージが決定しますのでね、大いに悩んでくださいね～。, 上の2つ「テーマカラー」と「アクセントカラー」でブログのだいたいのカラーが決まる感じですよね。, これから順に、1つずつ好みのカラーに変更していくわけですが、 たとえばららのこのブログ いったい何を入れたらいいの？多すぎてもいけないし足りなくてもいけないし... 「ワードプレスに手っ取り早く記事を投稿したい」「ワードプレスの記事投稿は難しくてわからない」そう思っているあなたへ。超簡単に最速で記事が... 低品質な記事やインデックスして欲しくない記事は、noindex設定をしてグーグルにアピールすることが必要です。でも、noindexのやり... ららです。 JINでグローバルメニュー、ハンバーガーメニュー、フッター、スマホボタンの全4種類のメニューを作る方法を画像付きで丁寧に伝授！... ワードプレスJINの設定について質問受けます ブログ初心者にもわかりやすくJINの質問にお答えします.
Ãー ɠ痛 Ű説, Âクヨ ƚ記ペン ɝ, Áき家 Áりそぼろ丼 ō, Áずのすけ Ãノン Ņ身シャンプー, Ãンダセンシング Ȩ定 Ɩ法, Ɩ字入力 ȡ示されない Windows10,