エントリー

タグ「freo」の検索結果は以下のとおりです。

ページ一括表示プラグインを使って目次を自動作成

  • 2012/10/18 22:12
  • タグ:freo

freoではブログの記事(エントリー)のほか、通常のページを作成して所謂「ホームページ」を作成することができます。
ページ一括表示プラグインを使うと、ページを作成する毎に、自動的にリンクを張って、目次を作ってくれます。 あれこれいじってみながら、こんな感じ↓にしてみました。

 

20121016130258

OperaやらSony Readerやらポメラなど自分の趣味に合わせたカテゴリ分けでやってみましたw 
「Opera」 「freo」などの項目の表示方法を変えてみたり、一部のリンクを「その1」「その2」など横に並列させたり、タイトル横にコメントを表示させてみたり、といったのはオプションでやってみました。 オプションを使い分けるのがポイントみたいです。 


ページの構成はこんな↓感じ。

階層1 階層2 階層3
Opera Opera Mail

Opera Mailについて1
(「その1」)

Opera Mailについて2
(「その2」)
freo ページ一括表示  
freoのCSS  
ポメラ Evernoteとの連携  
PCとの同期  
Sony Reader 自炊について  
EPUBファイルの作成  


「Opera」というタイトルのページを作成し、その下に「Opera Mail」という子ページを作成し、さらにその下に「Opera Mailについて1」「Opera Mailについて2」という子ページを作成、という仕組になってます。
初期設定だと各ページのタイトルがリンクになっていますが、階層3の部分については、オプションで指定した「その1」「その2」がリンクになっています。


ページ一括表示プラグインを導入後、templates/internals/page/default.html に

<!--{if $plugin_page_childs|smarty:nodefaults}-->
<h3>目次</h3>
{assign var="pid" value=$page.id}
{include file='plugins/page_all/default.html'}
<!--{/if}-->

を挿入。
 1行目の「if $plugin_page_childs ~」というのが、「もし子ページが存在したら、下記の操作をします」みたいな感じ。 このあたりは、perlと同じなので、比較的私には馴染みがあります。 
value=$page.id の"$page.id"を各ページのIDに変えたり、{include file='plugins/page_all/default.html'}のhtmlファイルを別のに書き換えれば、ページ毎に表示方法を変えることができるということになるみたいです。
そして、plugins/page_all/default.htmlには、下記のとおり書いてみました。

<!--{foreach from=$page_alls|smarty:nodefaults item='page_all'}-->
<!--{if $page_all.pid == $pid}-->
<!--{php}if (!$flag) :{/php}-->
<ul><!--{php}endif;{/php}--><!--{if $page_all.id != $page.id}-->

<!--{if $page_all_associates[$page_all.id].option.childnum != ''}-->
<li class="num"><a href="{$freo.core.http_file}/page/{$page_all.id}">{$page_all_associates[$page_all.id].option.childnum}</a>
<!--{elseif $page_all_associates[$page_all.id].option.category != ''}-->
<h4 class="title1"><a href="{$freo.core.http_file}/page/{$page_all.id}">{$page_all.title}</a></h4>
<!--{else}-->
<li class="title2"><a href="{$freo.core.http_file}/page/{$page_all.id}">{$page_all.title}</a><!--{/if}-->

<!--{if $page_all_associates[$page_all.id].option.comment != ''}-->
<p class=comment>{$page_all_associates[$page_all.id].option.comment}</p>
<!--{/if}-->

<!--{else}--><span class="now">{$page_all.title}</span><!--{/if}--><!--{assign var="pid" value=$page_all.id}-->{include file='plugins/page_all/default.html'}<!--{assign var="pid" value=$page_all.pid}--></li><!--{php}$flag = 1;{/php}--><!--{/if}--><!--{/foreach}--><!--{php}if ($flag) :{/php}--></ul>
<!--{php}endif;{/php}-->


オプションには
category
comment
childnum

を用意。

「Opera」「freo」「ポメラ」など大きな分類の表記については、categoryオプションにチェック。
各リンクへのコメントをつけたいときは、commentオプションに1行程度のコメントを書く。
あるIDページ以下のリンクを並列に表示させたい場合は、childnumにタイトルとなる文字列を書く。

みたいな感じ。あとは、各項目にクラス名をつけたので、スタイルシート(/css/default.css)で表示を変えてみました。
スタイルシートはこんな↓感じ

