賢威でスマホ表示の時サイドバーを開いたままにする方法

スクリーンショット 2015-01-04 22.07.27

賢威テンプレートで作ったサイトをスマホで見ると、上から、ヘッダー、メニュー、メインコンテンツ、サブコンテンツ、サイドバー、最後にフッターという順番のレイアウトになります。 サブコンテンツは賢威の仕様ですが、基本的にワードプレスのサイトにスマホでアクセスすると、サイドバーは必ずメインコンテンツの下に移・・・

賢威のフッターにあるアドレスエリアとメニューをカスタマイズする方法

スクリーンショット 2014-12-26 1.42.29

賢威では、フッター領域のカスタマイズも簡単に行うことができます。 <賢威7> <賢威6.2> ここですね。 今回は、 ・賢威7のコンテンツエリアとメニューエリア ・賢威6.2のアドレスエリアとメニューエリア それぞれのカスタマイズについて説明します。 賢威7のコンテンツエリアとメニューエリアのカスタ・・・

賢威でツイッター(twitter)カードを申請する手順と設定方法

スクリーンショット 2014-12-25 17.50.50

賢威ではツイッターカードが設定できるようになっています。 ツイッターカードはツイッターとワードプレスを連携する際に重要な役割を果たします。 ツイッターカードとは? ツイッターカードは、サイト記事をツイッター用のソーシャルボタンからツイートしたときに、サムネイルの画像付きでツイートさせることができる機・・・

賢威のソーシャルボタンを消して画面表示速度を向上させる方法

スクリーンショット 2014-12-19 10.47.20

賢威のソーシャルボタンは標準で4つ設置されています。 ツイッター、フェイスブック、はてなブックマーク、グーグルプラスの4つです。 賢威のソーシャルボタンに関しては、全部のページに表示させたくない、あるいは「グーグルプラスのボタンだけいらないから消したい」といったように、人それぞれ消す事情は違います。・・・

ワードプレステンプレート賢威の設定やカスタマイズ方法のまとめ

スクリーンショット 2014-12-19 10.56.19

個人でサイトを持つ場合、現在はHTMLサイトよりも、ワードプレスでサイトを作る人が増えています。 その理由は、ワードプレスのカスタマイズの自由度や、コンテンツ作成がしやすいという事ですが、それに加えてテンプレートを差し替えるだけで、SEO対策が出来るという事もワードプレスの魅力だと思います。 そして・・・

ワードプレス賢威のカラムを変更してレイアウト変える方法

スクリーンショット 2014-12-19 1.24.38

賢威のサイトでカラムを変更してレイアウトを変える方法について書いていきます。 カラムとは? まずは、カラムについて解説します。 カラム(Column)とは、柱とか円柱を意味する英単語で、ウェブサイトの世界ではサイドバーやメインコンテンツがどのくらい並んでいるかを数える時に使います。 例えば、1カラム・・・

ワードプレス賢威でメタディスクリプションやメタキーワードを設定する方法

スクリーンショット 2014-12-19 1.13.58

ワードプレスでサイトを作った時に、メタディスクリプション(meta description)やメタキーワードを設定するとSEO効果があると言われています。 なので、賢威でサイトを立ちあげたときの、メタディスクリプションやメタキーワードを設定する方法について解説します。 メタディスクリプションやメタキ・・・

賢威のサイドバーやメインコンテンツ幅の変更とアドセンスを設置する方法

スクリーンショット 2014-12-19 1.02.59

賢威でブログを運営していると、サイドバーの横幅や、メインコンテンツの横幅を狭くしたい、または広くしたいと思うことがあります。 この記事では、賢威でつくったブログのサイドバー、メインコンテンツ、それぞれの横幅の設定方法について解説します。 layout.cssで横幅を変更する ワードプレスのダッシュボ・・・

賢威の最新情報を消す、または削除した後でコードを復活させるやり方

スクリーンショット 2014-12-18 21.58.44

