wordpressの最近のブログ記事

【まとめ】ソーシャルボタン設置方法（Facebook、twitter、google+1、はてな、Evernote）

2012年1月17日 21:50 takayuki | 個別ページ | コメント(0) | トラックバック(0)

最近は設置するのが当たり前になっている各種ソーシャルボタンですが、
ちょっと作業していないと「あれ？」と忘れてしまう事もあります。
そんな時はこのまとめサイトで確認です。

●「Facebookいいね！ボタン」をホームページやブログに設置

●twitter「ツイートボタン」をホームページやブログに設置

●google+1ボタンをホームページやブログに設置

●「はてなブックマーク数＆登録ボタン＆ランキング」をホームページやブログに設置

●Evernote（エバーノート）のクリップボタン（サイトメモリー）をホームページやブログに設置

※各インターフェイスは常に進化しますので変更されている場合があります。

Wordpressマルチデバイス対応～携帯＆スマートフォンサイト構築＆カスタマイズ～

2011年12月15日 21:53 takayuki | 個別ページ | コメント(0) | トラックバック(0)

Wordpressでのサイト構築が多い中で、無料で簡単にマルチデバイス対応できるプラグイン＆カスタマイズ方法を紹介しているサイトのメモです。

【スマートフォン対応】
--------------------------------------------------------------------------------------------
●スマートフォン変換プラグイン
WPtouch
https://wordpress.org/extend/plugins/wptouch/

無料で簡単！Wordpressをスマートフォン表示に変換してくれます。
基本インストールだけでも十分と思いますが、カスタマイズしたい方は
以下サイトにて方法が紹介されています。
デフォルトではトップページが記事一覧になってしまいますが、
カスタマイズした固定ページをトップにもってくる方法など、とても勉強になります！

★スマートフォンWPtouch トップページのカスタマイズ | 簡単ホームページ作成支援-Detaramehp

【携帯対応】
--------------------------------------------------------------------------------------------
●携帯サイト変換プラグイン
Ktai Style
http://wordpress.org/extend/plugins/ktai-style/

こちらも無料プラグインにてWordpressを携帯サイト表示に変換してくれます。
基本状態の場合は、デザイン的にはちょっと厳しい状態ですが、
こちらもテンプレートをカスタマイズする事で、デザインする事が可能です。
以下サイトにてカスタマイズ方法が紹介されています。

★WPのKtai Styleで携帯サイトのデザインをする方法 - [Mu]ムジログ

早くカスタマイズのスキルを習得して見栄え良くＰＣ，携帯、スマートフォン同時メンテナンスを実現したいものです。

WordPress連続改行
適用プラグイン「PS Disable Auto Formatting」

2011年12月 6日 21:29 takayuki | 個別ページ | コメント(0) | トラックバック(0)

WordPressを初期設定のまま使用していると、入力画面で改行スペース調整しても
記事を公開してみると、改行スペースがまったく反映されないという問題があります。

そんな時はWordPress の改行適用プラグイン「PS Disable Auto Formatting」がオススメです。
１分もあれば設定完了出来るお手軽プラグインです。

------------------------------------------------------------------------------------------------------------------
●PS Disable Auto Formatting
http://wordpress.org/extend/plugins/ps-disable-auto-formatting/

★１．
WordPress の「プラグイン」から「新規追加」を選び、検索欄に
「PS Disable Auto Formatting」を入力してプラグインを検索すると表示されます。

↓

★２．
表示されたプラグインをインストールします。
インストール時にサーバーのFTP情報入力が必要ですので準備ください。

↓

★３．
インストールが完了し「有効化」すると、
WordPress の「設定」メニューに「自動整形」が追加されますので、
これで作業完了となります。

※自動整形の「記事の自動整形」の停止にチェックが付いていれば、改行スペースが反映されます。
------------------------------------------------------------------------------------------------------------------

便利プラグインですね^^

google+1　ボタン設置方法　～ワードプレス、ムーバブルタイプ～

2011年11月16日 21:58 takayuki | 個別ページ | コメント(0) | トラックバック(0)

最近は「google+」を利用される方も増え、「google+1」ボタンの設置機会も増加している為、メモ書きです。

コード生成は簡単。以下サイトにて取得します。

●プラスワンボタン
http://www.google.com/webmasters/+1/button/index.html

このページで
--------------------------
●サイズ
●カウンター表示
●対象ＵＲＬ
--------------------------
等を設定します。

コードは以下の通り、２か所に設置
------------------------------------------------------------------------------

<script type="text/javascript" src="https://apis.google.com/js/plusone.js"></script>


<g:plusone size="medium" href="xxxxx"></g:plusone>
------------------------------------------------------------------------------

href="xxxxx"部分に
【MovableTypeの場合】　ＭＴタグの<$mt:EntryPermalink$>を入力。
【Wordpressの場合】　WPタグの<?php the_permalink(); ?>を入力。
と記事ＵＲＬ取得タグを入れればブログ記事一覧画面でも、各記事のＵＲＬを取得可能です。

wordpressカスタマイズメモ　〜Contact Form 7を利用したフォーム制作〜

2010年2月 7日 13:19 takayuki | 個別ページ | コメント(0) | トラックバック(0)

お問い合わせはwordpressプラグインの「Contact Form 7」を使用します。

導入は簡単で
Contact Form 7をダウンロード
↓
プラグインフォルダwp-content/wp-plugins/内に一式アップ。
↓
管理画面「プラグイン」にContact Form 7が表示されますので、使用するをクリック。
↓
Contact Form 7編集画面でフォーム項目を編集し、フォームを表示させたいページに
コードを追加すればＯＫです。

詳しい情報はかちびと.netさんの
WordPressプラグインContact Form 7のメールフォームのデザインカスタマイズ
という記事で紹介されています。

これで簡易ＨＰは簡単に制作できてしまいます。
あとはスパム対策やもろもろ細かい設定なども対応したほうが良いですね。

wordpressは使いやすくてはまってしまいました。