/*ページ目次*/
ul li.title2{
  margin-left:20px;
}

ul li.num,p.comment{
  display: inline;
}

p.comment:before{
  content: " // "
}

今回は、childnumに「その1」「その2」と記入したので、Opera Mail以下のリンクが「その1 その2」と並列に表示されるようになってます。コメントは、各リンクの横に「//コメント」といった感じで表示するようにしてみました。


もう少しスマートにできないかなぁ、とおもったのだけど、今のところ私ができるのはこれぐらいですね。
この要領で、新着記事には右端にNew!をつけたり、日付を表示させたり、ということもできそう。
専らブログメインで、ページ機能でサイトを構成することなんてしばらくはないのに、一体なんでこんなことをしているんだろうと、ちょっと思っておりますが(汗


**参考サイト**

freoのメディア管理機能でテキストファイルを編集

  • 2012/10/08 00:34
  • タグ:freo

freoを設置しなおすのが面倒くさいなーと思っていたのですが、結局設置しなおしました。そして、freoの新しいバージョンVer 1.11.0 では、メディア管理でテキスト形式のファイルを直接扱えるようになったとのことだったので、早速試してみました。

このサーバーは、ウェブ上からのアップロードを禁止しているので、メディア管理機能は今まで全く使えなかったのですが、新しい機能のフォルダやテキストファイルの作成&テキストファイルの内容の編集は問題なくできました。

freoでhtmlファイル等の作成&編集ができてしまうので、結構便利そうな機能です。
私は、このサイトではブログを書き続けることがメインなので、あまり使わない機能かなぁ、とも思いましたが、テンプレートのutility.htmlに、

{include file=' ~~/files/medias/infomation.php '}

などと記入して、メディア管理で、infomation.phpを作成すれば、自由にサイドバーにインフォメーション等を書き加えられるので便利そうです。

<メディア管理画面>
20121006133137

 

 

<ブログのトップページ>

20121006133136

 

ちなみに、サイドバーに表示させた、Twitterのウィジェットも上記の方法で設置してみました。
 サイドバーを頻繁に変更するのであれば、utility.htmlの内容をすべてinfomation.phpに書いて、メディア管理でその都度編集する、ということができる……かも。

freoがバージョンアップしたので、アップグレードしてみたけど…

  • 2012/10/07 05:00
  • タグ:freo

2012/09/30にfreoがバージョンアップしていたので、 2012/09/15の分も含めて アップグレードしたのですが、なぜかエントリー登録やページ登録でエラー表示となって、登録ができなくなりました。元のバージョンに戻したら、登録はできるようになりましたが。

ただ、今後のアップグレードができないのが、ちょっと困った。
2012/10/03の更新では、「メディア管理でテキスト形式のファイルを直接扱えるように改良」というちょっと気になる改良があったので、試してみたかったし、今後も頻繁に不具合の解消や改良があるようなので、アップグレードしていきたかったのですけど。

もともと、なぜかエントリー登録やページ登録は上部にエラー表示がされていて、記事を投稿しようとするたびに、落ち着かない気分になっていました。
同じサーバー上に動作確認としてもう一つfreoを設置しており、そちらでは、エントリー登録やページ登録でエラーが表示されるようなことはないので、私の設置方法に何か問題があったんだろうなぁ、と思っているのですが(このブログ設置に あたり、パーミッションの設定でちょっと格闘した経緯があるので)。

どうせだから、もう一度freoを設置しなおそうかなーと思ってはいますが、プラグインを改めて導入するのもちょっと面倒で。ファイル数が多いせいなのか、freoのファイルを全部アップロードするのも、数回にわけて行わないといけないので、それも面倒だったり。
できたら、設置をしなおさずに、問題を解決したいところです。

freoのスキンのこととか。

  • 2012/09/30 21:51
  • タグ:freo

ブログをちょっと秋らしい外観に変えてみました。ただ、やっぱり自分のセンス&能力だとここまでが限界。
配布サイトからスキンをお借りする方が無難なようです。

ただ、スキンの変更もfreoはちょっと気軽にできる感じがしません。スキン配布サイトをいくつか見てみましたが、テンプレートのhtmlファイルとCSSの両方を差し替えるのが殆どなんですよね。差し替えた後は、自分用にhtmlファイルを書き直さないといけないので、気軽に自由にスキンを変更することができない、というのがちょっと難点。

あと、freo自身で悩んでいるのは、月別の記事タイトル一覧が表示できないかなぁ、ということ。はてなダイアリーでいうこんな感じのページの表示ができないかなぁと。

また、記事の投稿・編集画面(エントリー登録画面)で、なぜか上部に以下のような↓エラー表示が出ていることが気になってます。

Warning: unlink(files/temporaries/entry_files/dummy.txt) [function.unlink]: Permission denied in ~~
Warning: unlink(files/temporaries/entry_images/dummy.txt) [function.unlink]: Permission denied in ~~

とりあえず、投稿ができるから支障はないのですけど。 

 

freoのスキン

  • 2012/09/17 10:46
  • タグ:freo

freoのスキンは、KURAGEYAさんのところのをお借りしてましたが、一度デフォルト設定に戻し、ちょっと自分で頑張って概観を変えてます。

コンセプトは、CSSのみで概観を変更すること。 htmlを書き換えることなくCSSファイルの差し替えだけで済ませたいなぁと (「CSS着せ替えテンプレート企画」の発想をもとにしております)。

と言っても、まだちょこっとしかCSSはいじってないんですけど。
今の概観ではちょっと寂しすぎるので、これから少しずつ思いつくまま変えてみようかなぁ、と思います。

freoについて

  • 2012/09/14 03:52
  • タグ:freo

一昨日から、freoのカスタマイズをちょこちょこやってみたり、公式サイトやそのほかfreoのtipsを公開しているサイトや、実際freoでサイト運営をされている方のページを見てみたりしていました。

freoを配布しているサイト

主にイラスト・小説・写真などの作品公開に利用されることを定した、高機能なコンテンツ管理システム

とうたっているように、単なるブログツールではなく、小説サイトやイラストサイトを作れてしまうというのが、凄いと思いました。web拍手やメールフォームなども設置できます。また、小説サイトやイラストサイトだけではなく、個人のホームページを作っても全然問題ありません。企業のホームページにも使われているようです。

ただ、正直なところ、freoでサイトそのものを作成しようとするとかなり面倒くさいです。細かい設定や編集を色々としなければなりません。それに、ホームページ作成のためのノウハウをある程度持っていないと、厳しいかなぁ、という感じです。そして、そういうノウハウを持っている方は、ツールに頼らず、自力で作ったほうが手っ取り早いと思うかもしれないなぁ?と思ったり。

それから、既存のホームページから、freoへ移行するのは、結構大変そうだという印象を持ちました。たとえば、小説サイトを作る場合、すでにサイトを運営されている方がfreoを利用しようとすると、これまでに公開した作品を一つずつ登録していかないといけません。一括して登録できる仕組がないので、ページ数が多いとかなり大変です。イチからホームページを作ろう!という方向けのような気もします。

ところで、freoを使っているサイトを探すと、配布されているスキンを使わずオリジナルのデザインを使っている方が結構いらっしゃいます。すごいなーと思いながらサイトを見て回っていました。せっかくなので、私もオリジナルのスキンをあててみたいものですが、いかんせん能力とセンスが追いつかず。。。。。

freoカスタマイズ備忘録

  • 2012/09/12 20:01
  • タグ:freo

freoを動かすために、ブログを更新しているという、なにやら手段が目的となっている状況です。一応、freoのカスタマイズした内容についてここにメモ。

スキンを変更

KURAGEYAさんところのBox-B1を使用。
「HTMLテンプレート」に梱包されたファイルをを /templates、/images、/css のディレクトリに、 「デザインCSS」に梱包されたファイルを /images、/css のディレクトリに上書き。

改めて別のスキンを使う場合は、デフォルトの設定に戻した上で、スキンを上書きアップロードしなければいけないらしい。

行間とフォントサイズを変更

記事の行間が若干大きめだったので、/css/K.css のファイル内の

p, li, dt, dd {
	line-height: 1.8;
}

をline-height:1.5にし、

div#content {
	float: left;
	width: 550px;
}

