「賢威のカスタマイズ日誌」の記事一覧(2 / 3ページ)

賢威の投稿ページ上部に記事の抜粋を表示させる

抜粋

せっかく抜粋(meta description)を自分で考えて設定するのであれば、スペースがあればコンテンツとしても表示させたいですよね。今回の記事では、投稿ページの上部に表示させたアイキャッチ画像の横に、抜粋を表示させたいと思います。

賢威の投稿ページで記事上部にアイキャッチ画像を表示

アイキャッチ

時間的にも作業的にも何かと面倒なアイキャッチ画像。トップページだけにしか表示されないのは、もったいない!ということで、投稿ページ上部にもアイキャッチ画像を表示させるよう、PHPファイルをカスタマイズします。

robots.txtによりURLが制限されています(ウェブマスターツール)

ダメ。絶対

グーグルウェブマスターツールでsitemap.xmlを送信した際、「robots.txtによりURLが制限されています」と表示されて少し困ったので、エラー発生から解決までの一連の流れをご紹介します。結論は「とりあえず待つ」。

sitemap.xmlを作成するGoogle XML Sitemapsの設定

Google XML Sitemaps

Wordpressでsitemap.xmlを自動で作成してくれ、さらに検索エンジンへの更新通知までしてくれる超便利プラグイン「Google XML Sitemaps」のご紹介です。XMLサイトマップ生成における細かい設定方法などもゆるく紹介。

賢威でGoogle Analyticsの設定をする

Google Analytics

賢威にGoogle Analyticsを導入する方法をご紹介します。Wordpressの場合は、head部分にトラッキングコードを貼り付けるのではなく、PHPファイルを作成して関数を使って呼び出す方法が正しいとのことで、そのやり方を初めて導入してみました。

賢威のフッターをカスタマイズする

フッター

今回は、inosh blogに使用しているテーマ「賢威」のフッターをカスタマイズしていく様子をご紹介します。「アドレス」や「メニュー」の表示を消去、フッターのセンターにロゴを表示させる、フッターの各要素のカスタマイズなど。

賢威のサイドバーをカスタマイズする

サイドバー

今回は、inosh blogに使用しているテーマ「賢威」のサイドバーをカスタマイズしていく様子をご紹介します。カテゴリー横に表示される投稿数(記事数)をaタグの中に入れてspanタグを挿入したり、見出しやliリストのカスタマイズなど。

賢威のコンテンツエリアをカスタマイズする

コンテンツエリア

今回は、inosh blogに使用しているテーマ「賢威」のコンテンツ部分をカスタマイズしていく様子をご紹介します。全体背景の指定、コンテンツ部分の見出しのカスタマイズ、コメント送信のボタンのカスタマイズなど。

賢威のヘッダーをカスタマイズする

ヘッダー

今回は、inosh blogに使用しているテーマ「賢威」のヘッダーをカスタマイズしていく様子をご紹介します。トップメニューの消去、ロゴ部分のカスタマイズ、記事タイトルを吹き出し風にする、ヘッダー全体における背景の設定など。

ブログのテーマカラーを決める

テーマカラー

inosh blogをカスタマイズする環境が整いましたので、次回からは、実際に当ブログの見た目をどんどんCSSで調整していきます。その前に、カスタマイズを進めていく上で大前提となる「ブログのテーマカラー」を決めたいと思います。

サブコンテンツ
ページトップへ戻る ページエンドへ進む