THOR(ザ・トール)でサイトカード・ブログカードの使い方〜カスタマイズもしてみました〜こんにちは、テンテンです。THOR(ザ・トール)でサイトカードとブログカードの使い方とについて解説します。Tentenデフォルトのデザインだと状態だと少し地味ということもあり、若干カスタマイズもしてみました。コピペで使えるように最後には、プログラミングコードを添付しておきます。色を変更したい方もいるかと思いますので、どのコードをいじって色変更をしたら良いかについても解説します。THOR(ザ・トール)では、デフォルトの機能でサイトカードとブログカードを使うことができます。※サイトカードとブログカードは若干カスタマイズしているので、デフォルトの状態とは微妙に異なります。サイトカードは、内部リンクを貼り付ける時に使うモノで、ブログカードは外部リンクを貼り付ける時に使うモノという形で認識しておきましょう。THOR(ザ・トール)では、使い分けがハッキリわかるようにこのようにしているのかと思います。使い方について解説していきます。1「ショートコード」→「ブログカードorサイトカード」を選択します。target=2URL=URL入力します。target=Tentenプログラミングをちょっとでもかじっている方は、シングルコーテーションやダブルコーテーションは必要ないの?と思う方もいるかもしれませんが必要ありません。ちなみに、シングル・ダブルコーテーションが入力しても表示されます。※今、何を言っているかよくわからない方はスルーで良いです。「関連記事」という文言を変更したい場合は、一度削除して新しく入力しましょう。blankを入力します。※以前まではなかったプログラミングコードです。これは、内部リンクや外部リンクをクリックした際、新しいタブで開くか現在のタブのまま開くのか設定です。THOR(ザ・トール)でオススメ・必須プラグインと不要プラグインまとめこんにちは、テンテンです。THOR(ザ・トール)で、オススメ・必須プラグインのご紹介と不要なプラグインについて解説させていただきます。プラグイン一つとっても、か[...]上記の記事は、blank(新しいタブで開く)で設定した例です。一度、こちらの内部リンクをクリックしていただければわかりますが、新しいタブが開きます。関連記事WordPressの6つ初期設定について〜初心者の方にわかりやすく解説します〜こんにちは、テンテンです。今回は、WordPressの初期設定について解説していきます。WordPressでブログ運営を始める際に、ほとんどの人がぶつか[...]上記の記事は、self(現在のタブで開く)で設定した例です。一度、こちらの内部リンクをクリックしていただければわかりますが、現在のタブのままページが変わります。基本的には、内部リンクを貼り付ける場合はタブは現在のタブで、外部リンクを貼り付ける場合は新しいタブで開くのが一般的ですが、工夫して使っていきましょう。Tentenちなみに当ブログでは、外部リンクは新しいタブで開き、内部リンクにおいては状況に応じて...という感じです。使い方自体の説明はこれで全てとなります。ブログカード・サイトカードをカスタマイズしてみたデフォルトのデザインでも十分に使えるのですが、当ブログでは赤をメインにしているので、若干ですがカスタマイズしております。記事のはじめに、サイトカードとブログカードのカスタマイズ参考例を載せておりますので確認をしておきましょう。一応、コピペでも使えるようにプログラミングコードをのせておきます。【サイトカード・ブログカードのカスタマイズコード】ではこちらのプラグラミングコードを「追加CSS」に貼り付けていきましょう!通常、スタイルシートを書き換えていくのですが、デザインが崩れてしまい取り返しがつかなくなってしまうこともあるので「追加CSS」にこちらのコードを貼り付ける方法をオススメします。やり方がわかる方は、ここは読み飛ばしていただいて問題ありません。「追加CSS」に貼り付ける方法について解説します。1「外観」→「カスタマイズ」に進みます。2「追加CSS」に進みます。3CSSのプログラミングコードを貼り付けます。最後に「公開」して完了です。今回は、サイトガード・ブログカードのCSSをカスタマイズをしてますが、基本的にCSSでカスタマイズする際は、「追加CSS」を活用していきましょう。色など若干デザインを変更したい方のために色など若干デザインを変更したい方もいるでしょう。そんな方の為に、コードをいじる場所をお伝えさせていただきます。こちらのプログラミングコードは23行で構成しています。1行目〜11行目が、「サイトカード(内部記事リンク)」のプログラミングコードで、13行目〜23行目が「ブログカード(外部サイトリンク)」のプログミングコードにしています。「サイトカード」の色を変更していきたい場合、下記画像の数字の箇所【#〜;】部分を書き換えていきます。CSSのカラーコードは、原色大辞典をご参考にください。あくまもで、参考なので他のサイトからでも問題ありません。上記の画像で、どのプラグミングコードを書き換えたら、どこが変更されるのか数字で表していますので、ご参考にください。ちなみにブログカードも同じ容量で変更することができます。サイトカードとブログカードは、同じカスタマイズにしています。カスタマイズが完了したら、忘れずに「公開」をしてくださいね。THOR(ザ・トール)でサイトカードとブログカードの使い方とカスタマイズについて解説させていただきました。「サイトカード」の機能は頻繁に使うので、必ず使い方は覚えておきましょう!デフォルトのデザインでも十分に使えるので、カスタマイズに関しては余裕がある方だけで問題ないです。記事を定期的に更新していくことが最も重要です。お互いに頑張っていきましょう!最後まで読んでいただきありがとうございました。コメントをキャンセルメールアドレスが公開されることはありません。コメントデータの処理方法の詳細はこちらをご覧ください。運営者情報Tenten当ブログでは、ブログ運営していく中でインプットしたことをアウトプットメモしています。THORの使い方、SEOなどについて発信中。ブログ初心者の方にもわかりやすく画像付きで解説しています。俺のブログ運営.お問い合わせシェアメニューTOPへ。