WordPress:All in One SEO Pack使用時にアーカイブページのtitleやdescriptionを設定・変更する方法

Read More

WordPress:All in One SEO Pack使用時にアーカイブページのtitleやdescriptionを設定・変更する方法

備忘録。WordPressのtitleやdescriptionを設定するプラグインのひとつとして有名な「All in One SEO Pack」使用時に、アーカイブページのtitleやdescriptionを設定したり任意のものに変更する方法です。titleに関しては管理画面から設定可能で、descriptionに関しては意図的に設定されていないとは思いますが、自分が設定したい形を指定できないとかアーカイブページにもdescriptionを出力する必要があるときは、以下の方法で設定・変更することができます。

  • Posted on
  • WordPress
WordPress:記事詳細ページでサムネイル付きで前後の記事リンクを出力する方法

Read More

WordPress:記事詳細ページでサムネイル付きで前後の記事リンクを出力する方法

割と使う機会多いので、必要なときにすぐ使えるよう備忘録です。当ブログのページ下部にもあるように、WordPressの記事詳細ページで前後の記事リンクをサムネイル付きで出力させる方法です。また、前後記事がなかった場合にその部分に別途何かを出力させる方法も併せて紹介します。

  • Posted on
  • WordPress
CSSとテキストで実装するローディングアニメーションのサンプルコード

Read More

CSSとテキストで実装するローディングアニメーションのサンプルコード

CSSとテキストで実装したローディングアニメーションのサンプルです。サイズ・カラー・フォントといった見栄えについてはもちろん、アニメーションタイプやスピードを調整したい場合もすべてCSSで変更できるようになっていますし、表示させるテキストもHTMLを書き換えるだけで変更可能なので、手っ取り早くローディングを用意したいときなどに便利です。

  • Posted on
  • Tips
CodePenで公開されている、CSSでエフェクトやアニメーションを付けたいときに参考になるデモ 15

Read More

CodePenで公開されている、CSSでエフェクトやアニメーションを付けたいときに参考になるデモ 15

ホバーやクリックした際の動きを中心に、CodePenで公開されているCSSを使ってちょっとしたエフェクトやアニメーションを付けたいときに参考になりそうなデモを紹介します。いずれも目新しい感じのものではないのですが、ひと通りの動きがまとめられているデモが多めなので、エフェクトをどんな感じにするか悩むことが多い人はこういったものをメモしておくのがおすすめです。

  • Posted on
  • Tips
手書き風デザインに使えるベクター素材 8

Read More

手書き風デザインに使えるベクター素材 8

手書き風のデザインをする際に使えるフリーベクター素材を全8セット紹介します。いずれも複数のアイテムがまとめられているセットになっており、多いものでは100種類以上と詰まっているものもあります。また、利用についても個人・商用問わず利用可能(エントリー公開時点)となっています。

  • Posted on
  • Material
WordPress:ランダムに選ばれた記事へ遷移するリンクボタンを作成する方法

Read More

WordPress:ランダムに選ばれた記事へ遷移するリンクボタンを作成する方法

WordPressでランダムに選ばれた記事へのリンクが設定されたボタンを作成・配置する方法です。個人的に使う機会も利用しているのを見かけることも少ないですが、ブログやWebマガジンなどでよく見る人気記事や関連記事を表示するのと同じように、他の記事も見せたいときに配置する要素のひとつとして使えると思います。

  • Posted on
  • WordPress
WordPress:現在表示しているページで使用されているテーマ名・テンプレート名・テンプレートパスを表示させる方法

Read More

WordPress:現在表示しているページで使用されているテーマ名・テンプレート名・テンプレートパスを表示させる方法

WordPressはページを表示する際に条件に応じてテンプレートが呼び出される仕組みになっていますが、特にWordPressを触り始めた頃やテンプレートが大量にあるテーマなどを使用していると、現在表示されているページはどのテンプレートなのかわからないという場面があります。そういったときに、どのテンプレートが使用されているかをすぐわかるようにフロント側に表示させる方法です。

  • Posted on
  • WordPress
WordPress:コメントフォームのコメント入力欄を下部表示に(下部に移動)する方法

Read More

WordPress:コメントフォームのコメント入力欄を下部表示に(下部に移動)する方法

以前(といっても、もう大分前になりますが…)のWordPressであらかじめ用意されているコメントフォームは、上から 名前 → メールアドレス → URL → コメント という並びでしたが、4.4から並び順が変更されてコメントが名前などよりも上に表示されるようになりました。それを以前のように下部に表示(移動)させる方法です。

  • Posted on
  • WordPress
WordPress:body_class()使用時にスラッグ名を用いたクラスや直上・最上のスラッグを用いたクラスを追加する方法

Read More

WordPress:body_class()使用時にスラッグ名を用いたクラスや直上・最上のスラッグを用いたクラスを追加する方法

例えば、固定ページ作成時にスラッグを「foo」としたの場合は`.foo`が、スラッグを「bar」とした場合は`.bar`というように、WordPressで`body_class()`を使用した際にスラッグ名を用いたクラスも付与されるようにする方法です。また、子や孫のページのときに、親のスラッグ名を用いたクラスを付与する方法も併せて紹介します。

  • Posted on
  • WordPress

NxWorld

Sorry... doesn't support your browser

To get the best possible experience using our site we recommend that you upgrade to a modern web browser.NxWorldではご利用中のブラウザサポートはしていません。
Internet Explorerのアップグレード行う、もしくはその他のブラウザを使用しての閲覧をお願いします。