株式会社シスアナコム

情報システムに関することなら、どんなことでも適切に助言いたします!

この投稿は1年以上前に公開されました。
現在では状況や内容が変わっている可能性があります。
ご注意下さい。m(_ _)m

ワードプレスの人気テーマSTINGER5が正式公開されたので試しました。

      2014/08/21

シスアナコム社長の杉山です。

昨日、ワードプレスの大人気テーマSTINGERの最新版、STINGER5が公開されましたので、早速試す事にしました。

いきなり、このサイトに適用するのは怖かったので、個人の実験用別サイトである「ゼロからの週末プログラマー」の方に使ってみました。

こちらで色々とやってみてから、本サイトに適用するつもりです。

ダウンロード

まずは公式サイト(リンク集に追加します)からテーマファイルをダウンロード。

ワードプレスの管理画面にログイン。

管理メニューから外観→テーマで、画面上部の新規追加ボタンを押します。

画面上部のテーマのアップロードボタンを押して、ダウンロードしておいたSTINGER5のテーマファイルをアップロード。

これでテーマの一覧に表示されます。

子テーマの作成

次に子テーマの作成は、以前に書いたこちらの記事を参照。

子テーマのstyle.cssの書き方は以下の通り。

@charset "UTF-8";

/*
Theme Name:  Stinger 5 Child Theme
Template:  stinger5ver20140820
*/

@import url('../stinger5ver20140820/style.css');

「stinger5ver20140820」の年月日の部分はダウンロードした最新バージョンの年月日に変更して下さい。

子テーマを作ることで、最新バージョンが提供されても簡単に更新できます。

これで、「Stinger 5 Child Theme」がテーマ一覧に表示されるので有効化します。

カスタマイズ

あとは標準で用意されているカスタマイズを実行。

ワードプレスの管理メニューから外観→カスタマイズ。

基本色のグループ2を白から変更。

これをしないと画面右サイドメニューに新しくできたRSSフィードの「購読する」ボタンが見えません。

青色にしました。

基本色のグループ3も白から変更。

これも変更しないと、サイドメニューに存在する検索ウインドウが見えません。

淡い色推奨となっていますので、薄めの灰色にしました。

ヘッダー画像を以前使っていたものに変更。

「新規画像を追加」ボタンを押して以前使っていた画像を選択。

「選択して切り抜く」ボタンを押して「切り抜かない」ボタンを押します。

切り抜かないボタンが表示されないときがありましたが、画像を再度アップロードしたら解決しました。

ナビゲーションで以前使っていたメニューを指定。

これで、ある程度、前と同じ状態になりました。

STINGER5の第一印象

やっぱりレスポンシブデザインは格好いいですね。

これまではスマホ用のcssファイルが別に存在していたのが面倒でしたが、STINGER5からは、PCもスマホもsytle.cssファイルでデザインを管理できるのは素晴らしい。

こんなに素晴らしいテーマを作成して頂いたENJIさん、本当にありがとうございます。

面識も交流もありませんが、ただただ感謝です!!!

STINGER3の時に実施したようなカスタマイズ等は、後日実施したら報告します。

 - ひとこと, ひとこと(ワードプレス)

↓ブログランキングに参加しています!


ネット・PC(全般) ブログランキングへ
にほんブログ村 IT技術ブログ ITコンサルティングへ
にほんブログ村

Message

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