• 虹色ミツバチ
  • freoカスタマイズメモ、テンプレート・プラグイン配布/officeTIPS
検索プラグイン
虹色ミツバチ

> Entry >freo>freoプラグイン>リンク系プラグイン> バナー付きリンクプラグイン

【freo】【freoプラグイン】【リンク系プラグイン】バナー付きリンクプラグイン

freo公式の配布しているブックマーク登録プラグインをバナー付き表示ができるように改変し、ページやエントリーから呼び出すことができるようにしました。
基本的な機能はブックマーク登録プラグインを踏襲しています。

特徴

バナーの表示
  • 管理画面でリンクを登録する際、「バナーのURL」を記入する項目を増やしました。
  • ファイル(バナー)をアップロードできるようにしました。
  • ファイル(バナー)がアップロードされていた場合はバナーを表示し、バナーのURLが入力されていた場合は外部リンクでバナーを表示し、どちらも入力がなかった場合はタイトルが表示されます。
分類
  • カテゴリーを選択できます。
  • タグを設定できます。
その他の情報
  • サイトのタイトルの他、コメント(本文)を入力できます。
  • 10件までのオプション機能をつけているので、「管理者名」など必要な場合に利用して下さい。
  • 添付ファイルを10件まで登録できます。添付ファイルは画像に限ります。
表示方法
  • 一覧ページ[freo/index.php/link]の他、詳細ページ[freo/index.php/link/view/リンクID]を表示できます。
  • ページ・エントリー・デフォルト・カテゴリー画面でプラグイン情報を参照できます。よって、エントリーのサイドバーなどでリンク一覧をブログパーツとして表示させることができます。
  • リンクページ・管理ページで表示できるリンク件数をプラグイン管理画面で設定できます。
  • ↑とは別に、ページやエントリー等で表示するリンク件数をプラグイン管理画面で設定できます。
  • リンク画面、及びページやエントリーなどで表示するリンクの昇順と降順を選択できます。
注意事項
  • freo公式のブックマーク登録プラグインに登録されているブックマークとの互換性はありません。
    大変恐縮ですが、ブックマークプラグインに登録されているブックマークを使用する際は、再度リンクとして登録しなおしてください。
  • 旧バージョン(1_2_0以前)をご利用の方は、アップデートの際データベースの書き換えが必要です。
    アップデートの方法はこちらを参照して下さい。

サンプル

当サイトのリンクで使用しています。

ダウンロード

導入方法

  1. 上記ファイルをDLして解凍する。
  2. あらかじめ管理者でfreoにログインしておく。
  3. freoフォルダfreo設置フォルダにアップロードする。
  4. ブラウザから[freo/index.php/link/setup]にアクセスしてセットアップ実行
  5. [管理画面-プラグイン-バナー付きリンク]にアクセスしてリンクを登録する。
  6. [管理画面-設定管理-プラグインの設定-バナー付きリンク]で各種設定ができる。

デフォルト画面・ページ画面でリンクを表示する方法

ページ・エントリー(一覧表示画面・個別表示画面)・デフォルト・カテゴリー画面でプラグイン情報を参照できます。
よって、エントリーのサイドバーなどでリンク一覧をブログパーツとして表示させることができます。

  1. 下記ソースを更新履歴を表示したい画面のテンプレートに挿入します。
    <h2>リンク一覧</h2>
    <dl class="link">
        <!--{foreach from=$plugin_links|smarty:nodefaults item='plugin_link'}-->
            <dt><!--{if $plugin_link.url}--><p><a href="{$plugin_link.url}" target="_blank"><!--{if $plugin_link_files[$plugin_link.id].file}--><img src="{$freo.core.http_url}{$smarty.const.FREO_FILE_DIR}plugins/link_files/{$plugin_link.id}/{$plugin_link_files[$plugin_link.id].file}" alt="{$plugin_link.title}" /><!--{elseif $plugin_link.imageurl}--><img src="{$plugin_link.imageurl}" alt="{$plugin_link.title}" /><!--{else}-->{$plugin_link.title}<!--{/if}--></a></p><!--{/if}--></dt>
                <dd>
                    <!--{if $plugin_link.category_id}-->
                        カテゴリー:<a href="{$freo.core.http_file}/link?category_id={$plugin_link.category_id}">{$plugin_link_categories[$plugin_link.category_id].name}</a>
                    <!--{/if}-->
                    <!--{if $plugin_link_tags|smarty:nodefaults}-->
                        タグ:<!--{foreach from=$plugin_link_tags|smarty:nodefaults item='plugin_link_tag' name='loop'}--><a href="{$freo.core.http_file}/link?tag={$plugin_link_tag|smarty:nodefaults|escape:'url'}">{$plugin_link_tag}</a><!--{if !$smarty.foreach.loop.last}-->,&nbsp;<!--{/if}--><!--{/foreach}-->
                    <!--{/if}-->
                    <!--{if $plugin_link.text}-->{$plugin_link.text|smarty:nodefaults|nl2br}<!--{/if}-->
                    <!--{if $freo.user.authority == 'root' or $freo.user.authority == 'author'}--><a href="{$freo.core.http_file}/link/admin_form?id={$plugin_link.id}"><img src="{$freo.core.http_url}images/icons/edit.png" alt="編集" title="編集" width="16" height="16" /></a><!--{/if}-->
                </dd>
        <!--{/foreach}-->
    </dl>
    
  2. 更新したテンプレートをアップロードします。

