比較表のブロックを追加しました!
START
初期設定をはじめましょう

WordPressテーマ「JIN:R」での
サイト作りの流れを1ページで解説

<景品表示法に基づく表記> 当サイトの記事内に商品プロモーションを含む場合があります。
WordPress Manual

JIN:Rでの「ブログ始め方」

1
Settings

初期設定を済ませる

まずは初期設定をすべてやってしまおう!

必要なことはリストアップしているから、この手順で進めてね↓

ひつじくん
ひつじくん
2
Writing

「記事の書き方」を覚える

次はブログの書き方を覚えていこう

  1. WordPressの基本的な使い方
  2. JIN:Rの使い方

この両方について解説していくね!

ひつじくん
ひつじくん
3
Navigation

「ナビゲーション」を整える

記事がある程度できてきたら、ナビゲーションを整えよう!

ひつじくん
ひつじくん
4
Settings

「応用設定」を進める

5
Blogcamp

コミュニティ「BlogCamp」に参加する

BlogCampに参加すると「ブログ診断」の動画教材(ライブ配信のアーカイブ)を閲覧できます!

ブログの知識を深めつつ、仲間を作る場所として活用してください!

ひつじくん
ひつじくん
WordPress Manual
細かな使い方のまとめ
Settings

記事の設定・執筆

ページ設定幅広ページ(トップページ・LP)を作る
カテゴリーを記事化して編集する
アイキャッチ画像(サムネイル)を設定する
アイキャッチ画像をYouTube動画に置き換える
パーマリンク設定(URL編集)をする
特定ページで記事上のアイキャッチ画像を非表示にする
特定ページでheadにCSSやJavaScriptを読み込む
特定ページで1カラム⇄2カラムを切り替える
テクニックブロックをコピペして使い回す
ブロックを消してしまった時の戻し方
再利用ブロックで時短する
狙った位置にジャンプ・スクロールするリンク作成
アフィリエイトのテキストリンクを改変せずに貼る方法
外部読み込みTwitter埋め込み(リンクカード)を作る
Instagram埋め込み(リンクカード)を作る
YouTube埋め込み(リンクカード)を作る
Settings

サイトデザイン(カスタマイズ)

ヘッダーサイトタイトルの設定方法
サイトタイトルの大きさ調整
サブタイトル(キャッチフレーズ)の設定方法
ロゴ画像の設定
ヘッダー画像の設定
ヘッダー背景画像の設定
ヘッダー追尾(スクロールで付いてくる)の作り方
ヘッダー非表示(一部の記事では表示しない)の設定
ヘッダーの右隅にボタンを置く方法
インフォメーション(お知らせ)の設定方法
メニュー編集メニューにサブタイトルを添える
メニューにアイコンを添える
メニューをボタン化する
メインビジュアルヘッダー画像を設定する
ヘッダー動画を設定する
記事スライドショーを設定する
画像スライドショーを設定する
サイドバーサイドバーの作り方
追尾目次(スクロールで付いてくる目次)の作り方
プロフィールを設置する方法
色の設定マーカーの色・太さを変更する
カラー太字の色を設定する
お気に入りカラーを登録する
執筆ツール見出し(H2・H3・H4)の形を変更する
ボックスの色を変更する
ボタンの色・形を変更する
吹き出し(キャラクター)を登録する
プロフィールこの記事を書いた人を設定する
共著(記事ごとにプロフィール出しわけ)に対応
プロフィールをブロックで任意の場所に設置する
SNS関連SNSフォローボタンを設置する
トップページがシェアされた時の画像(OGP)を設定
Twitterシェアされた時に自動でハッシュタグ(#)を付ける
Twitterシェアされた時に自動でメンション(@)を飛ばす
Twitter単独のSNSシェアボタンを設置する
Facebook単独のSNSシェアボタンを設置する
その他スマホ専用のコンバージョンボタンを設置する
NoImageのアイキャッチ画像を一括変更する
アイキャッチ画像をオリジナル比率に(正方形・縦長対応)
アイキャッチ画像を記事上では非表示にする
Settings

有料記事の作成

有料記事有料記事の販売マニュアル
1購入で複数の有料記事を解放する方法
有料記事をテスト購入できるページ
オンラインサロンの入会・退会管理システム構築
Theme

テーマ関連

メンテナンスJIN:Rをアップデートする
JIN:Rを高速化(遅い時の対処法)
JIN:Rを古いバージョンに戻す(ダウングレード)
テーマ導入JINからJIN:Rに移行
他テーマからJIN:Rに移行
子テーマをダウンロード
Theme Customize

テーマのカスタマイズ(追加CSS)

追加CSSで実装段落の行間を調整(広くする)
テキストの行間を調整(広くする)

もし設定で困ったことがあれば「JIN:R Forum」で気軽に聞いてね!

些細なことでも1人で悩まず、ご相談いただけると幸いです

フォーラムで相談する
ひつじくん
ひつじくん
記事URLをコピーしました