WordPressでオリジナルのテーマを作成する際のフローをまとめました。サンプルも配布してるので、是非使ってみてください、 テーマ開発をやったことがない、それほどやってないという人でもなるべく分かるように書いていますので、手順通りにやっていただければ、テーマ開発をどうすれば良いのか？をわかってもらえると思います。 尚、執筆時点でのWordPressのバージョンは 4.8.2 です。 この記事を書くに当たり WordPress Codex日本語版と、WebDesign Recipes はじめてWordPressのオリジナルテーマを作るときの参考になればと思って書きました を参考にさせていただきました。 目次 テーマのデザインをパーツに パーツの種類 コーディング WordPressの環境構築 必要なファイル テンプレートの種類 トップページのテンプレート化 header.php の編集 i

今回はヘッダー画像（ブログタイトルの下に入れる画像）を調整してみます。 ヘッダー画像の不具合 Stinger3では、デフォルトの機能としてブログタイトルの下に画像を入れることができるようになっています。 左のメニューから外観→カスタマイズを選択。そしてヘッダー画像を開くと下のような画面になります。 ご覧の通り、サイト全体の幅を1070ピクセルまで広げたのですが、ヘッダー画像の設定は986×150が推奨されたままです。 Stinger3は良くできていて、ヘッダー画像にしたい写真を選ぶと、自動で986×150に切り取ってくれる機能があります。 しかし、この切り抜きの大きさの設定はこの画面から変更することはできません。 そのためこのようにサイトの幅とヘッダー画像の幅とで差が生じてしまっています。 ヘッダー画像の大きさをサイトの幅に合わせて設定できるようにしたいと思います。 ヘッダー画像の大きさを

WordPress既存テーマをカスタマイズするなら子テーマを使うべきと思います。 これは、Wordpress codexにある子テーマの項目でも推奨されています。 ただ、Wordpressを使い始めたばかりの時に「子テーマ」「親テーマ」と言われても、「何だそれ？」とか、「そもそもテーマ自体にカスタマイズしたらなんでだめなの？」とも思うかもしれません。 僕も、テーマ配布サイトでカスタマイズ用に子テーマを配布してはいるものの、そういったことについては詳しく説明していませんでした。 なので、一度それについて書いておこうと、今回はWordpressの子テーマについて書きたいと思います。 photo by Alexander Gounder 子テーマとは そもそも子テーマとは、既存のWordpressテーマのカスタマイズ専用のテーマです。 既存のWordpressテーマは、「親テーマ」とも呼ばれ、テ

ワードプレスで新規サイトをスムーズに立ち上げるために手順をまとめました。 導入するプラグインや設定過程など、人によって細かな違いはあると思いますが、何か抜けている手順がないか確認に使ってもらえたら幸いです。 サイト作成はルーティーンなので、できるだけ手早く済ませてクリエイティブな作業に時間を使いたいですよね。ぜひ参考にしてみてください。 ※必要な物 サーバー代　1000円程度/月 ドメイン代（サイト毎）800円程度/年 テンプレート　無料～ Googleアカウント →Googleアカウントを取得する手順 ワードプレスで新規サイトを作成する手順 手順を順番に説明していきます。 1.サーバー契約（初回のみ） ワードプレスを利用するには有料のレンタルサーバーを契約する必要があります。私のおすすめはエックスサーバーです。X10なら月々1000円程度の利用料で、安定したサーバーを利用することができま

キャンペーンドメインを利用して、エックスサーバーにドメインごと移転させました。 ・ ドメインレジストリを変更してみた話 そのサイトはサブドメインを利用して展開していました。今回のサーバー（＆ドメインレジストリ）移転を機に、サイトの改造に手をつけることにしました。 その一つがごちゃごちゃになったサブドメインサイトを整理してまとめる、というものです。 情報が散乱してしまっていました。それで、元のドメインの下に置いていたページのいくつかとサブドメインサイトに入れていた情報を統合して新ドメインで別のサイトを立ち上げることにしました。 どうしようかと考えたのですが、それぞれのサブドメインにはちょろちょろとしたアクセスしかありません。そのため、まるっと新ドメインに301リダイレクトをかけることにしました。SEO的にはいかがかと思わないでもないのですが。 そこそこアクセスのある元のドメインのページから

初めてWordPressオリジナルテーマの作成にトライしたい、という方向けの基本のマニュアルです。マニュアルというほど大袈裟なものではありませんけど、ある程度敷居が低くなると嬉しいなぁという思いを込めて記事にします。 この記事の内容はあくまで基本中の基本で、初心者・ノンプログラマー向けとなっていますので応用的な情報は殆どありません。また、説明の仕方も分かりやすさ重視で、厳密的にはちょっと違う点もあります。 初心者さん向けに、もう少し情報があってもいいかなと思って、書いてみることにしました。僕もまだまだ初級レベルなので一緒に学んでいきましょう。初級者レベルでこんな記事書くなって話ですけども。 目次 目次です。各セクションで必要と思う場所から見るようにしてください。 はじめに 作成するWebサイトの目的と構造 テーマ作成前に用意するものと環境 テーマの構造を（触り程度だけでも）理解する HTM

こんにちは、九州ライターの村上です。 突然ですがみなさん、WordPressってご存知ですか？ どういうものかというと「ホームページ作成用のオープンソース」でして、「誰でも書き直して使っていいよ」という親切なフリーソフトウェアなのです。このLIGブログもWordPressを元にカスタマイズし、作られています。 今日はWordPress以外の、意外と知られていないCMSについてのご紹介です。 【こちらもおすすめ】 ☞ 「クラウドCMS導入によるWebサイト制作・運用のメリットとおすすめ比較まとめ」 CMSとは？ CMSとは、コンテンツマネージメントシステム（Content Management System）の略称です。 今までは専門の管理者しか触れなかったWebなどのコンテンツを、Web担当者以外が簡単に管理できるように開発されたシステムのことです。 なぜCMSがいいのか？ CMSを使うと

できるだけ安くWordpressが使えるレンタルサーバーを探したい 多くのレンタルサーバーの中から、どれを選んで良いのか分からない こんな悩みをお持ちの方も多いのではないでしょうか？ ただ安いからといって、レンタルサーバーを選んでしまうと、必要なスペックがなかったり、表示のスピードが遅かったり。 Wordpressをサイトを構築するにあたり、レンタルサーバーを選ぶ時は安さだけではなく、サーバーの機能性や安定性、表示速度、セキュリティ、管理画面の使いやすさやサポート体制まで、しっかり見極めて、選ぶことが大切です。 こちらのページでは、WordPress対応の安いレンタルサーバーについて解説します。 気になるレンタルサーバーが見つかったら、無料のお試し期間を利用して積極的に使ってみましょう。 WordPressのレンタルサーバーの選び方とポイント WordPressが使えるか MySQLが利用