賢威のテンプレートを使うと、トップページに最新情報と呼ばれる部分があります。 <賢威7> <賢威6.2> これですね。 この最新情報は、更新した記事の日付、カテゴリー、記事のタイトル、記事の抜粋が表示されます。しかし、サイドバーにも「最近の投稿」などで更新記事を表示しているときは、この最新情報の部分・・・

賢威で続きを読むの部分をボタン画像に変更する方法

スクリーンショット 2014-12-18 21.57.23

賢威のサイトでトップページに行くと、記事ページへのリンクは次のようになっていますよね。 <賢威7> <賢威6.2> いわゆる「続きを読む」の部分です。これでもいいのですが、ボタンの画像にしたいという方もいるかと思います。 なので今回は、その「続きを読む」のリンクをボタンの画像にする方法について解説し・・・

賢威6.2でトップページの抜粋の文字を消すまたは変更する方法

スクリーンショット 2014-12-18 21.56.55

賢威6.2のサイトで、トップページに投稿記事が表示されますが、今回変更したい部分はこちらです。 抜粋の文字数ですね。ここを表示させたくない、あるいはもっと文字数を変更したいという時があると思いますので、その方法をまとめてみたいと思います。 ※賢威7では、このような文字数の制限はなくなりました。なので・・・

賢威のトップページのサムネイル(アイキャッチ)画像のサイズを変更する方法

スクリーンショット 2014-12-18 21.54.27

