サクサク読めて、アプリ限定の機能も多数!
トップへ戻る
災害への備え
wp.salt26.jp
以前にTwenty Fourteenの配色を変更する記事を書いたが、今回は検索枠部分の背景色を変更してみた。 Twenty Fourteenの左サイドバー部分にある検索枠である。 デフォルトでは検索枠はほぼ透過しており、サイドバー部分の背景色が変われば検索枠部分も背景色が変わったかのように見える。 しかし、検索枠のみの配色を変えるには別の指定が必要なのである。 続きを読む » WordPressにおいて、画像を多用する場合に連続で記事に挿入できるととても便利になります。 WordPrssのメディアを追加ウィンドウは、画像を挿入ボタンを押すと自動的に閉じてしまいます。 このウィンドウが閉じなければ!!なんて思ったことありませんか? 今回はこの連続投稿を可能にするカスタマイズを紹介します。 このカスタマイズでWordPressが一気に便利になりますので、必要な方はぜひ試してみてください。 ほん
アイキャッチ画像やら記事中の画像の数が増えてくると、Twenty Fourteenのデフォルト状態では若干メインコンテンツの横幅がせまく感じます。 そこで、メインコンテンツ部分の余白サイズを変更し、横幅を広げるカスタマイズをしたいと思います。 そして、おまけで、ページを中央表示にします。 予想に反して手こずってしまいました... style.cssの編集下記のコードを、子テーマにてTwenty Fourteenをカスタマイズしている場合には子テーマのstyle.cssに追記、Twenty Fourteenを直接編集している場合にはTwenty Fourteenのテーマディレクトリのstyle.cssの最下部に追記してください。 .site { margin: 0em auto; /* ページを中央表示 */ } .site-content .entry-header, .site-cont
WordPressでの記事が増えてくると、関連する記事を自動的に一覧表示したくなる時があります。 そういったプラグインも多数あるようですが、プラグインを使用せずに関連記事の一覧表示をやってみたいと思います。 プラグインを使わないことのメリットは、自分の好きなように応用できることです。 CSSなどで表示の仕方を工夫できます! WordPress動作も重くなりにくいと思います! Salty WordPress的コード私が実際に使用しているコードを紹介します。 私は同じカテゴリーに属する記事を関連記事として表示しております。 同じタグが付いたものを関連記事として表示するやり方も載せておきます。カテゴリーの場合 <?php // 同じカテゴリーの記事を関連記事として表示する $categories = wp_get_post_categories($post->ID, array('orderby
WordPressではブログ的な投稿ページの他に、固定ページというものが存在します。 固定ページには時間の概念がなく、投稿ページと別の使い方をすることにより、サイト内容がとても充実します。 今回はその固定ページを階層化し、親ページに子ページの一覧を表示する方法を紹介します。 プラグインを使わない方法ですので、細かなカスタマイズも自由自在です! 固定ページの階層化のさせ方簡単に子ページの作り方を説明します。 固定ページを作成・編集する際に、右側にあるページ属性部分の親を指定するだけです。 この指定のみで、固定ページが階層化されます。 階層化をやめたい時には親なしを指定し、深く階層化させたい場合には、孫に当たるページで親を作成済みの子ページに指定すればOKです。 子ページ取得ループを作成する子ページを作成したならば、子ページを取得し一覧表示をするループを作成してみましょう! <?php $ch
最近よく見かける、画像の上に半透明の帯を配置しテキストを表示する方法。 おしゃれですよね! また、文字部分は画像ではなくテキストなんです。 テキストでの表示は、後々に文字部分だけを編集したい場合にも簡単に対応できますし、SEO的にも良いと思います。 ほんの少しCSSをいじれば実現可能ですので、とてもオススメです。 今回はこの画像の上にテキストを表示する方法を紹介したいと思います。 サンプルコード CSSとHTMLCSS .sample { width: 200px; position: relative; } .sample p{ position: absolute; left: 0; bottom: 0.5em; color: #fff; margin: 0; padding: 5px 0 5px 3%; width: 97%; background: #000; filter: Al
WordPressのテーマのスタイルシートとは別に、固定ページや投稿記事に個別にCSSやJavaScriptを指定・追加したい場面があると思います。 とても難しそうな感じがしますが、実は簡単にできるのです。 今回はそんな便利な方法を紹介します。 プラグインは使わないで、テーマ編集の画面でfunction.phpを編集する方法です。 function.phpの編集function.phpに下記コードを追記します。CSSの場合 //Custom CSS Widget add_action('admin_menu', 'custom_css_hooks'); add_action('save_post', 'save_custom_css'); add_action('wp_head','insert_custom_css'); function custom_css_hooks() { add
WordPressをカスタマイズし、記事タイトル一覧のページを作成している方は多いと思います。 そのページ内でタイトルと一緒にアイキャッチ画像を表示すれば、さらに見やすいページが完成すると思います。 この画像のようなページです。 とても簡単にできるカスタマイズなので、ぜひ挑戦してみてください。 the_post_thumbnailを使用するアイキャッチ画像を表示する一番簡単な方法は、アイキャッチ画像を表示したい場所に、
このページを最初にブックマークしてみませんか?
『Twenty Fourteenの検索枠の色変更 | Salty WordPress』の新着エントリーを見る
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く