ハイライト表示

プラグイン

Luxeritas3.x以降にはPrism.jsを使ったハイライト機能が標準で装備されています。そちらの利用をおすすめします。 先日、記事中のコードをハイライトするプラグインとしてAPH Prism Syntax Highlighterを紹介しました。 APH Prism Syntax Highlighter で、その後、プラグインを使用せずにPrismを使う方法を書こうと思っていましたが、今回紹 ...

トップページ, 固定ページ

各種設定

こんにちは! 昨日、当サイトのトップページを「最新の投稿」から「固定ページ」に変更してみました! お試しでやったので、すでに通常表示になっていますw WordPressを使い始めてからずっと疑問に感じながらもそのままにしていた「表示設定」。 ま、無料ブログの時のように使うのであれば、最初の設定どおりトップページは「最新の投稿」でよかったわけですから。 今回は、トップページを固定ページに変更する手順 ...

2017.12.14おすすめ

カスタマイズ

こんにちは! 今日は縦長のページを下の方までスクロールした時に、右下に表示されるボタンのカスタマイズをしてみましょう! ページトップボタンのカスタマイズ デフォルトのボタン こんな感じですね! こんな風にしてみたい カスタマイズする 開く「外観」「カスタマイズ」「細部の見た目」 PAGE TOPボタンのテキストは空白にします。 アイコン:「fa-arrow-up」を選ぶ 角の丸み: 「50」 背景 ...

2017.12.13拍手ボタン

プラグイン

こんにちは! WEB拍手ボタンの記事を書くときに、他にいいものないかな~と探していると、見っけました! 気軽に「いいね!」が押せるプラグイン WP ULike デフォルトで記事に設置すると3パターンあります パターン1 よくある「いいね」のマークに似ています。 パターン2 ハートのマークをクリックしたあとは、ハートがふたつに割れたマークに変わります。 そのデザインがいけてないなぁと感じました。 パ ...

サイドバー, 並べ替え

プラグイン

みなさんはサイドバーにカテゴリ一覧を表示されていらっしゃいますか?いますよね。 WordPressでカテゴリーを作成すると、abc順?なんか規則性はよくわかりませんが、とにかく自動的に並び順が出来ますよね。 これを手動で並べ替える機能を追加するため、プラグインをインストールしたいと思います。 【2017.12.21】カテゴリーの並べ替えは、Custom Taxonomy Order NEに変更しま ...

拍手ボタン

プラグイン

FC2ブログで利用していた「拍手」ボタン コメントはハードルが高いけど、拍手ボタンを押すぐらいなら、という方もいると思うので気に入っていました。 WordPressでも使えないかとFC2拍手を調べてみましたが、記事ごとへの設置は無理で、出来たとしてもトップページどまりでした。 そこで、プラグインはないものかと調べて見つけたのがMaroyaka WebClap for WordPress 使い方はお ...

2017.12.11WordPress, ハイライト表示

プラグイン

Luxeritas3.x以降にはPrism.jsを使ったハイライト機能が標準で装備されています。そちらの利用をおすすめします。 このサイトでカスタマイズ内容を紹介する際、記事本文中にstyleやHTMLなどのコードを表示させることがあります。 どんなコードでも<pre>と<code>タグで囲めば表示させることは可能です。 デフォルトで書いた場合 #side h3, #col ...

2017.12.08ルクセリタス

使い方

こんばんは! 今日は、こちらをマルチサイト化したために、どういうわけか意図せずパーマリンクが変わってしまい、記事が表示されず焦りました。 とりあえず、元に戻しました。やれやれ。 ところで、皆さんは、記事の下部に投稿者名を表示されていますか? ルクセリタスだと Posted by ですね。他に執筆者とか編集者とかありますが 著者情報はSEO的には必ず表示させておいた方がいいらしいです。 で、その部分 ...

メディア, 画像サイズ

使い方

皆さんはWordPressを使用してサイトにメディアを追加するとき、どうされていますか? たとえば、1834×1138のsample.png(105KB)を「メディア」→「新規追加」からアップロードするとどうなるでしょう。 画像のアップロードサイズを知る FTPツールでディレクトリの中を確認してみる これだけの数のファイルが存在します。なんと12個! 番号をつけてみました メディア設定 上の3つの ...

ヘッダー, ルクセリタス

使い方

サイトのヘッダーに画像があると印象的になりますよね。 今日はヘッダー画像の入れ方についてご紹介します。 外観(ヘッダー)をカスタマイズする サイトのサイズを知る まずサイトの横幅サイズを調べましょう。 開く「外観」「カスタマイズ」「全体レイアウト」 横幅にあったヘッダー画像を準備する 私の利用している素材サイトは無料イラストなら【イラストAC】です。 ダウンロードするのであればIllustrato ...