【2021年版】freoにSNSシェアボタンを導入・2

20210114snsshare.jpg

【2021年版】freoにSNSシェアボタンを導入・1 の続きです。前回は各SNSの公式シェアボタンのコードの取得方法とオリジナルデザインでSNSシェアボタンを設置するためのコードの紹介をしていました。ここでは国産CMS「freo」にオリジナルデザインのSNSシェアボタンを設置する具体的な書き方について解説します。 オリジナルデザインのSNSシェアボタン用コードのおさらい スタイルを...

Read More

【2021年版】freoにSNSシェアボタンを導入・1

20210114snsshare.jpg

当サイトではSNSシェアボタンをずらずら並べていた時期があったりなかったりするんですが今回のリニュにあたりちょこちょこ修正加筆したのでその辺についての覚書です。 Google+を削除、LINE・Pocketを追加 Google+、サービス終了してたので(2019年4月)。代わりと言っては何ですが LINE ・ Pocket へのシェアボタンを追加しました。Pocketはいわゆる「あとで見...

Read More

script非同期読み込みのススメ

26_asyncdefer.jpg

freoのデフォルトテンプレートでは外部javascriptを読み込むためのタグ、「 <script src=~略 」が <head>~</head> に記述されています。実はこの記述順序は、ページの表示を遅らせる一因となってしまいます。 なぜ <head>~</head> でscriptタグを記述するとページの表示が遅くなる? ブラ...

Read More

メディア管理で一度に複数のファイルをアップロード

25_fileup.jpg

(※スクショは witchmakers さんの管理画面用テンプレートを利用していますがデフォルトの管理画面でも今回のカスタマイズは利用できます) メディア管理でファイル登録(アップロード)する場合、ファイル選択欄で選べるファイルは一つのみです。下方にある「ファイル選択欄を追加」リンクをクリックするとファイル選択欄を増やすことができますがそれすら面倒な人(私)向けのカスタマイズです。 ...

Read More

Smarty3で検索プラグイン及び「複数行置換」の使い方

mlrep.png

search/default.html 置換箇所がめちゃめちゃたくさん(23個?)あるので freoのテンプレートをSmarty3.x系の記述に合わせて修正する を参考に置換かける。置換箇所が多くなる時に私が使っているのは「複数行置換」というそのままズバリな名前のソフトです。 「複数行置換」の使い方 ダウンロードとインストール 複数行置換は Vector からもダウンロードできま...

Read More