に、font-size: 112% !important を追加。

サイドバーの編集

サイドバーは、templates/utlity.html を編集すればOK。

  • サイドバーのコンテンツを一部削除
    カレンダーとカテゴリーの項目をコメントアウト。
  • サイドバーの一部を変更
    ARCHIVEの表示方法を変える。プルダウン型から一覧表示型へ。
    参照:http://kurageya.xrea.jp/pc/Readme_freo.html (サイドバーの過去ログの表示を変更する)
  • アクセス数を表示
    カウンタプラグインの導入
    templates/utlity.htmlに、カウント総数のみ表示するように設定。
    ただ、ユニークアクセス数を表示させるようにした筈なのに、ページビューがカウントされているみたい。
  • タグクラウドの表示
    エントリータグクラウド表示プラグインの導入
    templates/utlity.htmlに、タグクラウドを表示するよう編集。

その他プラグインの導入

  • エントリータグ管理プラグインを導入
    記事につけたタグを管理画面で一括して編集・削除する機能。エントリータグクラウド表示プラグインとの連携のため、config.entry_tagcloud.php も編集
    参照:http://freo.jp/plugin/entry_tagmanager.html (エントリータグクラウド表示プラグインとの連携)
  • 関連エントリー表示プラグインを導入
    templates/internals/view/default.html に以下の記述を追加。
    <h2>関連エントリー</h2>
    <ul>
      <!--{foreach from=$plugin_entry_relates|smarty:nodefaults item='plugin_entry_relate'}-->
      <li>{$plugin_entry_relate.datetime|date_format:'%Y/%m/%d'} <a href="{$freo.core.http_file}/view/{if $plugin_entry_relate.code}{$plugin_entry_relate.code}{else}{$plugin_entry_relate.id}{/if}">{$plugin_entry_relate.title}</a></li>
      <!--{foreachelse}-->
      <li>関連エントリーはありません。</li>
      <!--{/foreach}-->
    </ul>
    

