タグ別アーカイブ: プラグイン

WordPress(ワードプレス)のページ送りを生成するおすすめプラグイン


WordPress(ワードプレス)のTwentytwelveテーマのデフォルトのページ送りが

「←過去の投稿」、「新しい投稿→」となっているのがユーザビリティーやデザインの面で

あまりよろしく無いのでページ送りのプラグイン入れてみました。 続きを読む

リンク先のスクリーンショットを簡単に記事に張り付けられるプラグイン!


WordPressのプラグインでとても便利なものを見つけたので紹介します!

ブログなどで他のサイトや紹介したいブログがあった際に、

スクリーンショット付ですとイメージが分かりやすく、ユーザーにも親切だと思います。

スクリーンショットをリンク先のサイトやブログで取り、

フォトショップやPicture Managerなどでトリミングをしたりする手間が省ける

「Browser Shots」というプラグインです 続きを読む

ページのトップへ戻るボタン「WP To Top」|WordPressのプラグイン

スポンサーリンク


このブログも少しずつページやカテゴリーも増えて、

ページによってはかなり下までスクロールするコンテンツが出来てきましたので

上までスルスルっと戻れるボタンを設置しようと思い調べました。

「ワードプレス トップへ戻る」で調べるとScroll to Topというプラグインが見つかりました。

がしかし、このプラグインを有効化して反映されたと思ったのですが

ページの真ん中に表示されてしまいユーザビリティを考えると

ブログが読みづらいので削除しました。

正直少し頑張ればCSSのpositonをいじってとかでできるだろうと思ったのですが

それすら面倒くさいなっと思いサクッと切り替えました

時間に余裕がある人はチャレンジしてみてください。

なので私は一発で位置も指定できるのは無いかと探し「WP To Top」にいきつきました。

位置も「設定」⇒「WP To Top」でPosition欄で変更できます。

Wptotop

デフォルトでrightなのでいじらずに済みます

文字(フォント)や文字の色、背景(バックグランド)の色も変えられます。

WPtotop2

 

ページの下にスクロールしていくと右下にBack to topと出てきます。

これを押すとページの上部へスルスルっと上がっていきます。

かなり便利なプラグインなのでおすすめです!

スポンサーリンク


ワードプレスでサイトマップを一発で表示できるプラグイン!

ワードプレスのサイトマップを生成するプラグイン

スポンサーリンク


WordPressのサイトマップ(グーグルのウェブマスター用のXMLではない)をプラグインを入れるだけで

表示できる「PS Auto Sitemap」

このプラグインで作成した当ブログのサイトマップページはこちら

PS Auto Sitemapの設定方法

プラグインの新規追加でPS Auto Sitemapと入力して検索。

プラグインを有効化します。

まずサイトマップ用の固定ページを作成します。

ダッシュボード左の「固定ページ」から「新規追加」をクリック

サイトマップ

 

タイトルとパーマリンクは自由に設定可能です。

テキスト編集で<!– SITEMAP CONTENT REPLACE POINT –>と入力します。

このページを公開しアップします。

次にダッシュボード左の固定ページから「固定ページ一覧」を選択

サイトマップ2

 

にマウスカーソルを乗せるとスクリーン左下に下記が出ます。

サイトマップ3

 

このpost=○○○の数字をメモ

次はダッシュボードの「設定」から「PS Auto Sitemap」を選択

PSAutoSitemap

 

サイトマップを表示する記事に数字を入力

変更を保存をクリックするとサイトマップ固定ページが完成です

スポンサーリンク


ワードプレスのシンタックスハイライトのプラグイン

スポンサーリンク


以前からWeb系のブロガーのブログで、

書いているコードに行がついていたり、

色が変わっていたり、

クリップボードにコピーできたり、

その部分だけ印刷できたりと

色々な機能がついているこれはなんていう名前なんだろう?と思ってました。

自分がブログを始めてソースコードを書いたりするなど

思ってなかったので調べなかったのですが、

言葉が分からないと調べようが無いなーと困っていましたが

これを機にチェックしてみました

チェックしたのはもちろんこれ(シンタックスハイライト)が使われているブログのソースです

ヘッダー内のソースをみていたら「syntaxhighlighter」という文字が見えこれでは!と思い

検索すると色々情報が出てきました!

いくつかのブログを読んで一番使いやすそうな「Crayon Syntax Highlighter」というプラグインを

導入してみました。

プラグインの設定はここでは端折りますw

使い方はシンタックスハイライトの二つのタグでソースコードをはさみます。

すると下記のように表示が変わります。

私のような未熟者ではまだあまり使いどころがないのですが

コードを情報提供できるようになったら使用頻度も上がりそうですね。

スポンサーリンク