Quantcast
Channel: 西沢直木のIT講座
Browsing all 415 articles
Browse latest View live

Image may be NSFW.
Clik here to view.

賢威のヘッダーやフッターの背景色・背景画像・ロゴを設定する

賢威のヘッダーやフッターの背景色はダウンロード前にテンプレートメーカーで設定できますが、使い始めてからカスタマイズしたくなることもあるでしょう。 ここではCSSを使って賢威のヘッダーやフッターの背景色を変更したり背景画像やロゴ画像を表示する方法を紹介します。コーポレート版を使います。 賢威のヘッダー周り(コーポレート版:カスタマイズ後) ヘッダーに背景画像を表示する...

View Article


Image may be NSFW.
Clik here to view.

会議室予約システムなどのフレキシブルな利用時間に対応するMTS Simple Booking ビジネス版

WordPressで予約システムを作成できるプラグイン「MTS Simple Booking C」を使っている方、こんな課題を抱えていませんか? コースを指定できれば… 開始時間をフレキシブルに設定できれば… 会議室とかエステの予約は利用時間がバラバラなので… ひとことで言えば、自由に選んでもらった利用時間を予約カレンダーに反映できれば最高!ということではないでしょうか。 MTS Simple...

View Article


Image may be NSFW.
Clik here to view.

Stinger5でトップページやサイドバーの抜粋文字数を変更する

Stinger5ではトップページやサイドバーなどに一覧表示される投稿には本文の抜粋が表示されます。 Stinger5で表示される記事の抜粋 stinger5ver20150505bをベースに説明しますが他のバージョンでも考え方は共通です。 全体の抜粋文字数を変更する 初期設定では40文字の抜粋ですが、この文字数は変更することができます。最も簡単な方法はfunctions.phpの「function...

View Article

Image may be NSFW.
Clik here to view.

WordPressのコメント欄を一括で非表示にするDisable Commentsプラグイン

WordPressサイトの投稿や固定ページの下にコメント欄が表示されますが、これを非表示(コメントを受け付けない)にしたいこともあります。ここでは、個別ページのコメントを無効にする方法と、全ページ一括で設定する方法を紹介します。 コメント欄を消したい 個々のページのコメント欄を設定する...

View Article

Image may be NSFW.
Clik here to view.

太字の多用はSEOに悪影響?!Bボタンの代わりにオリジナルの太字ボタンを使おう

WordPressに限りませんが、ブログ記事を一生懸命に書いているのに検索順位が上がらないとか、なぜか力を入れて作ったページに限って検索結果に出てこない! そんなことはありませんか? 「あります!」という方は、努力が逆に「過剰なSEO」だと見なされているかもしれません。その定番が「太字」です。...

View Article


Image may be NSFW.
Clik here to view.

WordPressをインストールしたフォルダ名を変更する方法

WordPressを「http://example.com/kyuujin」のようなフォルダにインストールした後にしばらくしてフォルダ名を「http://example.com/recruit」のように変更したくなることもあります。 そこで、WordPressのインストール先のフォルダ名を変更する方法を紹介します。ここではフォルダ名を次のように変更します。...

View Article

Image may be NSFW.
Clik here to view.

BizVektorのグローバルメニューのフォントサイズを変更する

BizVektorのグローバルメニューのフォントサイズを変更する方法を紹介します。現在は次のようなイメージです。 BizVektorのグローバルメニュー 以下、メニュー全体のフォントサイズを設定する方法や個別のメニュー項目だけ微調整する方法を紹介します。 グローバルメニュー全体の文字サイズを大きく...

View Article

Image may be NSFW.
Clik here to view.

BizVektorのフッターに背景画像を表示する

BizVektorのフッターに背景画像を入れる方法を紹介します。次のような感じに仕上げることができます。検証したバージョンはBizVektor 1.7.8/Defaultデザインスキンです。 BizVektorのフッターに背景画像を入れたイメージ ふわっと仕上げなので、アイデア次第でカスタマイズしたり違和感のある部分は微調整してください。Defaultデザインスキン以外では、おそらく調整が必要です。...

View Article


Image may be NSFW.
Clik here to view.

BizVektorのフッターのコピーライトを削除する

「BizVektorのフッターからコピーライトを削除したい」は、BizVektorのカスタマイズでも人気上位の要件です。 BizVektorのコピーライトを削除したい さっそくこの記事で方法を紹介しようと思いましたが、やめておきます。 なぜなら、コピーライトを削除するプラグイン「BizVektor...

View Article


Image may be NSFW.
Clik here to view.

WordPressの管理画面でオリジナルのCSSを読み込みたいとき

WordPressのデザインをカスタマイズするには子テーマのstyle.cssを使うのが定番ですが、ここに入力したCSSは管理画面には反映されません。管理画面ではテーマのstyle.cssが読み込まれていないからです。この記事では、オリジナルのCSSを管理画面で読み込んでデザインを変更する方法を紹介します。 管理画面のCSSを設定できるAdd Admin CSS Add Admin...

View Article

Image may be NSFW.
Clik here to view.

