joppot

コピペで絶対動く。説明を妥協しない

プログラミング

Customize wordpress bogo plugin’s short code

投稿日:



Abstract

Hello everyone, It’s me candle.
In this time, I will show you how to customize wordpress bogo short code.
The items to introduce are these.

  • The flag display or hide
  • Change the text


Related article

How to change the language form “en-US” to “en” by wordpres bogo

Precondition

WordPress bogo has been installed
You can edit the theme of wordpress


The flag display or hide

Bogo’s short code will show links to other languages.
The flags will be displayed automatically.

In some cases, you don’t need flags.
Let’s hide it.

Open the functions.php in each theme’s folder.
It is generally in the following place.

wp-content/themes/”theme name”/functions.php

Write it.

add_filter( 'bogo_use_flags','bogo_use_flags_false');
function bogo_use_flags_false(){
 return false;
}

You return false with add_filter, the flags will be hide.


It’s seems good.

Change the displayed text

For example, if you change the language from en-US to en,
you feel strange that English text is still “English (United States)”.

From here, I will show you how to change the text from “English (United States)” to “English”.
Of course, you can also change the something another letters.

Open the functions.php and write this.

add_filter( 'bogo_language_switcher','replace_bogo_text');
function replace_bogo_text($output){
 return str_replace(' (United States)','',$output);
}

Actually this function is quite a power technique.
It replaces the whole result generated by [bogo].
I tried to find out the more smart method, but I think that this is the best for now.

You can see that the text is changed.

Change the short code from the foundation

There is a method to change from the fundamentally rather than a change like a patch.
That method is to override the function to generate short code in the bogo plugin.

When large-scale changes, you can customize more finely using this method.
Although I don’t write it in this article, it is written in the following site in detail.

(It is written in Japanese)
https://qox.jp/blog/bogo-wordpress/

Conclustion

Enjoy your wordpress life.

スポンサードリンク

If you think this article is good, share it please

-プログラミング
-,

執筆者:


comment

Your email address will not be published. Required fields are marked *

関連記事

Create the simplest drop down menu in React

Abstract Hello everyone it’s me candle. In this time we will make a most simple drop down menu. Condition Knowledge of react Preparation We create a react project with the below command. create-react-app hello-menu Open src/App.js and write this. import React, { Component } from 'react' class App extends Component { render() { return ( <div> <p>hello menu</p> </div> ) } } export default App Create a components directory in the src directory. mkdir src/components Create a DropDownMenu.js file in the src/components directory. touch src/components/DropDownMenu.js Now on ready. Create a Drop down menu Open the src/components/DropDownMenu.js and write these. import …

How to change the language form “en-US” to “en” by wordpres bogo

English 日本語 Abstract Hello everyone, It’s me candle. In this time, I will show you to customize bogo plugins. The bogo is wonderful plugin which can adapt the wordpress site to many languages as a simple. but, there is a problem that you can’t choose general English. When writing English articles, you may not always have to write it limited to country. However, you can choose ‘en-UK’, ‘en-CA’ and ‘en-US’, but ‘en’ can not be chosen in bogo. I checked the source code. The bogo got a language list from wordpress function, and there is no general English in it. …

I created docker shortcut command with bash alias

Abstract Hello everyone it’s me candle. I will introduce easy operation of the docker command. Of course, I just created it thinking that it was useful, so please change it for much more useful. Precondition You use bash. ( Even though you use zsh or csh or something else, you edit a bit, it will work well) You use docker

Tutorial to create a modal using react-modal

Abstract Hello everyone it’s me candle. In this time, let’s create a modal with react-modal. React-modal is a library which can create and handle a modal easily. But However, react-modal is not easy if you try to actually use it. it is necessary to incorporate state management, action, design etc. In this article, I will explain it like a tutorial and we will make a modal together. Condition You have a react knowledge. You installed create-react-app. Set up development env If you already have a some react project, you would use it. Otherwise, you don’t have a any project, please …

How to fix the background scroll of react-modal

Abstract Hello everyone it’s me candle. This time I will solve the react-modal background moving problem when you scroll. Condition You use react Completed sample code If you want to run the sample code actually, you would need to install two libraries before. faker is installed for dummy data generation. yarn add faker react-modal First, I will write the sample code of the completed version. This is described in src/App.js. import React, { Component } from 'react' import Faker from 'faker' import Modal from 'react-modal' Modal.setAppElement('#root') class App extends Component { constructor(props) { super(props) this.state = { users: [], user: …


I work in the venture company as a CTO. I start to write program in University, first I learned java, C++ and PHP. In the company, I'm developing web services by Rails. I do like to automation.