WordPressの管理画面の使い方からカスタマイズ・ドメイン設定などをサポートします
WordPressの使い方

WordPressカスタマイズ

WordPressのカスタマイズ事例を紹介します。CSSやPHPのコード記述が必要な面倒なカスタマイズも取り上げていきます。参考にしてください。

WordPress個別サポート
サイトを高速化するならエックスサーバー(無料お試し可)

Twenty Seventeenのフロントページセクションの数を増やすには

WordPress 4.7の標準テーマTwenty Seventeenではトップページに任意の固定ページを差し込めるフロントページセクションがあります。「外観」-「カスタマイズ」-「テーマオプション」メニューです。 初期設定では4ページまで挿入可能になっていますが、twentyseventeen_f ...

WordPress 4.7のカスタムCSS機能で子テーマは不要に?

ご存じかもしれませんが、WordPress 4.7では「カスタムCSS」機能が追加されています。現在のサイトで修正したいCSSを入力してデザインをカスタマイズできる機能です。 一般的にCSSをカスタマイズするには、 親テーマのCSSを修正する 子テーマを作ってCSSを修正する テーマやプラグインの「 ...

Contact Form 7の問い合わせフォームをサイドバーに設置する

Contact Form 7で作成する問い合わせフォームはサイドバーに設置することもできます。基本的にはショートコードをサイドバーウィジェットにコピーペーストするだけですが、テーマによっては幅が広くて右端が切れてしまう場合があるので、CSSの微調整が必要になります。

スマホのメニューを親子レベルで開閉式にする

グローバルメニューの項目が多いと、テーマによってはスマホで見たときに下に長く表示されてしまいます。その場合、jQueryのSlickNavライブラリが役立ちます。親項目をクリックすると子要素が表示される「開閉式」のスッキリしたメニューを設置することができます。

WordPressで記事ID・ページID・カテゴリーIDを調べる方法

WordPressで使っているプラグインやウィジェットによっては記事IDやカテゴリーIDを入力する場面があります。ここでは、記事ID・ページID・カテゴリーIDを調べる方法を紹介します。 WordPressで記事IDを調べる WordPressで記事ID(投稿のID)を調べるには、その記事の編集画面 ...

一覧タイトルのクリック時に外部サイトを表示したいとき

一覧ページでタイトルをクリックしたときに記事を開かず別のページや外部サイトに飛ばしたいこともあります。たとえば、会社のサイトとショッピングサイトを別のドメインで作成した場合です。「商品一覧」のタイトルがクリックされたら、別のドメインに作ったショッピングサイトの販売ページに移動してもらいたいかもしれま ...

WordPressで投稿日を非表示にする3つの方法(CSS・jQuery・PHP)

WordPressで画面に表示された投稿日時や投稿者名などを消したいという要望は多いです。良いか悪いかは別ですが。この記事では、サイトで画面から投稿日時や投稿者、カテゴリーなどの文字を消すために、CSS、jQuery、PHPを使う方法を紹介します。

WordPressサイトの画面上の文字を置き換える方法(jQuery)

ホームページの画面上の文字を変更したい、でも、どのファイルを直せば良いかわからない、そんなこともあります。たとえば、BizVektorの「TEL」を「MAIL」に変更したいのに、どこを直せばよいかわからない、などです。 WordPressでは簡単な文字は編集画面や定番のテンプレートを開いて直接修正で ...

PCとスマホでヘッダー画像を切り替える方法(BizVektor・賢威・STINGER PLUS+)

多くのテーマではサイトのトップページにヘッダー画像が表示されますが、PCとスマホでは画面の縦横比が違うのでヘッダー画像を切り替えたいこともあります。ここではCSSを使ってPCとスマホでヘッダー画像を切り替える方法を紹介します。

WordPressでキャッチフレーズを改行したいとき

WordPressサイトのキャッチフレーズを改行して2行表示する方法を紹介します。「設定」‐「一般」メニューの「キャッチフレーズ」に改行タグを入れても反映されないので工夫が必要です。

1 2 3 11 »
WordPress個別サポート
スポンサーリンク
スポンサーリンク

西沢直木の電子書籍【読み放題対応】

  • twitter

こちらもどうぞ

【多言語対応】WPMLプラグイン
【拡張デザイン】BizVektor Attract
【グリッド表示】BizVektor Grid Unit
【お店のドメインに】.shop
【サイトの高速化】エックスサーバー
【便利です】Lightning Variety

WordPress講座のおすすめコース

ホームページ作成講座 WordPress個別サポート BizVektorカスタマイズ講座
西沢直木のIT講座
wordpress講座受講予約
PAGETOP
Copyright © 西沢直木のIT講座 All Rights Reserved.
画像提供: 写真AC足成無料素材倶楽部ペイレスイメージズ