wordpress
wordpress使用プラグイン
wordpressのプラグインは左バーメニュー＞プラグイン＞新規追加ページから、検索窓に名前を入力してインストールさせる事ができる。インストール後は有効化ボタンを押すとプラグインにより左バーに出たり、設定項目の中に追加されたりし、おおまかなセッティングが出来る様になりさらに細かいCSS等のカスタマイズは編集のページとなる。もちろん通常通りプラグインの開発ページからダウンロードし解凍した後にFTPでアップロードする事も可能だ。通常プラグインはwp-content＞pluginsの中に格納される。投稿ページや固定ページ、その他各部分にプラグインを反映させる場合はウィジェットに項目が出てたり、ショートコードが設定画面で出てくるので掲載したいページに貼付けてやる。とにかくここまでプラグイン化？ってくらいカスタマイズが簡単でおまけに清楚でシンプルに出来るのでその部分も人気なんだろう。
WordPress 3.8.1プラグイン
| SEO対策 | All In One SEO Pack | SEO関連の各種設定を行うことができるプラグイン。記事毎に「title」や「description」を設定したり「canonical」の設定などを行うことができる。 |
| 3Dタグクラウド | WP-Cumulus | タグクラウドが3D空間で回転表示するプラグインです。ノーマルでは文字化けするので日本語パッチを当てます。使い方はウィジェットから追加できます。 |
| パンくずリスト | Breadcrumb NavXT | パンくずリストはカテゴリ―やタグ、日付などをベースに表示させる事ができる。 |
| ヘッダータグ読み込み | Header and Footer | 本来はheader.phpに設定する各種機能をプラグインにより格納させ管理させるプラグインです。これで画面が真っ白にならないね。 |
| トゥイッター＆Facebook | Simple Share Buttons Adder | TwitterやFacebookの共有ボタンを簡単につけることができる意外とオシャレなパターンが入っているので使い勝手いいです。 |
| 最新記事埋め込み | What’s New Generator | 新着情報の日付、タイトルは自動的に表示されます。また、タイトルをクリックすると該当のページが開く属に言う新着コラムです。ウィジェットに出てきます |
| お問い合わせフォーム | Contact Form 7 | 問い合わせを行う場合に使用するメールフォーム。左バーの“お問い合わせ”と設定画面がでてきます。 |
| 画像プレビュー | Shadowbox JS | 似たようなものがある中で、しっかりどの媒体でも動いて軽く、シンプルで、使いやすくて、ちょっとかっこいい。rel=”stylesheet”と要素に追加する。 |
| 管理画面カスタマイズ | Ultimate TinyMCE | 設定画面は左バーに露出します。チェックしていくと投稿画面に反映される。 |
| ソースピックアップ | WP SyntaxHighlighter | SyntaxHighlighterというライブラリのWordPressプラグイン版。 |
| ファビコン挿入 | Favicon Rotator | このプラグインは、なくても良かったかも… |
| スクロールでページが増える | Infinite Scroll | スクロールしてページ下部まで移動すると、次のページを自動的に読み込んで表示するjインフィニティスクロールという機能でTwitterや、Facebookでおなじみ。実はフルカスタマイズの為これの設置に苦労してまず。 |
| サイトマップ | PS Auto Sitemap | 結構色々なパターンが選べて重宝しそう。<!-- SITEMAP CONTENT REPLACE POINT -->と希望ページを埋め込むだけ。 |
| トップに戻る | Back To Top | これもトップに戻る素材が色々選べる。おおまかな設定と細かいCSS編集が可能 |
| 他のサイトの新着記事を取得する | WP-RSSImport | 他のサイトで発行しているRSSを収集して新着として表示する。 |
| 記事の続きを読むを日本語に | Custom More Link Complete | 記事内の続きを読むを日本語に変える。こういうものまでプラグイン化されていたせりつくせり。 |
使用モジュール
joomla!1.5.22_1.5.26標準装備モジュール
| アーカイブ済みコンテンツ | mod_archive | アーカイブされたコンテンツを年月ごとに一覧表示します。 |
| オンラインユーザ | mod_whosonline | 現在サイトにアクセスしているユーザ(ゲスト)と登録(ログイン中)ユーザを表示します。 |
| カスタムHTML | mod_custome | WYSIWYGエディタを利用してHTMLを入力できます。 |
| セクション | mod_sections | セクションの一覧を表示します。 |
| ニュースフラッシュ | mod_newsflash | 指定したカテゴリのコンテンツをランダムに表示します。 |
| バナー | mod_banners | バナーコンポーネントで設定したバナーを表示します。 |
| パンくず | mod_breadcrumbs | パンくずリストを表示します。 |
| フィード | mod_rssfeed | RSSアイコンを表示します。RSSで配信できるのはトップページのコンテンツのみです。 |
| フィード表示 | mod_feed | 登録した外部サイトのRSSを表示します。 |
| フッター | mod_footer | Joomla!のコピーライト情報を表示します。 |
| メニュー | mod_mainmenu | 各種メニューを表示します。初期状態ではメインメニューしかありません。 |
| ラッパー | mod_wrapper | インラインフレームを使用し、外部サイトを任意の場所に表示します。 |
| ランダムイメージ | mod_random_image | 指定したディレクトリに保存されている画像をランダム表示します。 |
| ログイン | mod_login | 登録ユーザへのログイン画面を表示します。 |
| 投票 | mod_poll | 投票コンポーネントで設定した投票モジュールを表示します。 |
| 最も読まれたコンテンツ | mod_mostread | アクセスが多いコンテンツをリストで表示します。 |
●
はじめまして、本サイトの管理人tsukapikoが既製にとらわれず自由奔放にdesignする手づくりで手探りなt-esignサイトです。
このサイトは、WordpressCMSによるレスポンシブを意識したスマホやタブレット等あらゆる端末の画面サイズに合わせて最適な見せ方を提供できるサイトの構成を目指しています。
サイズ指定は主にpxではなく％を使いながらのリキッドとなりますが、やはり一番困難を極めるのは、プレビュー方式が極端に違うIEハックの作業です。そして上部のメインビジュアルにはjQueryが組み込まれていますが、あえて画像にせずCSS3によるトランスフォーム指定を使う等々、今後の視覚的かつ効果的なサイトのあり方を探る意味で色々なデモを行っています。
ちなみにjQueryはWordPress本体に付属している様なので、これをfunctions.phpやheader.phpなどに書くだけで読み込まれます。
プラグインがこれを使ってjQueryを読み込んでる事も多いので、これを書いてなくてもjQueryが読み込まれてるかもしれません。複数のプラグインがこれでjQueryを読み込もうとしてたり、functions.phpのとで被ったりしても、wp_enqueue_script()は同じスクリプトは1回だけ読み込む様にうまい事やってくれます。あとはオリジナルのjQueryの指示がぶつかったりするので、$をjQueryに置き換えたりと、各種エラーそのままで（爆）、地道に検証するヒントにしたいサイトであります。
- http://html5-lab.jp/checker/ というサイトがあります。
