サクサク読めて、アプリ限定の機能も多数!
トップへ戻る
ノーベル賞
wp.myafi.net
WordPressをもっと理解したい!もっと楽しみたい!という方に、使い方からカスタマイズ方法までをこってりと書いていますφ(..) プラグインをインストールする前に はじめに、WordPressにインストールしておくべきプラグインとして まとめてられているサイトはたくさんあるのですが、 すべてを鵜呑みにして何でもかんでも入れればいいというわけではありません。 プラグインは入れすぎるとサイトが重くなる原因になります。 また、プラグインを構成するプログラム同士が衝突しあって サイト上に何かしらの不具合が表れることもあります。 プラグインは用途に合わせて必要なものだけ選りすぐって入れるものです。 特に初心者の方は、このプラグインは必要だと言われても 本当に全部必要なのか見分けが付かないと思います。 なので、ここでは「最低限」これだけ入れておくといいですよ~ というプラグインをご紹介します。 最
子テーマについての前置き WordPressはほとんどの方が既存のテーマから お好みのものを選んで使用していらっしゃると思います。 テーマを初期状態のまま使うのももちろんアリ。 ですが、WordPressに慣れていくにつれて もっとこうしたいのにな~っていう要求は膨らむもの。 そんな時「カスタマイズしてみようかな?」と思い立ちます。 カスタマイズ方法を検索で調べると 「CSSファイル」がどうとか「PHPファイル」がどうとかって 丁寧に説明されているサイトはたくさんあります。 でも、その説明を見てそのままカスタマイズに踏み入ると おそらく「管理画面」→「外観」→「テーマの編集」から 直接テーマファイルを触ることになると思うんですね。 この方法が悪いとは言いませんが、 もしもテーマがバージョンアップされて その都度新しいテーマファイルをインストールし直すとしたら せっかくカスタマイズしたファイ
Webサイトを色々見ているとWordPressで作られたかサイトなのかどうかって 気になったりしますよね(`・ω・´) WordPressでこんなこともできるんやーってことが分かったりもします。 非常に勉強になりますよ~! ってことで、気になるサイトがWordPressを使用して作成されているのかを 確認する方法をお伝えします。 確認方法は色々あるんですが、まずは最も確実で楽ちんな方法から。 ずばりツールを使って確認 以下のWebサイトにアクセスしてドメイン名を入力するだけ。 ※WordPressがサブディレクトリ下に設置されているとうまく判定できないようです。 IS IT WORDPRESS? こんな表示が出たらWordPressサイト。 こんな表示だったらWordPressサイトではないってことです(´▽`) WordPressのログイン画面にアクセスして確認 URLの後ろに「wp-a
WordPressをもっと理解したい!もっと楽しみたい!という方に、使い方からカスタマイズ方法までをこってりと書いていますφ(..) CSS編集方法についての前置き 「管理画面」→「外観」→「テーマ編集」→「スタイルシート」から 変更すると思うんですけど、これってぶっつけ本番ですよね。 そもそもどこをどう触ればどう変わるのかよく分からないと思います。 実際にリアルタイムで反映を確認しながら編集ができればいいのに・・・ って、きっと誰もが思うはず! というわけで、それを叶える方法です。 Google Chromeのデベロッパーツールを使う Google Chromeというのはブラウザの種類です。 ブラウザ自体は他にもIEとかFirefoxとかありますが、 Chromeのデベロッパーツールは元から備わっている機能なので 非常に便利で重宝します。 Google Chromeのダウンロードはこちら
カスタマイズサポートにてヘッダー画像の導入方法を尋ねられることが多々あるので 設定手順を公開しておきます(´▽`) (といっても調べれば出てくるんですがw) 今回は依頼の中でも多いTCD010(Blogpress)テーマを使用して行なってみます。 まずはヘッダーのないまっさらな状態。 ここにヘッダー画像を作っていきます。 WordPressにカスタムヘッダー機能を導入 カスタムヘッダーはWordPress自体の機能で それを採用するかどうかはテーマ制作者次第なんですね。 テーマオプションやアイキャッチ画像、 カスタム投稿タイプと呼ばれるものなんかもそうです。 それぞれの機能をこのテーマ内で使用しますってことを示すためには 「function.php」にコードを書き足す必要があります。 今回のカスタムヘッダーを反映させるためのコードは以下です。 // カスタムヘッダー add_theme_s
WordPressをもっと理解したい!もっと楽しみたい!という方に、使い方からカスタマイズ方法までをこってりと書いていますφ(..)
WordPressのバージョンアップを行うと時々不具合が発生する場合があります。 私は3.9→4.0に更新してみた時、エディタの編集がめちゃくちゃやりにくくなって こりゃたまらん!と思いバージョンをとりあえず戻すことにしました(;´Д`) 他の方はこの不具合がなかったようなので環境によるものかもしれませんが、 念のためバージョンアップする時はマイナーアップデート後がおすすめです(´▽`) メジャーアップデート:3.9→4.0 マイナーアップデート:4.0→4.0.1 メジャーアップデートは仕様が大きく変更されるのに対し、 マイナーアップデートでは主にバグ修正など小規模です。 ダウングレードの手順 ここからWordPressをダウングレードする方法を書いていきます。 そんなに難しくないのですぐできますが、ファイルはしっかり確認してくださいね~! 以前のバージョンをダウンロードする 以下のサイ
アイコンや壁紙を設定したりアイキャッチ画像を用意したり・・・ と、WEBサイトを作る時に欠かせない存在なのが「素材」です。 今回はジャンル別に素敵な素材サイトをまとめさせていただきました! 無料、商用サイトでの使用可、リンク不要でも使用できるもののみですが ご使用の際は必ず配布サイトの利用規約をご確認ください。 JPG、PNG、GIFがメインなのでフォトショやイラレがなくても大丈夫です! 壁紙素材 Subtle Patterns 色合いや模様が主張し過ぎなくてちょうどいいです! フリーテクスチャ素材館 シームレスでも使えるリアルな質感のテクスチャ素材がたくさんあります。 somephoto 使いやすいテクスチャや壁紙にも使用できる大きな写真素材が多種多様! なんやかんやのパターン素材 ドット柄やチェック柄からちょっと変わった柄まで色々です。 写真素材 足成 写真素材といえば!というくらい有
WordPressはフロントページを「最新の投稿」か「固定ページ」、 どちらかを選べるようになってます。 CMSサイトとして運営する場合なら固定ページを使う人も多いのではないでしょうか! でもそうしたらブログページは使えないの?? ヘッダーメニューに「ブログ」とか書いて最新の投稿ページにリンクを貼ったりしたい・・・ というね、お問い合わせをいただいたのです(´・ω・`) 確かにそうですよね。 せっかくCMSサイトとしてもブログとしても使えるWordPress! どっちかしか使えないのならそれってWordPressの意味がない(笑) でも、大丈夫です。 フロントページに固定ページを設定しようとも、 別にちゃんとブログを表示させることができます(*^^*) 私も最初はプラグインとか使うんかなぁって思ってたりしてて、その辺りも調べてみたんですけど。 (固定ページに最新記事一覧を表示させるっていう
.block { padding: 20px; background: #ffe5e9; background: linear-gradient(to bottom, #fff, #ffc0cb); -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ffc0cb)); -moz-linear-gradient(top, #fff, #ffc0cb); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#FFffffff', endColorstr='#FFffc0cb'); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr
プラグインのインストールと設定 「TablePress」は管理画面から検索できます。 インストール後有効化してください。 有効化すると管理画面左側のメニューに「TablePress」が追加されます。 初期設定は特に必要ないんですが・・・ いきなりテーブルを作ってみるとこんな風になりました。 縦の線が表示されてないっていうね(´・_・`) いいっちゃいいんですけど、縦の線もあった方が分かりやすいので 下記の場所にCSSを追記しました。 「管理画面」→「TablePress」→「プラグインのオプション」→「カスタムCSS」 ※上部のタブに「プラグインのオプション」があります .tablepress tbody td, .tablepress tfoot th { border: 1px solid #ccc; } テーブルの新規作成 「TablePress」にカーソルを合わせて 「新しいテーブ
移行についての前置き まず、記事の引っ越しだけなら非常に簡単なんですが、 外部サービスなので画像リンクの貼り替えは相当めんどいです。 (手動で書き替えないとダメっぽい) WordPress→WordPressなら一括でドメイン書き替えるだけでいいんですけどね。 この作業がイヤやし、改行とかもアメブロ仕様になってるしってことで mayuの場合は記事の移行を諦めてアメブロのトップに 「ブログ新しくなりました→こちら」と書いておくことにします。 あの文法めちゃくちゃな改行コードは引き継ぎたくない(笑) アメブロからWordPressに移行すると アメブロを削除しない限り記事が2つずつ存在することになります。 検索エンジンは重複を除外したがるのでどちらか一方しか検索結果に表示してくれません。 その辺りも困る。 かといってアメブロをいきなり削除すると読者さんが離れる。 そんなわけで、アメブロにブログ
catは猫なんですかね?(ΦωΦ) WordPressを嗜んでる方ならほとんどの方が デフォルトからそれぞれお好みのパーマリンクに変更済みだと思うので カテゴリーページに表記される「category」という文字列は必要なの? と思われた方も多いはず。 必要か必要でないかというと、これは無くてもいい表示。 理想はドメイン名の下に直接カテゴリー名が表示されることですよね。 こうすることによって階層が1つ減らせるのでURLもスッキリします。 プラグインで簡単に非表示にできる そもそもこれごときの設定に プラグインを動かさなければいけないというのもアレですが、 1番簡単で単純な方法です。 プラグイン名は「WP No Category Base」。 管理画面から検索し、インストール後有効化してください。 何か設定が必要というわけでもなく、 有効化するとそれだけで「category」が非表示になります
このページを最初にブックマークしてみませんか?
『WordPressの使い方とカスタマイズ方法』の新着エントリーを見る
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く