タグ

2018年9月4日のブックマーク (7件)

  • WordPress:get_the_category()でカテゴリー名やスラッグを取得する方法 - NxWorld

    普段からWordPressを利用している人なら使ったことある人も多いと思いますが、get_the_category()を使うことでカテゴリー名やスラッグを簡単に取得・表示させることができます。 例えばカテゴリーによって詳細記事のデザインを変更したい場合などに、カテゴリースラッグを用いたクラスを付加させ、そのクラスを用いてスタイルを指定するといったことができます。 カテゴリーID・カテゴリー名・カテゴリースラッグをそれぞれ取得・表示したい場合は下記のようにそれぞれ記述します。 <?php $category = get_the_category(); $cat_id = $category[0]->cat_ID; $cat_name = $category[0]->cat_name; $cat_slug = $category[0]->category_nicename; // カテゴリーI

    WordPress:get_the_category()でカテゴリー名やスラッグを取得する方法 - NxWorld
  • 【WordPress】OGPとTwitterカードをプラグイン無しで設定する方法

    今回は、WordPressでプラグインを使わずにOGP設定をする方法とサンプルコードを紹介します。

    【WordPress】OGPとTwitterカードをプラグイン無しで設定する方法
  • WordPressのブログ記事に「前の記事へ」と「次の記事へ」のリンクを設置する | 福岡のホームページ制作会社 | シンス株式会社

    こんにちは、福岡のホームページ制作シンス株式会社の越水です。 WordPressで制作したホームページのブログ記事に、前後のページへのリンクを設置する方法を紹介します。 前の記事や次の記事へのリンクを設置することで、Webサイトの訪問者に別ページも見てもらうきっかけを与えることができ、直帰率の低下にも繋がります。 今読んでいる記事の前後ページへのリンクはWordPressが勝手に生成してくれる!WordPressならば便利なテンプレートタグが用意されているので前後の記事へのリンクを作る場合も簡単です。 テンプレートタグprevious_post_linkとnext_post_linkを使う前の記事へのリンクを作るときはprevious_post_link、次の記事へのリンクを作りたい場合はnext_post_linkというテンプレートタグを使うことで、簡単にリンクの設置ができます。 Wor

    WordPressのブログ記事に「前の記事へ」と「次の記事へ」のリンクを設置する | 福岡のホームページ制作会社 | シンス株式会社
  • WordPressで前の記事&次の記事へのリンクをサムネイル画像付きで表示する方法

    記事を読み終えた際に前の記事&次の記事へのリンクを貼っておくと、他の記事も読んでもらえる可能性がグッと高まります。 サイトを訪れてくれたユーザーの滞在時間を延ばすことができたり回遊率をさらに高めることができたりと、前後の記事を読むことによるメリットは意外と侮れません。 ということで、今回はWordPressで前の記事や次の記事へのリンクをサムネイル画像付きで表示する方法を解説していきます。 サムネイル画像が付いていることにより、ユーザーがさらにクリックする可能性も高まってくるので、ぜひとも解説をもとに表示させてみてくださいね。 また、今回は賢威6.2を使用した場合を想定して解説していきますが、基的に幅広い範囲のテンプレートで応用の効くものですので、参考にしていただけると幸いです。 前の記事&次の記事へのリンクを表示しよう 当サイトでは、投稿記事の下部に以下のようなリンクを貼っています。

    WordPressで前の記事&次の記事へのリンクをサムネイル画像付きで表示する方法
  • Mac - コンピュータ名(ホスト名)を変更・確認する方法

    Mac でコンピュータ名(ホスト名)を確認・変更する方法します。 コンピュータ名は、ローカルエリアネットワーク内でコンピュータを識別するために利用します。ネットワーク内でファイルやフォルダを共有する場合などのために、ここではコンピュータ名の確認方法と変更方法を紹介します。 コンピュータ名を確認・変更する方法は? Mac のコンピュータ名を確認・変更する方法は次の手順です。 [システム設定] を開く メニューバーの [アップル] アイコンをクリックし、 [システム設定] を選択しましょう。 [一般] → [情報] を選択する システム設定の左メニュー [一般] を選択し [情報] を選択しましょう。 コンピューター名を確認・変更する コンピューター名を確認しましょう。 [コンピューター名] をクリックすると、変更することができます。お好みの名前に変更しましょう。 これで Mac のコンピュー

    Mac - コンピュータ名(ホスト名)を変更・確認する方法
  • 追従ヘッダー実装時に使える動作・デザインパターン例 - NxWorld

    常にユーザーの視線に入るようにしておきたいとかサイトの回遊率をあげたいなどの理由で実装を頼まれることが多いと追従ヘッダー。 単純に基となる見栄えを維持してそのまま追従させることも多いですが、少し変化を加えてほしいという要望をもらうことも少なくないので、そういった場面で提案しやすいようによくある動作・デザインのパターン例をまとめました。 紹介しているサイトの動きや見栄えは、いずれもPCでの表示確認時のものになります。 変更を加えずにそのまま追従 スクロール時にデザイン・位置とも特に変更を加えず、単純にファーストビューでの見栄えをそのまま維持して追従させるパターンです。 少しCSSを書くだけで容易に実装できる�点がメリットですが、ヘッダーの領域が広いデザインの場合は�その分コンテンツが見える領域が狭くなるというデメリットがあるので、仕様やデザイン上でどうしてもヘッダー領域が広くなってしまう場

    追従ヘッダー実装時に使える動作・デザインパターン例 - NxWorld
  • 文章作成・メール作成に役立つ! VS Codeの拡張機能「テキスト校正くん」を公開 - ICS MEDIA

    文章の校正チェックを自動で行うVisual Studio Codeの拡張機能「テキスト校正くん」を弊社からリリースしました。無料で利用できます。 テキスト校正くん – Visual Studio Marketplace 短い文章であれば目視でもチェックできますが、長文になるとチェックに時間がかかり見落としも多くなってしまいます。また、いくら内容のいい文章を書いても誤字や脱字が多く体裁が整っていないと、印象が悪く読みづらい文章になってしまいます。 そんなとき、「テキスト校正くん」を利用することで、文章チェックの手間を軽減でき、文章の品質を高めることができます。 ▲VS Codeの拡張機能「テキスト校正くん」 「テキスト校正くん」でできること この拡張機能は、VS CodeでテキストファイルやMarkdownファイル等の日語の文章をチェックします。編集時に自動で校正のチェックを行い、エディタ

    文章作成・メール作成に役立つ! VS Codeの拡張機能「テキスト校正くん」を公開 - ICS MEDIA