[管理メニュー][システム][設定管理][バナー付きリンク]で表示する件数及び表示順(昇順・降順)を選択できます。

おまけのCSS

下記ソースを[freo/css/default.css]に加筆してください。

dl.link dl{width:740px}
dl.link dt {
  clear: left;
  float: left;
  margin: 0 0 8px;
  width: 200px;
  border-left: solid 8px #EFEFCF;
  padding-left: 5px;
  color: #000;
}
dl.link dd { margin: 0 0 8px 220px;}

バナー付きリンクプラグインのテーブル構成

  • リンクを管理します。
  • 初期状態のテーブル名は freo_plugin_linksです。
フィールド タイプ ヌル キー 備考 格納データ 補足
id INT UNSIGNED   KEY AUTO_INCREMENT リンクID  
created DATETIME       登録日時 新規登録日時で自動的に反映
modified DATETIME       更新日時 最終更新日時を自動的に反映
title VARCHAR(255)       タイトル  
url TEXT       URL  
imgurl TEXT YES     バナーURL  
tag VARCHAR(255) YES     タグ  
text TEXT YES     本文  
category_id VARCHAR YES     カテゴリーID  
option01 TEXT YES     オプション01  
option02 TEXT YES     オプション02  
option03 TEXT YES     オプション03  
option04 TEXT YES     オプション04  
option05 TEXT YES     オプション05  
option06 TEXT YES     オプション06  
option07 TEXT YES     オプション07  
option08 TEXT YES     オプション08  
option09 TEXT YES     オプション09  
option10 TEXT YES     オプション10  

更新履歴

2012/06/05
プラグイン公開・配布開始
2012/07/22
設定画面で選んだリンクの並び順がページ・エントリーで利用時だけでなく、
リンク画面表示時にも適用されるように修正しました。
page.link.phpとconfig.link.phpをアップロードしなおしてください。
2012/07/25
mysql使用時にエラーになってしまった部分を修正しました。
display.link.phpとconfig.link.phpをアップロードしなおしてください。
2012/07/26
[link]フォルダ内default.htmlテンプレートを修正してアップロードしました。
おまけのCSSをUPしました。よろしければご利用下さい。
2014/01/04
カテゴリーで分類できるようにしました。
オプションを利用できるようにしました。
ファイルを添付出来るようにしました。
リンク記事の詳細ページを表示できるようにしました。
フォルダ内の全ファイルを更新して下さい。
旧バージョンからアップデートする場合にはデータベースの書き換えが必要です。
2014/01/04
データ更新時にデータを保存するフィールドがずれていた不具合、リンク詳細画面でオプションの内容が表示できなかった不具合を解消してアップデートしました。
[freo/libs/freo/plugins/link/config.link.php]
[freo/libs/freo/plugins/link/page.link.php]
[freo/templates/plugins/link/admin_category_form.html]
[freo/templates/plugins/link/default.html]
[freo/templates/plugins/link/view.html]
以上の内容をアップロードしなおして下さい。
2014/01/04
MySQL使用時にエラーが表示されていた不具合を解消しました。
[freo/libs/freo/plugins/link/page.link.php]
[freo/libs/freo/plugins/link/config.link.php]をアップデートしなおして下さい。
2014/02/06
リンクをエントリーやページ画面で利用する場合の表示件数が正常に設定できなかった不具合を解消しました。
管理画面でリンクをカテゴリーで絞り込みできるようにしました。
リンクの本文の文字数制限を修正しました。
[freo/libs/freo/plugins/link/config.link.php]
[freo/libs/freo/plugins/link/display.link.php]
[freo/libs/freo/plugins/link/page.link.php]
[freo/templates/plugins/link/admin.html]アップデートしなおして下さい。
2016/01/14
リンクをカテゴリーで検索できない不具合を解消。
カテゴリー検索時のページめくりが不正であった件を解消。
[freo/templates/plugins/link/default.html]
[freo/libs/freo/plugins/link/config.link.php]をアップデートしなおして下さい。
2016/03/16
リンク画面がエラーになる不具合を解消。
[freo/templates/plugins/link/default.html]
[freo/libs/freo/plugins/link/config.link.php]をアップデートしなおして下さい。
2016/09/12
カテゴリー検索時にカテゴリー名を表示できない不具合を解消。
[freo/templates/plugins/link/default.html]
[freo/libs/freo/plugins/link/config.link.php]をアップデートしなおして下さい。

ページ移動

関連記事

ユーティリティ

Twitter

ページ上部へ