Loading...

htmlコーディング 小棹制作所

この記事がよく読まれてます

tumblrでの企画など、お手伝いします
  • fullPage.js ページスクロールで紙芝居のように魅せるWebページが作れるjQueryプラグイン (37,828Views)
  • 初代から大幅にパワーアップして帰ってきた! Owl Carousel 2の紹介とかんたんな設置方法 (19,275Views)
  • 多分一番簡単!ドロワーメニューを実装するためのjQueryプラグイン「drawer」 (18,786Views)
  • [メモ]Macのメールアプリで自動転送(もしくはリダイレクト)設定をする方法 (16,808Views)
  • tumblrのオリジナルテーマ作成入門 tumblrの独自タグを理解しよう (16,127Views)
  • wow.jsとanimate.cssを組み合わせると、かんたんに、かっこいい動きがあるWebページを作れます。 (15,979Views)
  • スマートフォンサイトでよく見る横からニョキッと出現するスライドメニューの実装なら「Sidr」で (15,581Views)
  • 国産のtumblrポートフォリオ用テーマ “Illustfolio2″ がすごくいい! (11,949Views)
  • シンプルだから機能もデザインもかんたんにカスタマイズできるjQueryのカルーセルプラグイン “Owl Carousel” (11,299Views)
  • ミュージシャン・バンド・アーティスト用Webサイト作成のためのTumblrテーマを作ったので配布します (11,295Views)
  • さくっとヘッダー固定のhtmlテーブルが作れるjQueryプラグイン「Fixed Header Table」 (11,230Views)
  • 企業ホームページっぽいレイアウトのTumblrのテーマを作ったので無料配布します (10,744Views)
  • 翻訳機能をWebサイトに埋め込む方法 (10,591Views)
  • Twitter Bootstrapが3にアップグレードして、さらに使いやすくなった (10,333Views)
  • tumblrのオリジナルテーマをゼロから作るのは心が折れるので、スターターテーマを使おう (9,939Views)
  • Twitter Bootstrapの基礎 Twitter Bootstrapってなに? からモーダルウィンドウ作成まで (8,923Views)
  • 細かいカスタマイズができるCSSフレームワーク、”Gumby FRAMEWORK” (6,897Views)
  • Twitter BootstrapベースのWordPress無料テーマ “Roots” (6,613Views)
  • tumblrのテーマに無限スクロール機能を追加する方法 (6,158Views)
  • 【Featherlight.js】テキストをライトボックスに表示できるjQueryプラグイン【jQueryプラグイン】 (6,066Views)
  • WordPressテーマ “Ryu” を紹介しようと思って試したらすごくよかったので、日記系ブログつくりました

    2013年05月10日(金)
    581Views

    この記事は執筆から1年以上経過しており、情報が古い可能性があります。

    ミニマルなデザインで写真が映える、個人ブロガーにっぴたりなWordPressテーマ、"Ryu" を紹介します。

    “Ryu” は WordPressの無料テーマです。

    こちらがサンプルサイト。
    Ryu | A WordPress Theme for Personal Bloggers

    写真がかなり大きめに配置されるのが特長です。
    無駄な装飾がないのもいいですね。

    レスポンシブにもきっちり対応しています。

    ダウンロードからインストールまで

    ダウンロードはWordPress › Ryu « Free WordPress Themesこちらから。

    WordPressフリーテーマ

    zipファイルがダウンロードされますので、解凍します。
    フォルダが出現しますのでこれをサーバ内のWordpressのthemes階層にアップロードします。

    themesフォルダは通常
    wp-content > themes
    という階層になっています。

    ここまでの作業が終了したら、WordPressの管理画面へ進みます。
    管理画面左側メニューから、「外観」→「テーマ」をクリック。

    “Ryu” を探して「有効化」すると、テーマが適用されます。

    WordPressフリーテーマ

    初期設定

    WordPressの管理画面左側メニューから変更可能な項目です。

    トップページのプロフィール写真を変更するには

    「外観」→「ヘッダ」から変更可能です。

    タイトルとタイトルしたの文言を変更するには

    「設定」→「一般」
    「サイトのタイトル」でタイトルを変更
    「キャッチフレーズ」でタイトル下の文言が変更できます

    ページ上部の開閉メニューの項目を変更するには

    「外観」→「ウィジェット」
    右側の「Top Widget Area One」に項目をドラッグアンドドロップすることで追加・削除ができます。

    「Top Widget Area two」、「Top Widget Area Three」、「Top Widget Area Four」に項目を追加することで、1行表示から4行表示までが可能です。

    設定方法わからない・・・わかった!

    サンプルサイトを見ると、開閉するメニューにSNSへのリンクを表示するボタンが表示されているんですが、これの設定方法がわからない・・・。
    WordPressフリーテーマ

    解決方法

    カスタマイズから、”Theme Options” に進みます。
    ここにそれぞれのSNSを登録すると、表示されます。
    Ryu、SNSボタン追加1

    Ryu、SNSボタン追加2

    まとめ

    今回、テーマを紹介するためにサンプルサイトを作ってみたのですが、あまりに気に入ってしまってそのまま日記系ブログにしてしまいました。

    Cosao's daily | このサイトは小棹制作所の日常を記す日記系ブログです。技術系ブログはcosao.net/blogtop

    おわりに

    この記事はあなたのお役にたてましたか?
    もしよろしければ・・・

    この記事をみんなに教える?


    筆者に何か教える?

    たとえば、 小棹制作所はこんなこと↓を知りたがっているようです。

    feedlyでブログを購読する?

    follow us in feedly

    筆者にメーッセージを送る?

    なんでもご自由に書いて送ってください。
    ご質問等返信を希望の場合は、メールアドレス等返信先の記載をお忘れなく。

    チェックを入れて送信してください

    Copyright (C) 2012 小棹制作所.
    All rights reserved.