WordPressカスタマイズ
WordPress 4.7のカスタムCSS機能で子テーマは不要に？
2017年1月31日 WordPressカスタマイズ
ご存じかもしれませんが、WordPress 4.7では「カスタムCSS」機能が追加されています。現在のサイトで修正したいCSSを入力してデザインをカスタマイズできる機能です。 一般的にCSSをカスタマイズするには、 親テーマのCSSを修正する 子テーマを作ってCSSを修正する テーマやプラグインの「 ...
スマホのメニューを親子レベルで開閉式にする
2016年11月4日 WordPressカスタマイズ
グローバルメニューの項目が多いと、テーマによってはスマホで見たときに下に長く表示されてしまいます。その場合、jQueryのSlickNavライブラリが役立ちます。親項目をクリックすると子要素が表示される「開閉式」のスッキリしたメニューを設置することができます。
WordPressで記事ID・ページID・カテゴリーIDを調べる方法
2016年10月7日 WordPressカスタマイズ
WordPressで使っているプラグインやウィジェットによっては記事IDやカテゴリーIDを入力する場面があります。ここでは、記事ID・ページID・カテゴリーIDを調べる方法を紹介します。 WordPressで記事IDを調べる WordPressで記事ID（投稿のID）を調べるには、その記事の編集画面 ...
一覧タイトルのクリック時に外部サイトを表示したいとき
2016年10月6日 WordPressカスタマイズ
一覧ページでタイトルをクリックしたときに記事を開かず別のページや外部サイトに飛ばしたいこともあります。たとえば、会社のサイトとショッピングサイトを別のドメインで作成した場合です。「商品一覧」のタイトルがクリックされたら、別のドメインに作ったショッピングサイトの販売ページに移動してもらいたいかもしれま ...
WordPressで投稿日を非表示にする3つの方法（CSS・jQuery・PHP）
2016年9月25日 WordPressカスタマイズ
WordPressで画面に表示された投稿日時や投稿者名などを消したいという要望は多いです。良いか悪いかは別ですが。この記事では、サイトで画面から投稿日時や投稿者、カテゴリーなどの文字を消すために、CSS、jQuery、PHPを使う方法を紹介します。
WordPressサイトの画面上の文字を置き換える方法（jQuery）
2016年9月19日 WordPressカスタマイズ
ホームページの画面上の文字を変更したい、でも、どのファイルを直せば良いかわからない、そんなこともあります。たとえば、BizVektorの「TEL」を「MAIL」に変更したいのに、どこを直せばよいかわからない、などです。 WordPressでは簡単な文字は編集画面や定番のテンプレートを開いて直接修正で ...
PCとスマホでヘッダー画像を切り替える方法（BizVektor・賢威・STINGER PLUS+）
2016年9月17日 WordPressカスタマイズ
多くのテーマではサイトのトップページにヘッダー画像が表示されますが、PCとスマホでは画面の縦横比が違うのでヘッダー画像を切り替えたいこともあります。ここではCSSを使ってPCとスマホでヘッダー画像を切り替える方法を紹介します。
WordPressでキャッチフレーズを改行したいとき
2016年9月15日 WordPressカスタマイズ
WordPressサイトのキャッチフレーズを改行して2行表示する方法を紹介します。「設定」‐「一般」メニューの「キャッチフレーズ」に改行タグを入れても反映されないので工夫が必要です。
文字サイズを変更する「大」「中」「小」ボタンの作り方
2016年6月27日 WordPressカスタマイズ
WordPressに限りませんが、ページ本文の文字サイズを大きくしたり、小さくしたいことがあります。クリックすると文字サイズが切り替わる「大」「中」「小」ボタンが定番です。ここではjQuery Text ResizerとjQuery Cookieを使って「大」「中」「小」ボタンを作る方法を説明します。
ウィジェットをエディタで編集できるBlack Studio TinyMCE Widgetプラグイン
2016年6月2日 WordPressカスタマイズ
サイドバーなどのウィジェットに画像と文章をレイアウトしたい場合、いくつかの方法があります。たとえば、「テキスト」ウィジェットを使うと、任意の文章や画像をサイドバーウィジェットに表示できますが作業が少し面倒です。そんなときはBlack Studio TinyMCE Widgetプラグインが役立ちます。ビジュアルエディタやテキストエディタを使ってウィジェットを編集することができます。
