バージョン2.1.7公開
2016-10-28 [記事URL]
機能追加
CSVで記事の管理ができるようになりました。
一括ダウンロード、アップロードが可能です。
機能利用したい方は管理までご相談ください。
機能の微調整
管理画面ダッシュボードの下部表記を変更しました。
サポートサイトへ直接リンクしています。
アイコンフォントを追加しました。
2016-10-28 [記事URL]
CSVで記事の管理ができるようになりました。
一括ダウンロード、アップロードが可能です。
機能利用したい方は管理までご相談ください。
管理画面ダッシュボードの下部表記を変更しました。
サポートサイトへ直接リンクしています。
アイコンフォントを追加しました。
2016-10-25 [記事URL]
写真エフェクトを追加しました。
スマホレイアウト時に中央を起点に大きく表示させることが出来ます。
例)
.pht-sptrim240、.pht-sptrim360、.pht-sptrim480、.pht-sptrim600
がそれぞれ使えます。
使い方は img タグを div で囲んで上記classを適用させるだけ。
末尾の3桁の数字は、ボックスの高さになります。スマホで大きく表示させる際には pht-sptrim480 などを使うと良いと思います。
FNAVI内でもショートコードが使えるようにしました。
FNAVI内でリンクリストアイコンを簡単挿入できるようにしました。
1カラムページの段落(Pタグ、文章)の余白を調整しました。
引用(blockquote)のレイアウトを調整しました。
同様にコメント欄のレイアウトも調整しました。
地図(GoogleMap)の表示の不具合が出ていたものが修正されました。
2016-10-20 [記事URL]
いせきけんじ制作WordPressテーマ「1FrameWorks」が一般の方でもお申し込みできるようになりました。
1FrameWorksとは
どこでも簡単に更新ができ、プロ並みのWebサイトが作れるホームページ制作ツールです。
こんな方に向いています。
なるべく安く本格的なホームページを作りたい。
社内で簡単に更新したい。
レスポンシブウェブデザインでスマホ対応をしたい。
WordPressを安全に使いたい
キレイなホームページを作りたい
ホームページ・ウェブ関係で分からないことを相談したい
Google検索で検索上位表示を狙いたい
WordPressをカスタマイズして欲しい
面倒なバージョンアップ対応やセキュリティを任せたい
最新のいせきけんじテンプレートを使いたい
ぜひご覧になってくださいね。
2016-10-17 [記事URL]
検索結果画面を新しく使いやすくしました。
btnレイアウトの、小さいボタン用レイアウトを追加しました。
以下のクラスを追加することで、ボタン内部の文言の余白が小さくなり小さなボタンでも使えます。
.btn-small
以下の余白調整用クラスを追加しました。
.mt06, .mb06
スライドバナーのレイアウト・余白など再調整しました。
メインバナーの場合は、ページャーがバナー内部の下部に表示されるようになります。
1カラムページ(LP)の余白調整を行ないました。
また、タグボタンの動作で挿入されるコードもよりシンプルにしています。
他に、タグボタン挿入コードを最適化しました。
2016-10-12 [記事URL]
3カラム時における右サイドバー内の段落の余白を調整しました。
HTML、script等のコードの最適化を行ないました。
スライドバナーの余白を調整しました。
2016-10-01 [記事URL]
AMP対応しました。
AMPページ用のタイトルロゴ画像を設定されたい方は、600*60px までの画像サイズでお送りください。
高さは60px が最適です。横幅は600px まででしたら特に問題ありません。
サイトアイコンは以下のような場所に表示されます。
・1FrameWorks管理画面やウェブサイトのファビコン
・スマホやタブレットなどでホームにショートカットを置いた場合
・Windowsのタイル
・リンクカードのアイコン
など。
512*512px のPNG形式で画像をお送りいただければ設定いたします。透過処理しておくとキレイになります。
前回のバージョンアップにより、カテゴリー編集画面の「cat-posts-foot」フィールドを入力することで
カテゴリーページ(entrytextレイアウトのみ)の各々「投稿」の下部ごとに一括表示できるようになりました。
追加として今回のバージョンアップにて「cat-posts-foot」が単体の投稿ページ下部にも表示されるようになりました。
カテゴリーごとに、「カテゴリーページの投稿ごとの下部」「投稿ページ下部」に一括で何かを入れたい場合にはこの機能をお使いください。
内部リンク・外部リンクで404エラー(ページが見つからない)となる場合に通知されるようにしました。
下記のようなアコーディオンレイアウトを追加しました。
以下コード例:
上記例ではオープン時の内部はリストになっていますが
特に規定はありませんので「画像」でも「ボックス」でも「表」でも何でも入れることが可能です。
次の例は、複数のアコーディオンを並べる場合です。
このように複数並べてメニューリストのようなものを作る事も出来ます。
以下コード例:
スマホでは画面が小さいので項目などをクローズドにしておくことはユーザーのメリットが大きいと思いますが
いくつかのリスクがありますので以下のような仕様になっています。
基本的な仕様として
・PCの場合は最初からオープン
・スマホの場合は最初からクローズド
となります。
これはGoogle推奨の方法です。
初期からコンテンツクローズドすることはSEO上もGoogleの方針としてもよくありません。
最悪の場合、「隠しコンテンツ(テキスト)spam」としてペナルティーを受けることがあります。
しかし、PCレイアウトでのみ初期オープンにしておくことで
Googleクローラーが正しくコンテンツを読み込み spam になる可能性を最大限回避しています。
PCでも初期クローズドにしたい場合は「pc-close」という命令を使うことが出来ます。
下記のように「pc-close」を追加すれば、そのアコーディオンレイアウトはPCでもスマホでも初期クローズドになります。
例:
複数アコーディオンを並べる場合は、以下のように一括指定も可能です。
例:
是非ご活用ください。
目次(Contents)のレイアウトを調整しました。
数字のみ黒字にし、行間をとることで読みやすくなりました。
ボタンレイアウトにてクリックできない箇所がある問題を修正しました。
ボタン部分のどこでもクリック(またはタップ)でリンク先にジャンプするようになりました。
スマホレイアウト時の h2, h3, h4 の余白などを調整し読みやすくしました。
Facebookシェア / Twitter ボタンをクリックまたはタップしやすいよう
クリック位置のレイアウト微調整を行ないました。
以前の仕様では、入力した改行がスマホレイアウト時に無視されるようにしていました。
そこで、下記のコードを入れることでスマホ時でも改行が出来るようになっていました。
<br class=”spbr” />
しかし、使いづらいところもあり、入力が面倒で忘れることもありましたから
今回、以下のように改行の仕様変更を行ないました。
「スマホレイアウト時に改行を無視したい箇所がある場合にだけコードを入れる」
(詳細)
PC・スマホレイアウト共に自動改行を「改行」として認識します。
スマホ時のみ自動改行をOFFにしたい場合にだけ、spbr-off というクラスで命令します。
例えば
文章 続きの文章
とすることで、
PCでは、見た目通りの自動改行が入り
スマホでは、改行が無視されて「文章 続きの文章」となります。
大きな箇所に指定したいときは大枠を
コンテンツ
と囲ってやることでその範囲が全てスマホ時に自動改行OFFとなります。
今まで spbr を使っていた箇所は特に修正しなくても影響が出ないようにしています。
もし意図した通りのレイアウトにならない、改行位置がおかしくなった、などの場合は個別にご連絡いただけると助かります。
なお、以前よりスマホ時に自動改行を無視した際に半角スペースが入ることがありますが
HTML構文の仕様上削除することが難しいためそのままにしてあります。
特殊な書き方をすることで回避も可能ですがHTML構文としての「正確な文法」を重視したいと考えております。
table レイアウトで一部レイアウト崩れがありましたので修正しました。