WordPressの管理画面から不要なメニューを消す

WordPressの管理画面にはお試し厳禁のメニューがいくつかあります。1人で使う場合は問題ありませんが、完成したサイトの管理をホームページ担当者に任せる場合は要注意です。 いろいろなメニューをお試しで操作されて「画面が真っ白に!」のような問題が起きないか心配です。そんなときのために、簡易的にでもメニュー項目を非表示にできれば良いでしょう。...

View Article

Image may be NSFW.
Clik here to view.

get_categoriesで取得したカテゴリーを好きな順番で並べ替える

WordPressサイトの制作中は、投稿のカテゴリーを一覧表示して、ついでに投稿件数をつけたいこともあります。 カテゴリー一覧(投稿件数つき) このような柔軟なカテゴリー一覧を表示したい場合は、get_categories関数が役立ちます。上記のようなカテゴリー一覧を表示するサンプルコードは次のようになります。 <?php $args = array( 'orderby' =>...

View Article

Image may be NSFW.
Clik here to view.

フローティングメニューをフッターに表示する

WordPressサイトのフッターにメニューを表示したいという要望をよく聞きます。このフッターメニューは単なる本文下の「フッター」ではなく、画面の一番下に固定で表示される「フローティングメニュー」のことを指していることが多いです。 フッターに固定表示されるフローティングメニューのイメージ ここでは、フッターに連絡先画像やアイコンを使ったフローティングメニューを表示する方法を紹介します。...

View Article


Image may be NSFW.
Clik here to view.

カスタムフィールド・カスタム投稿タイプ・カスタムタクソノミーの違いと活用例

WordPressで使える「3つのカスタム」、ご存じですか? カスタムフィールド、カスタム投稿タイプ、カスタムタクソノミーです。耳にしたことがあるかもしれませんが、使わなくてもサイトは作成できるので、それぞれの意味や用途を勘違いしている方もいます。 ここでは、それぞれの用途や役立つ場面を簡単にまとめておきます。まだ使ったことがない方も今後の参考にしてください。 カスタムフィールドの用途...

View Article

Image may be NSFW.
Clik here to view.

Stinger5のトップページに3カラムのパーツ「3PRエリア」を組み込む

WordPressサイトのトップページで次のように3つくらいの宣伝ができるエリア(例:以下、BizVektorの名称を借りて「3PRエリア」とします)は、ビジネスサイトで使いたいパーツとして人気があります。 トップページで3つ宣伝できる「3PRエリア」(BizVektorなどのテーマで使える)...

View Article


Image may be NSFW.
Clik here to view.

JetpackプラグインでWordPress.comと連携できないとき

Jetpackプラグインの使用時はWordPress.comと連携する必要がありますが、「WordPress.comと連携する」ボタンをクリックしても連携できない場合があります。たとえば、「Jetpack を利用するには、サイトが公開されていて、アクセス制限がかかっていない必要があります(site_inaccessible)」のようなメッセージが表示されます。...

View Article

Image may be NSFW.
Clik here to view.

WordPress Popular Postsの表示項目やデザインをカスタマイズする

WordPress Popular Postsプラグインを使うとサイドバーなどに「よく読まれている記事」を表示することができます。 サイドバーに「よく読まれている記事」を表示 すでに使用中の方もいると思いますが「固定ページは対象外にしたい」とか「デザインをカスタマイズしたい」という方もいると思います。以下、WordPress Popular Postsプラグインのカスタマイズ例を紹介します。...

View Article


Image may be NSFW.
Clik here to view.

TwitterやFacebookなどのリンクアイコンを手軽に表示できる「Font Awesome」

WordPressでTwitterやFacebookのアイコンを表示する場合、プラグインを使うことを思い付きます。ただし、プラグインのメニューが充実し過ぎでちょっとしたアイコンを表示するには逆に設定に手間がかかって面倒なこともあります。 表示したいリンクアイコン そんなときはアイコンフォントが役立ちます。アイコンフォントは文字通りアイコンが定義されたフォントで、自前で画像を用意しなくても や...

View Article

Image may be NSFW.
Clik here to view.

郵便番号から住所を自動入力できるzipaddr-jpプラグイン

問い合わせフォームの入力を効率化する定番テクニックといえば、「郵便番号から住所を自動で入力する」です。WordPressでもzipaddr-jpプラグインを使えば、Contact Form 7などで作成したメールフォームで入力した郵便番号から住所(都道府県や市町村)を自動で入力することができます。 郵便番号から住所を自動入力 以下、Contact Form...

View Article

Image may be NSFW.
Clik here to view.

BizVektorに標準装備されたFont Awesomeを使ってあちこちにアイコンを表示する

WordPressのサイト制作時に「グローバルメニューにアイコンを付けたい」とか、「サイドバーにアイコンを入れたい」という要望をよく聞きます。そこでBizVektorを例にヘッダーや電話番号、3PRエリア、サイドバーなどにアイコンを入れる例を紹介します。 BizVektorではバージョン1.7からアイコンフォント「Font...

View Article
Browsing all 415 articles
Browse latest View live


Latest Images