賢威のトップページに行くと投稿記事が並んでいると思います。 これですね。そこのサムネイル(アイキャッチ)画像の大きさを変更したいと思うことがあると思いますので、その変更方法について解説していきます。 サムネイル(アイキャッチ)画像のサイズを変更 ここの画像サイズを変更するには、テーマのための関数(f・・・

賢威でトップページにアドセンス広告やメルマガ登録フォームを設定する方法

スクリーンショット 2014-12-18 22.02.01

賢威のトップページのメニュー下、以下の画像赤枠の場所にアドセンス広告やメルマガ登録の為の入力フォームを置きたいという方もおられると思います。 ここに設置する方法自体はそんなに難しくありません。 ただ、アドセンス広告の場合、PCで見たときとスマホで見た時とで、広告のサイズを変えたいという方もいらっしゃ・・・

ワードプレス賢威の文字フォントサイズや色をCSSで変更または設定する方法

スクリーンショット 2014-12-18 21.21.21

賢威のサイトを作るとき、文字の大きさや色などを変えたいと思う時があると思います。 そういう時はワードプレスのCSSファイルにあるコードを編集すればいいのです。 賢威のCSSで文字の色を変更するには? まず、賢威のCSSファイルにアクセスします。 ワードプレスのダッシュボード→外観→エディターに進みま・・・

ワードプレステンプレート賢威の背景色の変更と画像を挿入する方法

スクリーンショット 2014-12-18 21.12.22

賢威のサイトのみならず、ウェブサイトの背景色は基本的には白であることが多いです。字の読みやすさを考えると、背景色は白にした方がいいのです。 また、背景に画像を差し込んでいるサイトもあります。こちらの方法についても解説します。 賢威のデフォルトの背景色は白ですが、これを変更したい時はCSSファイルのコ・・・

賢威のヘッダーの背景色やフォントサイズの変更と背景画像の挿入方法

スクリーンショット 2014-12-18 20.52.51

賢威のヘッダー領域というとこちらですね。 このヘッダーの背景色や、テキストのフォントサイズを変更したいというときがあると思いますので、今回はそれについて書いてみたいと思います。 賢威のヘッダーの背景色とフォントサイズを変更する 今回は例として、背景色とフォントサイズを大きくしてみます。 ワードプレス・・・

賢威のヘッダーにあるタイトル(ロゴ)・文章の横幅を変更する方法

スクリーンショット 2014-12-18 20.43.26

賢威のヘッダーにあるタイトルや文章などの幅を変更したいと思うときがあると思います。 当サイトのデフォルトの状態だと、この様にタイトルの文章が長くなって、下に文章がはみ出ているのが分かります。特にヘッダー領域はサイトにアクセスしてきた人が最初に見る部分ですから、レイアウトが崩れていたら直帰(1ページだ・・・

賢威のパンくずリストのフォントサイズや表示の変更方法

スクリーンショット 2014-12-18 20.31.35

賢威にはパンくずリストというものが標準でついています。 これですね。 これのフォントサイズや表示を変更する方法について今回は書いていきます。 パンくずリストのフォントサイズを変更する まずはCSSファイルに行きます。 ワードプレスのダッシュボード→外観→エディター→design.cssに行って、上の・・・

賢威のヘッダーにあるh1タグを移動させる方法

スクリーンショット 2014-12-18 19.05.30

賢威のヘッダー領域には、h1タグが表示されています。 これですね。 これを移動させるのですが、ちょっとややこしいので、詳しく解説します。 h1タグを移動 ワードプレスのダッシュボード→外観→エディター→design.cssに行って、上の画像の部分を探してください。 この画像は前回→賢威のヘッダーにあ・・・

賢威のレイアウトや文字色などをdesign.cssでカスタマイズする方法

スクリーンショット 2014-12-19 1.55.31

/*——————————————————– 1、サイト全体の背景設定 &・・・

賢威のグローバルメニューのフォントサイズや背景色・文字の色の変更方法

スクリーンショット 2014-12-17 13.42.41

この記事では、賢威のグローバルメニューの変更について解説します。 グローバルメニューの背景色を変更する方法 ワードプレスのダッシュボード→外観→エディター→design.cssと進み、上の画像の部分を探してください。 この赤線のところにある「background-color: #fff;」の「#ff・・・

賢威の見出しタグh2・h3・h4の背景色と文字の色や大きさを変更する設定方法

スクリーンショット 2015-01-09 17.06.53

賢威のメインコンテンツ内で使われる、見出しタグh2(記事タイトル)、h3(見出し)、h4のそれぞれについて、背景色と文字の色や大きさを変更するときの方法について解説します。 こちらですね。 h1は大見出し(ブログタイトル)なので設定場所は別で、h5とh6はメインコンテンツ内であまり使われないので、そ・・・

【賢威のスパムコメント防止方法】コメント欄を消すか、Captchaで画像認証させる

スクリーンショット 2015-01-08 14.36.21

賢威テンプレートでブログを作るとき、コメント欄がいらない、またはコメント欄からのスパムをなんとかしたいと思われている方がいると思います。 基本的にスパムコメントはプラグインのAkismetで大抵は防止できます。 しかし、中にはAkismetをすり抜けてくるスパムコメントもあり、いちいち削除するのは面・・・

賢威でサイドバーの背景・見出し・文字の色を変更するカスタマイズ方法

スクリーンショット 2015-01-05 18.22.10

メインカラムの背景色とサイドバーの背景色を統一させたい場合など、サイドバーのカスタマイズをしたい時があると思います。 なので、この記事では、賢威のサイドバーの背景・見出し・文字の色を変更する方法について解説します。 尚、サイドバーは2カラムのサイトを想定して解説します。 まずは、ワードプレスのダッシ・・・

賢威のフッターの背景・見出し・文字・リンクの色を変更するカスタマイズ方法

スクリーンショット 2015-01-04 22.19.47

賢威のフッター領域はこの様になっています。 解説するために少し変更を加えていますが、概ね上の画像のようなレイアウトになっています。 今回は、賢威のフッター領域の背景・見出し・文字・リンクの色を変更するためのカスタマイズ方法について解説します。 まずは、ワードプレスのダッシュボード→外観→テーマの編集・・・

ワードプレスや賢威でYouTube動画を埋め込む際スマホ用にレスポンシブにする方法

スクリーンショット 2014-10-05 16.04.29

ブログの滞在時間を伸ばす方法の1つに、記事内に動画を埋め込む、という方法があります。 ここでは、YouTubeの動画をワードプレスや賢威のブログ記事に埋め込む方法について解説します。 ワードプレスにYouTubeの動画を埋め込む ワードプレスのブログ記事に動画を埋め込むと、このような感じになります。・・・

このページの先頭へ