アップデート情報

バージョン2.0.5公開

 [記事URL]

不具合の修正

投稿時のチェック機能に不具合がありましたので修正しました。

投稿時に以下のチェック機能が働きます。
・Enterキーによる投稿を無効化
・タイトル入力の有無を確認
・カテゴリー未選択の場合にアラート
・公開時に最終確認

これらチェック機能は、意図せず途中で「公開」してしまってGoogleやSNSに未完記事が送信されてしまうことを未然に防ぐことを目的にしています。
そのため、「更新」時には上記のうち一部のチェック機能が動作しません。
また、「固定ページ」や「パーツ」でも機能しないようになっています。


バージョン2.0.4公開

2016-09-09 [記事URL]

機能追加

ページ読み込み速度が向上しました。
合わせてサイトのカスタマイズをしやすくしました。

カテゴリーチェック機能

投稿時、カテゴリーが未チェックの場合にアラートが表示されるようにしました。

機能の微調整

アイコンフォント

アイコンフォントを最新バージョンに更新しました。

アイコンの45度回転レイアウトを追加しました。
fa-rotate-45 の class を追加することでで回転します。

アイコン利用時、縦をセンター揃えにできるようにしました。
ご利用方法:i タグ内の class に img-m を追加してください。

目次レイアウト

スマホ時、目次レイアウトの余白を調整しました。
目次は「固定ページ」にて、見出し(h2,h3,h4)が合計4つ以上になった際に自動表示されます。

文字装飾

