jin コンテンツマガジン カスタマイズ 28

WordPressの有料テーマ【JIN】のカスタマイズです。 最新記事しか広告が表示されないので、タブをクリックすることでカテゴリー別記事内にも広告を入れたいと思ったのでカスタマイズしてみました。, 【JIN】にはマガジンタイプとベーシックタイプの2種類の表示方法があります。 それぞれのカスタマイズ方法を載せました。, デフォルトでは最新記事のみ広告が挿入され、ユーザーがタブでコンテンツを切り替えると広告がないので、どうしたものかなーと思っていました。, 出来ることなら、コンテンツを切り替えた時も広告を表示したい。 という訳でカスタマイズしてみました。, 使用している方を修正しても良いですし、後で切り替えられるように両方修正してしまうのも手です。, 子テーマならミスをしても、ミスしたファイルを親テーマからコピペして持ってくれば良いので。, 親テーマを修正すると、親テーマがアップデートした場合に修正箇所が全て消えてしまいます。, 【JIN】の子テーマのダウンロードは、【JIN】の公式サイトで入手できます。 ※親テーマがないと動作しません。 ※責任は負えませんので、自己責任でカスタマイズしてください。, 下記のソースは、部分部分で【JIN】の元々のソースを修正していたりします。 例:【JIN】テーマのスマホPC切り分けの独自関数is_mobile→WordPressに元々ある関数wp_is_mobileなど。 その上でご利用ください。, ファイルの場所は、親テーマのjin/include/liststyle/post-list-mag.phpにあります。 post-list-mag.php内のL96行目にある下記のソースを目安にしてください。, ファイルの場所は、親テーマのjin/include/liststyle/post-list.phpにあります。 post-list.php内のL93行目にある下記のソースを目安にしてください。, カスタマイズ内容は以上です。 修正が終わったら、サーバーにアップロードしてください。, WordPress1X歴のテーマ開発者がWordPressの有料テーマを購入したのがキッカケで、WordPressのカスタマイズTipsを纏めています。, このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください。. 今回はWPテーマ『JIN』の目玉機能の1つ「コンテンツマガジン」のカスタマイズについて紹介します。, デフォルトでも十分おしゃれなんですが、よりミニマルなデザインになるようにカスタマイズしてみました。, 選択されているカテゴリーの背景色を無くして、アンダーライン風に見えるようなカスタマイズをしてみました。, 「コンテンツマガジン」はほとんどのJINユーザーが利用していると思いますが、デザインのカスタマイズをしている人はほとんど見かけません。, ブログトップページの中でも目立つ部分なので、ここをカスタマイズして他のブログとの差別化も図っていきましょう。, 外観 → カスタマイズ → トップページ設定 と進み、表示したいカテゴリーのIDを入力します。, カテゴリーは最大3つまで設定が可能(最新記事を除く)で、カテゴリーIDを羅列する時はコンマを打ちます。, 外観 → カスタマイズ → 追加CSS と進み、下記のコードを追加CSSにコピペしてください。, 文字色は#000で黒、背景色は#FFFで白となっているので、ここはお好みでアレンジしてください。, アンダーラインの太さは、-3pxの数字を弄ることで変更できます。ただし、変更する際は-1px以下の数字にしてください。, ここをカスタマイズするだけでも、トップページの印象がガラリと変わるので、個人的にはかなりおすすめのカスタマイズですね。, などのメリットが得られるので、まだ設定したことがなかったという人は、ぜひ活用してみましょう。, riccla(リックラ)では【こだわりのモノ暮らし】をテーマに、ガジェット・カメラ・ファッションなど色んな情報を発信していきます。ミニマルデザインなモノが好き。, 読み心地がいいデザイン。WordPressでブログを始めるなら有料テーマ「JIN」が最高におすすめ. カスタマイズ記事を募集中! JIN公式で紹介させていただけるカスタマイズ記事を募集しています。 当ページからあなたのブログへとリンクをさせて頂きますので、もしカスタマイズ記事を書いていただいていればTwitter等までご一報をください。 co …, WordPressログイン出来ず困る人「どうしてだー。WordPressでブログ書いて副収入得て安定した暮らしをと思って、YouTube …. jinを選んだ理由. 2. 今回はwpテーマ『jin』の目玉機能の1つ「コンテンツマガジン」のカスタマイズについて紹介します。 デフォルトでも十分おしゃれなんですが、よりミニマルなデザインになるようにカスタマイズしてみま … JINのCSSカスタマイズの種類多すぎ…調べるのめんどいし、おしゃれカスタマイズだけ教えてくれたら助かる, JINを使っているブロガーさん多いですよね!直接、本人には聞きづらいから、ググったりして調べながらカスタマイズしていくのってブログあるあるですよね。, JINカスタマイズに関しては、それなりにチャレンジしてきましたので参考になると思います。, 基本的なおしゃれカスタマイズは、下記の「FOR JIN」様のブログに掲載してくださっていますので御覧ください。, FOR JIN様サイトのカスタマイズにはないものを下記に6つピックアップしました。, これ困りました。トップページをベーシックスタイルではなく、マガジンスタイルにしているとき、サムネにカテゴリ名が重なってモザイクみたいになるんですよね。, 現在、当ブログは有料プラグインのCARATを入れているので、ボタン一つでサムネに表示するカテゴリの位置を変更できていますが、気の利いたCSSで泣きました。, JINでもcocoonでもカスタマイズ可能かと思いますが、これが作成できると視認性が上がるので楽しいです。僕も使っています(今は、サイドバーだけに設置しています), テーマがJINの場合でしたら、Fontawesomeでなく、JINのアイコンフォントにするとJINオリジナルって感じでおすすめです。, 影がついた感じとか、ポップな優しい色合いが柔らかくて思わずJINにも取り入れたくなります。, そのままでもいいじゃんって言われても、変えれるならやりたいじゃん!だっておしゃれだもん!, これやり始めてから他のJINのブログと差別化できた感じします。自己満ではありますが。, このほかにも、box-shadowのCSSはヘッダーだけでなく、コンテンツマガジンの切り替えタブのナビにも影をつけることができます。, プロフィールから固定ページの自己紹介や、アフィリエイトリンク先などに案内したいときに、ボタンがあるとついつい押したくなります。, 僕もプロフィールの部分に、【ごあいさつ】という【自己紹介固定ページ】へのリンク先ボタンを設置することができました。, (adsbygoogle=window.adsbygoogle||[]).push({}), https://aiueolife.com/wp-content/uploads/2020/10/202010ロゴ画像合格圧縮サイズ変更.jpg, 目次をプラグインなしでやりたい人「ブログテーマをJINで作り始めてだいぶ経過したけど、現在はプラグインでRich Table of Co …, 追記 2020/03/10 僕自身、最初この「コンテンツマガジン」の設定方法が分からず手こずったのですが、実は、これはサイト上の「カスタマイズ」から変更することができます。 【jin】トップページのコンテンツマガジンを設定する方法 アズサ 2019-09-13 / 2020-05-15 今回は、Twitterで見つけた困りごとについて、わたしが勝手に回答したので記事にします。 JINのカスタマイズをがんばる人 JINのCSSカス ... このほかにも、box-shadowのCSSはヘッダーだけでなく、コンテンツマガジン ... 2020/02/28現在は、WordPressテーマ「Cocoon 」に乗り換えました! ↓の記事のように普通に背景画像変更できた方はよみとばしてください笑 WordPressのテーマにライオンメディ …, ※作業条件として、WordPressPopularPostsで人気記事ランキングを表示させている人に限ります。  …, こんにちは!あいうえおLIFE(@pledge17uchs)です! WordPressテーマ「JIN」の設定マニュアル. (adsbygoogle = window.adsbygoogle || []).push({}); 2015年頃からワードプレスでブログを書いています。最近「JIN」を使い始めました。不器用にもがきながら模索中、ワードプレスのこと、JINの設定方法、また過去に脚本家を目指して教室に通っていたこともあるので文章についても書いていきたいと思います。. 「ぜんぜん出来ん!」っ …, cocoonからJINに変えようか悩む人 JINのカスタマイズをがんばる人 JINのCSS ... このほかにも、box-shadowのCSSはヘッダーだけでなく、コンテンツマガジン ... 2020/02/28現在は、WordPressテーマ「Cocoon 」に乗り換えました! 画像 :「コンテンツマガジン」の作り方 | jin. 【ワードプレス×jin】コンテンツマガジンなどのカテゴリーを使ったブログ回遊率upのやり方が、公式でしっかり説明されていないので解説します。回遊率はpvアップさせるなら必ず気にするべきポイントなので、ぜひ参考にしてください! WordPressの管理画面から、「カスタマイズ」>「トップページ設定」へと進んでください。 このブログでは、主にひつじさん作のワードプレステーマ「JIN」の設定方法を紹介しています。, 今回は、このJINの使い方のうち、トップページでカテゴリーのタブを変更する方法について解説したいと思います。, JINをテーマにすると、トップページに「最新記事」という表記のタブが表示されます。, コンテンツマガジンには、「最新記事」以外にも、カテゴリーを表示し、タブをクリック(タップ)することで横にスライドされ、そのカテゴリー記事一覧が表示される仕組みとなっています。, 僕自身、最初この「コンテンツマガジン」の設定方法が分からず手こずったのですが、実は、これはサイト上の「カスタマイズ」から変更することができます。, 次に、トップページ設定の一番下に「トップページの記事一覧に表示させるカテゴリーID」という項目があります。, ダッシュボードの「投稿」→「カテゴリー」と進むと、カテゴリーの一覧のタイトル横にIDが表示されています(参照 : 投稿やカテゴリーIDの確認方法)。, その数字を、「トップページの記事一覧に表示させるカテゴリーID」に入力しましょう。複数のカテゴリーIDを入力する際は、数字のあいだに「,(カンマ)」を挟みます。, このコンテンツマガジン機能を使用していなければ、最新記事を見るか、大量のカテゴリーやアーカイブから探さなければいけません。, 一方で、コンテンツマガジンが設定されていると、「これだけでも読んでいってよ」というカテゴリーが表示されるので、読み手も気軽に読み進めることができるようになります。, SEO対策にもなるので、ぜひコンテンツマガジンやピックアップコンテンツを活用してみて下さい。, ASPとは、アフィリエイト広告とアフィリエイターを繋ぐ仲介業者のことです。アフィリエイト広告を貼る場合、まずはASPに登録します。, 言わずと知れたASPの大手。満足度ランキング7年連続1位。とにかく提携企業(広告)が多いことがメリットです。, もしもアフィリエイトは、Amazonも通りやすいので、Amazon関連のアフィリエイトを使うならもしもアフィリエイトは登録しておくとよいでしょう。, バリューコマースのメリットは、スマホのオーバーレイ広告があることと、メルカリなど意外とバリューコマースにしかない案件がある点です。, アフィリエイトは、この三社と、Amazonアソシエイト(Amazonは上記のASP三社でも提携が可能です)、グーグルアドセンスがメインとなっています。, どれも登録無料なので、複数あればリスクヘッジにもなりますし、各社で扱っている案件も違うので、ASPは登録だけでも行っておくとよいでしょう。, 在宅ワークで家にいながら記事のライティングなどの仕事を受けることができます。手続きも簡単で、お金をもらいながらブログ記事執筆の基本を学ぶことができます。, 自分ではちょっと不安なワードプレスやサーバーの設定、アイコンのデザインから翻訳まで、それぞれ得意なひとが格安で代行してくれる「スキルのフリマ」です。, 無料登録後、必要なスキルを検索しましょう。取引は匿名で、自分で「出品」も可能です。. カスタマイズ 1カラム(960px)に「SNSボタン」や「関連記事」を追加する方法 ... CTA HTMLタグ設定 SNS エディター カテゴリー コンテンツマガジン ... Popular Post. 今回は、Twitterで見つけた困りごとについて、わたしが勝手に回答したので記事にします。, JINユーザーのわたこさん。トップページの「最新記事」という部分を設定したいのに名称がわからず、調べられずにいました。, すみません、どなたかご存知の方お知恵をお貸しください#ワードプレス #JINで写真、緑の丸で囲った部分の名称を教えていただけないでしょうか。ここを作りたくて頑張って調べたのですが名称も分からず、どうしても分かりません。着せ替えする以外に作る方法はないのでしょうか? pic.twitter.com/Rf9faikD3w, コンテンツマガジンを使わないと、特に読んでほしい記事を目立たせることができないのです。, 以下を読めば、コンテンツマガジンの設定方法がわかります。いちばん推している記事を目立つ場所に配置できますよ。, カスタマイズ⇒トップページ設定⇒トップページの記事一覧に表示させるカテゴリーIDから設定できます。カテゴリーIDは以下から確認できます。投稿⇒カテゴリー公式サイトの以下ページの「コンテンツマガジンの設定が間違っている」も参考になりますよ。https://t.co/raHa6GAxnq, 「トップページの記事一覧に表示させるカテゴリーID」にカテゴリーIDを入力します。, でも「最新記事」がデフォルトで設定されているので、入力するカテゴリーIDは最大3つになります。, 例えば、4つのタブをつくるなら「22,12,24」と入力します。数字を区切るときは半角カンマ「,」を使ってくださいね。, JINのマニュアルにも参考になる記事があったので、下記にリンクを貼っておきますね。, 特に読んでほしいカテゴリー、ブログにとって重要なカテゴリーは、コンテンツマガジンに設定するのがおすすめです。, アズサさん、只今取り付け完了致しました!もぅ…本当に本当にありがとうございました!ここ3日間ずっと調べていてどうしても見つけられずにいたので、とっっても嬉しいです!, Twitterの人たちは優しいので、わからないことをつぶやくと回答してくれたりします。, 当ブログでも「ブログデザイン向上サポート」というブログ初心者さんのサポートを無料で行っています。, Webデザインやブログに関して、「質問したいことがいろいろある」というあなた、ぜひ以下ページから応募してくださいね。, ついでに、コンテンツマガジンの設定について、JIN公式マニュアルにないのかなと探してみました。, WordPressテーマ「JIN」については他にも記事を書いています。よかったら読んでみてくださいね。, 逃げまくりフリーターからWebデザイナーになり、3年間Web制作会社に勤務。

Uipath コレクション と は 11, ~け 方言 福岡 4, 魔女の家 攻略 骸骨 7, パチンコ 釘 通報 4, ???? ?? Smap 5, 日野市 デイ キャンプ 4, 医者に聞くべき 5 つの 質問 4, 氷 塩 糸 7, 獅子座 男性 やきもち 5,

Leave a Reply

Your email address will not be published. Required fields are marked *