ねずみのブログ

ネットショップ運営に関する情報や、自分の好きな事を発信するブログです。

wordpressテーマ「ZERO」ダウンロードページ

テーマZERO

作成したオリジナルのwordpressテーマ「ZERO」のダウンロードページです。僕のブログテーマと同じものになり、SEOにも適した作りに仕上げました。

テーマ「ZERO」のダウンロード

テーマ「ZERO」の特徴

SEO対策

HTML5で作成しマークアップも考えて作りました。ページャーやパンクズリスト、見出しタグはページによって使い分けてあります。スマホページもレスポンシブ対応。

関連記事

各記事の下には、自動で同じカテゴリの記事をランダムで表示するようにしています。

サイドバーに新着記事

サイドバーには自動で新着記事が表示されます。

アドセンスの設置

ウィジェットで簡単に設置が可能です。PCでは全ページのサイドバー上部に1つ、記事ページの下に2つを設置。携帯ページでは全ページの中央に1つ、記事ページ上部と下部に1つづつ設置。

ソーシャルボタン

記事の終わりには、ツイッター、フェイスブック、グーグル+、はてぶを設置済。

サムネイル画像

TOPページや関連記事、サイドバーの新着記事の画像はサムネイル画像を表示しています。サムネイル画像がない場合は記事の最初の画像、それもない場合はNo img画像が入ります。※サイドバーの新着記事ではサムネイル画像がない場合、No img画像が入ります。

テーマ「ZERO」カスタマイズ項目

ヘッダー画像の変更

ヘッダー画像

ダウンロードしたものには、上のサンプル画像が設置されています。画像名は「logo.png」で横350px・縦101pxの画像です。縦幅は自由ですが、横幅は350px以上を推薦。※横幅が小さいと携帯ページで画像が粗くなります。

【画像を変更するにはFTPの設定が必要です。】
僕のブログの場合、FTPのなかの※自分のブログドメイン[netshopdata]→[public_html]→[wp-content]→[themes]の中の[ZERO140510]の中に画像が入っていますので、上書きして下さい。

ヘッダーのナビゲーション

ナビゲーション

ヘッダーのナビゲーションは[外観]の中にある[メニュー]をクリック。メニュー構造を作成し、[テーマの位置]の[ナビゲーション]にチェックを入れてください。※沢山いれると表示が崩れます。ナビゲーションは主要な物だけ入れるのがベスト。

ナビゲーション崩れる

ウィジェット

ウィジェット

ウィジェットではアドセンスを張る部分が6つ、検索を入れる場所が1つ、PCサイドバーに表示させるためのものが1つあります。検索の部分には検索のウィジェットを入れてください。PCサイドバーにはカテゴリやアーカイブなどお好きな物を入れてください。

※検索の中には検索ウィジェット以外は入れないでください。サイドバーに表示させるものはPCサイドバーに入れてください。

※またダウンロードした際、それぞれのウィジェットの中に勝手に入ってしまう場合もございます。僕の場合、勝手に入ってしまう事が何回かありました。ダウンロードしたらウィジェットの中身をよく確認してください。

ファビコン&ブックマーク

アイコン

ファビコン画像名は「logo2.ico」になります。ヘッダー画像と同じ場所に入っていますので、上書きして下さい。またスマホなどのホームにブックマークされた場合の画像は「favicon_144.jpg」となりますので、これも同じく上書きして変えてください。※ダウンロードしたテーマの中にはシンプルなファビコン画像となります。

注意事項

※ご利用に関するトラブルには一切責任を負いかねますのでご了承ください。分からない事などご質問はお受けしますが、当方この道のプロではございません。分かる範囲でのお答えとなります。

※相性の悪いプラグインがございます。ソーシャルボタン系・パンクズ系・ソースをきれいにする系・ページャー系・など。他にもあると思いますが、全てを確認しているわけではないので試ながらお使いください。

テーマ「ZERO」のダウンロード※
配信を中止しました。

wordpressテーマ「ZERO」作成に役だった本

HTML&CSS 標準デザイン講座【HTML5&CSS3対応】
・CSSの基本やHTML5のマークアップなどを学びました。wordpressのオリジナルテーマつくりにはCSSが必須になります。

WordPress ステップアップブック (STEP UP BOOK)
・基本的にはこの本を参考に作りました。この本を読めば、色々なスタイルのテーマを作れるようになりますよ。

PHP+MySQLマスターブック
・PHPを全く知らないのならまずは読んでみてください。テーマ作成に役立ちます!

PHPによるWordPressカスタマイズブック―3.x対応
・少し古い物ですが問題ありません。wordpressに特化したPHPの内容なのであると便利。

最後に

wordpress初心者でもオリジナルテーマを作る事は可能です。僕みたいな全くの素人でも作れちゃうのですから、やる気があればあなたでも出来ます!ただ、HTMLとCSSはある程度知らないと作成はできません。

僕の場合、最初に「WordPress ステップアップブック」を買いました。本の通りに進めていけばオリジナルテーマは作れますが、CSSをある程度分かってないと好きな様に作れません。なので「HTML&CSS 標準デザイン講座」はとても役立ちました。

そして残りの2冊はテーマ作成後に買ったもので、無くてもテーマは作れます。しかし、どちらも目を通していた方が作成の時に理解が深まりますよ。

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

日本語が含まれない投稿は無視されますのでご注意ください。(スパム対策)