Spun

最終更新日:2015-12-09

画像

 テーマの解説  Spun Theme — WordPress Themes for Blogs at WordPress.com
 デモ  Spun | Let your content shine at WordPress.com
使用例 Spun | Pearltrees
 更新情報(英語)  New Themes: Spirit and Spun — Blog — WordPress.com
 レンタルサーバ等にインストールして使うタイプの WordPress 用テーマの解説等 テーマ検索機能よりインストール可能です。.

制作者 

2015-12-09 at 19.43.jpg

Caroline Moore (Automattic)

テーマ「Spun」の背景/特徴

アイキャッチ画像が円で統一されているのが特徴的かと思います。

画像

カラーに切り替えることができます。

画像
[Complex Geometry] | Advanced Computational Design

文字の部分を薄くすることができます。

画像

rect3015

画像

ウィジェットが折りたたみ式です。

外観設定のバリエーション

3 つのウィジェットエリアがあります。

accessmenubarapps-511.png

1 つのメニューエリアがあります。

画像

ヘッダー画像を追加することができます。1

画像

背景を変更することができます。

画像

「カスタマイズ」→「テーマオプション」→「Always show post titles over circles 」のところにチェックをいれるとサムネイル画像の上に記事タイトルが表示されます。

画像

Twitter 等に同時投稿する設定2 にしてあると、それらのソーシャルアイコンが右下に表示されます。

画像

記事設定のバリエーション

投稿フォーマット

8 つの投稿フォーマットが準備されています。

画像

アイキャッチ画像

固定ページまたは投稿記事にアイキャッチ画像を設定すると、アーカイブ表示のときにアイキャッチ画像がサムネイル画像として適用されます。

画像

カスタマイズ(色等)・CSS 編集のバリエーション

カスタマイズ:色


  1. あらかじめ PhotoScape で写真を円く加工してあります。 
  2. 「設定」→「共有」→ 「パブリサイズ共有」 

3件のコメント

  1. 質問となってしまい申し訳ありません。もしお時間があれば教えていただきたくコメントいたしました。
    こつこつとカスタマイズをしているのですが(全くの初心者です)、ウィジェット部分のテキストの1行あたりの文字数を増やしたいと考えています。(20文字程度で改行にしたいのですが14文字程度で勝手に改行してしまいます。)1カラムの幅をかえるのか、余白を変えるのか、どちらにせよどこをどう直せばいいか分からず、コメント欄に質問してしまいました。どうか助けていただけると嬉しいです。

    いいね

    1. 佐藤かおり様

      ウィジェット部分のテキストを以下のようなタグで囲ってやると1行あたりの文字数を増やすことは可能ですが、

      <div style="margin:0 -50%;padding:0 50%;">本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文 本文
      </div>

      iPhone 等で閲覧した場合のバランスが悪くなります。

      ブログ全体に CSS を追加すれば画面の大きさに合わせて CSS の追加ができるので上記の不具合を解消することはできますが、その場合はプレミアムプラン等にバージョンアップする必要があります。

      ウィジェットは使わずに固定ページの方で「About me」を作成し、メニューにリンクをつける方法もあります。

      いいね

  2. 佐藤かおり · · 返信

    なるほど!お礼が遅くなりまして申し訳ございません。そしてご丁寧な回答とアドバイスまで本当にありがとうございます(T ^ T)。心より感謝いたします!

    いいね: 1人

 

以下に詳細を記入するか、アイコンをクリックしてログインしてください。

WordPress.com ロゴ

WordPress.com アカウントを使ってコメントしています。 ログアウト /  変更 )

Google フォト

Google アカウントを使ってコメントしています。 ログアウト /  変更 )

Twitter 画像

Twitter アカウントを使ってコメントしています。 ログアウト /  変更 )

Facebook の写真

Facebook アカウントを使ってコメントしています。 ログアウト /  変更 )

%s と連携中

%d人のブロガーが「いいね」をつけました。