文字装飾 blk を濃いグレーから真っ黒(#000)にしました。
.blk .bg-blk .bdr-blk が適用されます。

余白設定の追加

余白の style を追加しました。
使える余白 class は以下の通りです。

マージンオールの略(上下左右に余白。数値はpx)
.ma06 .ma12 .ma24 .ma36 .ma48 .ma60 .ma72

マージントップの略(上に余白。数値はpx)
.mt12 .mt24 .mt36 .mt48 .mt60 .mt72

マージンボトムの略(下に余白。数値はpx)
.mb12 .mb24 .mb36 .mb48 .mb60 .mb72


バージョン2.0.3公開

 [記事URL]

機能追加

ショートコードを追加しました。

記事本文をそのまま抽出して貼り付け

listcontents2、listcontents2noh2、listcontents2more、listcontents2morenoh2
記事本文をそのまま抽出して貼り付けられます。
h2なし、more あり、more あり h2 なし、と抽出条件を変更できます。

RSSフィードを組み込む

RSSフィードを組み込む機能を追加しました。以下のショートコードが使えます。
listrssfeed25、listrssfeed25no、listrssfeed45、listrssfeed45no

listrssfeed25 は、画像が左側に25%表示されます。
右側には、日付、タイトル、抜粋60文字、カテゴリー名がそれぞれ表示されます。

listrssfeed25no は、画像とタイトルのみです。

listrssfeed45 は、画像が左側に45%表示されます。
右側には、日付、タイトル、抜粋60文字、カテゴリー名がそれぞれ表示されます。

listrssfeed45no は、画像とタイトルのみです。

なお、listrssfeed25、listrssfeed25no では、
スマホレイアウト時には縦型に可変します。

機能の微調整

アイキャッチが無い場合の画像を変更しました。
少しトーンを落としています。

不具合の修正

一部のユーザーで iframe が使えない問題を修正しました。

1行のみのtable レイアウト時に、角丸にならない箇所ある不具合を修正しました。


バージョン2.0.2公開

 [記事URL]

機能の微調整

ボタンレイアウトのスマホ時のサイズを微調整しました。

画像アップロード時の最大サイズを長辺2,000px にしました。それ以上のサイズの場合は自動縮小されます。

使用頻度の少ないプラグインを削除しました。

不具合の修正

iPhone等(iOS)で撮影した写真をそのままアップした際に生じる画像回転の問題を修復しました。


バージョン2.0.1公開

2016-05-23 [記事URL]

機能追加

ボタンレイアウト

ボタンレイアウトを多数追加しました。

ボタン用の画像を作らなくても簡単にキレイなボタンを配置できます。

フラット、グラデーション、
ハイライト、ボーダー
角丸、円型、サイズ
など、組み合わせて使えます。

(例)



画像リボンに使えるテキストを追加

画像リボンに「Click」「クリック」の文字を追加しました。以下のclassで呼び出せます。
pht-rbn-msg-click、pht-rbn-msg-KURIKKU

(例)

16106312
16106312

リストショートコードを追加

list10、list10half、list10notxt
を新たに作成しました。スライドバナーにも出来ます。

listrank2、listrank2half、listrank2notxt
を新たに作成しました。ランキング用レイアウトです。
「オススメ」記事だけ抽出して表示させることが出来ます。

カラーを追加

カラー、blk、bg-blk、bdr-blk を追加。

機能の微調整

listrankショートコードのレイアウトを微調整。

「最近のコメント」ショートコードのカラーを調整しました。

不具合の修正

スマホ用改行spbrをSIDE・FNAVIで利用した際のレイアウト崩れを修正しました。

1カラムページでの画像レイアウト高さ中央揃えの不具合を修正しました。


バージョン2.0.0公開

 [記事URL]

ワンフレのシステム基幹部分を見直し、新しく機能も多く追加し、各所最適化しました。
今まではクローズドで運営しておりましたが、これを機会に「1FrameWorksバージョン2.0.0」として一般公開いたします。

機能追加

指定日時で自動で非公開に

「投稿」「固定ページ」編集時、日時指定することで自動で非公開にできるようになりました。

メール投稿

指定されたメールに送信することで「タイトル」「本文」「カテゴリー」「スラッグ」を入力し、自動公開することが可能です。公開のタイミングも指定できます(例えば1日後に公開など)。

カラー:ライムグリーン を追加

テキストカラー、背景カラー、枠線カラーにライムグリーンを追加。

写真のエフェクトを多数追加

以下のようなエフェクトを写真に簡単にかけれるようになりました。
写真を傾けてフォトフレームと影、など同時に使用も可能です。

16106312

1

テキストテキストテキステキストテキストテキスト

16106312
16106312
16106312

16106312 16106312

※写真エフェクトのパターンはこの他にも多数ご用意しております。

カテゴリーレイアウトを複数追加

以下の2種類のカテゴリーレイアウトを新たに追加しました。
vertical-pht-cap : vertical-pht-cap(縦型・フォトキャプション型)
horizontal-sp-vertical : horizontal-sp-vertical(横型・スマホ時は縦型)

ショートコードを追加

下記のショートコードを追加しました。
list6spvertical、list6spverticalhalf、list6spverticalnotxt。
list9、list9half、list9notxt。

機能の微調整

一部のレイアウトでアイキャッチが設定されていない場合の処理を追加。ダミー画像が標示されるようになりました。

「投稿」に「抜粋」が入力されている場合、カテゴリーページやショートコードなどで優先表示するようにしました。

不具合の修正

スマホ専用改行コード(<br class=”spbr” />)のレイアウトについて不具合を調整しました。
※上記<>は全角ですが、実際には半角で記述してください。


バージョン1.10.6公開

2016-05-03 [記事URL]

機能追加

改行機能の最適化とスマホ用改行コードの追加

「本文」に文章を入れる際、
生成されたウェブページにて自動で改行(br)となりますが
PCのみで適用、スマホでは改行を無視するようにしました。

この対応の意味は、スマホ端末よって文字サイズも画面幅も異なるため意図した改行位置が変わってしまうという問題を解決するための処置となります。

スマホでも改行したい場合、下記のように記述することで適用します。

<br class=”spbr” />

※上記<>は全角ですが、実際には半角で記述してください。

ボックス%レイアウトの追加

横並びレイアウト
boxp10, boxp15, boxp85
を追加。

投稿・抜粋機能

「投稿」時に「抜粋」フィールドを追加しました。
※表示されない場合は管理画面右上の「表示オプション▼」をご確認ください。

「抜粋」に記述すると、カテゴリーページの記事一覧で「抜粋」が優先表示。
記述がない場合は、今まで通り「本文」先頭から文字列を抽出します。

カテゴリレイアウト「vertical」「horizontal」のみ適用されます。

CSV一括アップロード機能

投稿などのCSV一括アップロードが可能になりました。機能を使う必要のある方はご相談ください。

管理画面のダッシュボードに新着情報を表示

管理画面ダッシュボードに「1FrameWorks更新情報」を表示しました。
マウスドラッグで見やすい位置に移動させることができます。

ランキング用ショートコードを追加

ランキング掲載用ショートコード listrank, listrankhalf, listranknotxt を作成しました。
「投稿」で「オススメ記事にする」にチェックした記事のみ抽出することが出来ます。
サイドバーなどで使うと綺麗にレイアウトされると思います。

機能の微調整

スライドバナーの背景透過を基本としました。

カテゴリーページレイアウト「entrytext」にて
投稿 に「続き」がある場合のみ「続きを読む」リンクを貼るよう修正しました。

ビジュアルリッチエディターモードをOFFにしました。

表(table)を角丸にしました。

使用可能アイコンの種類を増やしました。

自動保存機能を12回までに制限しました。

不具合の修正

特定の条件で半角ハイフンと半角&が文字化けする問題を解決しました。

navi 周りで、区切り線が入らなくなる問題を修正。

PC用レイアウトで、画像を縦(高さ)中央に並べる際に動作しない場合がありました。対応済です。

カテゴリーページで該当記事が無い場合にレイアウト崩れを起こしていました。修正済です。


バージョン1.10.4公開

 [記事URL]

ショートコードを追加

listdate を追加しました。

「日付・タイトルリンク」というシンプルなものです。

list5notxt を追加しました。

list5 の本文なしバージョンです。

list7 を追加しました。

45%55%の横並びレイアウトです。
アイキャッチとタイトルリンク、本文のみのシンプルなものです。

list7 で本文110文字
list7half で本文60文字
list7notxt で本文なし
となります。

list8 を追加しました。

カテゴリボックスが並ぶレイアウト(list5)のシンプルバージョンです。
「続き」リンクなどがなく、アイキャッチとタイトルリンク、本文だけのシンプルなものです。

list8 で本文110文字
list8half で本文60文字
list8notxt で本文なし
となります。

投稿ページのときだけ表示するボックス

class=”single-on” で囲むと、投稿ページのみ表示されるようになります。
例えば、投稿ページのときだけ特定の新着記事をSIDEバーに表示させたい、という場合に便利かと思います。

ここに投稿ページのときだけ表示させたい内容

フロートレイアウトの追加

以前より、class=”flo-l”, class=”flo-r” でそれぞれ左回り込み、右回り込みとなりますが
このレイアウトはPC時のみ適用されていました。
スマホ時には、改行されて表示されます。これはスマホ時に意図しない改行位置になることで視認性が著しく低下する場合があるためです。

ですが、スマホ時にもPC同様にフロートさせたいケースもありますので
今回、下記のクラスを追加しました。
flo-l-sp, flo-r-sp

PC時、スマホ時、同様にフロートされます。

段落を左回り込みさせたいとき

画像を回り込みさせたい場合は下記のように、img タグ内の class 属性に記述を追加してください。
(すでにclassの値が複数入っている場合は、半角スペースで区切って記述を追加してください。)


スマホ時は非表示&PC時は非表示

sp-off, pc-off というclassを追加しました。

sp-off は、スマホ時のみ非表示(PC時は表示)
pc-off は、PC時のみ非表示(スマホ時は表示)
となります。

横並びボックスレイアウトを追加

左右にボックスを並べたいときに使えるレイアウトを追加しました。

下記のように使います。

左ボックス25%幅
右ボックス75%幅

25%75%幅の他に
35%65%(boxp35, boxp65)
45%55%(boxp45, boxp55)
50%50%(boxp50, boxp50)
の組み合わせが使えます。


バージョン1.10.3公開

 [記事URL]

レイアウト調整

PCレイアウト時にmapの表示ができなくなる問題を修正しました。

コメント欄のレイアウトを調整しました。

NAV(トップナビゲーション)のサイズ変更対応

NAV のサイズを細かく変更できるようになりました。
10~25% 内で指定できます。
最初と最後のNAVは 10%, 15% で固定です。その間のnavi を合計75%になるように指定してください。

設定方法は
li class=”navi”
となっているところを
li class=”navi20″
のようにして使います。

navi10 ~ navi25
まで設定可能です。

カテゴリーページごとのレイアウトを追加しました

カテゴリーページ編集で「レイアウト(投稿カテゴリー)」に entrytext(投稿)を追加しました。
2016-03-17_06h44_45

「続きを読む(more)」の手前までの投稿本文が表示されます。

「抜粋文字数」は vertical, horizontal のみ適用されます。
「表示記事数」は 全レイアウト対応です。


バージョン1.10.2公開

 [記事URL]

レイアウト調整

特定の文字列が横に長くなった際にレイアウト崩れとなる(枠をはみ出す)場合がありました。修正済です。

スマホ用固定フッター

既存のフィールドである「パーツ2 > NAVI-sp-foo」をスマホレイアウト時の固定フッターとして利用できるようになりました。
記述がある場合にのみ、スマホレイアウト時に表示されます。

「投稿」「投稿カテゴリー」「固定ページ」では、各ページごとに表示ON/OFFが可能です。

個別に [style-color.css] を設定している方で
#NAVI-SP2 のカラーをグレーに設定してい方は、下記のように半透明にすると使いやすいと思います。
#NAVI-SP2 {background-color:rgba(0,0,0,0.1);}

公開日、更新日のアイコンが表示

投稿、投稿カテゴリーページにて、「公開日」「更新日」のアイコンが表示されるようになりました。

また、HTML5 による記述によりGoogle検索ロボットにも正しく日付データが送られます。
Google検索結果にも日付が正しく表示されるようになります。

投稿カテゴリーページ仕様変更

カテゴリー編集画面より以下の設定が可能になりました。

縦型・横型レイアウト変更

レイアウトを縦型・横型へ切り替えることが出来るようになりました。

抜粋の文字数を 110・60・0文字を選択

抜粋の文字数を 110・60・0文字より選択できるようになりました。

表示記事数を個別に変更

表示記事数を 12,24,36,48,60 から選択できるようになりました。

投稿ページに共通フッター2を追加

パーツ > common-foot2 を追加しました。
投稿ページの最下段([PAGE TOP] の上部)に挿入されます。

投稿ページごとに「表示しない」設定も可能です。
フィールド内で list などのショートコードも使えます。

フィールド記入のヒント一部修正

下記の「フィールド記入のヒント」の文章を変更しました。

パーツ1 > head開始タグ
投稿カテゴリー > cat-head

LINEボタンを追加

ソーシャルボタンにLINEが追加されました。

Instagramに対応しました

Instagramを読み込んでギャラリーページを作成したり
メインバナーに指定の画像を読み込んだりすることが可能です。
設定希望の方は運営までお問い合わせください。


バージョン1.06公開

2016-03-10 [記事URL]

NAVの余白を調整

ページ上部のNAV(グローバルナビゲーション)について、PCレイアウト時の横幅972px としました。

メインバナーなどの画像の余白を調整

メインバナーなど、画像(img)下部に余白が入る場合がありましたが
余白0px になるように調整しました。

スマホレイアウト時のリンクカラー仕様変更

スマホレイアウト時のサイドNAV のリンクテキストカラーを調整しやすく仕様変更しました。
初期値から変更してない方には影響がありません。

スマホレイアウト時のメインバナー余白を調整

スマホ時、固定ページのメインバナーの左右余白をなくしました。よりダイナミックな見せ方が出来るようになったと思います。

管理画面のよくある使うメニューを目立たせました

管理画面内でも特によく使う「投稿」「固定ページ」「パーツ」にカラーラベルを付けて目立つようにしました。

ショートコードを追加

list6, list6half, list6notxt のショートコードが追加されました。
左にアイキャッチ、右にテキストと本文、カテゴリ名と記事へのリンクが追加されます。スマホレイアウトでも使いやすいと思います。

ショートコードが使えるパーツが増えました

common-head, common-more, common-foot, cat-head 内でショートコードが使えるようになりました。

カテゴリーページの不具合修正

カテゴリーページの「common-head表示設定」のON/OFFが機能していなかった問題を修復しました。


バージョン1.05公開

2016-02-25 [記事URL]

「Read more」リンク文言の仕様変更

カテゴリーページと投稿ページ下部の「関連記事」のページリンクは「Read more」でしたが
パーツより自由に文言変更できるようになりました。
下記パーツより変更可能です。
パーツ > パーツ3(言語切り替え用)parts3 > 続きを読む

投稿ページの関連記事の動作変更

自動で横スクロールするようになっていましたが、手動スクロールにしました。
また、2記事ずつスクロールするようになりました。
画面の支配率も少し下がり、使いやすくなったと思います。

読者機能のレイアウト(CSS)を最適化

カラー変更時など使いやすくなりました。
SIDEに使う場合の参考コードです。

【jetpack_subscription_form title="更新通知" subscribe_text="メールアドレスを入力し「購読」ボタンを押してください。メールで更新情報をお届けします。"】

【】は、半角の [] に変更してご利用下さい。

コメント欄のレイアウト(CSS)を最適化

スマホでも見やすい・操作しやすいようにコメント欄を調整しました。

コメント欄のショートコードを最適化

サイドバーなどに貼り付ける用の「新着コメント」箇所のコードを最適化しました。
下記は参考コードです。

新着コメントCOMMENTS

【】は、半角の [] に変更してご利用下さい。

固定ページ・メインバナー(PC/スマホ)でショートコードが使えるようになりました

Instagram の画像なども入れていただけるようになりました。

検索ボックスの仕様変更

スマホレイアウト時のサイドNAV内にも検索窓を設置できるようになりました。

パーツ > パーツ2(スマホ)parts2 >NAVI-sp-slidemenu
にて、下記のように記述してお使い下さい。

  • 【searchformbox】
  • 【】は、半角の [] に変更してご利用下さい。

    PC用も
    パーツ > パーツ1(共通・PC)parts1 > TOP
    に下記のように入っている方は、

    ~(省略)~

    下記のように変更してお使いください。レイアウトも最適化されます。

    【searchformbox】

    【】は、半角の [] に変更してご利用下さい。

    固定ページメインバナーのサイズ最適化

    PC用の固定ページにてメインバナーを設定できますが
    横幅972px を標準サイズとしました。
    同サイズの画像を入れていただければピッタリと収まります。


    PAGE TOP



    logo_1stneed
    株式会社ファーストニード(1st-need Co,.Ltd.)

    〒650-0024
    神戸市中央区海岸通3-1-1 KCCビル4F
    TEL:078-220-9913




    MENU

    SUPPORT

    CONTACT
    HOME