ハイファイブクリエイト ウェブログ

アイキャッチ画像の利用とサイズ追加

WordPress公式テーマや有料テーマを利用の場合、アイキャッチ画像は設定されていることがほとんどかと思いますが、オリジナルテーマを作成する場合はアイキャッチ画像出力を定義させる必要があります。 今回はアイキャッチ画像の利用開始と、デフォルトのサイズの設定方法をご紹介します。 … 続きを読む

画像サイズ追加&管理画面から選べるようにカスタム

「アップロードした画像を自由なサイズにしたい」 「管理画面から選べるようにし、クライアントが選択できるようにしたい」 WordPressをカスタマイズしているとこのような希望がでてくることがあると思います。 そこで今回は「任意の画像サイズを追加」し、「管理画面から選択できる」… 続きを読む

body_classにページスラッグ名を含ませたりオリジナルのclassを追加

WordPressは共通のヘッダーをテンプレートファイルとして利用することにより、全ページのヘッダーを共通で管理できるメリットがあります。 しかし全ページ共通がゆえに、各ページに細かい設定をする場合、「固定ページなら◯◯を表示」「カテゴリーページなら◯◯を表示」などの条件分岐を行… 続きを読む

親ページ/子ページ/孫ページをIDで指定する条件分岐

WordPressにはis_page等の条件分岐タグがありますが、親ページや子ページ、孫ページに対しての条件分岐タグがデフォルトで用意されていません。 そこで、親ページ/子ページ/孫ページを表示しているかどうかをチェックする条件分岐タグを作成することにより、複雑な条件分岐タグを作… 続きを読む

スラッグ名が日本語だったら自動的にidに変更するよう設定

サイトを公開し納品してから、クライアントによって追加された固定ページのスラッグが日本語のままになっていて、リンクを共有するとやたらと長い文字化けのようなリンクになってしまうことはないでしょうか。 クライアントは気にしてなかったりしますが、制作者としては結構気持ち悪かったりします。また… 続きを読む

管理者以外がログインしたときに管理画面の見せ方をカスタマイズする

WordPressは権限によって機能を制限することが可能です。管理者権限はプラグインの導入や削除、WordPressのアップデート、テーマの適用など全ての権限が扱え便利な反面、間違えてアップデートしてしまったり可能性があったり、全部の画面にアクセスできるため管理画面が煩雑になりがちです… 続きを読む

管理画面からSEOの設定ができるフィールドを追加する

このサンプルコードはWordPress 4.1から有効になった「add_theme_support( 'title-tag' )」が有効になっている前提のコードとなります。設定方法はこちら 参考: タイトルタグ - WordPress Codex 日本語版 WordPres… 続きを読む

固定ページのみ自動的に付与されるpタグやbrタグを無効にしてレイアウト崩れを伏せぐ

WordPressには「wpautop」という関数があり、改行を自動的にbrタグに変換したり、いい具合に本文をpタグで囲ってくれたりと、一件便利なのですが、stlyeを設定しているpタグが消えたり、勝手にbrが挿入されレイアウトが崩れるなど、予期せぬ挙動をしてくれます。 関数リフ… 続きを読む

管理画面の固定ページのみビジュアルエディタ表示を無効にする

WordPressで新規投稿や固定ページを作成する際、「ビジュアルエディタ」「テキストエディタ」2種類のエディターを利用して記事を作成することが可能です。 コードを書かずにHTMLタグ機能を持たせることができ、基本見たままで作成するのが「ビジュアルエディタ」です。 逆に、H… 続きを読む

自動で読み込まれる絵文字を読込むscriptとstyleを無効化する

WordPress4.2からは絵文字(emoji)が利用可能になりました。 こんな感じの絵文字が使えます。かわいいですね。 しかし商用利用やコーポレートサイト等での絵文字はあまり使うケースが見当たらないというのが正直なところ。 吐き出されるコードを確認すると、head… 続きを読む

CONTACTお問い合わせ / お見積もり