はてなスター、はてなブックマークボタン、twitterのツイートボタンを設置

はてなスター

templates/header.htmlを編集する。 ヘッダーに 

<script type="text/javascript" src="http://s.hatena.ne.jp/js/HatenaStar.js"></script>
<script type="text/javascript">Hatena.Star.Token = 'はてなスター用トークンを挿入';Hatena.Star.EntryLoader.headerTagAndClassName = ['div','title'];</script>

と入れるだけ。 本当は、記事タイトル横にはてなスターを設置したかったのだけど、そうするとスタイルシートを見直さないといけなくて、ちょっと面倒くさかったので、記事の右下という微妙な位置に設置。

はてなブックマーク&ツイートボタン

はてなブックマークボタンとtwitterのツイートボタンは下記のコードを
templates/internals/default/default.html
templates/internals/view/default.html
に追加。(2箇所も同じものを挿入しないといけないというのがちょっと面倒くさいと思った。)

  • はてなブックマークボタン
    <ul class="link">
    <li><a href="http://b.hatena.ne.jp/entry/{$freo.core.http_file}/view/{if $entry.code}{$entry.code}{else}{$entry.id}{/if}" class="hatena-bookmark-button" data-hatena-bookmark-layout="standard" data-hatena-bookmark-title="{$entry.title}" title="このエントリーをはてなブックマークに追加">
    <img src="http://b.st-hatena.com/images/entry-button/button-only.gif" alt="このエントリーをはてなブックマークに追加" width="20" height="20" style="border: none;" /></a>
    <script type="text/javascript" src="http://b.st-hatena.com/js/bookmark_button.js" charset="utf-8" async="async"></script></li>
    
  • ツイートボタン
    <li><a href="https://twitter.com/share" class="twitter-share-button" data-count="horizontal" data-text="[{if $entry.title}{$entry.title} - {elseif $page.title}{$page.title} - {/if}{$freo.config.basis.title}]" data-url="{$freo.core.http_file}/view/{if $entry.code}{$entry.code}{else}{$entry.id}{/if}" data-via="akizuki_b" data-lang="ja">ツイート</a>
     <script type="text/javascript" src="//platform.twitter.com/widgets.js"></script></li>
    </li>
    

上記に加えて、RSSフィードが今現在一部配信状態になっているので、全文配信にしようかどうか迷い中。あと、ファイルのアップロード機能がうまくいかず、どうしたものかと調べている最中。
既存のブログサービスを使うと上記のことが手っ取り早くできちゃうんだよなーと思いつつ、楽しんでfreoのカスタマイズをしておりましたv

 

ページ移動

  • 前のページ
  • 次のページ
  • ページ
  • 1

ユーティリティ

過去ログ

検索

エントリー検索フォーム
キーワード

Feed

G|Cg|C@Amazon Yahoo yV

z[y[W yVoC[UNLIMITȂ1~] COiq COsیI